@charset "utf-8";
/*
Theme Name: Hustler - Subsite Stylesheet Override
CSS/Theme URI: http://www.hustler.com/

MAIN COLOR: #db0303
*/

body { background:#e7e7e9; text-align:center; color:#111; }
#header { position:relative; }
.header_spacer { display:none; }
#page_body { display:inline-block; width:1200px; margin:0 auto; padding:0 15px; background:#FFF; vertical-align:top; }
#hero, .content { background:none; }
#footer { margin:0 -15px; padding:0 15px; }

#top_bar { text-align:center; background:#202020; color:#FFF; padding:10px 0; margin:0 -15px; text-transform:uppercase; }
#top_bar h1, #top_bar h2, #top_bar h3 { font-weight:700; font-size:16px; margin:0; }
#top_bar h1 a:hover, #top_bar h2 a:hover, #top_bar h3 a:hover { color:#FFF; }

.mean-container .mean-nav ul li a:hover { color:#db0303}
.mean-container a.meanmenu-reveal { background:#db0303; }

#logo { max-width:400px; }
#header #search { margin-top:25px; }
#menu { margin-top:20px; }
#hero { padding-top:0; overflow:hidden; }

.highlight { color:#db0303 !important; }
a, a:visited { color:#db0303; }
a:hover, a:focus { color:#222; }
#menu > ul li a.menu_join { background:#db0303; text-shadow:#222 1px 1px 1px; }
#menu > ul li a:hover.menu_join { color:#db0303; background:#f1f1f1; text-shadow:#FFF 1px 1px 1px; }
.title { color:#db0303; }
ul.sorting li a:hover, ul.sorting li a.active, .modelCharacter li a:hover, .modelCharacter li a.active, .modelCharacter li.active a { background-color:#db0303; color:#FFF; text-shadow: #222 1px 1px 1px; }

.item.item-site .item-info { min-height:0; }

.item-info { padding:10px 0; text-align:left; }
.item-info, .item-info .stars, .item-info .stars:before { background:#FFF; }

.item-info h4, .item-info h4 a { color:#222; text-shadow:none; }
.item-info h4 a:hover { color:#db0303; }
#footer ul.links li a:hover { color:#db0303; }
.item-info h5 { text-shadow:none; }
.item-info h5 a { color:#db0303; }
.item-info h5 a:hover { color:#222; }
.items.four-per-row .item.item-photo .item-info h4 a { color:#222; }
.items.four-per-row .item.item-photo .item-info h4 a:hover { color:#db0303; }
.items.four-per-row .item .item-info h4 a { color:#db0303; }
.items.four-per-row .item .item-info h4 a:hover { color:#222; }
.content.join-page { background:#FFF; }
.section-box { background:transparent; }
.tabs ul.tabs-options li a { background:#CCC; color:#222; }
.tabs ul.tabs-options li a:hover, .tabs ul.tabs-options li a.active { background:#f1f1f1; color:#db0303; }
.gallery .gallery-info { background:none; padding:15px 0; }
.gallery .gallery-info h4 a:hover, .gallery .gallery-info .gallery-meta a:hover { color:#222; }
.gallery .gallery-info a:hover.gallery-join { background:#db0303; color:#FFF; }
.item-thumb a span.join_now { background:#db0303; }

:hover.overCol { border-bottom:6px solid #db0303; }

a.footer-join { color:#FFF; background:#db0303; text-shadow:none; }
a:hover.footer-join { color:#FFF; background:#222; }

.pagination li a { border:1px solid #CCC; color:#222; }
.pagination li.pagnav_arrow a:hover { color:#db0303; border:1px solid #CCC; }
.pagination li a:hover, .pagination li a.active, .pagination li.active a { color:#db0303; border:1px solid #CCC; background:#f1f1f1; }

.gallery .gallery-tabs ul li, .gallery .gallery-tabs ul li a { background:#f1f1f1; color:#111; }
.gallery .gallery-tabs ul li a i.fa { color:#db0303; }

#header.join-header { background:none; }
#header.join-header #menu > ul li a { color:#222; }

.section-box .step { background:#db0303; color:#FFF; }
.section-box h2 { color:#db0303; }
.section-box.join-image  ul li i.icon_check { background:url('../images/icon_check_subsite.png') no-repeat; background-size:contain; }
.section-box.join-image  ul { background:#f1f1f1; }
.section-box.join-image  ul li { background:#FFF; color:#222; border-bottom:2px solid #f1f1f1; }
.section-box input.btn-submit { background:#db0303; }
.section-box input:hover.btn-submit { background:#222; }
.section-box hr { border:#FFF solid; border-width:1px 0 0; }
.section-box .secure .secure-text { color:#444; }
.section-box .secure .secure-text a { color:#222; }
.section-box .secure .secure-text a:hover { color:#db0303; }

/*New Styles:*/
.call2action a.btn-join, .call2action-megapass a.btn-join, .call2action-midpage a.btn-join, .call2action-megajoin a.btn-join { display:inline-block; color:#FFF; background:#db0303; font-size:34px; font-weight:800; padding:20px 40px; border-radius:4px; margin-top:20px; }
.call2action a:hover.btn-join, .call2action-megapass a:hover.btn-join, .call2action-midpage a:hover.btn-join, .call2action-megajoin a:hover.btn-join { background:#222; }

.call2action-megapass { display:inline-block; width:100%; text-align:center; padding:10px 0; font-size:18px; color:#b7b8b8; margin-bottom:30px; }
.call2action-megapass h2 { display:inline-block; width:100%; text-align:center; vertical-align:top; color:#222; font-weight:700; font-size:26px; margin:10px 0; }
.call2action-megapass ul { display:block; margin:0; padding:10px; text-align:center; background:#202020; font-size:14px; }
.call2action-megapass ul li { display:inline-block; width:290px; margin:2px 1px; background:#eeeeee; color:#111; font-size:14px; text-align:center; vertical-align:top; padding:15px 0; border-radius:4px; font-weight:700; text-shadow:#FFF 1px 1px 1px; }

.call2action-midpage { display:inline-block; width:100%; text-align:center; padding:10px 0; font-size:16px; color:#eee; margin-bottom:30px; }
.call2action-midpage a.gray-box { display:block; padding:20px 25px; background:#202020; color:#eee; }
.call2action-midpage a.gray-box .white-box { display:block; padding:20px 10px; background:#FFF; color:#222; margin-bottom:20px; }
.call2action-midpage a.gray-box .white-box h3 { display:inline-block; width:100%; margin:0; font-size:36px; font-weight:700; }
.call2action-midpage a.gray-box .white-box h4 { display:inline-block; width:100%; margin:0; font-size:14px; font-weight:400; color:#666; }
.call2action-midpage .columns { display:inline-block; width:100%; text-align:left; }
.call2action-midpage .columns .col { float:left; width:360px; padding-right:10px; margin-right:10px; border-right:1px solid #555; }
.call2action-midpage .columns .col:last-child { padding-right:0; margin-right:0; border-right:0; }
.call2action-midpage .columns .col.col3 { width:388px; text-align:center; }
.call2action-midpage .columns .col.col3 h4 { display:inline-block; width:100%; margin:0; font-size:26px; font-weight:300; }
.call2action-midpage .columns .col.col3 h3 { display:inline-block; width:100%; margin:0; font-size:48px; font-weight:800; }
.call2action-midpage .check-item { display:inline-block; width:100%; border-bottom:1px solid #555; padding-bottom:10px; margin-bottom:10px; }
.call2action-midpage .check-item:last-child { border-bottom:0; margin-bottom:0px; }
.call2action-midpage .check-item i.icon_check { display:inline-block; width:20px; height:20px; background:url('../images/icon_check_subsite.png') no-repeat; margin:0 0px 0 5px; vertical-align:bottom; }
.call2action-midpage a:hover.gray-box { background:#333; }
.call2action-midpage a:hover.gray-box .columns .col.col3 h4, .call2action-midpage a:hover.gray-box .columns .col.col3 h3 { color:#db0303; }
.call2action-midpage a:hover.gray-box .white-box { background:#db0303; }
.call2action-midpage a:hover.gray-box .white-box h3 { color:#FFF; }
.call2action-midpage a:hover.gray-box .white-box h4 { color:#FFF; }

.call2action-megajoin { display:inline-block; width:100%; text-align:center; padding:10px 0; font-size:18px; color:#b7b8b8; margin-bottom:30px; }
.call2action-megajoin h2 { display:inline-block; width:100%; text-align:center; vertical-align:top; color:#222; font-weight:800; font-size:60px; margin:10px 0; }

.page-body { background:#f1f1f1; text-align:left; }
.arrow { background:url('../images/arrows.png') no-repeat; }

.download_table { background:#f1f1f1; color:#222; }
.download_table h4 { color:#222 !important; }
.download_table ul.download_links li a .download_top { color:#000; }
.download_table ul.download_links li a:hover .download_top { color:#FFF; }

ul.join-options li.active, ul.payment-options li.active { background:#db0303; }
ul.join-options li.active span.extra, ul.join-options li.active span.price { background:rgba(0,0,0,0.3); }

@media only screen and (max-width: 1400px) {
	#page_body { width:960px; }
	#top_bar h1, #top_bar h2, #top_bar h3 { font-size:12px; }
	.call2action-megapass ul li { width:230px; min-height:28px; }
	.call2action-midpage a.gray-box .white-box h3 { font-size:30px; }
	.call2action-midpage .columns .col { width:444px; }
	.call2action-midpage .columns .col.col3 { width:100%; margin-top:10px; }
	.call2action-midpage .columns .col.col2 { padding-right:0; margin-right:0; border-right:0; }
	.items.five-per-row .item:nth-child(5n) { margin-right:0; }
	.call2action-megajoin h2 { font-size:40px; }
}

/* Tablet Portrait size to standard 960 */
@media only screen and (max-width: 959px) {
	body { overflow-x:hidden; }
	#page_body { width:768px; }
	#top_bar h1, #top_bar h2, #top_bar h3 { font-size:14px; }
	.call2action-megapass ul li { width:370px; min-height:0; }
	.call2action-midpage .columns .col { width:348px; }
	.call2action-megajoin h2 { font-size:30px; }
	#header #search { margin-top:5px; z-index:999999; }
}

/* Mobile Landscape */
@media screen and (max-width: 767px) {
	#page_body { width:420px; }
	#logo { max-width:300px; }
	#top_bar h1, #top_bar h2, #top_bar h3 { font-size:11px; }
	.call2action-megapass ul li { width:100%; }
	.call2action-midpage .columns .col { width:100%; }
	.call2action-midpage .columns .col.col3 h4 { font-size:16px; }
	.call2action-midpage .columns .col.col3 h3 { font-size:28px; }
	.call2action-midpage .columns .col.col1 { padding-right:0; margin-right:0; border-right:0; border-bottom:1px solid #555; margin-bottom:10px; }
	.call2action-midpage a.gray-box .white-box h3 { font-size:20px; }
	.call2action a.btn-join, .call2action-megapass a.btn-join, .call2action-midpage a.btn-join, .call2action-megajoin a.btn-join { font-size:20px; }
	.items.five-per-row .item:nth-child(5n) { margin-right:10px; }
	.items.five-per-row .item:nth-child(2n) { margin-right:0px; }
	.arrow.next_arrow { right:-30px; }
	.arrow.prev_arrow { left:-30px; }
}

/* Mobile Portrait */
@media only screen and (max-width: 479px) {
	#page_body { width:300px; }
	#logo { max-width:200px; }
	.call2action-megapass h2 { font-size:14px; }
	.call2action a.btn-join, .call2action-megapass a.btn-join, .call2action-midpage a.btn-join, .call2action-megajoin a.btn-join { font-size:14px; }
	.call2action-midpage { font-size:11px; }
	.call2action-megajoin h2 { font-size:20px; }
}






/* use these classes instead of <h2>s through <h5>s for 508 compliance issues*/
.contentTitle { color:#f32125!important; 
    /*text-transform:uppercase;*/ 
    font-size:13px; /*at mobile*/ 
    font-weight:700; 
    margin-bottom:6px; 
    padding-bottom:3px; 
    white-space:nowrap; 
    overflow:hidden; 
    text-overflow:ellipsis; 
    text-shadow: #fff 0 0 0;
    text-align: left; 
}
.contentTitle a{color:#f32125!important;}
.contentTitle a:hover{color:#b11013!important;}

@media screen and (min-width: 768px) {
    .contentTitle a{font-size:16px;}
}

.featuringBox{
    color: #6a6868;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: #fff 0 0 0;
    line-height: 130%; 
}
.featuringBox a{color:#f32125!important;}
.featuringBox a:hover{color:#b11013!important;}