/*--
	Theme Name: theme44337
	Theme URI: http://template-help.com/
	Description: A theme for Wordpress 3.5.x + from Template-Help.com Collection
	Author: Template_Help.com
	Author URL: http://www.Template-Help.com/
	Template: CherryFramework
	Version: 1.1
	MotoPress Version: 1.2
--*/
@import url("main-style.css");
@import url("superlawyers/toplist.css");
@import url("superlawyers/search.css");
@import url("superlawyers/lawschool.css");

ul, ol {
	margin-bottom: 20px; /* to match <p> tags */
}

/*** MENU CROSSFADE ***/
.menu-holder {
	background-color: #FFA500;
}
.menu-block {
	border-top: #FFA500;
}
.menu-block, #topnav li.current-menu-item, #topnav li.sfHover, #topnav li:hover {
	color: #FFF;
	background-color: #FF9600;
	background-repeat: repeat-x;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF8200), to(#FFA500));
	background: -webkit-linear-gradient(top, #FFA500, #FF8200);
	background: -moz-linear-gradient(top, rgb(255,165,0), rgb(255,130,0));
	background: -ms-linear-gradient(top, rgb(255,165,0), rgb(255,130,0));
	background: -o-linear-gradient(top, rgb(255,165,0), rgb(255,130,0));
}

#topnav {
	height: 90px;
}
#topnav li a {
	border-left: 1px solid #FFF;
	line-height: 65px;
} 
#topnav li:first-child a {
	border-left: none;
}
/*** end MENU CROSSFADE ***/

#topnav li.current-menu-item > a {
	color: inherit;
}
#topnav li .sub-menu li a {
	font: 12px/18px 'Arial', sans-serif
}

/*** SEARCH BOX IN MENU ***/
#nav_bar_items {
	float: left;
	width: 65%;
	margin-left: 0;
}
#lsg_search_box {
	float: right;
	width: 27%;
}
#lsg_search_form {
	margin: 0;
	padding: 15px 0 0 0;
}
#search_lsg_query_label {
	margin-bottom: 10px;
	font: normal 18px/18px Arial, sans-serif;
	color: #FFF;
	cursor: default;
	text-transform: uppercase;
}
#search_lsg_query_field {
	width: 85%;
	background: no-repeat 3px 3px  url('http://i.superlawyers.com/shared/mag-glass-darkgray-20x20.png') #FFF;
	padding: 3px 0 3px 30px;
	font-size: 120%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* these media-queries follow main-style.css for this WP Template */
@media screen and (max-width: 1200px) {
	.main-holder {
		width: 100%;
	}
}
@media screen and (max-width: 1199px) {
	.main-holder {
		width: 100%;
	}
	#nav_bar_items {
		width: 70%;
	}
	#lsg_search_box {
		width: 30%;
	}
	#search_lsg_query_label {
		font-size: 16px
	}
}
@media screen and (max-width: 979px) {
	#lsg_search_box {
		width: 28%;
	}
	#search_lsg_query_label {
		margin-top: 3px;
		margin-bottom: 7px;
		font-size: 12px;
	}
	#search_lsg_query_field {
		width: 80%;
	}
}
@media screen and (max-width: 767px) {
	#nav_bar_items {
		width: 100%;
		margin-bottom: 15px;
	}
	.nav__primary {
		margin-top: 30px;
	}
	#lsg_search_box {
		width: 80%;
		margin: 0 10% 15px 10%;
	}
    #search_lsg_query_label {
	    font-size: 14px;
    }
	#search_lsg_query_field {
		width: 90%;
	}

}

@media screen and (max-width: 440px) {
	#law_school_table .percent_of_total, .percent_of_total {
		display: none;
	}
	#search_lsg_query_field {
		width: 88%;
	}
}
/*** end SEARCH BOX IN MENU ***/


/*** HOME PAGE HERO ***/
#hero_box {
	height: 385px;
	padding: 10% 0 0 0;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-size: contain;
}
#hero_box_alt {
	display: none;
}
#red_half_tylenol {
	width: 33%;
	height: 220px;
	background-color: #A00000;
	color: #FFF;
	-webkit-border-bottom-right-radius: 110px; /* radius = half the height */
	-moz-border-radius-bottomright: 110px;
	border-bottom-right-radius: 110px;
	-webkit-border-top-right-radius: 110px; /* radius = half the height */
	-moz-border-radius-topright: 110px;
	border-top-right-radius: 110px;
}
#sl_presents {
	padding-top: 23px;
	padding-right: 45px;
	text-align: center;
	text-transform: uppercase;
	font-style: italic;
}
#red_half_tylenol_text {
	width: 80%;
	padding-top: 10px;
	padding-left: 20px;
	text-align: center;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 37px;
}

/*** end HOME PAGE HERO ***/

/*** PAGE LEVEL ITEMS ***/
.page_heading {
	margin-bottom: 15px;
	line-height: 1.4;
	font-size: 130%;
	color: #A00000;
	text-transform: uppercase;
}

/** Quotes **/
.sl_quote {
	float: left;
	height: 100%;
	margin: 0 0 20px 0; /* to match <p> and now <ul>/<ol> tags */
	padding: 0 5px 10px 0;
	background-color: rgb(240, 240, 240);
}
.sl_quote_opening_mark {
	width: 33px;
	vertical-align: top;
	background: no-repeat url(http://i.superlawyers.com/shared/law_school_guide/L_quote.png);
}
.sl_quote_main_content {
	margin: 0;
	padding: 11px 0 0 0;
}
.sl_quote_main_content_text {
	margin-bottom: 10px;
	font-style: italic;
	font-size: 115%;
}
.sl_quote_closing_mark {
	width: 31px;
	height: 31px;
	margin: 0;
	padding: 0;
	display: inline-block;
	background: no-repeat url(http://i.superlawyers.com/shared/law_school_guide/R_quote.png);
}
.sl_quote_small_lines {
	margin-bottom: 4px;
	line-height: 1;
	font-size: 80%;
	font-style: italic;
}
/** end Quotes **/


/*** end PAGE LEVEL ITEMS ***/

/*** FOOTER ***/
.footer {
	background-color: #FFF;
}

.sl_gray_bar{
	clear: both;
	width: 100%;
	height: 2px;
	margin: 10px 0;
	background-color: #C8C8C8;
}
#sl_footer_text_link_div {
	float:left;
	clear:both;
	margin: 25px 0;
}
#sl_footer_text_link {
	margin-left: 15%;
	font-size: 150%;
	color: #787878;
}
#sl_social_media_buttons_div {
	margin: 33px 0 0 0;
	min-height:25px;
}
#sl_social_media_buttons_div > div {
	float: right;
}

#footer_copyright_div {
	margin: 60px 0;
}
#tr_footer_logo a {
	text-decoration: none;
}
#tr_footer_logo_image {
	float: left;
	margin: 0 0 0 8px;
	border: none;
}
#tr_footer_copyright_text {
	margin: 0 13px 0 0;
	padding: 14px 0 0 0;
	text-align: right;
	font-size: 13px;
	color: #000;
}

@media screen and (max-width: 780px) {
	#tr_footer_copyright_text {
		float: left;
		clear: both;
		margin: 0 0 10px 20px;
		text-align: left;
	}
}
@media screen and (max-width: 700px) {
	#sl_social_media_buttons_div {
		float: left;
		clear: both;
		margin: 0px 0 20px 0;
		padding: 0;
		line-height: 2;
	}
	#sl_social_media_buttons_div > div {
		float: left;
	}
}
@media screen and (max-width: 440px) {
	#sl_footer_text_link {
		margin-left: 0%;
	}
}
/*** end FOOTER ***/



/*** FIX HOME PAGE PRIMARY BUTTONS ***/

.excerpt {
	display: none;
}
.recent-posts.services li {
	width: 20%;
	margin: 0;
}
.recent-posts.services li > div {
	width: 234px;
	height: 220px;
	padding: 0 10%;
	vertical-align: middle;
	display: table-cell;
	position: relative;
}
.recent-posts.services li h5 {
	width: 186px;
	margin-bottom: 25%;
	font: normal 23px/30px Arial, sans-serif;
}
.recent-posts.services li .btn {
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 40%;
}
.recent-posts.services li a {
	width: 186px;
	transition: none;
}

.recent-posts.services li:nth-child(1) > div {
	background-color: #FFB400;
}
.recent-posts.services li:nth-child(2) > div {
	background-color: #FF9100;
}
.recent-posts.services li:nth-child(3) > div {
	background-color: #E25625;
}
.recent-posts.services li:nth-child(4) > div {
	background-color: #DC0A0A;
}
.recent-posts.services li:nth-child(5) > div {
	background-color: #A00000;
}


@media screen and (max-width: 1200px) {
	.recent-posts.services li h5 {
		font: normal 20px/25px Arial, sans-serif;
	}
	.recent-posts.services li .btn {
		width: 37%;
	}
	.recent-posts.services li > div, .recent-posts.services li h5 {
		width: 100%;
	}
}

@media screen and (max-width: 979px) {
	.recent-posts.services li {
		width: 232px;
		margin: 0 0 1% 1%;
		float: left;
	}
	.recent-posts.services li > div {
		width: 232px;
	}
	.recent-posts.services li h5 {
		width: 186px;
	}
}
@media screen and (max-width: 767px) {
	.recent-posts.services li {
		width: 49%;
	}
	.recent-posts.services li div {
		width: 49%;
	}
	.recent-posts.services li h5 {
		width: 100%;
	}
}
@media screen and (max-width: 640px) {
	.recent-posts.services li h5 {
		font: normal 18px/22px Arial, sans-serif;
	}
	.recent-posts.services li .btn {
		width: 50%;
	}
}
@media screen and (max-width: 600px) {
	.recent-posts.services li {
		width: 47%;
	}
}
@media screen and (max-width: 375px) {
	.recent-posts.services li {
		width: 88%;
	}
	.recent-posts.services li div {
		/*width: 100%;*/
	}
	.recent-posts.services li h5 {
		/*width: 100%;*/
	}
}
/*** end FIX HOME PAGE PRIMARY BUTTONS ***/


/*** MORE HOME PAGE FIXES ***/
#home_page_opening_text {
	margin: 20px 0 20px 31px; /* 31px undoes parent div's -31px(what?!?) margin */
	background-color: #ebebeb;
	padding: 20px 20px 1px 20px;
}
@media screen and (max-width: 1200px) {
	#home_page_opening_text {
		margin-left: 20px; /* still matching parent div */
	}
	#hero_box {
		height: 308px;
	}
	#red_half_tylenol_text {
		font-size: 25px;
		padding-left: 12px;
	}
    #sl_presents {
	    font-size: 15px;
    }
}
@media screen and (max-width: 979px) {
	#hero_box {
		height: 238px;
	}
	#red_half_tylenol {
		height: 180px;
	}
	#red_half_tylenol_text {
		font-size: 20px;
		padding-left: 10px;
		line-height: 25px;
	}
	#sl_presents {
		padding-right: 23px;
		font-size: 12px;
	}
}
@media screen and (max-width: 767px) {
	#home_page_opening_text {
		margin-left: 0px; /* still matching parent div */
	}
	#hero_box {
		display: none
    }
    #hero_box_alt {
		display: inline;
    }
    #sl_presents {
	    float: left;
	    color: rgb(80,80,80);
	    font-size: 17px;
	    font-style: normal;
	    text-transform: none;
    }
    #red_half_tylenol_text {
	    float: left;
		width: 100%;
	    padding-left: 0;
	    color: #A00000;
	    font-size: 20px;
	    text-align: left;
    }
}
/*** end MORE HOME PAGE FIXES ***/

/*** TOP 10 RIBBON LISTS ***/
.sl_top_ten_ribbon_block {
	float: left;
	clear: both;
	width: 100%;
	margin: 70px 12px 20px 0;
	padding: 0;
	color: #9F1D22;
}
.sl_top_ten_ribbon_heading {
	margin: -60px 20px 0 20px;
	padding: 10px;
	background-color: #A00000;
}
.sl_top_ten_ribbon_heading #sl_top_ten_ribbon_heading_first_line {
	margin-bottom: 7px;
	font-size: 130%;
	color: rgb(255,255,255);
	text-align: center;
	text-transform: uppercase;
}
.sl_top_ten_ribbon_heading #sl_top_ten_ribbon_heading_second_line {
	font-size: 90%;
	color: rgb(255,255,255);
	text-align: center;
}
.sl_top_ten_links {
	border: solid 1px #A00000;
	margin: -15px 20px 0 20px;
	padding: 25px 10px 0 10px;
}
.sl_top_ten_links ol {
	margin-bottom: 10px;
}
.sl_top_ten_links li {
	margin-bottom: 10px;
}
.sl_top_ten_links li a {
	color: #A00000;
	font-size: 90%;
}
.sl_top_ten_subscript {
	font-size: 90%;
	color: rgb(120, 120, 120);
	margin: 10px 20px 0 20px;
}

@media screen and (max-width: 767px) {
	.sl_top_ten_ribbon_block {
		float: none;
		width: 380px;
		margin-left: auto;
		margin-right: auto;
	}
	.sl_top_ten_ribbon_block:nth-of-type(2) {
		padding-top: 70px;
	}
}
@media screen and (max-width: 430px) {
	.sl_top_ten_ribbon_block {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
}

/*** end TOP 10 RIBBON LISTS ***/


/* just a bold class */
.b {
	font-weight: bold;
}
.lsg_banner_image_link {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 60px;
}



#top_100_main_content_div #top_100_header {
	font-size: 300%;
	line-height:1.3;
}

#top_100_main_content_div p {
	margin-top: 15px;
}

@media screen and (max-width: 1200px) {
	#top_100_main_content_div #top_100_header {
		font-size: 210%;
	}
}
@media screen and (max-width: 979px) {
	#top_100_main_content_div #top_100_header {
		float: left;
		clear: both;
		width: 100%;
		margin: 0px auto;
		line-height: 1;
		text-align: center;
	}
	#top_100_main_content_div img {
		margin: auto;
		float: none;
		display: block;
	}
}
@media screen and (max-width: 600px) {
	#top_100_main_content_div #top_100_header {
		font-size: 200%;
	}
}
@media screen and (max-width: 470px) {
	#top_100_main_content_div #top_100_header {
		font-size: 180%;
	}
}





#content {
	padding-top: 40px;
}