@charset "utf-8";
/* CSS Document */

.aside-wrap {margin: 24px 0 11px 4%; padding:22px; background-color:#fff;}


@media only screen and (max-width: 990px){
	.aside-wrap {    margin: 3% 0 2% 0;}
}

.attorney-profile {width:35%; float: right; padding:0.6%; border: 1px solid #bbb; margin: 0 0 3px 6px;}
.practice-area-s {border:1px solid #ddd; padding:0% 0 7px 0; margin: 0 0 5px 0; /* Permalink - use to edit and share this gradient: https://colorzill a.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */  }
.practice-area-s a:link {text-decoration: none; display: block; padding:2% 2% 4% 2%; }
.practice-area-s a:visited {text-decoration: none; }

.practice-area-s:hover i {color:#003147;}
.practice-area-s:hover h3 {color:#fff; text-shadow: 0 0 3px #000;}

.bg-redfade {background-color:#08415c;}

.icon-round-column {    padding: 7px;
    border-radius: 7px;
    margin: 0 10px 0 0;
    font-size: 34pt;
    display: block;
    float: left; }


.practice-area-s:hover {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#003147+0,0e5f87+100 */
background: rgb(0,49,71); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,49,71,1) 0%, rgba(14,95,135,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,49,71,1) 0%,rgba(14,95,135,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,49,71,1) 0%,rgba(14,95,135,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003147', endColorstr='#0e5f87',GradientType=0 ); /* IE6-9 */}

.practice-area-s:hover .bg-redfade {/* Permalink - use to edit and share this gradient: https://colorzill a.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ border-color:#0e5f87;}

.practice-area-s:hover i {color:#003147;}
.practice-area-s:hover h3 {color:#fff; text-shadow: 0 0 3px #000;}


.practice-area img {}
.practice-area h3 {font-size: 1.95em;text-align:center; color:#602f38; padding:0 0 1.2% 0; margin:0}
.practice-area p {font-size:1.1em; padding:0 3% 2% 3%; margin:0;}
.practice-area i {font-size:80px; display: block; margin: auto; text-align: center;}
.practice-area a:link {text-decoration: none;}
.practice-area a:hover {text-decoration: none; color:#fff; }
.practice-area:hover {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#602f38+0,3f1f28+100&0.6+0,0.9+100 */
background: -moz-linear-gradient(top, rgba(96,47,56,0.6) 0%, rgba(63,31,40,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(96,47,56,0.6) 0%,rgba(63,31,40,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(96,47,56,0.6) 0%,rgba(63,31,40,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99602f38', endColorstr='#e63f1f28',GradientType=0 ); /* IE6-9 */}


.practice-area:hover .text-white {color:#003147;}
.practice-area:hover h3 {color:#ddd;}

@media only screen and (max-width: 1200px){

	.practice-area h3 {font-size: 1.65em;}}

@media only screen and (max-width: 1120px){

	.practice-area h3 {font-size: 1.45em;}}

@media only screen and (max-width: 820px){

	.practice-area i {font-size:60px;}}