/*
 Theme Name:     CBC
 Theme URI:      http://www.lhmediasolutions.com/
 Description:    Blank Slate Child Theme
 Author:         Lighthouse Media Solutions
 Author URI:     http://www.lhmediasolutions.com
 Template:       blankslate
 Version:        1.0.0
*/
 
@import url("../blankslate/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */
body { font-family: 'Open Sans', sans-serif; color: #444444; }
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
h1, h2, h3, h4, h5, h6, p {margin: 0 0 1em 0; line-height: 1.4em;}
.entry-content h2 { color: #282965; font-size: 32px;}
strong { font-weight: bold;}
em { font-style: italic;}
img {max-width: 100%; height: auto;}
img.aligncenter {margin: 0 auto;display: block;}
.post-edit-link {display: none;}
a.button { line-height: 35px; padding: 15px; max-width: 40%; display: block; margin: 0 auto; color: #fff; text-transform: uppercase; background: #062e58; font-weight: bold; text-decoration: none;}
a.button:hover {background: #328fb2;}
article.hentry {min-height: 200px;}
.container { max-width: 1680px; width: 100%; margin: 0 auto;position: relative; }
header.prime {height: 124px; background: #f15d22; z-index: 2 }
header.prime h1 span {display: none;}
header.prime h1 a { display: block; width: 467px; height: 243px; background: url(images/header_logo.png); }
header.prime h1 {width: 467px; margin: 19px 0 0 0; position: absolute; top: 0; left: 26px; z-index: 3;}
header.prime h2 {margin: .25em; position: absolute; color: #fff; font-size: 28px; font-weight: 800; right: 50px; z-index: 20; letter-spacing: 3px;}
#mainnav, #megaholder { float: right; width: auto; margin: 0 3% 0 0; padding: 0; position: relative; }
#mainnav li, #megaholder li {height: 96px; display: table-cell; vertical-align: bottom; padding: 14px 30px; text-align: center; position: relative;}
#megaholder li {height: 124px;}
#mainnav li:hover, #megaholder li:hover {background: #5399d3}
#megaholder li li:hover {background: none;}
#megaholder .wr-megamenu-container ul.wr-mega-menu > li {float: none;}
.wr-megamenu-container {font-size: 100% !important;}
#megaholder .wr-mega-menu > li > a {padding: 0;}
#mainnav li a, #megaholder li a {color: #fff!important; font-weight: 800; text-decoration: none; text-transform: uppercase; letter-spacing: 2px;}
#mainnav li#invlink, #megaholder li:last-child {background: #062e58; margin-top: 0;}
#megaholder li li:last-child {background: none;}
#mainnav li#invlink a, #megaholder li:last-child a { color: #5399d3; }
#mainnav li#invlink a:hover, #megaholder li:last-child a:hover { color: #fff; background: none !important;}
#megaholder li li:last-child a:hover, #megaholder li li a:hover {color: inherit;}
#mainnav li .subnav {position: absolute;border-top: solid 4px #5399d3;top:124px;left:0; background: #fff; width: 565px;display: none; z-index: 3;}
#megaholder .wr-megamenu-inner {border-top: solid 4px #5399d3 !important; transition: transform 0s 0s  !important; top: 124px;}
#mainnav li:hover .subnav {display: block;}
#mainnav li .subnav .subnavimg { float: left; width: 384px;}
#mainnav li .subnav .subnavimg p { font-size: 12px; font-style: italic; padding: 0 13px;}
#mainnav li .subnav .subnavul {float: left; width: 181px;margin: 0; padding: 0;}
#mainnav li .subnav .subnavul li, #megaholder .wr-megamenu-inner li, .wr-megamenu-container ul.wr-mega-menu ul.sub-menu li.wr-megamenu-item {display: block !important; height: auto !important; text-align: center; padding: 14px; float: none !important;}
#mainnav li .subnav .subnavul li a, #megaholder .wr-megamenu-inner a, .wr-megamenu-container ul.wr-mega-menu ul.sub-menu li.wr-megamenu-item a { color: #f19300 !important; font-style: italic;margin: 0; padding: 0; font-weight: 800;}
#mainnav li .subnav .subnavul li span {display: none;}
#mainnav li .subnav .subnavul li#cobalt a {display: inline-block; width: 128px; height: 54px; background: url(images/navlogo-cobalt.png);}
#mainnav li .subnav .subnavul li#mastercraft a {display: inline-block; width: 128px; height: 38px; background: url(images/navlogo-mastercraft.png);}
#mainnav li .subnav .subnavul li#triton a {display: inline-block; width: 128px; height: 46px; background: url(images/navlogo-triton.png);}
#new-boats-submenu, #new-boats-submenu .col-md-8 {padding: 0 !important;}
.preview-text p {font-size: 12px; text-align: left; font-style: italic; font-family: 'Open Sans', sans-serif; margin: 1em !important; }
.wr-megamenu-container .jsn-bootstrap3 .row, .wr-megamenu-container .jsn-bootstrap3 .row > div { padding: 0 !important; }
.block-sub-menu {padding-top: 10px;}

#slideshow {position: relative; z-index: 1;}
.boxes ul {list-style: none; margin: 0; padding: 0;}
.boxes ul li {display: block; float:left; width: 33.1%; margin: .33% .33% 0 0; padding: 0;}
.boxes ul li a {background-position: center top; background-size: cover;}
.boxes ul li a:hover {background-position: center bottom;}
.boxes ul li img {width: 100%; height: auto; display: block;}
.boxes ul li#box3, .boxes ul li#box6 { margin-right: 0;}
.sub_content {background: #f15d22; color: #fff; margin: 6px 0;}
.sub_content h3 { font-size: 24px;}
.sub_content form { width: 1060px; float: left;}
.sub_content form input { width: 490px; float: left; margin: 0 16px 16px 0; padding: 15px 10px; border: solid 2px #282965; -webkit-border-radius: 10px; sborder-radius: 10px; font-size: 18px; line-height: 24px;}
.sub_content form input[type="submit"] { background: #282965; color: #fff; font-weight: 800; text-transform: uppercase; font-size: 24px; width: 514px;}
::-webkit-input-placeholder {
   font-style: italic;
}

:-moz-placeholder { /* Firefox 18- */
   font-style: italic; 
}

::-moz-placeholder {  /* Firefox 19+ */
   font-style: italic; 
}

:-ms-input-placeholder {  
   font-style: italic;  
}
.sub_content #social {width: 530px; float: none; text-align: center; margin: 0 auto 20px auto; max-width: 100%;}
#social_icons {
	list-style: none;
	text-align: center;
}
#social_icons li {
	display: inline-block;
	margin: 0 12px;
}
#social_icons li a {
	display: block;
	width: 57px;
	height: 57px;
}
#social_icons li a:hover {
	opacity: .75;
}
#social_icons li a span {
	display: none;
}
#social_icons li#fb a {
	background: url(images/facebook.png);
}
#social_icons li#tw a {
	background: url(images/twitter.png);
}
#social_icons li#yt a {
	background: url(images/youtube.png);
}
#social_icons li#pn a {
	background: url(images/pinterest.png);
}
#social_icons li#ig a {
	background: url(images/instagram.png);
}

.left_content { width: 37%; float: left;}
.right_content { width: 58%; float: right;}

.page-template-has_sidebar .container #content {width:75%; float: left;}
.page-template-has_sidebar .container #sidebar {width:23%; float: right;}
.entry-title {font-size: 26px; text-transform: uppercase; text-align: center; margin: -2em 0 2em 0; color: #fff;
}

.page-template-splashzone #content { background: url(images/splashzone-bg.jpg) no-repeat center top; position: relative;}
.page-template-splashzone #content #menu-splash-zone {position: absolute; top: 165px; left: 0; right: 0;}
.page-template-splashzone #content #menu-splash-zone li {position: absolute;}
.page-template-splashzone #content #menu-splash-zone li#menu-item-64 {top:0; left:40px;}
.page-template-splashzone #content #menu-splash-zone li#menu-item-63 {top:0; right:40px;}
.page-template-splashzone #content #menu-splash-zone li#menu-item-66 {top:266px; left:158px;}
.page-template-splashzone #content #menu-splash-zone li#menu-item-67 {top:266px; right:158px;}
.page-template-splashzone #content #menu-splash-zone li#menu-item-65 {top:543px; left:73px;}
.page-template-splashzone #content #menu-splash-zone li#menu-item-62 {top:543px; right:73px;}
.page-template-splashzone #content #menu-splash-zone li a {display: block; width:314px;height: 314px;text-indent: -30000px;}
.page-template-splashzone #content #menu-splash-zone li#menu-item-64 a {background: url(images/calendar-btn.png);}
.page-template-splashzone #content #menu-splash-zone li#menu-item-63 a {background: url(images/inventory-btn.png);}
.page-template-splashzone #content #menu-splash-zone li#menu-item-66 a {background: url(images/family-btn.png);}
.page-template-splashzone #content #menu-splash-zone li#menu-item-67 a {background: url(images/facebook-btn.png);}
.page-template-splashzone #content #menu-splash-zone li#menu-item-65 a {background: url(images/timeline-btn.png);}
.page-template-splashzone #content #menu-splash-zone li#menu-item-62 a {background: url(images/vlog-btn.png);}
.page-template-splashzone #content #menu-splash-zone li#menu-item-64 a:hover {background: url(images/calendar-btn-hvr.png);}
.page-template-splashzone #content #menu-splash-zone li#menu-item-63 a:hover {background: url(images/inventory-btn-hvr.png);}
.page-template-splashzone #content #menu-splash-zone li#menu-item-66 a:hover {background: url(images/family-btn-hvr.png);}
.page-template-splashzone #content #menu-splash-zone li#menu-item-67 a:hover {background: url(images/facebook-btn-hvr.png);}
.page-template-splashzone #content #menu-splash-zone li#menu-item-65 a:hover {background: url(images/timeline-btn-hvr.png);}
.page-template-splashzone #content #menu-splash-zone li#menu-item-62 a:hover {background: url(images/vlog-btn-hvr.png);}

.page-template-family .family { margin: 0; padding: 0; background: #062e58;}
.page-template-family .family .slide {list-style: none; width: 31%; margin: 1.15%; padding: 0; float: left; position: relative;}
.page-template-family .family .slide#fam8 { margin: .15% auto; float: none;clear: both;}
.page-template-family .family .slide .familyname { position: absolute; width: 100%; text-align: center; bottom: 30px; color: #fff; text-shadow: 1px 1px 1px black; font-family: 'Open Sans', sans-serif; display: none;}
.page-template-family .family .slide:hover .familyname {display: block;}
.page-template-family .family .slide .familyname a { color: #fff !important; text-decoration: none;}
.page-template-family .family .slide .familyname a:hover { color: #ddd !important;}
.page-template-family .family .slide .familyname h3 {font-size: 40px; margin: 0; font-weight: normal;}
.page-template-family .family .slide .familyname p {text-transform: uppercase; margin: 0; font-size: 18px; font-weight: bold;}
.page-template-family .family .slide .familyname p.one_liner {text-transform: none; font-style: italic;}
.page-template-family, .page-id-56 { background: #062e58; }

.archive #content {float: right; width: 63%; padding: 0 10% 0 1%; border-left: solid 1px #cdcdcd; margin-top: 66px;}
.archive #content .post_content {width: 66%; float: left;}
.archive #content .post_image {width: 30%; float: right;}
.archive #sidebar {float: left; width: 12.5%; padding-left: 10%; margin-top: 66px; }
.archive .entry-summary {clear: both; border-bottom: solid 3px #cdcdcd; padding-bottom: 44px; margin-bottom: 35px;}
.archive .entry-summary h3 {font-size: 40px; color: #062e58; font-weight: 600; margin: 0;}
.archive .entry-summary h3 a { color: #062e58; text-decoration: none; }
.archive .entry-summary .readmore { text-transform: uppercase; color: #062e58; font-size: 20px; font-style: italic; font-weight: 600; text-decoration: none;}
.archive .entry-summary .readmore:hover, .archive .entry-summary h3 a:hover {text-decoration: underline;}

.blog #content {float: right; width: 63%; padding: 0 10% 0 1%; border-left: solid 1px #cdcdcd; margin-top: 66px;}
.blog #content .post_content {width: 66%; float: left;}
.blog #content .post_image {width: 30%; float: right;}
.blog #sidebar {float: left; width: 12.5%; padding-left: 10%; margin-top: 66px; }
.blog .entry-summary {clear: both; border-bottom: solid 3px #cdcdcd; padding-bottom: 44px; margin-bottom: 35px;}
.blog .entry-summary h3 {font-size: 40px; color: #062e58; font-weight: 600; margin: 0;}
.blog .entry-summary h3 a { color: #062e58; text-decoration: none; }
.blog .entry-summary .readmore { text-transform: uppercase; color: #062e58; font-size: 20px; font-style: italic; font-weight: 600; text-decoration: none;}
.blog .entry-summary .readmore:hover, .blog .entry-summary h3 a:hover {text-decoration: underline;}
.widget_categories h3 {display: none;}
.widget_categories .cat-item { font-size: 20px; margin: 0 0 1.5em 0; text-align: right; padding-bottom: .5em;}
.widget_categories .cat-item a {text-decoration: none; color: #000; display: inline-block; padding-right: 22px;}
.widget_categories .cat-item.current-cat {border-bottom: solid 6px #062e58;}
.widget_categories .cat-item.current-cat a { background: url(images/catarrow.png) no-repeat right center;}
.single .entry-title { text-align: left; font-size: 40px; color: #062e58; font-weight: 600; margin: 1em 0 .5em 0; border-bottom: solid 4px #062e58; }
.single .entry-title .date { font-size: 19px; color: #4585bb; }
.single .entry-content, .page .entry-content {margin: 1em;}

.page .youtube_channel.responsive .ytc_video_container { width: 33% !important; margin: 1em 8%; float: left;}
.page .youtube_channel.responsive .ytc_video_container.ytc_video_first {width: 60% !important; margin: 1em auto; float: none !important;}

footer {background: #282965; color: #fff;  text-align: center; padding: 16px 0;}
footer h3 {color: #f15d22; font-size: 24px; font-weight: 700; text-transform: uppercase; margin: 0;}
footer span {padding: 0 20px;}
footer p { margin: 0 0 2em 0;}
#footer_center img {max-width: 27%; margin: 0 3%; vertical-align: middle;}
#footerlinks {margin-top: 2em;}
#footerlinks a {display: inline-block; margin: 0 10px; color: #fff !important; text-decoration: underline; text-transform: uppercase;}
#footerlinks a#lmscredit {text-decoration: none; font-style: italic; text-transform: none;}
#footer_left {float:left; width: 20%;}
#footer_left h4 {text-align: left; font-size: 24px; color: #f15d22; font-weight: 600; font-style: italic; text-transform: uppercase;}
#footer_left li {clear: both; text-align: left; margin-bottom: 20px;}
#footer_left .pic { width: 35%; float: left;}
#footer_left .text { width: 60%; float: right; color: #fff !imporatant; font-style: italic; display: block;}
#footer_center {float:left; width: 60%;}
#footer_right {float:left; width: 20%;}

.tint {
	position: relative;
	float: left;
	cursor: pointer;
}

.tint:hover:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(241,93,34, 0.5);
	-moz-transition: background .3s linear;
	-webkit-transition: background .3s linear;
	-o-transition: background .3s linear;
	transition: background .3s linear;
}

.tint:before {
	background: none;
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 * http://juicystudio.com/article/screen-readers-display-none.php
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (max-width: 1600px) {
    header.prime h1 { width: 25%; }
    header.prime h1 a {width: 100%; background-size: contain; background-repeat: no-repeat;}
}
@media only screen and (max-width: 1500px) {
	#megaholder li { padding: 14px;}
}
@media only screen and (max-width: 1250px) {
	#megaholder li { font-size: 14px;}
}
@media only screen and (max-width: 1150px) {
    header.prime h1 { width: 20%; }
    #megaholder li { padding: 14px 8px; }
    #megaholder li a {letter-spacing: 1px;}
    .page-template-family .family .slide .familyname h3 {font-size: 30px;}
    .page-template-family .family .slide .familyname p {font-size: 14px}
}
@media only screen and (max-width: 783px) {
	#megaholder {width: 100%; margin: 0;}
	#megaholder li {display: block; width: 100%; height: auto}
	.it-responsive-mega {display: none !important;}
	header.prime h1 { width: 250px; position: relative; margin: 10px auto 0 auto; left: auto; }
	header.prime h1 a {height: 110px;}
	header.prime h2 {position: relative; margin: 0 auto; right: auto; display: block; text-align: center;}
	header.prime { height: auto;}
	#footer_left, #footer_center, #footer_right {float:none; width: 100%; clear: both;}
    .page-template-family .family .slide .familyname h3 {font-size: 20px;}
    .page-template-family .family .slide .familyname p {font-size: 10px}
}
@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
        height: auto;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/* ==========================================================================
   Responsive stuff
   ========================================================================== */
   
 .slicknav_menu, .mobile-only {
	display:none;
}
@media (max-width: 900px) {
	.page-template-family .family .slide .familyname h3 {font-size: 20px; }
	.page-template-family .family .slide .familyname p {font-size: 12px; }
}
@media (max-width: 768px) {
	.js #mainnav {
		display:none;
	}
	
	.js .slicknav_menu, .mobile-only {
		display:block;
	}
	.page-template-family .family .slide .familyname h3 {font-size: 20px; }
	.page-template-family .family .slide .familyname p {font-size: 10px; }
	.page-template-family .family .slide .familyname p.one_liner {display: none;}
	.page-template-family .family .slide {width: 49%; margin: .25%;}
	.page-template-family .family .slide#fam8 { margin: .25%; float: left;clear: none;}
	#famlogo {display: none;}
}
@media (max-width: 550px) {
	#mobillogo {display: block !important;}
}
@media (max-width: 512px) {
	.page-template-family .family .slide {width: 99%; margin: .25%;}
	.page-template-family .family .slide .familyname h3 {font-size: 25px; }
	.page-template-family .family .slide .familyname p {font-size: 14px; }
}


.text {
    color: #fff !important;
}