/* jmac: bandaid fix for the artifacting that happens in the builder onload */ section#content[data-shortcode="content-section"] { background-color: #fff; } /* THEME STYLES */ /* Fonts, General Styles, etc */ body { font-family: 'Titillium Web'; max-width: 100%; overflow-x:hidden; } h1,h2,h3,h4,h5,h6{ font-family: 'Titillium Web', sans-serif; margin-top: 0px; font-weight: 700; } h4 { font-weight: 600; } img { max-width: 100%; } @-moz-document url-prefix() { } img.align-left { float: left; margin-right: 15px; margin-bottom: 15px; } img.align-right { float: right; margin-left: 15px; margin-bottom: 15px; } a:focus { text-decoration: none } .nopadding { padding-left: 0px !important; padding-right: 0px !important; } .nopadding-left{ padding-left: 0px !important; } .nopadding-right { padding-right: 0px !important; } .image-cover { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .has-shadow { position: relative; } .has-shadow:after{ z-index: -9999; position: absolute; content: ""; bottom: 12px; right: auto; left: 20px; width: 85%; height:26px; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg);} .has-error input { border-color: #a94442 !important; } .radio-group input[type="radio"] { display: none;} .radio-group label { cursor: pointer; position: relative; padding-left: 25px; } .radio-group label:before { content: ""; display: inline-block; width: 18px; height: 18px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; border-radius: 9px; border: 1px solid #d1d1d1; } .radio-group label:after { display: none; content: "" } .radio-group input[type="radio"]:checked + label:after { width: 12px; height: 12px; display: inline-block; margin-right: 10px; position: absolute; left: 3px; bottom: 4px; border-radius: 6px;} /* END Fonts, General Styles, etc */ /* Header */ #logo img{ max-height: 140px; margin:10px 0;} @media (max-width: 991px){ #logo img{ display:block; margin: 10px auto; } } /* Nav Menu Styles */ .navbar-default { border: initial; } .navbar { margin-bottom:0px; border-radius: 0px; } .navbar-collapse { padding: 0px; overflow-x: hidden;} #primary-menu { border-top: 1px solid #ddd !important; border-bottom: 1px solid #ddd; } /* cemtering list items (Currently breaks submenus) @media(min-width:769px){ #primary-menu nav ul.nav.navbar-nav { text-align: center; } #primary-menu nav ul.nav.navbar-nav > li{ float:none; display:inline-block; } } */ #primary-menu nav ul.nav.navbar-nav > li a { font-size: 14px; text-transform: uppercase; font-family: 'Titillium Web'; font-weight: normal;} #primary-menu nav ul.nav.navbar-nav ul.dropdown-menu { border-top: 2px solid #016ead; } #primary-menu nav ul.nav.navbar-nav li.dropdown ul.dropdown-menu li a{ font-weight: normal;} #primary-menu nav ul.nav.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-header { cursor: default; text-transform: uppercase; font-size: 12px; font-weight:bold; } /* RV Types bar */ #rvtypes-wrapper { float: right; margin-top: 52px; text-align: right; } #rvtypes { text-align: center; margin-bottom: 0px; } #rvtypes li { display: inline-block; list-style-type: none; padding: 0px 12px; } #rvtypes li span { display: block; text-align: center; font-size: 42px; } #rvtypes li a { line-height: 2; font-family: 'Titillium Web'; font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: center; display: block; color: #b2b2b2; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #rvtypes li a:hover { color: #222; text-decoration: none; } @media (max-width: 1199px){ #rvtypes-wrapper { float: none; margin-top: 45px;} #rvtypes { padding-left: 0; } #rvtypes li { padding: 0px 6px; } } @media (max-width: 991px){ #rvtypes-wrapper { float: none; margin-top: 15px;} } /* End RV Types bar */ /* Slider */ .slider-bg { padding-top: 10px; background-image: url('https://cdn.canamrv.ca/assets/app/scss/gfx/slider-bkg.jpg'); background-size: cover; background-repeat: no-repeat; background-position:center; position:relative;} .bg-overlay { background-color:#000; opacity:0.3; position:absolute; width:100%; height:100%; top:0; left:0; } .jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn{ position: absolute; cursor: pointer; display: block; background: url(https://cdn.canamrv.ca/assets/app/scss/gfx/sps-arrow.png) no-repeat; overflow:hidden; } .jssora03l { background-position: -3px -33px; } .jssora03r { background-position: -63px -33px; } .jssora03l:hover { background-position: -123px -33px; } .jssora03r:hover { background-position: -183px -33px; } .jssora03ldn { background-position: -243px -33px; } .jssora03rdn { background-position: -303px -33px; } .slider-wrap { padding: 30px 0px 20px 0px !important; } .slider-wrap .has-shadow:after { right: 16px; } .slider-jssor { overflow: hidden; } .slider-border { border: 7px solid #fff; border-radius: 0 0 0 10px;} .slider-content { width: 35%; padding: 3%; top: 5%; position: absolute; z-index: 999; box-sizing: border-box; } .slider-content.right { right: 5%; } .slider-content.left { left: 5%; } .slider-content h2 { margin-bottom: 5px; font-weight: bold; font-size: 24px; margin-bottom: 5% } .slider-content p { font-size: 15.5px; margin: 0; margin-bottom: 10%; line-height: 1.8; } .slider-content a.slidercta { border-radius: 3px; padding: 4%; font-size: 15px; text-transform: uppercase; } .slider-content a.slidercta:hover { text-decoration: none; } /* End Slider */ /* END Header */ /* Content */ /* Call to Action Widgets */ .cta-box h3 { margin-bottom: 8px; } .cta-box { margin-bottom: 30px; border: 1px solid #ddd; padding: 11px; border-radius: 1px; } .cta-box div { margin-bottom: 0px; } .cta-box img { margin-bottom: 15px; } .cta-box h4 { font-weight: bold; vertical-align: top; font-size: 15px; margin-bottom: 5px; } .cta-box h4 .now { text-transform: uppercase; font-size: 21px; } .cta-box .price { font-size: 20px; font-weight: bold; } .cta-box .caption { font-style: italic; font-size: 10px !important; font-size: 11px; } #content .cta-box p { line-height: 1; } @media only screen and (min-width:768px) and (max-width: 991px){ .cta-box { text-align: center; } .cta-box img { display:block; margin: 0 auto 15px; } } /* End Call to Action Widgets */ #content p { line-height: 1.8; font-size: 18px; margin-bottom: 20px; font-weight:400; } #content .preformatted-content-wrap { padding: 40px 0px; background-color: #fff; z-index:0; position:relative;} /* Header Blocks */ .header-block { margin: 30px 0px; } .header-block h1, .header-block h2, .header-block h3, .header-block h4, .header-block h5, .header-block h6 { } /* End Header Blocks */ /* Subpage Header */ .subpage-header { background: url('https://cdn.canamrv.ca/assets/app/scss/gfx/subpage-banner.png'); background-size: cover; padding: 40px 0px; } .subpage-header h1 { float: left;} .details-pagination { } .details-pagination .backnforth { float:left; margin-left: 10px; } .details-pagination .backnforth a { margin-left: -2px; margin-right: -2px; } .details-pagination .backnforth a:first-of-type { -webkit-border-radius: 7px 0 0 7px; border-radius: 7px 0 0 7px; } .details-pagination .backnforth a:last-of-type { -webkit-border-radius: 0 7px 7px 0; border-radius: 0 7px 7px 0; } .details-pagination .back { float:left; } .details-pagination .back a{ -webkit-border-radius: 7px; border-radius: 7px; } .details-pagination a { margin-top: 7px; margin-bottom: 7px; font-weight: bold; padding: 5px 10px; display: inline-block; } .details-pagination a:hover { text-decoration:none; } /* End Subpage Header */ /* Buttons (More Info, Make Offer) */ #content .button-group { margin: 15px 0px; } #content .button-group ul { padding: 0px; } #content .button-group ul li{ list-style-type: none; display: inline-block; margin-right: 0; } #content .button-group ul li a{ font-size: 15px; font-weight: bold; display: block;; padding: 10px; -webkit-border-radius: 5px; border-radius: 5px; } #content .button-group ul li a:hover{ text-decoration: none; } #content .button-group ul li a i { margin-right: 5px; font-size: 20px } /* End Buttons (More Info, Make Offer) */ /* RV Forms (More Info, Make Offer) */ #content .rv-detail-form-container, #content .rv-detail-form-container #more-info, #content .rv-detail-form-container #make-offer { display: none; } #content .rv-detail-form-container { padding-top:20px; padding-bottom:20px; background-color: #fff; } #content .rv-detail-form { margin-bottom: 40px; } #content .rv-detail-form label { font-weight: normal; display:block; margin: 10px 0px; } #content .rv-detail-form label.checkbox-label { cursor: pointer; } #content .rv-detail-form input[type=text], #content .rv-detail-form input[type=email], #content .rv-detail-form textarea { width: 100%; border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #cccccc; padding: 5px; } #content .rv-detail-form textarea { resize: none; height: 120px; } #content .rv-detail-form .submit { margin-top: 20px; } #content .rv-detail-form .submit input { border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 20px; font-size: 16px; border: 0px; font-weight: bold; text-transform: uppercase;} /* End RV Forms (More Info, Make Offer) */ /* Parts Forms (More Info) */ #content .parts-detail-form-container, #content .parts-detail-form-container #more-info { display: none; } #content .parts-detail-form-container { padding: 20px 0px; } #content .parts-detail-form { margin-bottom: 40px; } #content .parts-detail-form label { font-weight: normal; display:block; margin: 10px 0px; } #content .parts-detail-form label.checkbox-label { cursor: pointer; } #content .parts-detail-form input[type=text], #content .parts-detail-form input[type=email], #content .parts-detail-form textarea { width: 100%; border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #cccccc; padding: 5px; } #content .parts-detail-form textarea { resize: none; height: 120px; } #content .parts-detail-form .submit { margin-top: 20px; } #content .parts-detail-form .submit input { border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 20px; font-size: 16px; border: 0px; background-color: #4f4e4e; font-weight: bold; text-transform: uppercase;} #content .parts-detail-form .submit .submitBtn { } /* End Parts Forms (More Info) */ /* Generic Form Styling (all form styles should be merged into this) */ #content form h4 { margin:20px 0; border-bottom: 1px dotted #ccc; padding:0 0 5px 0; } #content form .submit { margin-top: 20px; } #content form .submitBtn { border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 20px; font-size: 16px; border: 0px; font-weight: bold; text-transform: uppercase; } /* RV Featured Image */ /*#content .featured-image-wrap { } #content .featured-image-wrap img { width:100%;} #content .main-image { position: relative; margin-bottom: 20px;} #content .main-image .flag { pointer-events: none; position: absolute; top:-18px; left: 0; z-index:10;}*/ /* End RV Featured Image */ /* Carousel */ #sync1 .owl-item .item img { } #sync2.owl-theme .owl-controls .owl-buttons div { position: absolute; width: 20px;height: 28px; top: 7px; z-index:999; background:url('https://cdn.canamrv.ca/assets/app/scss/gfx/button-arrow-thumbs.png'); } @media(max-width:1199px){ #sync2.owl-theme .owl-controls .owl-buttons div{ top: 0px; } } @media(max-width:991px){ #sync2.owl-theme .owl-controls .owl-buttons div{ top: 33%; } } @media(max-width:767px){ #sync2.owl-theme .owl-controls .owl-buttons div{ top: 28%; } } #sync2.owl-theme .owl-controls .owl-buttons .owl-prev{ left: -10px; } #sync2.owl-theme .owl-controls .owl-buttons .owl-prev:hover{ background-position:-20px 0; } #sync2.owl-theme .owl-controls .owl-buttons .owl-prev:active{ background-position:-40px -0px; } #sync2.owl-theme .owl-controls .owl-buttons .owl-next{ right: -10px; background-position:0 -28px; } #sync2.owl-theme .owl-controls .owl-buttons .owl-next:hover{ background-position:-20px -28px; }1 #sync2.owl-theme .owl-controls .owl-buttons .owl-next:active{ background-position:-40px -28px; } #sync2 .owl-item.synced .item { position: relative; } #sync2 .owl-item.synced .item img { display:block; } #sync2 .owl-item.synced .item::before { display:block; content:''; position:absolute; width:100%; height:100%; } #sync2 .owl-item { padding: 0px 0.5px; cursor: pointer; } /* End Carousel */ /* RV Price Deatils */ #content .price-details .main-price { font-size: 20px; padding: 20px 5px; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd;} #content .price-details span { } #content .price-details .main-price .msrp { float: left; text-decoration: line-through } #content .price-details .main-price .price { font-size: 26px; float: right; font-weight: bold; } #content .price-details .price-more { padding: 10px 5px; } #content .price-details .price-more .savings { float: left; } #content .price-details .price-more .savings span { font-size:21px; } #content .price-details .price-more .lease { font-size: 19px; float: right; } /* End RV Price Details */ /* RV Availability */ #content .available { margin-top: 20px; padding: 0px 10px; } #content .available div { padding: 10px 15px; margin-bottom: 5px; } #content .available div span { font-weight: bold; text-transform: uppercase; font-size: 15px; } #content .available div span i{ float: right; font-size: 17px; } /* End RV Availability */ /* RV Detail buttons (Slideshow, Video, etc) */ #content .detail-buttons { margin-top: 20px; } #content .detail-buttons ul{ font-size: 12px; padding: 0px; font-family: 'Titillium Web'; font-weight: bold; text-transform: uppercase; } #content .detail-buttons ul li{ width: 24%; list-style-type: none; display: inline-block; text-align: center; } #content .detail-buttons ul li span.fa-stack { display:block; margin: 0 auto; margin-bottom: 5px } #content .detail-buttons ul li span i { text-align: center; } #content .detail-buttons ul li span .fa-stack-1x{ font-size: 30px; } #content .detail-buttons ul li span.fa-stack:hover { opacity: 0.8 } #content .detail-buttons ul li.slideshow .fa-circle { } #content .detail-buttons ul li.video .fa-circle { } #content .detail-buttons ul li.floorplan .fa-circle { } #content .detail-buttons ul li.buildsheet .fa-circle { } /* RV Detail buttons (Slideshow, Video, etc) */ /* RV Tabs (Selling Features, etc) */ #content .detail-tabs { margin-top: 20px; } #content .detail-tabs .tabs { margin-bottom: -2px; padding-left: 15px; } #content .detail-tabs .tabs li{ margin: 0px -2px;list-style-type:none; display: inline-block; } #content .detail-tabs .tabs li a{ display: block; font-weight: bold; padding: 8px 10px; margin: 0px -2px; border: 1px solid #ccc; } #content .detail-tabs .tabs li a:hover { text-decoration: none; } #content .detail-tabs .tabs li:hover { } #content .detail-tabs .tabs li a.current{ border-bottom: 1px solid #fff; z-index: 10; position: relative; } #content .detail-tabs .tab-container { padding: 20px 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } #content .detail-tabs .spec-table { margin-bottom: 0px; } #content .detail-tabs .spec-table td:nth-child(odd) { font-weight:bold; } #content .detail-tabs .spec-table td { border: 0px; padding: 5px; } #content .detail-tabs .selling-features { display: none; } #content .detail-tabs .included-options { display: none; } #content .disclaimer { margin-top: 30px; } #content .disclaimer p { font-size: 12px; } /* RV Tabs (Selling Features, etc) */ /* Similar RVs */ #content .similar-rv img { width: 100%; } #content .similar-rv .similar-rv-item { position: relative; } #content .similar-rv .similar-rv-item .similar-details { right: 10px; left: 10px; opacity: 0; position: absolute; top: 0; padding: 15px; height: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #content .similar-rv .similar-rv-item:hover .similar-details { opacity: 1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #content .similar-rv .similar-rv-item .similar-details .similar-title { font-size: 20px; text-transform: uppercase;} #content .similar-rv .similar-rv-item .similar-details .similar-price { font-size: 24px; font-weight: bold; margin-top: 15px; display: block; } @media only screen and (min-width:992px) and (max-width: 1199px) { #content .similar-rv .similar-rv-item .similar-details .similar-title { font-size: 15px;} } /* End Similar RVs */ /* Rv Listings */ .filter, .page-select { margin: 10px 0px; } .filter, .page-select .results { display:block; } .filter .filter-group-wrap { margin-bottom: 5px; } .filter #filter-group { display:inline-block; margin-left: 5px; } .filter #filter-group.radio-group label { cursor: pointer; margin-top: 0px; display: inline-block; font-weight: normal; padding-right: 10px; } .filter #filter-group.radio-group label input { margin-right: 5px; } .filter select { border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #cccccc; padding: 5px; } .page-select { text-align: right; } #paginate{ float: right; } /* Pagination */ #paginate { float:right; padding-top:5px;} #paginate a { display:inline-block; width:27px; height:26px; text-align:center; font-size:14px; vertical-align:top;} #paginate a.number { width:auto; height:auto; padding:2px 5px;} #paginate span { display:inline-block; padding:2px 5px; text-align:center; font-weight:bold;} #paginate #previous-page, #paginate #next-page, #paginate #first-page, #paginate #last-page { text-indent:-9999px;} #paginate #previous-page { background:url('https://cdn.canamrv.ca/assets/app/scss/gfx/buttons/button-previous-page.png') 0 0 no-repeat; margin-right:10px; margin-left:2px;} #paginate #previous-page:hover { background-position:0 -26px;} #paginate #previous-page.disabled { background:url('https://cdn.canamrv.ca/assets/app/scss/gfx/buttons/button-previous-page-disabled.png') 0 0 no-repeat; cursor:default; visibility:visible!important;} #paginate #next-page { background:url('https://cdn.canamrv.ca/assets/app/scss/gfx/buttons/button-next-page.png') 0 0 no-repeat; margin-left:10px; margin-right:2px;} #paginate #next-page:hover { background-position:0 -26px;} #paginate #next-page.disabled { background:url('https://cdn.canamrv.ca/assets/app/scss/gfx/buttons/button-next-page-disabled.png') 0 0 no-repeat; cursor:default; visibility:visible!important;} #paginate #first-page { background:url('https://cdn.canamrv.ca/assets/app/scss/gfx/buttons/button-first-page.png') 0 0 no-repeat;} #paginate #first-page:hover { background-position:0 -26px;} #paginate #first-page.disabled { background:url('https://cdn.canamrv.ca/assets/app/scss/gfx/buttons/button-first-page-disabled.png') 0 0 no-repeat; cursor:default; visibility:visible!important;} #paginate #last-page { background:url('https://cdn.canamrv.ca/assets/app/scss/gfx/buttons/button-last-page.png') 0 0 no-repeat;} #paginate #last-page:hover { background-position:0 -26px;} #paginate #last-page.disabled { background:url('https://cdn.canamrv.ca/assets/app/scss/gfx/buttons/button-last-page-disabled.png') 0 0 no-repeat; cursor:default; visibility:visible!important;} .blog-filter { margin-top: 36px } .page-select { text-align: right; } .rv-repeater { margin-top: 20px; } .rv-repeater .rv-repeater-item { margin-bottom: 30px; padding:10px; border: 1px solid #c0c0c0; border-radius: 2px; -webkit-border-radius: 2px; padding-bottom: 20px; } .rv-repeater .rv-repeater-item .main-image .flag { pointer-events: none; position: absolute; left: -5px; top: 10px; } .rv-repeater .rv-repeater-item table tr td { padding: 2px 0px; padding-left: 10px; } .rv-repeater .rv-repeater-item table tr td:first-child { font-weight: bold; padding-left:0px; } .rv-repeater .rv-repeater-item .view-details span { display: block; font-weight: bold; } .rv-repeater .rv-repeater-item .view-details .price { font-size: 28px;} .rv-repeater .rv-repeater-item .view-details .price.msrp { display:block;} .rv-repeater .rv-repeater-item .view-details .price.msrp span:first-child { text-decoration:line-through;} .rv-repeater .rv-repeater-item .view-details .lease { font-size: 15px; } .rv-repeater .rv-repeater-item .view-details .motorhome-verbiage { font-size:12px; display:block;} .rv-repeater .rv-repeater-item .view-details a { display: inline-block; border-radius: 4px; -webkit-border-radius: 4px; font-size: 17px; font-family: 'Titillium Web'; font-weight: bold; padding: 10px 15px; margin-top: 20px; } .rv-repeater .rv-repeater-item .view-details a:hover { text-decoration: none; } .rv-repeater .rv-repeater-item .availabilities { margin-top: 5px; cursor: default; } .rv-repeater .rv-repeater-item .availabilities span { font-weight: bold; padding-right: 8px;} .rv-repeater .rv-repeater-item .availabilities .video .fa-circle { } .rv-repeater .rv-repeater-item .availabilities .video .fa-play {} .rv-repeater .rv-repeater-item .availabilities .fa-check { } @media(max-width:767px){ .rv-repeater-item .main-image { max-width: 450px; margin: 0 auto; margin-bottom: 10px;} .rv-repeater-item table { margin: 0 auto; } .rv-repeater-item .view-details { text-align: center; } } /* Manufactuerer/Brands */ .man-brand-logo { margin-bottom: 20px; } .man-brand-button-group{ margin: 25px 0px; } .man-brand-button-group a{ display:block; padding: 10px 15px; font-size: 18px; font-weight: bold; margin-bottom: 15px; -webkit-border-radius: 5px; border-radius: 5px; } .man-brand-button-group a i { margin-right: 10px; } .view-inventory a {} .view-website a { } .view-brochure a { } .man-brand-button-group a:hover{ text-decoration: none; } .view-inventory a:hover { } .view-website a:hover{ } .view-brochure a:hover{ } .video-thumbnails { margin-bottom: 80px; } .video-thumbnails div { margin-bottom: 20px; } .video-thumbnails img{ width: 100%; } .brands-boxes { margin-bottom: 40px; } .brands-box { margin-bottom: 20px; } .brands-box .title { font-family: 'Titillium Web'; padding: 10px 15px; font-size: 18px; border-radius: 0px 0px 10px 10px;} .brands-box .brands-image img { margin: 0 auto; display: block; min-height: 179px; max-height: 179px; } .brands-box .brands-image { position: relative; padding:20px; } .brands-box .brands-image:after{ z-index: -9999; position: absolute; content: "";top: 6px; right: 3px; left: auto; width: 90%; height: 90%; max-width: 300px; -webkit-box-shadow: 7px -2px 20px 1px #999; box-shadow: 7px -2px 20px 1px #999; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -o-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); -webkit-border-radius: 0 0 20px 0; border-radius: 0 0 40px 0;} .brands-box i { float: right; margin-right: 5px; font-size: 24px; } .brands-box a:hover { text-decoration: none; } .brands-box a:hover .title { } .brands-features{ columns: 2; -webkit-columns: 2; -moz-columns: 2; } .brands-options .option-desc { width: 90%; padding-top: 12px; } .brands-options .option-price { width: 10%; font-weight: bold; } .swatches div{ margin-bottom: 20px; } .brands-options ul{ padding-left: 20px; padding-right: 40px; } .callout-wrap{ margin: 10px 0px; } .callout label{ -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-border-radius: 5px; border-radius: 5px; position: relative; z-index: 20; font-family: 'Titillium Web'; display: block; margin-bottom: 5px; width: 100%; padding: 10px; cursor: pointer; font-weight: normal; font-size: 20px; } .callout label span:after{ content: "\f067 "; font-family: FontAwesome; float: right; margin-right: 13px; } .callout input:checked + label span:after{ content: "\f068"; } .callout input{ display: none; } .callout-content-wrap{ height: auto; max-height: 0; position: relative; overflow: hidden; z-index: 10; box-sizing: border-box;} .callout-content{ padding: 20px 10px; } .callout-content .msrp { font-family: 'Titillium Web'; font-size: 22px; float: right; font-weight:bold; margin-bottom: 20px; } .callout input:checked ~ .callout-content-wrap{ max-height: 9999px; } .callout-content .specifications{ margin-bottom: 20px; } .callout-content .specifications tr{ font-size: 15px; font-family: 'Titillium Web'; } .callout-content .specifications tr:nth-child(odd){ } .callout-content .specifications tr td{ padding: 5px; } .callout-content .specifications tr td:first-child{ font-weight: bold; padding-right: 35px; } .callout-content .thumbs img { max-width: 130px; padding: 5px; } .callout-content .thumbs a { display: inline-block; } /* End Manufacturer */ /* Blog Listing & Details Page */ .category { margin-bottom: 5px !important; } body.category {margin-bottom:0 !important;} .article-listings .article-excerpt { font-size: 15px !important; } .article-listings .article-details p{ margin-bottom: 10px !important; } .article-listings .read-more { color: #fff; display: inline-block; font-weight: bold; padding: 10px; border-radius: 5px; -webkit-border-radius: 5px;} .article-listings .read-more:hover{ text-decoration: none; color: #fff; } .article-listings .article-item{ padding: 20px 0px; border-bottom: 1px solid #ccc; } .article-content img { max-width: 100%; height: auto !important; } .article-content .article-details { margin-bottom: 20px; } .article-content .article-details .article-meta{ float: left; margin-bottom: 20px; } .article-content .article-details .article-meta span { padding-right: 20px; font-size: 16px; } .article-content .article-details .social { float: right; } .article-content .featured-image { margin-bottom: 20px; } .article-content .keyword-tags ul{ display: inline; padding-left: 10px;} .article-content .keyword-tags ul li{ margin-bottom: 4px; display: inline-block; list-style-type: none; } .article-content .keyword-tags ul li a{ display: block; margin-left: 5px; padding: 5px 12px; -webkit-border-radius: 3px; border-radius: 3px;} .article-content .keyword-tags ul li a:hover { text-decoration: none;} .article-content .blog-video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin:0 0 25px 0; } .article-content .blog-video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* End Blog Listing & Detail Page */ /* Customer Testimonials */ .testimonial-title h2 { float: left; margin-top: 10px; } .testimonial-title a { float: right; display: inline-block; padding: 5px 10px; font-weight: bold; -webkit-border-radius: 5px; border-radius: 5px; } .testimonial-title a:hover { text-decoration: none; } .testimonials-item { border-top: 1px solid #ccc; padding: 20px 0px; } .customername { display: inline-block; font-weight: bold; } .ratingbox { } .ratingbox td {padding: 0px 5px 10px;} .ratingbox td.overall { padding-bottom:25px; } /* Add Testimonial */ .testimonial-form-wrapper h5 { font-weight: bold; text-transform: uppercase; margin-top: 20px; margin-bottom: 20px; } #testimonial label { display: block; margin-top: 10px; } #testimonial input[type=text], #testimonial input[type=email] {width: 100%;} hr {border-style: dashed;} #testimonial .question {display: inline-block;} #testimonial .selectable {display: inline-block;} #testimonial .radiowrap {float: right;} #testimonial .radiowrap input[type=radio] { margin: 3px; cursor: pointer; } #testimonial .radiowrap label { display: inline-block !important; cursor: pointer;} #testimonial .questionwrap select { float: right; margin-top: 6px; } #testimonial .questionwrap .rateit { float: right; margin-top: 6px; } #testimonial .questionwrap .rateit button.rateit-reset {margin-top: 5px;} #testimonial .ratinglabel { font-weight: bold; font-size: 12px; margin-bottom: 10px; } #testimonial input[type=submit], #testimonial input[type=button].resetBtn { border: none; padding: 10px 25px; text-transform: uppercase; font-weight: bold; margin: 0px 5px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; } #testimessage { width: 100%; height: 250px; } #testimonial #tsubmit {} #testimonial input[type=button].resetBtn {} #testimonial .rateit { float:right; cursor: pointer;} #testimonial label.question.starQuestion { float: left; margin-bottom: 15px;} #testimonial h5 { margin-top: 10px; } /* End Customer Testimonials */ /* Parts Page */ .part-repeater { margin-top: 20px; } .part-repeater .part-repeater-item { margin-bottom: 30px; padding:10px; border-radius: 2px; -webkit-border-radius: 2px; position:relative; color:#000; border: 1px solid #c0c0c0; background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); background: -webkit-linear-gradient(top, #ffffff 0%,#eaeaea 100%); background: -o-linear-gradient(top, #ffffff 0%,#eaeaea 100%); background: -ms-linear-gradient(top, #ffffff 0%,#eaeaea 100%); background: linear-gradient(to bottom, #ffffff 0%,#eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );} .part-repeater .part-repeater-item .main-image .flag { pointer-events: none; max-width: 120px; } .part-repeater .part-repeater-item table tr td { padding: 2px 0px; padding-left: 10px; vertical-align:top;} .part-repeater .part-repeater-item table tr td:first-child { font-weight: bold; padding-left:0px; } .part-repeater .part-repeater-item .view-details span { display: block; font-weight: bold; } .part-repeater .part-repeater-item .view-details .price { font-size: 28px; margin-bottom: 10px; } .part-repeater .part-repeater-item .view-details .lease { font-size: 15px; } .part-repeater .part-repeater-item .view-details a { display: inline-block; border-radius: 4px; -webkit-border-radius: 4px; font-size: 17px; font-family: 'Titillium Web'; font-weight: bold;padding: 10px 15px; margin-top: 20px; } .part-repeater .part-repeater-item .view-details a:hover { text-decoration: none; } .part-repeater .part-repeater-item .availabilities { margin-top: 5px; cursor: default; } .part-repeater .part-repeater-item .availabilities span { font-weight: bold; padding-right: 8px;} .part-repeater .part-repeater-item .availabilities .video .fa-circle { } .part-repeater .part-repeater-item .availabilities .video .fa-play { } .part-repeater .part-repeater-item .availabilities .fa-check { } @media(max-width:767px){ .part-repeater-item .main-image { max-width: 450px; margin: 0 auto; margin-bottom: 10px;} .part-repeater-item table { margin: 0 auto; } .part-repeater-item .view-details { text-align: center; } } .parts-details .price-details .original-price { font-size:18px; text-decoration: line-through; padding-top:5px; display:inline-block;} .parts-details .price-details .original-price strong { text-decoration: none;} .parts-details .stock-details { margin-bottom:20px; padding:0 5px;} .parts-details .stock-details .stock-no { font-weight:bold; font-size:15px; text-transform: uppercase; display:inline-block; margin-right:10px;} .parts-details .stock-details .availability { font-weight:bold; font-size:15px; text-transform: uppercase;} .parts-details .stock-details .availability.in { } .parts-details .stock-details .availability.out { } .parts-details .product-details { padding:0 5px;} .parts-details .product-details .category { font-size:15px; font-weight:bold; display:inline-block; margin-bottom:20px!important;} .parts-details .product-details .category strong { } .parts-details .product-details h2 { font-size:15px; font-weight:bold;} .parts-details .product-details p { font-size:13px!important; font-weight:normal;} .parts-details .document-details { padding-right:5px;} .parts-details .document-details a { background:url('https://cdn.canamrv.ca/assets/app/images/download-document-icon.png') center 0 no-repeat; display:inline-block; text-transform: uppercase; font-size:12px; font-weight:bold; padding-top:60px; width:100%; text-align:center; cursor:pointer; margin-bottom:20px;} /* Similar Parts */ #content .similar-parts img { width: 100%; } #content .similar-parts .similar-part-item { position: relative; } #content .similar-parts .similar-part-item .similar-details { right: 10px; left: 10px; opacity: 0; position: absolute; top: 0; padding: 15px; background-color: rgba(43, 146, 199, 0.84); height: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #content .similar-parts .similar-part-item:hover .similar-details { opacity: 1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #content .similar-parts .similar-part-item .similar-details .similar-title { font-size: 16px;} #content .similar-parts .similar-part-item .similar-details .similar-price { font-size: 24px; font-weight: bold; margin-top: 15px; display: block; } @media only screen and (min-width:992px) and (max-width: 1199px) { #content .similar-parts .similar-part-item .similar-details .similar-title { font-size: 14px;} } /* Contact Page */ .contact-page p { font-size: 16px !important; } .contact-page h4 { font-weight: 700; text-transform: uppercase; } .contact-page table { width: 100%; margin-bottom: 20px; } .contact-page tr { } .contact-page tr td { width: 50%; padding-bottom: 5px;} .contact-page tr td:first-child { font-weight: bold; } .contact-page .google-maps { margin-bottom: 20px; } .contact-page ol { margin-bottom: 20px; } /* End Contact Page */ /* End Content */ /* Sidebar */ #feedback { display: none; } #feedback { border: 1px solid #999; border-radius: 5px; line-height: 24px; padding: 20px; margin: 20px 0px; display: none; } #feedback .error {} #feedback .success {} .sidebar-widget:not(:first-of-type) { padding-top: 20px; } .sidebar-widget .sidebar-form { padding: 15px; border: 1px solid #e3e3e3; } .sidebar-widget .sidebar-form .shortinput input[type="text"], .sidebar-widget .sidebar-form .shortinput{ width: 46% !important; display: inline-block; } .sidebar-widget .sidebar-form input[type="text"], .sidebar-widget .sidebar-form select { width: 100%; border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #999; padding: 5px; } .sidebar-widget .sidebar-form textarea { resize: none; height: 120px; } .sidebar-widget .sidebar-form label { font-weight: normal; display: block; font-size: 15px;} .sidebar-widget .sidebar-form .has-error .control-label{ } .sidebar-widget .sidebar-form .radio-group label { font-weight: bold !important; cursor: pointer; margin-top: 0px; display: inline-block; padding-right: 10px; } .sidebar-widget .sidebar-form .radio-group label input { margin-right: 5px; } .sidebar-widget .sidebar-form .submit { margin-top: 15px; } .sidebar-widget .sidebar-form .submit input { border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 20px; font-size: 16px; border: 0px;font-weight: bold; text-transform: uppercase;} .sidebar-widget .sidebar-form .submit .submitBtn { } .sidebar-widget .newspaper-icon { width: 60px; height: 60px; line-height: 60px; } .sidebar-widget .newspaper-icon .fa-circle { font-size: 60px;} .sidebar-widget .newspaper-icon .fa-newspaper-o { font-size: 25px; } .sidebar-widget h3 { } .sidebar-widget .header-block { margin-bottom: 30px; } .sidebar-widget .app-wrapper { margin: 10px 0px; } .sidebar-widget .app-wrapper img { display: block } .sidebar-widget .app-wrapper img:hover { opacity: 0.8; } .sidebar-widget .app-wrapper .app { font-size: 12px; font-style: italic; } .sidebar-widget .side-news { padding: 15px 0px; border-bottom: 2px dashed #c9c9c9; } .sidebar-widget .side-news h4 { margin-bottom: 5px; } .sidebar-widget .side-news p { font-size: 13px; margin-bottom: 0px; } /* End Sidebar */ /* Footer */ footer#footer { border-top: 5px solid rgba(0,0,0,0.2); } #footer .footer-widgets-wrap { padding: 60px 0px; } #footer .footer-widgets-wrap a { } #footer .footer-widgets-wrap .widget { padding: 20px 0px; } #footer .footer-widgets-wrap .widget h4 { margin-bottom: 25px; font-size: 15px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; } /*#footer .footer-widgets-wrap .widget .quicklinks { padding: 0px; } #footer .footer-widgets-wrap .widget .quicklinks li { padding: 4px; padding-left: 10px; list-style-type: none; background: url('gfx/widget-link-dark.png') no-repeat left; } #footer .footer-widgets-wrap .widget .quicklinks li a { font-size: 12px; } #footer .footer-widgets-wrap .widget .quicklinks li a:hover { }*/ #contact-us li { margin-bottom: 10px; } ul#contact-us { list-style:none;} ul#contact-us i {color: #666; font-size: 22px; margin-left: -30px; margin-right: 10px;display: inline-block;width: 18px;} .footer-address { margin-top: 10px; font-size: 14px;} .footer-address address { line-height: 25px; } .footer-address address a { text-decoration: underline; } .input-group-addon, .dark .input-group-btn .btn-default { } #footer .form-control:not(.not-dark), .dark .sm-form-control:not(.not-dark) { } .addthis_horizontal_follow_toolbox p { display: none; } /* End Footer */ /* Responsive */ .google-maps { position: relative; padding-bottom: 25%; height: 0; overflow: hidden;} .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .scrolloff iframe{ pointer-events: none; } @media (max-width: 500px){ #rvtypes { margin-left: -15px !important; padding-right: -15px !important; } #rvtypes li { padding: 0px 3px; } #rvtypes li a { font-size:8px; } #rvtypes li span { font-size: 29px; } .button-group ul li a { font-size: 12px; margin-top: 10px; } #content .detail-tabs .tabs li { font-size: 11px; } } /* Sidebar & Sidebar Widgets */ @media (max-width: 991px){ .sidebar-widget { padding-top: 20px } } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* End Responsive */ /* END THEME STYLES */ /* ----------------------------------------------------------------- */ /* SITE-SPECIFIC STYLES */ /* Fonts, General Styles, etc */ /* icon color */ i.blue { color:#0b3d91;} /* Custom img tag style */ .img-center { margin:0 auto;} .img-round { border-radius:5px;} .img-cover { width:100%;} /* draw any selected text yellow on red background */ ::-moz-selection { color: #fff; background: #b41403; } ::selection { color: #fff; background: #b41403; } body { font-size:16px; color: #333; } h1,h2,h3,h4,h5,h6 { color: #222; } h3 { font-size: 28px; } .radio-group label:before { background-color: #e7e7e7; } .radio-group input[type="radio"]:checked + label:after { background-color: #0192fd; } #content .content-wrap { background-color:#fff;} @media (max-width:767px){ .yamm .navbar-collapse { background-color:#112643; padding: 5px; max-height:390px; overflow-y:auto; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00519a+0,003f76+100 */ border:none; background: #00519a; /* Old browsers */ background: -moz-linear-gradient(top, #00519a 0%, #003f76 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00519a), color-stop(100%,#003f76)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00519a 0%,#003f76 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00519a 0%,#003f76 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00519a 0%,#003f76 100%); /* IE10+ */ background: linear-gradient(to bottom, #00519a 0%,#003f76 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00519a', endColorstr='#003f76',GradientType=0 ); /* IE6-9 */ } .navbar-collapse .navbar-toggle { border-color: transparent; } } header { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00519a+0,003f76+100 */ background: #00519a; /* Old browsers */ background: -moz-linear-gradient(top, #00519a 0%, #003f76 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00519a), color-stop(100%,#003f76)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00519a 0%,#003f76 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00519a 0%,#003f76 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00519a 0%,#003f76 100%); /* IE10+ */ background: linear-gradient(to bottom, #00519a 0%,#003f76 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00519a', endColorstr='#003f76',GradientType=0 ); /* IE6-9 */ } footer#footer { border-top:none;} .top-row { margin-bottom:30px;} .top-row h1 { font-size:28px; font-weight:600; color:#111111;} .top-row #back-to-listing { background-color:#305891; color:#fff; text-transform:uppercase; border-radius:3px; padding:13px 20px 12px; font-family:'Titillium Web', sans-serif; font-weight:bold; font-size:14px; transition:all 0.35s; margin-left:10px;} .top-row #back-to-listing:hover { text-decoration: none; background-color:#273955;} .top-row #previous-unit-button, .top-row #next-unit-button {color:#fff!important; background-color:#305891; padding:9px; text-align:center; display:inline-block;} .top-row #previous-unit-button { border-top-left-radius:3px; border-bottom-left-radius:3px; margin:0;} .top-row #next-unit-button { border-top-right-radius:3px; border-bottom-right-radius:3px; margin:0;} @media (max-width: 1199px){ #site-wrapper { background-size:auto auto;} } @media (max-width:991px){ .email-address-phone-info { text-align:center!important;} #unit-navigation { text-align:left;} } @media (min-width:697px) and (max-width:767px){ #content .preformatted-content-wrap { padding-top:80px;} #content .main-image { margin-top:30px;} } @media (max-width:767px){ #content .main-image { margin-top:30px!important;} } @media (max-width:696px) { .rv-details h3.heading { margin:40px 0; } } @media (max-width:480px) { .rv-details #details .nav-tabs>li>a { font-size:16px; } .rv-details #details a[href="#specifications"] { text-indent:-9999px; line-height:0; } .rv-details #details a[href="#specifications"]:after { content: "Unit Specifications"; text-indent: 0; display: block; line-height: initial; /* New content takes up original line height */ } } @media (max-width:370px) { .rv-details #details a[href="#specifications"]:after { content: "Unit Specs."; } } /* END Fonts, General Styles, etc */ /* Homepage Featured */ #featured { background:url('https://cdn.canamrv.ca/assets/app/images/bkg-inventory.jpg') 0 0 no-repeat #fff; background-size:cover; min-height:850px; padding-top:25px;} #featured h2 { color:#fff; text-shadow:2px 2px 5px #000;} @media (max-width:991px){ #featured { background:none; padding-top:0;} #featured h2 { color:#000; text-shadow:none;} } #featured .featured-item-wrapper { display:block; margin-top:20px; margin-bottom:40px;} #featured .featured-item-wrapper .item { border:5px solid #fff; position:relative; max-height:205px; overflow:hidden;} @media (max-width:1199px) { #featured .featured-item-wrapper .item { max-height:332px; } } @media (max-width:991px){ #featured .featured-item-wrapper .item { margin-bottom:15px; border-color:#333;} } @media (max-width:767px){ #featured .featured-item-wrapper .item { max-height:none;} } #featured .featured-item-wrapper .item .overlay { display:none; width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(56,89,117,0.75);} #featured .featured-item-wrapper .item:hover .overlay { display:block;} #featured .featured-item-wrapper .item .overlay .wrapper { padding:10px; position:relative; width:100%; height:100%;} #featured .featured-item-wrapper .item .title { font-size:22px; color:#fff; text-transform: uppercase;} #featured .featured-item-wrapper .item .overlay .wrapper .details { position:absolute; left:0; bottom:10px; width:100%;} #featured .featured-item-wrapper .item .overlay .wrapper .details .price { font-size:24px; font-weight:bold; color:#fff;} #featured .featured-item-wrapper .item .overlay .wrapper .details .link a { background-color:#b41403; color:#fff; font-size:15px; font-weight:bold; padding:5px 15px; margin-top:3px; display:inline-block; transition:all 0.35s;} #featured .featured-item-wrapper .item .overlay .wrapper .details .link a:hover { text-decoration: none; background-color:#830e02;} #featured #more-inventory-button { margin-top:20px; background-color:#273955; border:none; border-radius:0; padding-left:50px; padding-right:50px; font-size:18px;} #featured #more-inventory-button:hover { background-color:#383d4b;} #featured #more-inventory-button { margin-top:20px; background-color:#273955; border:none; border-radius:0; padding-left:50px; padding-right:50px; font-size:18px;} #featured #more-inventory-button:hover { background-color:#383d4b;} #featured #online-catalogue-button { margin-top:20px; background-color:#273955; border:none; border-radius:0; padding-left:50px; padding-right:50px; font-size:18px;} #featured #online-catalogue:hover { background-color:#383d4b;} /* Homepage News & Testimonials */ /* Testimonial */ #news-and-testimonials .testimonials-wrapper .item { margin-bottom:45px;} #news-and-testimonials .testimonials-wrapper .item p { color:#333; font-size:15px; line-height:24px;} #news-and-testimonials .testimonials-wrapper .item .customer-name { color:#333333; font-size:18px; font-weight:bold; display:inline-block;} #news-and-testimonials .testimonials-wrapper a { display:inline-block; color:#273955; border:2px solid #273955; padding:8px 18px; text-transform: uppercase; font-weight:700; transition:all 0.35s;} #news-and-testimonials .testimonials-wrapper a:hover { color:#fff; background-color:#273955; text-decoration: none;} /* News & Events */ #news-and-testimonials .posts-wrapper .item { margin-bottom:30px;} #news-and-testimonials .posts-wrapper .item span { display:block; margin-bottom:12px;} #news-and-testimonials .posts-wrapper .item .title { font-size:16px; font-weight:bold; color:#000;} #news-and-testimonials .posts-wrapper .item .date { font-size:15px; font-weight:bold; color:#777777; font-weight:normal;} #news-and-testimonials .posts-wrapper .item .date i { color:#000; margin-right:6px;} /* Header */ .header-contact { text-align: right; color:#fff; margin-top:10px; } .header-contact a { color:#fff; } .header-contact i { margin-right: 5px; font-size: 32px; line-height: 16px; vertical-align: text-bottom; } .header-contact i.phone { margin-left: 45px; } .header-buttons-wrap { position:relative; top: 46px; } .header-buttons-wrap .header-button { float: right; } @media(max-width:991px) { .header-buttons-wrap .header-button { float: left; text-align: center; width: 50%; } } @media(max-width:700px) { .header-buttons-wrap { display: none; } } button.navbar-toggle { margin-left:10px; } #primary-menu nav ul.nav.navbar-nav > li a { font-family:'Titillium Web'; } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color:transparent; } #primary-menu nav ul.nav.navbar-nav li.dropdown ul.dropdown-menu li a { padding:3px 60px 3px 18px; font-size:16px; } #primary-menu nav ul.nav.navbar-nav li.dropdown ul.dropdown-menu li a { text-transform:none; } .navbar-default { background-color: transparent; } button.navbar-toggle.collapsed { margin-left: 10px; border-color: #fff; } .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } #primary-menu { border:0!important; margin-top: 5px; } @media(max-width:767px){ #primary-menu nav.navbar{ margin:0 -10px; } #primary-menu nav ul.nav.navbar-nav > li { padding-left:5px; padding-right:5px; } #primary-menu nav ul.nav.navbar-nav ul.dropdown-menu { background-color:#18365F; } } #primary-menu nav ul.nav.navbar-nav > li a { font-size:14px; font-weight:normal; padding:16px 12px;} #primary-menu nav ul.nav.navbar-nav > li a { color: #fff; } #primary-menu nav ul.nav.navbar-nav > li:hover > a { color: #fff; background-color:#01315c; } #primary-menu nav ul.nav.navbar-nav > li.current a { color: #fff; background-color: #01315c; } #primary-menu nav ul.nav.navbar-nav > li.current a:hover { color:#fff; background-color: #cf9802;} #primary-menu nav ul.nav.navbar-nav > li.current ul li a { background-color: #fff; } #primary-menu nav ul > li.current:hover a { color: #fff; } #primary-menu nav ul.nav.navbar-nav ul.dropdown-menu { border-top: none; border-radius:0; padding-bottom:16px; border-bottom:3px #01315c solid; padding-top:12px;} #primary-menu nav ul.nav.navbar-nav li.dropdown ul.dropdown-menu li a:hover { color: #dd6052; } #primary-menu nav ul.nav.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-header { color: #222; } #primary-menu nav ul.nav.navbar-nav li.dropdown ul.dropdown-menu li a.megamenu-section-title { font-weight: bold; font-size: 16px; display: block; padding: 5px 0px !important; } #primary-menu nav ul.nav.navbar-nav li.dropdown ul.dropdown-menu li a.megamenu-section-title:before {} #primary-menu nav ul.nav.navbar-nav li.dropdown ul.dropdown-menu li a.megamenu-section-title:hover { color: #666; text-decoration: none; } #primary-menu nav ul.nav.navbar-nav li.dropdown ul.dropdown-menu li a .menu-brand-type { font-size: 12px; display:block; color:#bfbfbf; } #primary-menu nav ul.nav.navbar-nav li.dropdown ul.dropdown-menu li a .menu-brand-type:before { content: ""; } #primary-menu nav ul.nav.navbar-nav li.dropdown ul.dropdown-menu .yamm-content ul li a { display:block; padding: 5px 0px; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover { background-color: #01315c; } .navbar-default .navbar-nav>.open>a:focus { background-color: #01315c; } .navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret { background-color:#18365F; border-top-color:#18365F; } .navbar-nav.sm-collapsible .caret:before { content: '▼'; color:#fff; } @media(min-width:768px) { ul.nav > li > a > span.caret { display:block; border:none; width:auto; } ul.nav > li > a > span.caret:before { display:none; content:'∨'; text-align:center; height:8px; line-height:8px; font-size:12px; -webkit-transform:scale(1.5,1); /* Safari and Chrome */ -moz-transform:scale(1.5,1); /* Firefox */ -ms-transform:scale(1.5,1); /* IE 9 */ -o-transform:scale(1.5,1); /* Opera */ transform:scale(1.5,1); /* W3C */ } ul.nav > li > a:hover > span.caret:before, ul.nav > li > a.highlighted > span.caret:before { display:block; } } /* Dropdown Colors */ @media(min-width:768px){ #primary-menu nav ul.nav.navbar-nav li.dropdown ul.dropdown-menu li a { color: #222; } } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover { background-color: #01315c; } .navbar-default .navbar-nav>.open>a:focus { background-color: #01315c; } /* Slider */ .slider-bg { background:none; padding-top:0;} .slider-wrap { padding:0!important;} .slider-content { background: rgba(0,0,0,0.8); color: #fff; } .slider-content h2 { color: #fff; } .slider-content p { color: #fff !important; } .slider-content a.slidercta { color: #fff; background-color: #ec9417; } .slider-content a.slidercta:hover { background-color: #c37b15; } /* End Slider */ /* BGs for sections */ .inventory-bg { padding-top: 10px; background-image: url('https://cdn.canamrv.ca/assets/app/scss/gfx/inventory-bkg.jpg'); background-size: cover; background-repeat: no-repeat; background-position:center; background-position-x: calc(50% + 29px); position:relative; } .inventory-bg .bg-overlay { opacity:0.5; } .news-bg { padding-top: 25px; background-image: url('https://cdn.canamrv.ca/assets/app/scss/gfx/bkg-news.jpg'); background-size: cover; background-repeat: no-repeat; background-position:center; position:relative; z-index:0; padding-bottom:60px; } .news-bg .bg-overlay { background: rgba(237,237,237,0.5); background: -moz-linear-gradient(top, rgba(237,237,237,0.2) 0%, rgba(246,246,246,0.6) 53%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,0.2)), color-stop(53%, rgba(246,246,246,0.6)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(237,237,237,0.2) 0%, rgba(246,246,246,0.6) 53%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(237,237,237,0.2) 0%, rgba(246,246,246,0.6) 53%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(237,237,237,0.2) 0%, rgba(246,246,246,0.6) 53%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(237,237,237,0.2) 0%, rgba(246,246,246,0.6) 53%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 ); opacity:1; } body.home .subpage-banner { display:none; } body.home .alt-rv-bar #rvtypes{ margin-bottom:0; } #rvtypes { width:100%; text-align:center; } .alt-rv-bar { background-color:#fff;} .alt-rv-bar #rvtypes { margin-bottom:-45px; position:relative; top:-50px; } .alt-rv-bar #rvtypes:after { content:''; display:inline-block; width:80px; height:4px; background-color:#b41403; position:absolute; bottom:-1px; left:0; } .alt-rv-bar #rvtypes li a { font-size:12px; font-weight:normal; color:#666666!important;} @media(max-width:767px){ .alt-rv-bar #rvtypes { top:0; margin-bottom:15px;} .alt-rv-bar #rvtypes li a { color:#000!important;} } .alt-rv-bar h3 { margin-bottom: 0; margin-top: 14px; text-transform: uppercase; font-style: italic; color: #fff; font-size: 28px; text-shadow: 2px 2px 1px #000000; } .alt-rv-bar h3 span{ color: #fdba03;} .alt-rv-bar #rvtypes { padding:30px 15px; display:inline-block; text-align:center; width:100%; border-bottom:1px solid #cccccc; } body.home .alt-rv-bar { background:none;} body.home .alt-rv-bar #rvtypes { top:0;} .alt-rv-bar #rvtypes li {max-width: 178px;} .alt-rv-bar #rvtypes li:hover { opacity: 0.9; } .alt-rv-bar #rvtypes li a { color:#5caae5; } .alt-rv-bar #rvtypes li:hover span { opacity: 1;} .alt-rv-bar #rvtypes li span { opacity: 0.7; } @media(max-width:991px){ .alt-rv-bar h3 { margin-bottom: 20px; text-align:center; } .alt-rv-bar #rvtypes { padding-right: 15px; } .alt-rv-bar #rvtypes li a { font-size: 12px; } } @media(max-width: 767px){ .alt-rv-bar #rvtypes { border-radius: 0; } .alt-rv-bar #rvtypes li { width: 50%; float: left; margin:0 auto; } } @media (max-width: 499px){ .alt-rv-bar #rvtypes li a { font-size: 12px; } } /* Sprites */ /*Set the max-width to the width of your individual sprites:*/ .stretchy {display:block; float:left; position:relative; overflow:hidden; max-width:226px;} .stretchy .spacer {width: 100%; height: auto;} .stretchy .sprite {position:absolute; top:0; left:0; max-width:none; max-height:100%;} .stretchy .sprite.s2 {left:-100%;} .stretchy .sprite.s3 {left:-200%;} .stretchy .sprite.s4 {left:-300%;} .stretchy .sprite.s5 {left:-400%;} .stretchy .sprite.s6 {left:-500%;} .stretchy .sprite.s7 {left:-600%;} .stretchy.no-limit {max-width: none;} /*you could also set this to a pixel size, for example 320px, to limit the maximum*/ .stretchy.no-limit .sprite {min-height: 100%;} /*END stretchy sprites by tobyj.net*/ /* End Sprites */ /* END Header */ /* Content */ /* Call to Action Widgets */ .cta-box { background: #fff; } .cta-box h4 { color: #666666;} .cta-box h4 .now { color: #ea4902; } .cta-box .price { color: #ed4e29; } .cta-box .caption { color: #999999; } /* End Call to Action Widgets */ /* Header Blocks */ .header-block h1, .header-block h2, .header-block h3, .header-block h4, .header-block h5, .header-block h6 { color: #333;} /* End Header Blocks */ /* Subpage Header */ .subpage-header h1 { color: #1fb25a; } .subpage-header { background-image: none; backgrofergund-size: cover; background-repeat: no-repeat; padding:10px 0px; } .details-pagination .backnforth a { background-color: #337ab7; } .details-pagination .back a{ background-color: #337ab7;} .details-pagination a { color: #fff; } .details-pagination a:hover { background-color: #23547E; } /* End Subpage Header */ /* Buttons (More Info, Make Offer) */ #content .button-group ul li a{ color: #fff; background-color: #305891; border-radius:0;} #content .button-group ul li a:hover{ background-color: #273955; } /* End Buttons (More Info, Make Offer) */ /* RV Forms (More Info, Make Offer) */ #content .rv-detail-form { color: #666; } /* End RV Forms (More Info, Make Offer) */ /* Parts Forms (More Info) */ #content .parts-detail-form { color: #666; } /* End Parts Forms (More Info) */ /* Generic Form Styling (all form styles should be merged into this) */ #content form input[type="button"] { color: #fff; background-color: #4f4e4e; } #content form .submitBtn { color:#fff; background-color: #0b3d91; text-transform:none; padding:10px 50px; border-radius:0;} #content form .resetBtn { color:#fff; background-color: #404040; font-weight:bold; padding:10px 30px; border-radius:0; border:none;} /* RV Featured Image */ /*#content .featured-image-wrap { background: #fff; }*/ /* End RV Featured Image */ /* Carousel */ #sync2 .owl-item.synced .item::before { -webkit-box-shadow:inset 0px 0px 0px 2px #f15c2b; -moz-box-shadow:inset 0px 0px 0px 2px #f15c2b; box-shadow:inset 0px 0px 0px 2px #f15c2b; } /* End Carousel */ /* RV Price Deatils */ #content .price-details .main-price .msrp { color: #cdcdcd; } #content .price-details .main-price .price { color: #e03108; } #content .price-details .price-more .savings { color: #0066cc; } #content .price-details .price-more .lease { color: #0066cc; } /* End RV Price Details */ /* RV Availability */ #content .available div { background: #f5f5f5; } #content .available div span { color: #333; } #content .available div span i{ color: #c02942; } /* End RV Availability */ /* RV Detail buttons (Slideshow, Video, etc) */ #content .detail-buttons ul{ color: #333; } #content .detail-buttons ul li span .fa-stack-1x{ color: #fff;} #content .detail-buttons ul li.slideshow .fa-circle { color: #1693a5; } #content .detail-buttons ul li.video .fa-circle { color: #fc6d4c; } #content .detail-buttons ul li.floorplan .fa-circle { color: #53777a; } #content .detail-buttons ul li.buildsheet .fa-circle { color: #eb9c4d; } /* RV Detail buttons (Slideshow, Video, etc) */ /* RV Tabs (Selling Features, etc) */ #content .detail-tabs .tabs li{ background-color: #f5f5f5; } #content .detail-tabs .tabs li a{color: #333; } #content .detail-tabs .tabs li:hover { background: #fff; } #content .detail-tabs .tabs li a.current{ background: #fff; } #content .detail-tabs .tab-container { background: #fff; } #content .disclaimer p { color: #444; } /* RV Tabs (Selling Features, etc) */ /* Similar RVs */ #similar-units { background:url('https://cdn.canamrv.ca/assets/app/images/featured-background.png') 0 0 no-repeat #fff; background-size:100% auto; padding-top:100px; padding-bottom:50px;} #similar-units .header-block:after { border-top:2px solid #fff;} #similar-units h3 { color:#fff;} #similar-units .similar-rv .similar-rv-item .similar-details { color: #fff; background-color: rgba(56, 89, 117, 0.74); min-height: 162px; } #similar-units .similar-rv .similar-rv-item .similar-details .similar-price { color: #fff; } #similar-units .similar-rv img { width: 100%; } #similar-units .similar-rv .similar-rv-item { position: relative; border:5px solid #fff;} #similar-units .similar-rv .similar-rv-item .similar-details { opacity: 0; position: absolute; top: 0; padding: 15px; height: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #similar-units .similar-rv .similar-rv-item:hover .similar-details { opacity: 1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #similar-units .similar-rv .similar-rv-item .similar-details .details { position:absolute; left:0; bottom:10px; width:100%;} #similar-units .similar-rv .similar-rv-item .similar-details .similar-title { font-size: 20px; text-transform: uppercase;} #similar-units .similar-rv .similar-rv-item .similar-details .similar-price { font-size: 24px; font-weight: bold; display: block; } #similar-units .similar-rv .similar-rv-item .similar-details .link a { background-color:#b41403; color:#fff; font-size:15px; font-weight:bold; padding:5px 15px; margin-top:3px; display:inline-block; transition:all 0.35s;} @media only screen and (min-width:992px) and (max-width: 1199px) { #similar-units .similar-rv .similar-rv-item .similar-details .similar-title { font-size: 15px;} } @media only screen and (max-width:991px){ #similar-units { background-size:auto auto; padding-top:50px;} } /* End Similar RVs */ /* Rv Listings */ #paginate a {color:#9f9f9f; } #paginate span { color:#000; } .rv-repeater .rv-repeater-item { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#eaeaea 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */ } .rv-repeater .rv-repeater-item:hover { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #BEBEBE 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#BEBEBE)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#BEBEBE 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#BEBEBE 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#BEBEBE 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#BEBEBE 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#BEBEBE',GradientType=0 ); /* IE6-9 */ } .rv-repeater .rv-repeater-item .view-details .price { color: #e03108; } .rv-repeater .rv-repeater-item .view-details .lease { color: #0066cc; } .rv-repeater .rv-repeater-item .view-details a { color: #fff; background-color: #0b3d91;} .rv-repeater .rv-repeater-item .view-details a:hover {background-color:#0B367D; } .rv-repeater .rv-repeater-item .availabilities .video .fa-circle { color: #fc6d4c; } .rv-repeater .rv-repeater-item .availabilities .video .fa-play { color: #fff; } .rv-repeater .rv-repeater-item .availabilities .fa-check { color: #c02942; } /* Manufactuerer/Brands */ .view-inventory a { background-color: #118A71; color: #fff; } .view-website a { background-color: #C38767; color: #fff; } .view-brochure a { background-color: #ad3434; color: #fff; } .view-inventory a:hover { background-color: #0C614F; color: #fff; } .view-website a:hover{ background-color: #835B45; color: #ffffff } .view-brochure a:hover{ background-color: #942d2d; color: #ffffff } .brands-box .title { background-color: #C9281C; color: #fff; } .brands-box .brands-image { background-color: #ffffff; min-height: 219px; } .brands-box a:hover .title { background-color: #991A10; } .callout label{ background-color: #118A71; color: #fff; } .callout-content .msrp { color: #126faa; } .callout-content .specifications tr:nth-child(odd){ background-color: #ececec; } /* End Manufacturer */ /* Blog Listing & Details Page */ .article-listings .read-more { color: #fff; background-color: #118A71; } .article-listings .read-more:hover{ background-color: #0C614F; color: #fff; } .article-content .keyword-tags ul li a{ background-color: #016ead; color: #fff;} .article-content .keyword-tags ul li a:hover { background-color: #006098; } /* End Blog Listing & Detail Page */ /* Customer Testimonials */ .testimonial-title a { color: #fff; background-color: #37a4d7; } .testimonial-title a:hover { background-color: #297fa7; } /* Add Testimonial */ #testimonial #tsubmit {background-color: #37a4d7;} #testimonial input[type=button].resetBtn {background-color: #5c5c5d} /* End Customer Testimonials */ /* Parts Page */ .part-repeater .part-repeater-item .view-details .price { color: #e03108; } .part-repeater .part-repeater-item .view-details .lease { color: #0066cc; } .part-repeater .part-repeater-item .view-details a { color: #fff; background-color: #0066cc; } .part-repeater .part-repeater-item .view-details a:hover { background-color: #23547E; } .part-repeater .part-repeater-item .availabilities .video .fa-circle { color: #fc6d4c; } .part-repeater .part-repeater-item .availabilities .video .fa-play { color: #fff; } .part-repeater .part-repeater-item .availabilities .fa-check { color: #c02942; } .parts-details .price-details .original-price { color:#888888; } .parts-details .stock-details .stock-no { color:#016ead; } .parts-details .stock-details .availability.in { color:#01ad6a;} .parts-details .stock-details .availability.out { color:#e03108;} .parts-details .product-details .category { color:#505050; } .parts-details .product-details .category strong { color:#016ead;} .parts-details .product-details h2 { color:#393939; } .parts-details .product-details p { color:#393939;} .parts-details .document-details a { color:#333333;} /* Similar Parts */ #content .similar-parts .similar-part-item .similar-details { color: #fff; } #content .similar-parts .similar-part-item .similar-details .similar-price { color: #ffcd7f;} /* Contact Page */ /* End Contact Page */ /* End Content */ /* Sidebar */ #sidebar .finance-button { background-color:#b27e2b; display:block; padding:10px 0px; font-size:22px; font-weight:bold; font-family:'Titillium Web', sans-serif; color:#fff; text-decoration: none; width:100%; text-align:center; text-transform: uppercase; border-radius:3px; letter-spacing:2px; transition:all 0.35s;} #sidebar .finance-button:hover { background-color:#926724;} #feedback { background-color: #eee; } #feedback .error {color: #C00;} #feedback .success {color: #363;} .sidebar-widget .sidebar-form { background-color: #f5f5f5; border-radius: 15px 0 0 0; } body.home .sidebar-widget .sidebar-form { padding: 0; border: 0; background-color: #fff; border-radius: 0 0 0 0; } .sidebar-widget .sidebar-form input[type="text"], .sidebar-widget .sidebar-form select { border: 1px solid #cccccc; } body.home .sidebar-widget .sidebar-form input[type="text"], body.home .sidebar-widget .sidebar-form select, body.home .sidebar-widget .sidebar-form .form-control { background-color:#eee; border: 1px solid #eee; color: #555; } .sidebar-widget .sidebar-form label { color: #666; } body.home .sidebar-widget .sidebar-form label { display:none; color: #666; } body.home .sidebar-widget .sidebar-form label.keep-label { display: block; } .sidebar-widget .header-block h2 { border-bottom:1px solid #0b3d91;} .sidebar-widget h3 { font-size:18px; color:#333333; font-weight:bold; text-transform:uppercase;} .sidebar-widget address ul { padding-left:31px;} .sidebar-widget address ul > li {list-style:none; font-size:18px; white-space:pre-wrap; padding-left:15px; list-style-position:inside; text-indent:-15px;} .sidebar-widget address ul > li:first-child { padding-left:0;} .sidebar-widget address ul.address > li i { margin-right:15px;} .sidebar-widget address ul.email > li i { margin-right:13px;} .sidebar-widget address ul.phone > li i { margin-right:15px;} .sidebar-widget address ul.fax > li i { margin-right:13px;} .sidebar-widget address ul.hours > li i { margin-right:15px;} .sidebar-widget .sidebar-form .has-error .control-label{ color: #a94442; } .sidebar-widget .sidebar-form .submit input { color:#fff; background-color: #4f4e4e; } .sidebar-widget .sidebar-form .submit .submitBtn { background-color: #0066cc; } .sidebar-widget .newspaper-icon .fa-circle { color: #005696; } .sidebar-widget .newspaper-icon .fa-newspaper-o { color: #fff; } .sidebar-widget .app-wrapper .app { color: #999; font-style: italic; } .sidebar-widget .go-green { background-color: #fff; border: 1px solid #dddddd; padding: 20px; border-radius: 15px 0px 0px 0px; -webkit-border-radius: 15px 0px 0px 0px; background-image: url('https://cdn.canamrv.ca/assets/app/scss/gfx/go-green.png'); background-repeat: no-repeat; background-position: bottom right; } .sidebar-widget .go-green h3 { color: #40a340; text-transform: uppercase; } .sidebar-widget .go-green p:nth-of-type(2){ width: 73%; } .sidebar-widget .link-widget { border: 1px solid #dddddd; padding: 20px; color: #fff; border-radius: 15px 0px 0px 0px; -webkit-border-radius: 15px 0px 0px 0px; } .sidebar-widget .link-widget h3 { color: #fff; text-transform: uppercase; } .sidebar-widget .link-widget a { color: #fff; text-transform: uppercase; display: inline-block; border: 1px solid #fff; padding: 5px 10px; border-radius: 4px; font-weight:bold; } .sidebar-widget .link-widget a:hover { text-decoration: none; background-color: #fff; } .sidebar-widget .link-widget.parts-store { background-image: url('https://cdn.canamrv.ca/assets/app/scss/gfx/parts-store.png'); background-repeat: no-repeat; background-size: cover; } .sidebar-widget .link-widget.parts-store a:hover { color: #168972; } .sidebar-widget .link-widget.rentals { background-image: url('https://cdn.canamrv.ca/assets/app/scss/gfx/rentals.png'); background-repeat: no-repeat; background-size: cover; } .sidebar-widget .link-widget.rentals a:hover { color: #426FAD; } @media(min-width:1200px){ #sidebar .sidebar-widget:first-of-type .header-block { margin-top: 30px; } #sidebar .sidebar-widget:first-of-type .header-block h3 { color: #333; } } /* End Sidebar */ /* Footer */ footer#footer { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00529b+0,005097+17,00437f+71,003e76+100 */ background: #00529b; /* Old browsers */ background: -moz-linear-gradient(top, #00529b 0%, #005097 17%, #00437f 71%, #003e76 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00529b), color-stop(17%,#005097), color-stop(71%,#00437f), color-stop(100%,#003e76)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00529b 0%,#005097 17%,#00437f 71%,#003e76 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00529b 0%,#005097 17%,#00437f 71%,#003e76 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00529b 0%,#005097 17%,#00437f 71%,#003e76 100%); /* IE10+ */ background: linear-gradient(to bottom, #00529b 0%,#005097 17%,#00437f 71%,#003e76 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00529b', endColorstr='#003e76',GradientType=0 ); /* IE6-9 */ color: #666; /* double-border effect */ border-top:1px #fff solid; -webkit-box-shadow: 0px -3px 0px 0px rgba(235,28,45,1); -moz-box-shadow: 0px -3px 0px 0px rgba(235,28,45,1); box-shadow: 0px -3px 0px 0px rgba(235,28,45,1); } #footer .footer-widgets-wrap { padding:30px 0 4px; } #footer .footer-widgets-wrap a { color:#cccccc; font-size:22px;} #footer .footer-widgets-wrap .widget h4 { color: #fff; font-size:14px; font-weight:600; font-family:'Titillium Web'; letter-spacing: normal; margin-bottom:12px;} #footer .footer-widgets-wrap .footer-follow-us { padding-top:23px; } #footer .footer-widgets-wrap .widget .quicklinks { padding:0; } #footer .footer-widgets-wrap .widget .quicklinks li { line-height:18px; } @media(min-width:768px) { #footer .footer-widgets-wrap .widget .quicklinks li { display:inline;} #footer .footer-widgets-wrap .widget .quicklinks li:after { font-size:10px; content:"•"; padding-left:4px; color:#fff; margin:0 18px; vertical-align: text-bottom; } #footer .footer-widgets-wrap .widget .quicklinks li:last-child:after { content:""; padding-left:0; color:#fff; } } #footer .footer-widgets-wrap .widget .quicklinks li a { color: #fff; font-size:14px; font-family: 'Titillium Web'; text-transform: uppercase; } #footer .footer-widgets-wrap .widget .quicklinks li a:hover { color: #fff; } #footer .footer-widgets-wrap .widget .association-group a { display:inline-block; float:left; margin-bottom:12px;} #copyrights { color:#fff; padding-bottom:25px; font-weight:400; font-family:'Titillium Web'; font-size:13px; } #copyrights a {color:#fff;} #copyrights span { color:#a7a7a7; } #contact-us { line-height:26px;} #contact-us li { color: #cccccc; font-size:14px;} .footer-address { color: #cccccc;} .footer-address a { color:#929191!important; font-size:12px!important;} .input-group-addon, .dark .input-group-btn .btn-default { color: #999; background-color: rgba(0,0,0,0.35); border-color: rgba(0,0,0,0.25); } #footer .form-control:not(.not-dark), .dark .sm-form-control:not(.not-dark) { color: #999; background-color: rgba(0,0,0,0.2); border-color: rgba(0,0,0,0.25); } /* End Footer */ /* Responsive */ /* End Responsive */ /* To change position of close button to Top Right Corner */ #colorbox #cboxClose { top: 0; right: 0; } #cboxLoadedContent{ margin-top:28px; margin-bottom:0; } .slider-border { border:0;} /* Seank Peek */ .cta-section-cutout h2 { font-size:46px; color:#fff; display:inline-block; margin-bottom:0; text-transform: uppercase; text-shadow: #222 2px 2px 2px;} .cta-section-cutout .title { position:relative; width:100%; margin-bottom:50px; text-align:center;} /* Sneak Peek Tab Restyle (Overwrite Bootstrap) */ .cta-section-cutout .nav-tabs { border-bottom:none; display:inline-block; margin:0 auto 40px;} .cta-section-cutout .nav > li > a:focus, .cta-section-cutout .nav > li > a:hover { background-color:#eb1c2d; color:#fff;} .cta-section-cutout .nav-tabs > li > a { border: 0; border-radius: 0; margin:4px 0; margin-right: 8px; background-color: #fff; color: #333; padding:8px 25px; } .cta-section-cutout .nav-tabs > li.active > a, .cta-section-cutout .nav-tabs > li.active > a:focus, .cta-section-cutout .nav-tabs > li.active > a:hover { background-color: #eb1c2d; color: #fff; border:0; } .cta-section-cutout .tabs { margin-bottom:30px; display:block;} .cta-section-cutout .tab-content .tab-pane .item { margin-bottom:10px; position:relative;} .cta-section-cutout .tab-content .tab-pane .item .overlay { position:absolute; top:0; left:0; background-color:rgba(1,39,76,0.74); color:#fff; display:none; width:calc(100% - 30px); margin-left:15px; height:100%;} .cta-section-cutout .tab-content .tab-pane .item:hover .overlay { display:block;} .cta-section-cutout .tab-content .tab-pane .item .unit-title { font-size:18px; line-height:25px; display:inline-block; padding:15px 0 25px; color:#888; font-weight:bold; min-height:90px;} .cta-section-cutout .tab-content .tab-pane .item .unit-price { color:#0b3d91; font-size:20px; position:relative; font-weight:bolder;} .cta-section-cutout .tab-content .tab-pane .item a { font-size:15px; font-weight:bold;} .cta-section-cutout .tab-content .tab-pane .item a:hover { text-decoration: none;} .btn-shadow { background-color:#005696; color:#fff; text-transform: uppercase; font-size:1.5em; font-weight:700; padding:15px 30px; position:relative; display:inline-block; margin:10px 0;} .btn-shadow:hover, .btn-shadow:active, .btn-shadow:focus { color:#fff; text-decoration: none; background-color:#1fb25a;} .btn-shadow:after { z-index:-9999; position:absolute; content:""; bottom:12px; right:10px; left:auto; width:90%; height:26px; max-width:300px; background:#777; box-shadow:0 15px 10px #777; transform:rotate(3deg);} .item-section .item { background-color:#fff; padding:15px; } .cta-section-cutout .tab-content .tab-pane a.image-holder { padding:0; } @media (max-width:991px) { div.contact-info { text-align:center; } } @media (min-width:1200px) { .item-section .item { min-height:328px; min-width:264px; max-height:none!important; } .item-section .item .unit-title { min-height:115px!important; } .item-section .item img { min-height:176px; } } @media (min-width:1386px) { .item-section .item { min-height:328px; min-width:294px; } .item-section .item .unit-title { min-height:90px; } .item-section .item img { min-height:176px; } } .item-section .item img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .more-info-btn { background-color:#0b3d91; color:#fff; padding:5px 10px; } .more-info-btn:hover, .more-info-btn:focus, .more-info-btn:active { background-color:#0B367D; color:#fff; } @media (max-width: 767px) { .more-info-btn { margin-top:10px; width:100%; } .unit-price { text-align:center; } } .datafeed .date { color:#222; float:left; padding:8px 0; } .datafeed .title { clear:both; text-align:left; margin:12px 0; } .datafeed .content { text-align:left; color:#333; } .datafeed .content p { margin-bottom:10px; } .datafeed .content+p { text-align:left; } .datafeed .content+p>a { color:#0062aa; } @media (min-width:992px) { #featured .header-lined { color:#fff; } } @media (max-width: 767px) { .pull-xs-left { float: left; } .pull-xs-right { float: right; } } @media (min-width: 768px) and (max-width: 991px) { .pull-sm-left { float: left; } .pull-sm-right { float: right; } } @media (min-width: 992px) and (max-width: 1199px) { .pull-md-left { float: left; } .pull-md-right { float: right; } } @media (min-width: 1200px) { .pull-lg-left { float: left; } .pull-lg-right { float: right; } } .unit-price { white-space: nowrap; } .unit-price span { font-size: 13px; color: #888; } .item-section .image-holder { display:block; position:relative; } .item-section .image-holder .flag { pointer-events: none; position: absolute; top: 16px; left: -6px; z-index: 10; max-width: 143px; width: 100%; } .item-section .image-holder .flag img { min-height:auto; } .featured-empty { color:#fff; background-color:rgba(0,0,0,0.7); padding:20px; font-weight:bold; } /* /SITE-SPECIFIC STYLES */ /* temporary brands menu styles */ @media (min-width:768px) { .mega-menu .col-sm-12.col-md-12 .brand-list { -moz-columns: 2; -webkit-columns: 2; columns: 2; } } @media (min-width:992px) { .mega-menu .col-sm-12.col-md-12 .brand-list { -moz-columns: 3; -webkit-columns: 3; columns: 3; } } #primary-menu nav ul.nav.navbar-nav > li.top-menu-search-item > a { font-weight:bold; } #primary-menu nav ul.nav.navbar-nav > li.top-menu-search-item > a i { margin-right:5px; } @media(min-width:768px) { #primary-menu nav ul.nav { width:100%; } #primary-menu nav ul.nav.navbar-nav > li.top-menu-search-item { float:right; } header { max-height:90px; } } header { position:fixed; top:0; left:0; right:0; z-index: 999999; } /*different versions of fullpage slides */ .slide-cover, .slide-stretch, .slide-contain { background-position:center; } .slide-cover { background-size:cover; } .slide-stretch { background-size:100% 100%; } .slide-contain { background-size:contain; background-repeat:no-repeat; background-color:#00519a; } /* end slide versions */ .section { background:#333 url(gfx/spinner.gif) no-repeat center; background-position:center center !important; } .section .home-slides-caption { background-color: rgba(0,0,0,0.6); position:absolute; z-index:1000; } @media (max-width:500px) { .section .home-slides-caption h1 { font-size:22px; } .section .home-slides-caption .sub-text { font-size:15px; } } @media (max-width:1024px) { .section .home-slides-caption { text-align:center; top:0; left:0; right:0; } } @media (min-width:501) and (max-width:1024px) { .section .home-slides-caption h1 { font-size:35px; } .section .home-slides-caption .sub-text { font-size:24px; } } @media (min-width:1025px) { .section .home-slides-caption { padding:40px 50px; top:30px; border-radius: 8px; } .section .home-slides-caption.caption-right { right:12%; } .section .home-slides-caption.caption-left { left:12%; } .section .home-slides-caption h1 { font-size: 48px; } .section .home-slides-caption .sub-text { font-family:'Titillium Web'; font-weight:400; font-size:32px; position:relative; } } #fullpage .fp-controlArrow { text-align:center; border:none; border-style:none; } #fullpage .fp-controlArrow i { background-color: rgba(0,0,0,0.5); padding: 12px 20px 12px 14px; border-radius: 10%; text-align: center; font-size:38px; color:#fff; } #fullpage .fp-controlArrow.fp-next i { padding: 12px 14px 12px 20px; margin-left:-64px; } @media(max-width:479px) { /*#fullpage .fp-controlArrow.fp-prev { border-width:19.5px 17px 19.5px 0 !important; } #fullpage .fp-controlArrow.fp-next { border-width:19.5px 0 19.5px 17px !important; }*/ .fp-slidesNav ul li { margin:2px; width:6px; height:6px; } .fp-slidesNav ul li a span, .fp-slidesNav ul li a span:hover, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span { width:6px; height:6px; } #fullpage .fp-controlArrow i { font-size:19px; padding: 6px 10px 6px 7px; } #fullpage .fp-controlArrow.fp-next i { padding: 6px 7px 6px 10px; margin-left:-32px; } } /* end temp brands menu styles */ /* new header styles */ .header-block.full-width-underline { margin: 60px 0; border-bottom: 1px solid #999; height: 39px; text-align: center; } .header-block.full-width-underline h1, .header-block.full-width-underline h2, .header-block.full-width-underline h3, .header-block.full-width-underline h4, .header-block.full-width-underline h5, .header-block.full-width-underline h6 { background-color:#fff; padding:0 40px; display:inline-block; letter-spacing:normal; text-transform:none; } .header-block.full-width-underline h1, .header-block.full-width-underline h2, .header-block.full-width-underline h3 { font-size:42px; } .header-block.full-width-underline:after { content: normal; display: none; } .blue-button, a.blue-button { background-color:#0b3d91; border:1px solid transparent; border-radius:none; color:#fff; padding:25px 20px; display:block; text-align:left; font-size:25px; text-decoration:none; font-weight:600; } .blue-button:hover, a.blue-button:hover { background-color:#0B367D; } .grey-button, a.grey-button { background-color:#464646; border:1px solid transparent; border-radius:none; color:#fff; padding:25px 20px; display:block; text-align:left; font-size:25px; text-decoration:none; font-weight:600; } .grey-button:hover, a.grey-button:hover { background-color:#333; } .smaller-button { text-align:center; padding:20px; font-size:22px; letter-spacing:1px; } .smaller-button i { font-size:36px; position:absolute; left:26px; top:14px; } @media (max-width:1199px) { .smaller-button i { display:none; } .blue-button, a.blue-button { font-size:24px; } .blue-button span { float:none; position:absolute; right:10px; } } .strong-caption { font-size:20px !important; color:#333; font-weight:600; } h1.heading { overflow: hidden; font-size:42px; margin:60px 0; color:#333; } .heading { margin:60px 0; color:#333; } h2.heading { font-size:48px; } h4.heading { font-size:30px; } .heading-block h1.heading, .heading-block h3.heading { text-align: center; } h3.heading { overflow: hidden; font-size:42px; margin:60px 0; color:#333; } @media (max-width:767px){ h3.heading { font-size:28px; margin:20px 0; } } .header-lined { display: inline-block; position: relative; max-width: 80%; } .header-lined:before { right: 100%; } .header-lined:after { left: 100%; } .header-lined:after, .header-lined:before { content:""; width: 100000px; height: 1px; position: absolute; margin: 0 40px; background: #999; bottom: 7px; } .tow-videos .js-lazyYT { margin-bottom:16px; } .top-menu-search-item.search-open > a { color: #fff !important; background-color:#01315c !important; display:inline-block; } .search-panel { background-color:#fff; position:fixed; top:89px; left:0; right:0; border-bottom:5px solid #0b3d91; padding:50px 0; overflow-y: auto; overflow-x: hidden; height: 100%; z-index: 999998; } @media(min-width: 992px) { .search-panel { max-height: 365px; } } /*header.compact-header { height:60px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }*/ .search-panel-close { display: block; position: absolute; top: 7px; right: 15px; font-size: 40px; color: #ccc; line-height: 40px; } .search-panel input[type="text"], .search-panel button { width:100%; } select option:first-child.placeholder { color:#ccc; } /*@media (max-width:991px) { .search-panel { position:absolute !important; } }*/ .datafeed img.placeholder { background-color:#fff; border:1px solid #ccc; } .item-section .image-holder img { max-height:176px !important; width:100% !important; } body.subpage header + section:first-of-type, body.subpage header + .subpage-title-banner { margin-top:90px; } .compact-header .header-contact {display:none;} .compact-header #logo img { margin:6px 0; } .compact-header #primary-menu { margin-top:0; } .sidebar-widget .article-categories { list-style:none; padding-left:0; } .sidebar-widget .article-categories li a { display: block; padding: 15px 45px; background-color: #aaa; color: #fff; font-size: 24px; margin: 6px 0; text-decoration: none; } .blog #content .article-content p { font-weight:600; font-size:18px; } .sidebar-widget .article-categories li:hover a, .blog.index .sidebar-widget .article-categories li a[href='/blog/'], .blog.hitch-hints .sidebar-widget .article-categories li a[href='/blog/category/hitch-hints/'], .blog.events .sidebar-widget .article-categories li a[href='/blog/category/events/'] { background-color:#0b3d91; } .sidebar-widget .article-categories li a span { display:none; } .sidebar-widget .article-categories li:hover a span { display:none; } .blog.index .sidebar-widget .article-categories li a[href='/blog/'] span, .blog.hitch-hints .sidebar-widget .article-categories li a[href='/blog/category/hitch-hints/'] span, .blog.events .sidebar-widget .article-categories li a[href='/blog/category/events/'] span { display:block; float:right; } .blog .next-and-previous { margin:0 auto; max-width:230px; padding:15px; } .blog .next-and-previous a { color: #000; } .blog .next-and-previous span i { color: #fff; background-color: #0b3d91; border-radius: 50%; padding: 10px 12px; font-size:10px; } .blog .post-prev { display:block; float:left; } .blog .post-next { display:block; float:right; } .blog .next-and-previous a[href='#'] { display:none; } .blog .post-prev i { margin-right:10px; } .blog .post-next i { margin-left:10px; } .sidebar-widget { margin-bottom:30px; } .sidebar-widget .nav-tabs>li>a { color:#464646; font-size:20px; font-weight:600; } .sidebar-widget .nav-tabs { border-bottom: 2px solid #474747; margin-bottom:30px; } .sidebar-widget .nav-tabs>li>a:hover { border-color:transparent; } .sidebar-widget .nav>li>a:hover, .nav>li>a:focus { text-decoration: none; background-color: transparent; } .sidebar-widget .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { color: #555; background-color: transparent; border: none; cursor: default; border-bottom:5px solid #eb1c2d; margin-bottom:1px; border-color:#eb1c2d; } .article-meta i { font-size:20px; margin-right:7px;} .sidebar-posts .item .img-wrapper { width:100%; padding-bottom:100%; height:0; overflow:hidden; position:relative; margin:0 auto; } .sidebar-posts .item .img-wrapper img { position:absolute; height:100%; border:1px solid #ccc; } .sidebar-posts a.item { display:block; margin:10px 0; overflow:auto; } .sidebar-posts a.item:hover { background-color:#f8f8f8; } .sidebar-posts .item p { margin-bottom:0 !important; } .sidebar-posts .item .title { color:#333; font-size:17px !important; } .sidebar-posts .item .date { color:#777; } /* custom bootstrap form controls */ .checkbox { padding-left: 20px; } .checkbox label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; } .checkbox label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 3px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; } .checkbox label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #555555; } .checkbox input[type="checkbox"], .checkbox input[type="radio"] { opacity: 0; z-index: 1; } .checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after { font-family: "FontAwesome"; content: "\f00c"; } .checkbox input[type="checkbox"]:disabled + label, .checkbox input[type="radio"]:disabled + label { opacity: 0.65; } .checkbox input[type="checkbox"]:disabled + label::before, .checkbox input[type="radio"]:disabled + label::before { background-color: #eeeeee; cursor: not-allowed; } .checkbox.checkbox-circle label::before { border-radius: 50%; } .checkbox.checkbox-inline { margin-top: 0; } .checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before { background-color: #337ab7; border-color: #337ab7; } .checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after { color: #fff; } .checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before { background-color: #d9534f; border-color: #d9534f; } .checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="radio"]:checked + label::after { color: #fff; } .checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before { background-color: #5bc0de; border-color: #5bc0de; } .checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="radio"]:checked + label::after { color: #fff; } .checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + label::before { background-color: #f0ad4e; border-color: #f0ad4e; } .checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="radio"]:checked + label::after { color: #fff; } .checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before { background-color: #5cb85c; border-color: #5cb85c; } .checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="radio"]:checked + label::after { color: #fff; } .radio { padding-left: 20px; } .radio label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; } .radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; } .radio label::after { display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: -20px; border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); } .radio input[type="radio"] { opacity: 0; z-index: 1; } .radio input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .radio input[type="radio"]:disabled + label { opacity: 0.65; } .radio input[type="radio"]:disabled + label::before { cursor: not-allowed; } .radio.radio-inline { margin-top: 0; } .radio-primary input[type="radio"] + label::after { background-color: #337ab7; } .radio-primary input[type="radio"]:checked + label::before { border-color: #337ab7; } .radio-primary input[type="radio"]:checked + label::after { background-color: #337ab7; } .radio-danger input[type="radio"] + label::after { background-color: #d9534f; } .radio-danger input[type="radio"]:checked + label::before { border-color: #d9534f; } .radio-danger input[type="radio"]:checked + label::after { background-color: #d9534f; } .radio-info input[type="radio"] + label::after { background-color: #5bc0de; } .radio-info input[type="radio"]:checked + label::before { border-color: #5bc0de; } .radio-info input[type="radio"]:checked + label::after { background-color: #5bc0de; } .radio-warning input[type="radio"] + label::after { background-color: #f0ad4e; } .radio-warning input[type="radio"]:checked + label::before { border-color: #f0ad4e; } .radio-warning input[type="radio"]:checked + label::after { background-color: #f0ad4e; } .radio-success input[type="radio"] + label::after { background-color: #5cb85c; } .radio-success input[type="radio"]:checked + label::before { border-color: #5cb85c; } .radio-success input[type="radio"]:checked + label::after { background-color: #5cb85c; } input[type="checkbox"].styled:checked + label:after, input[type="radio"].styled:checked + label:after { font-family: 'FontAwesome'; content: "\f00c"; } input[type="checkbox"] .styled:checked + label::before, input[type="radio"] .styled:checked + label::before { color: #fff; } input[type="checkbox"] .styled:checked + label::after, input[type="radio"] .styled:checked + label::after { color: #fff; } /* end of custom bootstrap form controls */ /* custom bootstrap for responsive text alignment */ .text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg { text-align: left; } .text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg { text-align: center; } .text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg { text-align: right; } .text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg { text-align: justify; } @media (max-width: 767px) { .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs { text-align: inherit; } .text-left-xs { text-align: left; } .text-center-xs { text-align: center; } .text-right-xs { text-align: right; } .text-justify-xs { text-align: justify; } } @media (min-width: 768px) and (max-width: 991px) { .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm { text-align: inherit; } .text-left-sm { text-align: left; } .text-center-sm { text-align: center; } .text-right-sm { text-align: right; } .text-justify-sm { text-align: justify; } } @media (min-width: 992px) and (max-width: 1199px) { .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md { text-align: inherit; } .text-left-md { text-align: left; } .text-center-md { text-align: center; } .text-right-md { text-align: right; } .text-justify-md { text-align: justify; } } @media (min-width: 1200px) { .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg { text-align: inherit; } .text-left-lg { text-align: left; } .text-center-lg { text-align: center; } .text-right-lg { text-align: right; } .text-justify-lg { text-align: justify; } } /* end responsive text alignment */ .blog .article-item { border-bottom:none; padding:0 10px 40px; } #listcontent p { margin-bottom:5px; } .blog .article-item .date { margin-bottom:15px; } .blog .article-item .image-holder { margin-bottom:15px; } .blog .article-item .image-holder img { border:1px solid #ddd; } .blog .article-item .date .fa { font-size:20px; color:#000; vertical-align:bottom; } .home .has-shadow { visibility:hidden; } #listcontent { max-height:700px; min-height:700px; overflow-y:scroll; } .subpage-title-banner .background { height:225px; } .subpage-title-banner .background { height:225px; } .subpage-title-banner h1, .subpage-title-banner h2 { color:#fff; text-shadow:1px 1px 0 #000; } .subpage-title-banner h1 { margin-top:80px; font-size:44px; letter-spacing:4px; text-transform:uppercase; margin-bottom:5px; } .subpage-title-banner h2 { text-transform:normal; font-weight:normal; letter-spacing:4px; } .subpage .tile { margin-bottom:50px;} .subpage .tile .image { margin-bottom:10px;} .subpage .tile .image img { max-height:113px;} .subpage .tile .text a { background:rgba(54,191,246,0.5); display:block; padding:10px 0; color:#464646; font-size:16px; font-weight:600; transition:background 0.35s;} .subpage .tile .text a:hover { background:rgba(51,191,256,1); text-decoration:none;} .landing-page .sidebar-widget .header-block { margin-top:0;} .landing-page .sidebar-widget .header-block h2 { border-bottom:none;} .heading-block h2 { text-align: center; margin-top: -40px; font-weight: normal; font-size: 20px; letter-spacing: 2px; } .heading-block { margin-bottom:35px; } .panel-group [data-toggle="collapse"] { display:block; } .img-overlay { position:relative; } .img-overlay > .overlay-block { display:inline-block; position:relative; } .img-overlay > .overlay-block > img { display: block; } .img-overlay > .overlay-block > div { -webkit-transition:all 200ms ease-in; -o-transition:all 200ms ease-in; position: absolute; bottom: 0; top: 0; left: 0; right: 0; padding:15px 30px; background:url('../img/info_bg.png') repeat-x bottom rgba(59,97,160,0.9); opacity: 0; color:#fff !important; font-size:14px !important; font-weight:400 !important; } .img-overlay > .overlay-block > div a { color:#fff !important; } .img-overlay > .overlay-block > div p { line-height:1.2 !important; font-size:14.5px !important; font-weight:400 !important; } .img-overlay > .overlay-block:hover > div { opacity: 1; } /*.img-overlay > a > div b { width: 100%; color: #fff; font-size:125%; } .team_col li a div i { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-style:normal; color: #9da0a6; padding: 0 0 20px 0; } .team_col li a div p { color: #fff; line-height:14pt; font-family:"Open Sans",sans-serif; font-size:14px;} .team_col li a div strong { color: #9da0a6; line-height:30pt;}*/ .lazyload { opacity: 0; } .lazyloaded { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .rv-details-caption { background-color: rgba(255,255,255,0.6); position: absolute; z-index:1000; } @media (max-width:767px) { header { max-height:52px; } } @media (max-width:1024px) { .rv-details-caption { text-align:center; top:0; left:0; right:0; } .rv-details-caption h1 { font-size:35px; } .rv-details-caption p { font-size: 24px; font-weight: bold; margin-top: -15px; } } @media (min-width:1025px) { .rv-details-caption { background-color: rgba(255,255,255,0.6); /* width: 33.3%; */ /*position: relative;*/ /* height: 20%; */ padding:40px 50px 0; /*float: right;*/ right: 12%; top: 30px; border-radius: 8px; } .rv-details-caption h1 { color: #303030; font-size: 50px; } .rv-details-caption p { font-family:'Crimson Text'; font-weight:600; font-size:78px; color:#0b3d91; text-align: right; padding-right: 25px; } .rv-details-caption .dollar-sign { position:relative; top:-14px; font-size:50px; } .rv-details-caption .pay-period { font-family:'Titillium Web'; font-weight:400; font-size:24px; position:relative; top:-10px; } } .main-price .finance-payment .pay-period { color:#bbb; } .main-price div.finance-payment { font-family:'Crimson Text'; font-weight:600; font-size:88px; color:#fff; text-align:left; padding-left:20px; padding-right:0; /* line-height: 40px; */ } .main-price .dollar-sign { position:relative; /* top:-14px; */ font-size:84px; } .main-price .pay-period { font-family:'Titillium Web'; font-weight:400; font-size:32px; position:relative; top:-10px; } .main-price .selling-price { color:#fff; font-size:40px; } .main-price .motorhome-verbiage { color:#fff; font-size:12px; } body.rv-details #at4-share, #at4-soc { top: 116%; bottom: auto; position: absolute; } /* Unit Details Tabs */ #details .nav-tabs { border-bottom:2px solid #000; width:100%;} #details .nav-tabs li {width:33.33%; text-align:center;} #details .nav-tabs>li.active>a, #details .nav-tabs>li.active>a:focus, #details .nav-tabs>li.active>a:hover { border:none; border-radius:0; border-bottom:4px solid #cd2323; margin-bottom:1px; color:#383d4b;} #details .nav-tabs>li>a { color:#b4b4b4; font-size:18px; font-weight:bold; padding:5px 15px;} #details .nav-tabs>li>a:hover { border:1px solid transparent;} #details .nav>li>a:focus, #details .nav>li>a:hover { background:none!important;} #details .tab-content { padding:10px 0;} /* Specs Table */ #details .table>tbody>tr>td, #details .table>tbody>tr>th, #details .table>tfoot>tr>td, #details .table>tfoot>tr>th, #details .table>thead>tr>td, #details .table>thead>tr>th { border-top:none; padding:8px 8px;} #details .table>tbody>tr>td { border-bottom:1px solid #b2b2b2; color:#3d3d3d; font-size:16px; font-weight:bold;} #details .table>tbody>tr>td:last-child { font-weight:normal; color:#3d3d3d;} #details .table>tbody>tr>td span { color:#eee;} #details .table>tbody>tr>td i[class*='fa-check'] { color:#38bd1e;} #details .table>tbody>tr>td i[class*='fa-times'] { color:#cd2323;} /* Selling Features */ #details .column { columns:2; -webkit-columns:2; -moz-columns:2;} #details #features p { font-size:16px;} /* Options List */ #details #options ul { display:inline-block; float:left; font-size:16px;} #details #options p { font-size:16px;} /* Disclaimer */ #details #disclaimer p {color: #444;font-size: 13px;} #details #disclaimer p span {color: #333;font-weight: bold;} #details #disclaimer a {color: #0b3d91;} .similar-rvs .item { background-color:#00529a; padding:20px 25px; margin-bottom:15px; min-height:358px;} .similar-rvs .item .image { position:relative; margin-bottom:12px; overflow:hidden; border-radius: 5px; min-height:173px;} .similar-rvs .item .image img { width:100%; } .similar-rvs .item .image .flag { position:absolute; top:10px; left:-6px;} .similar-rvs .item .title { font-size:20px; font-weight:600; color:#dddddd; min-height:105px;} .similar-rvs .item .title a {color:#dddddd; text-decoration:none;} .similar-rvs .item .price { color:#ffffff; font-size:26px; font-weight:bold; margin-top:15px;} .similar-rvs .item .price .term { color:#dddddd; font-size:15px; font-weight:normal;} .similar-rvs .item .price a { display:inline-block; font-size:16px; font-weight:normal; color:#0b3d91; background-color:#fff; padding:5px 15px; vertical-align:middle; text-decoration:none;} .rv-details .btn-shadow {background-color: #0b3d91; color:#fff; text-transform: none; font-size: 18px; font-weight:700;padding: 8px 10px; position:relative; display:inline-block;margin:10px 0;line-height: 20px; width:100%;} .rv-details .btn-shadow:hover, .btn-shadow:active, .btn-shadow:focus { color:#fff; text-decoration: none; background-color:#0B367D;} .rv-details .btn-shadow:after { content:none;} .rv-details .btn-shadow i { display: inline-block; font-size: 40px; line-height: 40px; margin-top: -20px; float: right; } /* Price */ .main-price { background-color:#383d4b; border-bottom:4px solid #cd2323; padding:40px 0 8px;} .main-price #price { color:#ffffff; font-size:50px; font-weight:bold;} .main-price span.title { color:#bbb; font-size:24px; text-transform: uppercase; display:inline-block; margin-right:10px; font-weight:normal;} .main-price #msrp span { display:block;} .main-price #msrp .msrp { color:#aaaaaa; font-size:20px; font-weight:bold; border-bottom:1px solid #fff; padding-bottom:5px;} .main-price #msrp .saving { color:#fe7556; font-size:20px; font-weight:bold; text-transform: uppercase; padding-top:5px;} .additional-price { border-bottom:1px solid #b2b2b2;} .additional-price #payment { color:#cd2323; font-size:60px; font-weight:bold;} .additional-price #payment span.denote { color:#000; font-size:60px;} .additional-price #payment span { color:#c6c6c6; font-size:21px; font-weight:bold; } .additional-price #payment span.term { color:#3d3d3d; font-size:30px; font-weight:bold; text-transform: uppercase; display:block;} @media (max-width:767px) { #primary-menu { overflow:visible !important; } } .fixed-img-holder { display: block; width: 100%; height: auto; position: relative; overflow: hidden; padding: 56.25% 0 0 0; } .fixed-img-holder img { display: block; max-width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } @media(max-width:767px) { footer .quicklinks { columns: 2; -webkit-columns: 2; -moz-columns: 2; list-style:none; } } .listitems .rv-item .rv-flag { position: absolute; z-index:10; left:-5px; top:13px; } .listitems .rv-item .rv-label { position: absolute; z-index:10; display:none; top:50%; text-align:center; width:100%; margin-top:-25px; } .listitems .rv-item .rv-label span { background-color:#fff; display:inline-block; padding:15px; color:#0b3d91; font-weight:bold; -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); } .featured-image-wrap { position:relative; } .listitems .featured-image-wrap:hover .rv-label { display:block; } .listitems .rv-item { margin-bottom:30px; } .tags { margin-bottom:20px; } .tags .btn-primary { background-color:#0b3d91; font-size:18px; } .tags .btn-primary .fa { font-size:20px; margin-left:10px; } .similar-rvs .item .title span { min-height: 56px; display: inline-block; } a.finance-button.blue-button { background-color: #eb1c2d; margin-top: 10px; padding-top:15px; padding-bottom:15px; line-height:20px; font-size:20px; } header+section { margin-top:90px; } header.compact-header+section { margin-top:50px; } body.subpage header.compact-header + section:first-of-type, body.subpage header.compact-header + .subpage-title-banner { margin-top: 50px; } #fullpage .fp-controlArrow, #fullpage .fp-slidesNav { visibility:hidden; } #fullpage.showControls .fp-controlArrow, #fullpage.showControls .fp-slidesNav { visibility:visible; } @media(max-width:767px) { .hide-on-sm { display:none !important; } .navbar-header { text-align:center !important; } .heading-block h2 { margin-top: -20px; } h1.heading { font-size: 28px; margin: 20px 0; } } @media(min-width:768px) { .hide-on-md { display:none !important; } } .mini-button-logo { display:inline-block; padding-top: 5px; } .top-menu-text-item.mini-button a i { color:#fff; line-height: 38px; font-size: 30px; padding: 0 10px; } .top-menu-text-item.mini-button a { margin-top:5px; display:inline-block; } .top-menu-search-item.mini-button a i { color:#fff; line-height: 38px; font-size: 30px; padding: 0 10px; } .top-menu-search-item.mini-button a { margin-top:5px; display:inline-block; } body.home section#content{ min-height:auto !important; } .popover { max-width:320px; white-space:pre-wrap; } .popover-content { max-height:320px; overflow:auto; } .side-bar-left button.toggle-form-collapse {float:right; } .btn.toggle-form-collapse:hover, .btn.toggle-form-collapse:focus {color:#fff;} button.toggle-form-collapse { float:left; color: #ffffff; background: #0b3d91; text-shadow: 2px 1px #000000; } @media (max-width:991px) { button.toggle-form-collapse.fa-plus + form { height:0; overflow:hidden; } button.toggle-form-collapse.fa-minus + form { height:auto; overflow:initial; } .side-bar-left div { border-bottom: 1px #ccc solid; padding-bottom:10px; margin-bottom:10px;} .side-bar-left h2 { font-size:24px;} body.blog div.header-block { margin-top:0; } body.blog .next-and-previous { margin-bottom: 45px; } } @media(max-width:767px) { .page-select > * { display:inline-block; clear:both; float:none !important; } .page-select { text-align:center; } .listing-filter span {margin-left:0 !important; padding-top:15px; display:inline-block; } .listing-filter { display:inline-block; } div.filter {text-align:center;} .spec-table .availabilities { text-align:center; padding-right:0; } } @media(min-width:768px) { .rv-repeater .rv-repeater-item .view-details a { float:right; } .msrp-col { text-align:right; } .price-col-only { text-align:right; } .rv-repeater .rv-repeater-item .view-details .lease { font-size:28px; text-align:right; } .price-col { border-right:1px solid #7f7f7f; } } @media(max-width:1199px) { .rv-repeater .rv-repeater-item .view-details .lease { font-size:24px; } } .spec-table .availabilities { padding-left: 0; } .rv-repeater .rv-repeater-item .view-details .msrp-col .price.msrp { color:#333;font-size:18px; } .originally-label { font-size:12px; color:#333; } html.top-search-on, html.top-search-on body, html.top-search-on #site-wrapper { overflow:hidden !important; } /* Hide AddThis Counter Bubble */ .at_flat_counter { display:none!important;} /* New Style (RV Builder) - 04.17.2017 */ *.italic { font-style:italic;} *.text-inline { display:inline-block;} *.dashed-line { color:#ccc; height:2px; border-top:2px dashed #cccccc; margin:30px 0;} .fa-grey { color:#cccccc;} body.no-scroll { overflow:hidden;} section#loading { position:fixed; top:0; left:0; height:100%; width:100%; background:#fff; z-index:9999999;} section#loading .container { position:relative; top:50%; margin-top:-133px;} section#loading .loading-wrapper .logo { margin-bottom:30px;} section#loading .loading-wrapper p { margin-top:30px;} .rv-builder .container-fluid { padding-left:80px; padding-right:80px;} .rv-builder h3.heading { font-size:27px; margin-bottom:30px;} .rv-builder .header-lined:before, .rv-builder .header-lined:after { bottom:13px!important} .rv-builder .steps .header-block { margin-top:0;} .rv-builder #step-links a { display:block; background-color:#eeeeee; color:#cccccc; padding:8px 15px; margin-bottom:8px; font-size:18px; transition:all 0.35s; border-radius:3px; cursor:default!important;} .rv-builder #step-links a:hover { text-decoration:none;} .rv-builder #step-links a.active { background-color:#eb1c2d; color:#fff;} .rv-builder #step-links a.completed { background-color:#0b3d91; position:relative; color:#fff;} .rv-builder #step-links a.completed:after { font-family:'FontAwesome'; content:'\f05d'; position:absolute; top:3px; right:10px; font-size:26px; color:#fff;} .rv-builder .brand { margin:30px 0; position:relative;} .rv-builder .brand .cutout { position:relative; background-color:#ccc; padding-bottom:56.25%; overflow:hidden;} .rv-builder .brand .cutout img { position:absolute; top:0; left:0; max-width:100%;} .rv-builder .brand .link { display:block; background-color:#9adffa; color:#303030; font-size:18px; padding:12px 6px;} .rv-builder .brand a { position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999px; z-index:1;} .rv-builder .brand:hover .link { background-color:#0b3d91; color:#fff; text-decoration:none;} .rv-builder .legends .legend { display:inline-block; margin-right:10px;} .rv-builder .model { margin:30px 0;} .rv-builder .model .cutout { position:relative; background-color:#fff; padding-bottom:33.33%; overflow:hidden;} .rv-builder .model .cutout img { position:absolute; top:0; left:0; right:0; max-height:100%;} .rv-builder .model .media { padding:10px; text-align:center;} .rv-builder .model .media .btn { background:#0b3d91!important;} .rv-builder .model .media .btn:not([disabled]):hover { background:#eb1c2d!important; border-color:#eb1c2d;} .rv-builder .model .model-inner { position:relative;} .rv-builder .model .model-inner a { position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999px; z-index:1;} .rv-builder .model .model-inner .link { display:block; background-color:#9adffa; color:#303030; font-size:18px; font-weight:600; padding:12px 0; font-weight:300; margin-top:15px;} .rv-builder .model .model-inner:hover .link { background-color:#0b3d91; color:#fff; text-decoration:none;} .rv-builder .swatch { margin:30px 0; position:relative;} .rv-builder .swatch a { position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999px; z-index:1;} .rv-builder .swatch .cutout { position:relative; padding-bottom:60%; background-color:#fff;} .rv-builder .swatch .cutout img { position:absolute; top:0; left:0; right:0; max-height:100%;} .rv-builder .swatch .link { display:block; background-color:#9adffa; color:#303030; font-size:18px; font-weight:600; padding:12px 0; font-weight:300;} .rv-builder .swatch:hover .link { background-color:#0b3d91; color:#fff; text-decoration:none;} .rv-builder .step-wrapper { } .rv-builder .step-wrapper:not(.active) { display:none;} .rv-builder .ajax-content { padding-top:30px;} .rv-builder #step-options-wrapper .title { color:#333333; font-size:18px; font-weight:bold; display:block;} .rv-builder #step-options-wrapper #spec-table { font-size:14px; margin-top:15px; margin-bottom:30px;} .rv-builder #step-options-wrapper #spec-table tr td { border-top:none; padding:4px 0;} .rv-builder #step-options-wrapper #spec-table .spec-heading { font-weight:bold; color:#101010; display:inline-block; width:50%; text-align:left;} .rv-builder #step-options-wrapper #spec-table .spec-value { color:#777777;} .rv-builder #step-options-wrapper .msrp-wrapper { color:#eb1c2d; font-size:18px;} .rv-builder #step-options-wrapper .msrp-wrapper span { color:#333333;} .rv-builder #step-options-wrapper label { font-weight:normal;} .rv-builder #step-options-wrapper .option-item-holder { margin-bottom:10px;} .rv-builder #step-options-wrapper .option-item { font-size:18px; display:inline-block; width:80%;} .rv-builder #step-options-wrapper .option-price { font-size:18px; display:inline-block; width:15%; font-weight:bold;} .rv-builder #step-options-wrapper label { font-weight:normal;} .rv-builder #step-options-wrapper .package-item-holder { margin-bottom:10px;} .rv-builder #step-options-wrapper .package-item { font-size:18px; display:inline-block; width:80%;} .rv-builder #step-options-wrapper .package-price { font-size:18px; display:inline-block; width:15%; font-weight:bold;} .rv-builder #builder-contact-form { margin-top:15px;} .rv-builder #builder-contact-form label { font-weight:normal; margin-left:10px;} .rv-builder #builder-contact-form label span { color:#eb1c2d;} .rv-builder .images-wrapper { border:1px solid #cccccc; padding:35px 0; margin-bottom:30px;} .rv-builder .images-wrapper span { font-size:18px; font-weight:600;} .rv-builder .builder-wrapper { visibility:hidden;} .rv-builder .result-wrapper .header-block { margin-top:0;} .rv-builder .result-wrapper h2 { font-size:18px;} .rv-builder .result-wrapper h2 + span { font-size:18px; font-weight:normal; display:inline-block; margin-left:30px;} .rv-builder .result-wrapper h2 + span > span { color:#eb1c2d;} .rv-builder .result-wrapper table.borderless tr > td { border:none; padding-left:0; padding-top:0;} .rv-builder .result-wrapper #spec-table .spec-heading { color:#101010; display:inline-block; width:50%; text-align:left;} .rv-builder .result-wrapper #spec-table .spec-value { color:#777777;} .rv-builder .result-wrapper .result-option-block .heading { color:#333333; font-weight:bold; font-size:18px; margin-bottom:18px; display:block; margin-top:0;} .rv-builder .result-wrapper .result-package-block .heading { color:#333333; font-weight:bold; font-size:18px; margin-bottom:18px; display:block; margin-top:0;} .rv-builder .result-wrapper .result-option-block .option-item { margin-bottom:8px;} .rv-builder .result-wrapper .result-option-block .option-item .option-price { font-weight:bold;} .rv-builder .result-wrapper .result-package-block .package-item { margin-bottom:8px;} .rv-builder .result-wrapper .result-package-block .package-item .package-price { font-weight:bold;} .rv-builder .result-wrapper .result-price-block { margin-top:30px;} .rv-builder .result-wrapper .result-price-block span { font-size:30px; font-weight:600; text-transform:uppercase;} .rv-builder .result-wrapper .result-price-block span > span { color:#eb1c2d; font-weight:bold;} .rv-builder .result-wrapper .result-price-block p { color:#333333; font-size:20px; font-style:italic; font-weight:600; } .rv-builder .result-wrapper .self-email-form-wrapper { display:none;} .rv-builder .result-wrapper #self-email-form { margin-top:30px;} @media (max-width:1199px) AND (min-width:992px){ .rv-builder .brand .link a { font-size:14px;} .rv-builder .model .link a { font-size:14px;} .rv-builder #step-links a { font-size:14px;} .rv-builder #step-links a.completed:after { font-size:22px;} } @media (max-width:991px) AND (min-width:768px){ .rv-builder .brand .link a { font-size:14px;} .header-contact i.phone { margin-left:15px;} .header-contact span + span { font-size:12px;} .header-contact span + span a span { font-size:12px!important;} } @media (max-width:767px){ .rv-builder .brand .link a { font-size:14px;} .rv-builder .container-fluid { padding-left:15px; padding-right:15px;} .rv-builder .images-wrapper { margin-left:15px; margin-right:15px;} } @media (max-width:548px) AND (min-width:481px){ .rv-builder .model .media { text-align:left; padding:0;} .rv-builder .model .media .btn { margin-bottom:4px;} .rv-builder .brand .link { font-size:16px;} .rv-builder .model .model-inner .link { font-size:16px;} } @media (max-width:480px){ .rv-builder .brand { border:1px solid #333;} .rv-builder .result-wrapper h2 + span { margin-left:0; display:block;} } @media (max-width:400px){ .images-wrapper { display:none;} } @media (max-width:365px){ .mini-button-logo img { height:40px; width:150px; } button.navbar-toggle { margin-left:5px; margin-right:5px; } } @media (max-width:354px){ .subpage-title-banner h1 { margin-top:10px;} } @media print { .result-wrapper { position:absolute; top:0; left:0;} .result-option-block { margin-top:30px;} .result-package-block { margin-top:30px;} } /* New Style (Parts & Service Page) */ h5.subheading { color:#0b3d91; font-size:22px; margin-bottom:30px;} #fullpage a.slider-down-arrow { position:absolute; height:60px; width:60px; font-size:40px; color:#fff; text-shadow:1px 1px 5px #000; bottom:45px; left:50%; margin-left:-30px; z-index:1; text-align:center;} #fullpage a.slider-down-arrow i { animation: 3.4s ease-in-out infinite fadebottom; -webkit-animation: 3.4s ease-in-out infinite fadebottom;} /*helps reduce the page re-flow for the home, details pages */ #fullpage.pre-loaded { height:0 !important; width:100%; padding-bottom:56.25%; } /*airstream site brand menu overrides */ @media (min-width: 768px) { .airstream-site .yamm-content .col-sm-4.col-md-2 { width:50% !important; } .airstream-site .yamm-content .col-sm-4.col-md-2 ul.list-unstyled.brand-list { column-count: 2 !important; } } @media (max-width:1385px) AND (min-width:1200px){ .rv-repeater .rv-repeater-item .view-details .price { font-size:26px;} .main-price .pay-period { font-size:27px;} .similar-rvs .item { min-height:335px;} .similar-rvs .item .price { font-size:20px;} .similar-rvs .item .image { min-height:142px;} a.finance-button.blue-button { padding-left:10px; padding-right:10px;} .product-page .item .price { font-size:20px;} .product-page .item .image { min-height:142px;} } @media (max-width:1199px) AND (min-width:992px){ .rv-repeater .rv-repeater-item .view-details .price { font-size:20px;} .similar-rvs .item { min-height:340px;} .similar-rvs .item .image img { max-height:176px;} .similar-rvs .item .title { min-height:75px;} a.finance-button.blue-button span { right:30px;} .product-page .tile .image.large img { height:87px;} } @media (max-width:1199px){ html, body {overflow-x:hidden!important}; } @media (max-width:991px) AND (min-width:768px){ .rv-repeater .rv-repeater-item .view-details .price { font-size:22px;} .main-price .selling-price { padding-left:20px;} .main-price .motorhome-verbiage { padding-left:20px;} .similar-rvs .item .title { min-height:105px;} .similar-rvs .item .image img { max-height:176px;} a.finance-button.blue-button span { right:30px;} #news-and-testimonials .block { min-height:330px;} .product-page .tile .image.large img { height:87px;} } @media (max-width:767px) { .main-price .selling-price, .main-price .motorhome-verbiage { padding-left:20px;} .subpage-title-banner .background { height:135px; } .subpage-title-banner h1 { font-size:28px; margin-top:10px; } .subpage-title-banner h2 { font-size:20px; } .similar-rvs .item { text-align:center;} .similar-rvs .item .image img { max-height:200px;} .similar-rvs .item .title { min-height:0;} .similar-rvs .item .title span { min-height:0; margin-bottom:15px;} .similar-rvs .item .price a { display:block; float:none!important; margin-top:15px; font-weight:bold; text-align:center;} a.finance-button.blue-button span { right:30px;} .product-page h1.heading { font-size:30px;} .product-page h1.heading .header-lined:after { bottom:20px;} .product-page .heading { margin:40px 0;} .product-page .item .title { min-height:0;} .product-page .tile .image.large img { height:72px;} .product-page h2.heading { font-size:20px;} .product-page h2.heading .header-lined:after { bottom:14px;} .product-page .subtitle h2.heading { font-size:30px;} .product-page .subtitle h2.heading .header-lined:after { bottom:20px;} .product-page .subtitle > a { top:2px;} #news-and-testimonials .block { margin-bottom:20px;} } @media (max-width:480px) { .main-price .pay-period { font-size:20px;} .main-price span.title { font-size:14px;} .product-page h1.heading { font-size:24px;} .product-page h1.heading .header-lined:after { bottom:16px;} .product-page h2.heading { font-size:20px;} .product-page .subtitle .heading .header-lined { max-width:65%; } .product-page .subtitle h2.heading { font-size:20px;} .product-page .subtitle .heading .header-lined:after { bottom:15px;} .product-page .subtitle > a { top:-6px;} .product-page .tile .image.large img { height:initial; max-height:100px;} } @media (max-width:360px){ .product-page h1.heading { font-size:20px;} .product-page h1.heading .header-lined:after { bottom:14px;} .product-page .subtitle h2.heading { font-size:16px;} .product-page .subtitle .heading .header-lined:after { bottom:10px;} .product-page .subtitle > a { top:-8px;} } /* for IE10+ */ .ie10plus nav.navbar { border-color:transparent; } .ie10plus .img-overlay > .overlay-block > img { width:100%; } .fc-is-stock-photo:before { position:absolute; top:6px; right:6px; content: 'Stock Photo'; color:#fff; background-color:rgba(0,0,0,0.6); padding:3px 6px; border-radius:5px; font-weight:700; } .slide .fc-is-stock-photo:before { font-size:32px; } /* imported from temp-styles.css (08.24.2020) - the original file dates back to 01.04.2016 */ .push-top-20 { margin-top:20px;} .push-top-30 { margin-top:30px;} .product-page h1.heading { font-size:36px; text-align:left; line-height:inherit; margin:20px 0;} .product-page h1.heading .header-lined:after, .product-page .header-lined:before { bottom: 24px; margin:0 20px;} .product-page h2.heading { font-size:36px; text-align:left; line-height:inherit; overflow:hidden;} .product-page h2.heading .header-lined:after, .product-page .header-lined:before { bottom: 24px; margin:0 20px;} .product-page .table-title { color:#333333; display:block; margin-bottom:15px; font-weight:bold; font-size:21px; text-transform:uppercase;} .product-page .table>tbody>tr>td { border:none; font-size:16px; font-weight:600;} .product-page .table>tbody>tr>td:nth-child(2) { font-weight:normal;} .product-page .table-striped>tbody>tr:nth-of-type(odd) { background-color:#f0efef;} .product-page .table-striped>tbody>tr>td span { color:#ccc;} .product-page .tile { margin-bottom:30px;} .product-page .tile .image img { max-height:100px; margin-bottom:10px;} .product-page .tile .image.large img { max-height:77px;} .product-page .tile:hover .text a { background:rgba(51,191,256,1);} .product-page .tile .text a { background:rgba(54,191,246,0.5); display:block; padding:10px 0; color:#464646; font-size:16px; font-weight:600; transition:background 0.35s;} .product-page .tile .text a:hover { background:rgba(51,191,256,1); text-decoration:none;} .product-page .item { background-color:#00529a; padding:20px 25px; margin-bottom:15px;} .product-page .item .image { position:relative; margin-bottom:12px; overflow:hidden; border-radius:5px; min-height:173px;} .product-page .item .image .flag { position:absolute; top:10px; left:-6px;} .product-page .item .title { font-size:20px; font-weight:600; color:#dddddd; margin-bottom:12px; min-height:84px;} .product-page .item .title a {color:#dddddd; text-decoration:none;} .product-page .item .price { color:#ffffff; font-size:26px; font-weight:bold;} .product-page .item .price .term { color:#dddddd; font-size:15px; font-weight:normal;} .product-page .item .price a { display:inline-block; font-size:16px; font-weight:normal; color:#0b3d91; background-color:#fff; padding:5px 15px; vertical-align:middle; text-decoration:none;} .product-page .logo { padding-top:35px; margin-bottom:15px;} #sidebar .sidebar-widget .product-media #videos .row { margin-bottom:25px;} #sidebar .sidebar-widget .product-media #videos .image { position:relative;} #sidebar .sidebar-widget .product-media #videos .image .play-icon { display:inline-block; position:absolute; top:50%; left:50%; margin-left:-19px; margin-top:-19px;} #sidebar .sidebar-widget .product-media #videos .title { font-size:16px;} #sidebar .sidebar-widget .product-media #videos .title a { color:inherit; text-decoration:none;} #sidebar .sidebar-widget .product-media #videos .title a:hover { color:#eb1c2d;} #sidebar .sidebar-widget .product-media #links p, #sidebar .sidebar-widget .product-media #brochure p { font-size:18px; font-weight:normal; line-height:26px;} .red-button, a.red-button { background-color:#e20c2b; border:1px solid transparent; border-radius:none; color:#fff; padding:10px 20px; display:block; text-align:left; font-size:20px; text-decoration:none; } .red-button:hover, a.red-button:hover { background-color:#ba0a24; } .blue-button-sm { padding:10px 20px!important; font-size:20px!important; font-weight:500!important; } .subtitle { position:relative; margin-top:60px;} .subtitle > a { position:absolute; background-color:#0b3d91; right:0; padding:6px 12px; top:7px; font-weight:bold; border-radius:0; font-size:18px;} #brand-packages #packages-table .details { font-size:15px;} #brand-packages #packages-table .yes, #brand-packages #packages-table .no { font-weight:bold;} #brand-packages #packages-table th { border:none; background-color:#f0efef; padding:15px;} #brand-packages #packages-table tr td { border:none; border-bottom:1px solid #333333; padding:15px;} #brand-options #options-table .details { font-size:15px;} #brand-options #options-table .yes, #brand-options #options-table .no { font-weight:bold;} #brand-options #options-table th { border:none; background-color:#f0efef; padding:15px;} #brand-options #options-table tr td { border:none; border-bottom:1px solid #333333; padding:15px;} #model-options #options-table .details { font-size:15px;} #model-options #options-table .yes, #model-options #options-table .no { font-weight:bold;} #model-options #options-table th { border:none; background-color:#f0efef; padding:15px;} #model-options #options-table tr td { border:none; border-bottom:1px solid #333333; padding:15px;} #brand-swatches .item { background-color:transparent;} #brand-swatches .item .title { color:#000000; margin-bottom:5px; display:block; font-size:14px; font-weight:bold;} #brand-swatches .item .img-fixed { max-height:300px;} .owl-carousel .item { background:none;} .subpage .left, .subpage .right { padding-top:40px;} span.list-title { font-size:21px; font-weight:600; display:block; margin-bottom:15px;} #services-list { margin-bottom:50px;} #services-list ul { list-style:inside; color:#0b3d91;} #services-list ul li span { color:#333333;} .service h4 { font-size:28px; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #0b3d91; margin-bottom:20px;} #content p.sidenote { font-size:15px; font-weight:300; font-style:italic; line-height:20px; margin:10px 0;} #service-specials .special { display:block; margin-bottom:20px;} #service-specials .special span { display:block;} #service-specials .special .title { font-size:18px; font-weight:bold;} #service-specials .special .description { font-size:18px;} #service-specials .special .notes { font-size:15px; font-weight:400; font-style:italic;} #service-specials .special .price { font-size:20px; font-weight:bold; color:#0b3d91;} #toggle-content-wrapper { display:none;} #form-storage { margin-bottom:60px; display:none;} #form-storage h2 { text-transform:uppercase;} #form-storage form label.control-label { font-weight:normal; font-size:16px;} #form-storage form span.required { color:#dc0808;} #form-storage form span.section-title { display:block; font-size:18px; font-weight:600; margin:20px 0;} #form-storage form p.submission-notice { font-size:14px;} #form-storage form #submitBtn { display:inline-block; margin-top:15px; background-color:#0b3d91; color:#fff; border:none; padding:10px 50px; margin-right:10px;} #form-storage form #resetBtn { display:inline-block; margin-top:15px; background-color:#404040; color:#fff; border:none; padding:10px 20px;} #form-appointment { margin-bottom:60px; display:none;} #form-appointment h2 { text-transform:uppercase;} #form-appointment form label.control-label { font-weight:normal; font-size:16px;} #form-appointment form span.required { color:#dc0808;} #form-appointment form span.section-title { display:block; font-size:18px; font-weight:600; margin:20px 0;} #form-appointment form p.submission-notice { font-size:14px;} #form-appointment form #submitBtn { display:inline-block; margin-top:15px; background-color:#0b3d91; color:#fff; border:none; padding:10px 50px; margin-right:10px;} #form-appointment form #resetBtn { display:inline-block; margin-top:15px; background-color:#404040; color:#fff; border:none; padding:10px 20px;} #form-appointment #service-display { margin-top:20px;} #form-appointment #service-display span { font-size:14px; cursor:pointer; font-weight:normal; padding:10px 15px; background-color:#e20c2b; margin-right:5px; margin-bottom:5px;} a.toggle.active { background-color:#07214c;} .towing-guide .menu-item { display:block; position:relative; margin-bottom:30px;} .towing-guide .menu-item span { display:none; position:absolute; top:50%; color:#fff; font-weight:bold; text-transform:uppercase; font-size:22px; margin-top:-17px;} .towing-guide h3 { line-height:52px; margin:30px 0!important;} .towing-guide h4.sub-heading { display:block; text-align:center; font-weight:normal; font-size:18px; margin-bottom:60px;} .towing-guide .sidebar-item { display:block; margin-bottom:15px; font-size:18px; font-weight:normal; padding-left:60px; background:url('/assets/images/button-right-chevron-blue-circle.png') 0 0 no-repeat; color:#333; text-decoration:none;} .towing-guide .sidebar-item .heading { display:block; font-size:18px; font-weight:bold; text-transform:uppercase;} .towing-guide .panel-default>.panel-heading { background-color:#fff; font-weight:bold;} .towing-guide .panel-default>.panel-heading a { text-decoration:none; color:#333;} .towing-guide .panel-default .panel-body .item { color:#0b3d91; padding-left:15px;} .towing-guide .panel-default .panel-heading .panel-title i { color:#0b3d91;} .towing-guide .media-item { display:block; margin-bottom:15px; font-size:16px; font-weight:normal; padding-left:60px; background:url('/assets/images/button-right-chevron-blue-circle.png') 0 0 no-repeat; color:#333; text-decoration:none;} .towing-guide .media-item .heading { display:block; font-size:16px; font-weight:bold; text-transform:uppercase;} .text-left-important { text-align:left!important;} #form-towing form #submitBtn { display:inline-block; margin-top:15px; background-color:#0b3d91; color:#fff; border:none; padding:10px 50px; margin-right:10px;} #form-towing form span.required { color:#dc0808;} .towing-guide h3.seminar-title { margin:0 0 30px!important; font-size:36px; font-weight:bold;} .seminar-item { margin-bottom:30px;} .seminar-item h4 { font-size:28px; font-weight:bold; margin-bottom:20px; text-transform:uppercase;} .seminar-item span { display:inline-block; margin-right:10px;} .seminar-item span i { color:#0b3d91;} .seminar-sidebar h4 { padding-bottom:8px; font-size:28px; font-weight:bold; border-bottom:1px solid #0b3d91; margin-bottom:10px; margin-top:20px;} .towing-guide .seminar-sidebar #formBtn { background-color:#0b3d91; font-size:24px; display:block; padding:10px; color:#fff; text-transform:uppercase; text-decoration:none;} .towing-guide .seminar-sidebar #formBtn i { font-weight:normal;} #form-seminar { display:none; margin:20px 0;} #form-seminar form span.required { color:#dc0808;} #form-seminar form #submitBtn { display:inline-block; margin-top:15px; background-color:#0b3d91; color:#fff; border:none; padding:10px 50px; margin-right:10px;} .towing-guide .video-category a { color:#333; text-decoration:none;} .towing-guide .video-category .item { position:relative;} .towing-guide .video-category .item .icon-play { position:absolute; left:50%; top:50%; margin-left:-19px; margin-top:-19px;} .towing-guide .video-category .title { position:relative; display:block; font-size:18px; margin:10px 0; min-height:55px;} section#content { min-height:1040px !important; } .popover-title .close { position:relative; top:-5px;} .search-panel form #search-model { display:none;} .tags a { margin-bottom:5px; display:inline-block;} .subpage .tile { cursor:pointer;} .subpage .tile:hover .text a { background:rgba(51,191,256,1);} @media (max-width:1199px) AND (min-width:992px){ #content.product-page .item .image img.main-image { height:200px; width:100%; margin-top:0!important;} } @media (max-width:991px) AND (min-width:768px){ .product-page .item .image { min-height:200px;} .product-page .item .title { min-height:0;} } @media (max-width:767px){ .product-page .item { text-align:center;} .product-page .item .price a { display:block; margin-top:15px; float:none!important;} #content.product-page .item .image img.main-image { height:165px; width:100%; margin-top:0!important;} } /* switch fullpage slider to "contain" instead of "cover" for smaller mobile devices in landscape orientation, as "cover" tends to cause too much clipping of square-ish vehicle photos */ @media only screen and (max-width: 1023px) and (orientation: landscape) { #fullpage .u-object-fit { object-fit: contain; } } /*VDP photos overlay and slide pagination*/ @media only screen and (max-width: 1024px){ .fp-slidesNav.bottom ul{ text-align: center; padding-right: 90px; line-height: 0; } #viewAllPhotos{ display: block!important; gap: 5px; padding: 5px; position: absolute; right: 5px; bottom: 5px; background: rgba(0, 0, 0, 0.50); color: #fff; border: none; border-radius: 10px; font-size: 22px; line-height: 1; font-weight: 600; cursor: pointer; backdrop-filter: blur(10px); box-shadow: 0 5px 15px rgba(0,0,0,0.25); z-index: 9; } #viewAllPhotos:hover{ background: rgba(0,0,0,0.85); } .view-all-text{ font-size: 14px; padding-top: 2px; } .photos-overlay{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff; transform: translateX(100%); transition: transform .3s ease; z-index: 999999; overflow: hidden; } .photos-overlay.open { transform: translateX(0); overflow: auto; } .photos-header { position: sticky; top: 0; display: flex; align-items: center; justify-content: space-between; padding: 8px 16px; background-color: #00519a; color: #fff; font-weight: 600; } .photos-header button { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; font-weight: 600; color: #fff; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.3); border-radius: 20px; cursor: pointer; } .photos-scroll { height: 100%; margin-top: 5px; } .photos-scroll img { display: block; width: 100%; height: auto; margin-bottom: 10px; } } @media only screen and (min-width: 480px) and (max-width: 767px){ .fp-slidesNav.bottom ul{ padding-right: 70px; } } /*Chose 479 because of line 2039*/ @media only screen and (max-width: 479px){ #viewAllPhotos{ font-size: 16px; } .view-all-text{ font-size: 10px; } .fp-slidesNav.bottom ul{ padding-right: 50px; } } /*VDP photos overlay and slide pagination*/