/* Theme Name: DuBois Theme URI: Author: Mike Milkovic Author URI: createwithcurtis.com Description: Custom Curtis Digital, The Valcort Group Theme Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /*-------------------------------------------------------------- Reset CSS -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;} body {} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;} table {border-collapse: collapse;border-spacing: 0;} /*-------------------------------------------------------------- WordPress Core -------------------------------------------------------------- */ .alignnone {margin: 5px 20px 20px 0;} .aligncenter,div.aligncenter {display: inline-block;margin: 5px auto 5px auto;} .alignright {float:right;margin: 5px 0 20px 20px;} .alignleft {float: left;margin: 5px 20px 20px 0;} .aligncenter {display: block;margin: 5px auto 5px auto;} a img.alignright {float: right;margin: 5px 0 20px 20px;} a img.alignnone {margin: 5px 20px 20px 0;} a img.alignleft {float: left;margin: 5px 20px 20px 0;} a img.aligncenter {display: block;margin-left: auto;margin-right: auto} .wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center;} .wp-caption.alignnone {margin: 5px 20px 20px 0;} .wp-caption.alignleft {margin: 5px 20px 20px 0;} .wp-caption.alignright {margin: 5px 0 20px 20px;} .wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;} /*-------------------------------------------------------------- Universal CSS -------------------------------------------------------------- */ /* Set Global Font */ html * {font-family: 'Roboto', sans-serif;font-weight: 400;} .montserrat{font-family: 'Montserrat', sans-serif;} body{} h1{font-size: 32px;} h2{font-size: 28px;} h3{font-size: 24px;} h4{font-size: 22px;} h5{font-size: 20px;} h6{font-size: 18px;} hr{} a{color: #1a467f;transition: .3s ease;} a:hover{color:#fdaf43;text-decoration: none;cursor: pointer;} span{} strong,b{font-weight: bold;} em{font-style: italic;} /* -- Spacers -- */ .space10{height: 10px;} .space20{height: 20px;} .space30{height: 30px;} .space35{height: 35px;} .space40{height: 40px;} .space50{height: 50px;} .space60{height: 60px;} .no-pad{padding:0 !important;} .pad-5{padding: 0 5px !important;} .pad-10{padding: 0 10px !important;} .pad-5-right{padding: 0 5px 0 0 !important;} .v-center{position:absolute;top: 50%; transform: translateY(-50%);left:0;right:0;} .row-eq-height{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display: flex;} .v-col-center{display:flex;flex-direction:column;justify-content:center;} .v-col-bottom{display:flex;flex-direction:column;justify-content:flex-end;} .white-link{color:white;font-family: 'Roboto', sans-serif !important;} .white-link:hover{color:#fdaf43;} .yellow-link{color:#fdaf43;font-weight: 500;font-family: 'Roboto', sans-serif !important;} .yellow-link:hover{color:#fdaf43;opacity: .7;} .blue-link{color:#1a467f;font-weight: 500;font-family: 'Roboto', sans-serif !important;background: none;border: none;transition: .3s ease;} .blue-link:hover{color:#fdaf43;opacity: .7;} .blue-button, .blue-button:focus{background: #1a467f;color:white;display: inline-block;font-weight: 500;padding:0 20px;line-height: 35px;text-transform: uppercase;font-family: 'Roboto', sans-serif !important;border: none;transition: .3s ease;text-decoration: none;} .blue-button:hover{color: #1a467f;background:#eeeeee;} .white-button, .white-button:focus{background: transparent;color:white;display: inline-block;font-weight: 500;padding:5px 40px;line-height: 25px;text-transform: uppercase;font-family: 'Roboto', sans-serif !important;border: 2px solid white;transition: .3s ease;text-decoration: none;} .white-button:hover{color: #E51937 !important;background:white;} .white-button-sm, .white-button-sm:focus{background: transparent;color:white;display: inline-block;font-weight: 500;padding:0 30px;line-height: 25px;text-transform: uppercase;font-family: 'Roboto', sans-serif !important;border: 2px solid white;transition: .3s ease;text-decoration: none;font-size: 15px;} .white-button-sm:hover{color: #E51937 !important;background:white;} .white-button-ceramic, .white-button-ceramic:focus{background: transparent;color:white;display: inline-block;font-weight: 500;padding:5px 40px;line-height: 25px;text-transform: uppercase;font-family: 'Roboto', sans-serif !important;border: 2px solid white;transition: .3s ease;text-decoration: none;} .white-button-ceramic:hover{color: #bed62f !important;background:#2166af;} .blue-text{color:#1a467f !important;} .pdf-link{line-height: 25px;} .pdf-link img{display: inline-block;height:25px !important;width: auto;margin-left: 5px;margin-bottom: -5px;} .prod-link{line-height: 25px;} .prod-link img{display: inline-block;height:18px !important;width: auto;margin-left: 5px;margin-bottom: -2px;} .flex-container{display: flex;align-items: center;justify-content: space-between;} .social-flex-container{display: flex;align-items: center;justify-content: space-between;} .two-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; column-gap: 40px; -moz-column-gap: 40px; } .two-columns li{-webkit-column-break-inside: avoid;page-break-inside: avoid;} .nav-tabs{ display: flex; } .nav-tabs li { display: flex; flex: 1; align-self:flex-end; } .nav-tabs li a { flex: 1; } sup{font-size: smaller;} label.required:after{content:' *';color:#1a467f;} /*-------------------------------------------------------------- Header CSS -------------------------------------------------------------- */ #header-fix{position: fixed;top:0;width: 100%;z-index: 1000;} #tophead{background: #19457c;padding:5px 0;} #tophead li a{font-size: 14px;} .social-link{transition: .3s ease;} .social-link:hover{opacity: .7;} .social-link img{max-height: 18px;max-width: 18px;display: inline-block;} #header{padding:10px 0;position: relative;background: white;} .logo{max-width: 180px;display: inline-block;height: auto;z-index:0;} .blogdrop{z-index: 10000000;} .blogdrop-button{color:#fdaf43;font-weight: 500;font-family: 'Roboto', sans-serif !important;background: none;border:none;padding:0 5px; line-height: 28px;} .blogdrop{border-top: 1px solid #fdaf43;box-shadow: none;background: rgba(26,70,127,.9) !important;margin: 0 0 0 0;padding:10px 0;} .blogdrop li a{display: block;font-size: 14px !important;color: white !important;font-family: 'Montserrat', sans-serif !important;padding:5px 15px 5px 15px;} .blogdrop li:hover a{color:#fdaf43 !important;background: rgba(26,70,127,.9) !important;cursor: pointer !important;} /*-------------------------------------------------------------- Navigation CSS -------------------------------------------------------------- */ .navbar{margin-bottom: 0;min-height: 0 !important;} #main_menu>li>.mega-menu{display: none;} #main_menu{display: inline-block;float: none;} #main_menu>li>a{font-family: 'Montserrat', sans-serif;text-transform: uppercase;padding:3px 10px;font-weight: bold;color:#19457c;} #main_menu>li:hover>a, #main_menu>li.current-menu-item>a, #main_menu>li.current-menu-parent>a, #main_menu>li.current-menu-ancestor>a{background:#fdaf43 !important;} #main_menu>li>.mega-menu>.sub-menu>li>a{display: block;} #main_menu>li>.mega-menu>.sub-menu>li:hover>a, #main_menu>li>.mega-menu>.sub-menu>li.current-menu-item>a, #main_menu>li>.mega-menu>.sub-menu>li.current-menu-ancestor>a{color:#fdaf43 !important;} /*#main_menu>li,*/ #main_menu>li.menu-item-has-children.mega, #main_menu>li.menu-item-has-children.mega1{position:static !important;} #main_menu>li.mega:hover >.mega-menu{display: flex;position: absolute;left:0;width:100%;} #main_menu>li.mega>.mega-menu{border: none;box-shadow: none;background: rgba(26,70,127,.9) !important;margin: 0 0 0 0;padding:20px 0px;} #main_menu>li.mega>.mega-menu>.sub-menu{justify-content: space-between;float: left;text-align: left;padding: 0 15px;min-height: 160px;} #main_menu>li.mega>.mega-menu>.sub-menu:not(:first-child){border-left: 1px solid white;} #main_menu>li.mega>.mega-menu>.sub-menu>li{margin-bottom: 10px;} #main_menu>li.mega>.mega-menu>.sub-menu>li>a{font-family: 'Montserrat', sans-serif;text-transform: uppercase;padding:5px 10px;color:white;} #main_menu>li{position: relative;} #main_menu>li:hover >.mega-menu{display: block;left:0;position: absolute;text-align: left;z-index: 100;} #main_menu>li>.mega-menu{border: none;box-shadow: none;background: rgba(26,70,127,.9) !important;margin: 0 0 0 0;padding:20px 0px;min-width: 215px;} #main_menu>li>.mega-menu>.sub-menu>li{margin-bottom: 10px;} #main_menu>li>.mega-menu>.sub-menu>li>a{font-family: 'Montserrat', sans-serif;text-transform: uppercase;padding:5px 10px;color:white;font-size: 13px !important;} #main_menu>li.menu-item-has-children:hover >.mega-menu{right: 0;left:auto;} #main_menu>li:not(:first-child){border-left: 2px solid #1a467f;} /**LVL 2 Menu**/ #main_menu>li.mega1>.mega-menu>.sub-menu>li>.mega-menu{display: block !important;} #main_menu>li.mega1>.mega-menu>.sub-menu>li>.mega-menu>.sub-menu>li{} #main_menu>li.mega1>.mega-menu>.sub-menu>li>.mega-menu>.sub-menu>li>a{display: block;font-size: 12px !important;color: white !important;font-family: 'Montserrat', sans-serif !important;padding:5px 5px 5px 10px;} #main_menu>li.mega1>.mega-menu>.sub-menu>li>.mega-menu>.sub-menu>li>a:before{content:' - ';} #main_menu>li.mega1>.mega-menu>.sub-menu>li>.mega-menu>.sub-menu>li:hover>a, #main_menu>li.mega1>.mega-menu>.sub-menu>li>.mega-menu>.sub-menu>li.current-menu-item>a{color:#fdaf43 !important;} #main_menu>li.mega1:hover >.mega-menu{display: flex;flex-wrap:wrap;position: absolute;left:0;width:100%;} #main_menu>li.mega1>.mega-menu{border: none;box-shadow: none;background: rgba(26,70,127,.9) !important;margin: 0 0 0 0;padding:20px 0px;} #main_menu>li.mega1>.mega-menu>.sub-menu{justify-content: space-between;float: left;text-align: left;padding: 0 15px;min-height: 160px;width: 33%;margin-bottom: 15px;} #main_menu>li.mega1>.mega-menu>.sub-menu>li>a{font-family: 'Montserrat', sans-serif;text-transform: uppercase;padding:5px 10px 5px 0;color:white;font-size: 15px !important;} #main_menu>li.mega1>.mega-menu>.sub-menu:not(:first-child):not(:nth-child(4n)){border-left: 1px solid white !important;} /**LVL 2 NOT MEGA Menu**/ #main_menu>li.full-menu>.mega-menu>.sub-menu>li>.mega-menu{display: block !important;} #main_menu>li.full-menu>.mega-menu>.sub-menu>li>.mega-menu>.sub-menu>li{} #main_menu>li.full-menu>.mega-menu>.sub-menu>li>.mega-menu>.sub-menu>li>a{display: block;font-size: 12px !important;color: white !important;font-family: 'Montserrat', sans-serif !important;padding:5px 5px 5px 10px;} #main_menu>li.full-menu>.mega-menu>.sub-menu>li>.mega-menu>.sub-menu>li>a:before{content:' - ';} #main_menu>li.full-menu>.mega-menu>.sub-menu>li>.mega-menu>.sub-menu>li:hover>a, #main_menu>li.full-menu>.mega-menu>.sub-menu>li>.mega-menu>.sub-menu>li.current-menu-item>a{color:#fdaf43 !important;} #main_menu>li.full-menu:hover >.mega-menu{} #main_menu>li.full-menu>.mega-menu{border: none;box-shadow: none;background: rgba(26,70,127,.9) !important;margin: 0 0 0 0;padding:20px 0px;} #main_menu>li.full-menu>.mega-menu>.sub-menu{} #main_menu>li.full-menu>.mega-menu>.sub-menu>li>a{font-family: 'Montserrat', sans-serif;text-transform: uppercase;padding:5px 10px;color:white;} .navbar{background: none;border: none; border-radius: 0;margin-bottom: 0;} .navbar-collapse{padding:0 !important;} .navbar a{background: none !important; font-weight: normal;} .sub-menu>li:hover >.sub-menu.level-1{display: block;} /*-------------------------------------------------------------- Sub-Header CSS -------------------------------------------------------------- */ #covid-alert{ background:#1a467f;padding:10px 15px;text-align: center;position: relative;z-index: 1; } #home-slider .item:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -moz-box-shadow: inset 0 0 100px #373737; -webkit-box-shadow: inset 0 0 100px #373737; box-shadow: inset 0px 0px 100px #373737; background: rgba(0,0,0,.2); } #home-slider .carousel-caption{right:0 !important;left: 0 !important; background: rgba(0,0,0,.4);top: 50%; transform: translateY(-50%);bottom:auto !important;padding:30px 0;} #home-slider .carousel-caption.link{padding:30px 0 60px 0;} #home-slider .caption-holder{position: relative;text-align: center;} #home-slider .slide-title{display: block;} #home-slider .slide-title p{font-weight: bold;font-size: 50px;color:white;display: inline-block;width: 65%;line-height: 1;margin-bottom: 15px;} #home-slider .slide-subtext{display: block;} #home-slider .caption-arrow{position: absolute;left:0;right:0;text-align: center;} #home-slider .caption-arrow img{max-width: 45px;height: auto;-webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;} #home-slider .caption-arrow a:hover img{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);} .carousel-indicators{z-index:1;} .carousel-indicators li{background-color: white;border: 1px solid white;margin:1px 3px;} .carousel-indicators .active {width: 10px;height: 10px;background-color: #ccc;border-color:#ccc;margin:1px 3px;} #page-subhead{z-index: 1;position: relative;} #page-subhead:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.1); } #page-subhead .page-title{} #page-subhead .page-subhead-text{position: absolute;top: 75%; transform: translateY(-50%);left:0;right:0;background-image: linear-gradient(to right,rgba(0,0,0,.8), transparent);padding:20px 0;} #page-subhead .page-subhead-text .page-title{font-weight: bold;font-size: 50px;color:white;} #page-subhead .page-subhead-text .page-subtitle{font-size: 17px;color:white;font-weight: 500;} /*-------------------------------------------------------------- Main Content CSS -------------------------------------------------------------- */ #home-small-callout{padding:30px 0;} #home-small-callout p{font-size: 18px;font-weight: 500;line-height: 1.5 !important;} #home-large-callout{position: relative;padding:100px 0;} #home-large-callout .large-callout-text p{font-weight: bold;font-size: 50px;color:white;display: inline-block;line-height: 1;margin-bottom: 15px;} .blue-overlay{background: rgba(26,70,127,.9);position: absolute;top:0;right:0;left:0;bottom:0;} #home-content-area{padding:40px 0px 40px 0px;} .content p{font-size: 15px;font-family: 'Montserrat', sans-serif;color: rgb(0, 0, 0);line-height: 1.6;font-weight: 500;} #page-content{padding:40px 0 100px 0;} .page-content p{font-size: 15px;font-family: 'Montserrat', sans-serif;color: rgb(88, 89, 91);line-height: 1.6;margin-bottom: 15px;} .page-content p strong{font-family: 'Montserrat', sans-serif;} .page-content strong a{font-family: 'Montserrat', sans-serif;font-weight: bold;} .page-content a{font-family: 'Montserrat', sans-serif;font-weight: 500;} .page-content p ~ ul { margin-top:-5px; } .page-content ul li>ul{ margin-top:10px !important; margin-bottom: 10px !important; } .page-content img{max-width: 100%;height:auto;} .page-content h2, .page-content h2 strong{font-size: 28px;font-family: 'Montserrat', sans-serif;color: rgb(88, 89, 91);line-height: 1.4;font-weight: bold;margin-bottom: 10px;} .page-content h3, .page-content h3 strong{font-size: 20px;font-family: 'Montserrat', sans-serif;color:#1a467f;line-height: 1.4;font-weight: bold;margin-bottom: 10px;} .page-content h5, .page-content h5 strong{font-size: 18px;font-family: 'Montserrat', sans-serif;color:#1a467f;line-height: 1.4;font-weight: bold;margin-bottom: 10px;} .page-content ul{margin-left: 30px;margin-bottom: 15px;} .page-content ol{margin-left: 30px;margin-bottom: 15px;} .page-content ul li{font-family: 'Montserrat', sans-serif;list-style-type: disc;font-size: 15px;line-height: 1.6;color:color: rgb(88, 89, 91);font-weight: 300;margin-bottom: 10px;} .page-content ol li{font-family: 'Montserrat', sans-serif;list-style-type: decimal;font-size: 15px;line-height: 1.6;color: rgb(88, 89, 91);font-weight: 300;margin-bottom: 10px;} .page-content table tbody tr td{font-size: 15px;font-family: 'Montserrat', sans-serif;color: rgb(88, 89, 91);line-height: 1.6;} .page-content .logos img{display: inline-block !important;max-width: 100%;max-height: 85px;margin:0 15px 15px 15px;} .page-content .prodinfo-subtitle{color:#979a9c;font-size: 19px;font-family: 'Montserrat', sans-serif;font-weight: bold;} #home-industry-blocks .industry-block{position: relative;height: 400px;} #home-industry-blocks .industry-block:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.2); transition: 1s ease; } #home-industry-blocks .hover-content{padding: 0 30px;} #home-industry-blocks .industry-block-title{width: 100%;white-space: nowrap;text-align: center;transition: width 1.5s ease;} #home-industry-blocks .industry-block-title p{text-shadow: 0px 0px 50px black; font-size: 24px;font-family: 'Montserrat', sans-serif;color:white;text-transform: uppercase;font-weight: bold;} #home-industry-blocks .industry-text{max-height: 0;overflow:hidden;transition: all 2s ease;} #home-industry-blocks .industry-text p{font-size: 16px;font-family: 'Montserrat', sans-serif;color: white;line-height: 1.8;margin-top: 15px;font-weight: 300;} #home-industry-blocks .industry-block:hover:before{background: rgba(26,70,127,.8);} #home-industry-blocks .industry-block:hover .industry-block-title{width: 0;} #home-industry-blocks .industry-block:hover .industry-text{max-height: 500px;} #news-blocks .news-block{position: relative;height: 400px;} #news-blocks .news-block.block1:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: .5s ease; background: rgba(70,70,70,.5); } #news-blocks .news-block.block2:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: .5s ease; background: rgba(0,0,0,.5); } #news-blocks .news-block.block3:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: .5s ease; background: rgba(0,71,133,.5); } #news-blocks .hover-content{padding: 0 20px;} #news-blocks .news-block-cat{position: absolute;left:20px;top:20px;} #news-blocks .news-block-cat .cat-title{color:white;text-transform: uppercase;font-family: 'Montserrat', sans-serif;font-weight: bold;font-size: 12px;} #news-blocks .news-block-title{color: white !important;} #news-blocks .news-block-title span{margin-bottom:20px;font-size: 23px;font-family: 'Montserrat', sans-serif;text-transform: uppercase;font-weight: bold;display: block;} #news-blocks .news-block-text{max-height: 0;overflow:hidden;transition: max-height 1.5s ease;color: white !important;} #news-blocks .news-block-text p{font-size: 15px;font-family: 'Montserrat', sans-serif;line-height: 1.8;margin-top: 15px;font-weight: 300;} #news-blocks .news-block.block1:hover:before{background: rgba(70,70,70,1);} #news-blocks .news-block.block2:hover:before{background: rgba(0,0,0,1);} #news-blocks .news-block.block3:hover:before{background: rgba(0,71,133,1);} #news-blocks .news-block:hover .news-block-text{max-height: 500px;} #circle-rows{margin-top: 20px;} #circle-rows .circle{display: inline-block;margin:5px;height: 220px;width: 220px;border-radius: 50%;position: relative;} #circle-rows .circle:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.2); transition: 1s ease; border-radius: 50%; } #circle-rows .circle-title p{font-size: 18px;font-family: 'Montserrat', sans-serif;color: white;line-height: 1.4;font-weight: 500;padding:0 10px;text-shadow: 0px 0px 50px black;} #circle-rows .bigcircle{display: inline-block;margin:5px;border-radius: 50%;position: relative;} #circle-rows .bigcircle .v-bottom{position: absolute;bottom:15px;left:0;right:0;text-align: center;} #circle-rows .bigcircle:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.2); transition: 1s ease; border-radius: 50%; } #circle-rows .bigcircle:hover:before{ cursor: pointer; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,71,133,.6); transition: 1s ease; border-radius: 50%; } #circle-rows .bigcircle .circle-title p{text-shadow: 0px 0px 50px black; font-size: 24px;font-family: 'Montserrat', sans-serif;color:white;text-transform: uppercase;font-weight: bold !important;} #circle-rows.contact-circles .circle .circle-title p{font-size: 20px;font-family: 'Montserrat', sans-serif;color: white;line-height: 1.2;font-weight: 500;padding:0 15px;text-shadow: 0px 0px 50px black;} #circle-rows.contact-circles .circle:hover:before{ cursor: pointer; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,71,133,.6); transition: 1s ease; border-radius: 50%; } #circle-rows.contact-circles .circle .v-bottom{position: absolute;bottom:5px;left:0;right:0;text-align: center;} #circle-rows.contact-circles .nav-pills{margin: 0;display: inline-block;} #circle-rows.contact-circles .nav-pills li a{padding:0 !important;} #circle-rows.contact-circles .nav-pills li, #circle-rows.contact-circles .nav-pills li:hover a, #circle-rows.contact-circles .nav-pills li.active a{background: none !important;} #circle-rows.contact-circles .nav-pills li.active a .circle:before{ cursor: pointer; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,71,133,.6); transition: 1s ease; border-radius: 50%; } #circle-rows .circle.portal-circle:before{background: transparent;} #circle-rows .circle.portal-circle:hover:before{background: rgba(0,71,133,.6);} .site-cat{text-transform: uppercase;font-family: 'Montserrat', sans-serif;font-weight: bold;font-size: 14px;color:#747576 !important;display: inline-block;margin-bottom: 10px;} .product-info-block-flex{display: flex;align-items: top;justify-content: space-between;} .product-info-block dt{font-size: 16px;font-family: 'Montserrat', sans-serif;color:#1a467f;font-weight: bold;} .product-info-block dd{font-size: 15px;font-family: 'Montserrat', sans-serif;color: rgb(88, 89, 91);margin-bottom: 10px;} .product-info-block dd .price{font-size: 17px;font-family: 'Montserrat', sans-serif;color: #cd181f !important;font-weight: bold;} .product-info-block-flex table tr.head-row td{ background: #1a467f; color:white !important; } .product-info-block-flex table tr.content-row td{ font-size: 14px !important; } .product-info-block-flex .wp-caption{ border: none !important; padding:0 !important; } .product-info-block-flex .wp-caption img{ display: inline-block; } .product-info-block-flex .wp-caption .wp-caption-text{ background: #1a467f !important; color: white !important; margin: -4px 5px 0 !important; padding:10px !important; font-size: 13px; } .prod-additional-info{margin: 0 !important;} .prod-additional-info>li.active>a, .prod-additional-info>li.active>a:focus, .prod-additional-info>li.active>a:hover{background:#1a467f !important;} #prod-content-callout{ background: #1a467f; padding:15px 0 0 0; } #prod-content-callout .page-content p{ font-size: 15px; font-family: 'Roboto', sans-serif !important; color: white !important; line-height: 1.6; margin-bottom: 15px; } #branding-section img{display: inline-block !important;max-width: 100%;max-height: 100px;margin:0 15px 15px 15px;} /*------------------------------------------------------------- Blog CSS -------------------------------------------------------------- */ .news-image{max-width: 100%;height: auto;width: auto;display: inline-block;margin-bottom: 15px;} .news-title{font-family: 'Montserrat', sans-serif;display:block;font-weight: bold;line-height: 1.8;color:#1a467f;} .news-excerpt-date{display:inline;font-size: 15px;font-family: 'Montserrat', sans-serif;color: rgb(88, 89, 91);line-height: 1.8;font-weight: bold;} .news-excerpt p{display:inline;font-size: 15px;font-family: 'Montserrat', sans-serif;color: rgb(88, 89, 91);line-height: 1.8;} .news-cats, .news-cats a{text-transform: uppercase;font-family: 'Montserrat', sans-serif;font-weight: bold;font-size: 11px;color:#747576 !important;display: inline-block;} .news-cats a:hover{color:#1a467f !important;} .news-time{text-transform: uppercase;font-family: 'Montserrat', sans-serif;font-weight: bold;font-size: 12px;color:#1a467f;display: inline-block;margin-bottom: 15px;} .blog-cats, .blog-cats a{font-family: 'Montserrat', sans-serif;font-weight: bold;font-size: 12px;color:#1a467f;display: inline-block;} .blog-cats a:hover{color:#fdaf43;} #category-select{display:block;width: 100%;height:35px;} #category-select:after{ font-family: "Font Awesome 5 Free"; font-weight: 900; content:"\f0ab"; position:absolute; z-index:2; right:5px; margin-top: 2px; top: 50%; transform: translateY(-50%); } select#cat{ -webkit-border-radius: 0px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-padding-end: 0px; -webkit-padding-start: 2px; -webkit-user-select: none; -webkit-appearance:none; border:none !important; color: #555; background: transparent; margin: 0; overflow: hidden; padding: 5px 0 5px 10px; height: 35px; width: 100%; } select.no-radius{ border:none; } #blog-search .input-group, .select-wrapper{ border: 1px solid black; border-radius: 0px; position: relative; } .prod-row.not-shown{display: none;} .approvals{font-size: 12px;color:#1a467f;line-height: 30px;} .approvals img{max-height: 30px;width: auto;display: inline-block;margin-right: 5px;} /*------------------------------------------------------------- Sidebar CSS -------------------------------------------------------------- */ #prod-sidebar.fixed{} .filters{margin-top: 15px;border: none;} .sidebar-box{background:#e7eaee;min-height: 0;} #showafter{display: none;} .filter-button{display: block;padding:5px 0;color: rgb(88, 89, 91);font-weight: bold !important;} .filters label{font-size: 15px;font-family: 'Montserrat', sans-serif;color: rgb(88, 89, 91);line-height: 1.6;margin-left:18px;} .filters input[type=checkbox]{ margin-left:-18px; margin-right: 2px; } label[for="deep-cleaning-package"] { color:#1a467f; font-weight: 500; } #clearSearch{background-color: #5b5b5b;} /*-------------------------------------------------------------- Footer CSS -------------------------------------------------------------- */ #footer-newsletter{padding:20px 0;} #footer{background: #414142;padding:20px 0 40px 0;} .footer-title-link{color:white; font-size: 14px;font-weight:500;margin-bottom: 17px;display: inline-block;height:20px;margin-top:10px;} .footer-title-link:hover{color:#fdaf43;} #footer li{margin-bottom: 10px;} #footer li a{color:#c9cbcc; font-size: 14px;font-weight: 300;} #footer li a:hover{color:#fdaf43;} #sub-footer{padding:15px 0;} .subfoot-links li a{font-family: 'Montserrat', sans-serif;color:black; font-size: 11px;font-weight: bold;} .subfoot-links li a:hover{color:#1a467f;} .footer-content p{font-family: 'Montserrat', sans-serif;font-size: 11px;line-height: 1.5;margin-bottom: 10px;} .wpml-ls-legacy-list-horizontal{ text-align: right; padding: 0; } .wpml-ls-legacy-list-horizontal ul{ display: inline-block; } .wpml-ls-legacy-list-horizontal ul li a{ padding:0 5px; } /* powered by blc .siteby{font-size: 11px;} .siteby a{color:#5d5f64 !important;} .siteby a:hover{color:rgb(255, 167, 55) !important;} */ .siteby{font-size: 11px;} .siteby a{color:#1a467f !important;} .siteby a:hover{color:#fdaf43 !important;} /*-------------------------------------------------------------- Gravity Forms Override CSS -------------------------------------------------------------- #gform_wrapper_1{text-align: center;display: inline-block;} #gform_1{text-align: center !important;display:flex !important;align-items: center;} #gform_1 .gform_heading{width:350px;margin-bottom: 0;line-height:30px;padding:0;} #gform_1 .gform_description{margin-bottom: 0;} #gform_1 .gform_footer{width: 0;visibility:hidden;} #gform_1>.validation_error{display: none;} #gform_submit_button_1{} #field_1_1{padding:0;} #gform_1 #input_1_1{border: 1px solid black;height: 28px;width: 250px;}*/ .modal-dialog-centered{ margin: 10% auto auto auto !important; } .gform_required_legend{ display: none; } form .gform_description{font-family: 'Montserrat', sans-serif;color:#808285;font-weight:bold !important;letter-spacing: 1px;} form .gform_body input{background: #e7eaee;border:none;height: 35px;border-radius: 0 !important;} form .gform_body select{background: #e7eaee;border:none;height: 35px;border-radius: 0 !important;} form .gform_body textarea{background: #e7eaee;border:none;border-radius: 0 !important;} form .gfield_label{font-family: 'Montserrat', sans-serif;color:black;font-weight: 500;text-transform: uppercase;font-size: 12px;} form label:not(.gfield_label){font-family: 'Montserrat', sans-serif;color:black;font-weight:bold;text-transform: uppercase;font-size: 9px;} form .gfield_radio{margin:0;} form .gfield_radio li{height:30px;} form .gfield_radio>li>label{font-family: 'Montserrat', sans-serif;color:black;font-weight: 300;text-transform: uppercase;font-size: 12px;margin: 5px 0 0 10px;} form .ginput_container{margin-top: 0;} form .gform_button{background: #1a467f;color:white;display: inline-block;font-weight: 500;padding:0 20px;line-height: 35px;text-transform: uppercase;font-family: 'Roboto', sans-serif !important;transition: .3s ease;border:none;} form .gform_button:hover{color: #1a467f;background:#eeeeee;} /*-------------------------------------------------------------- LOGIN PAGES OVERRIDE -------------------------------------------------------------- */ body.login{background: black;} /*-------------------------------------------------------------- Media Queries Override CSS -------------------------------------------------------------- */ /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px){ } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767.98px){ } /* Extra Small And Small devices */ @media (max-width: 767.98px){ .xs-nopad{padding:0 !important;} .xs-block{display: block !important;} .xs-center{text-align: center !important;} .xs-pad-15{padding:0 15px !important;} #page-subhead .page-subhead-text .page-title{font-weight: bold;font-size: 38px;color:white;margin-bottom: 15px;} #home-slider .carousel-caption{padding:30px 15px 15px 15px;} #main_menu li:not(:first-child){padding-left:0px;} #main_menu li:not(:first-child):before{content: none !important;} #home-large-callout{position: relative;padding:150px 0;} #home-large-callout .large-callout-text p{font-weight: bold;font-size: 34px;color:white;display: inline-block;line-height: 1;margin-bottom: 15px;} #header{z-index: 10;} #page-subhead{z-index: 1;} body.open-menu #header{position: relative !important;} body.open-menu #page-subhead{margin-top: 0 !important;} body.open-menu #home-slider{margin-top: 0 !important;} .navbar{min-height: 0 !important;} .icon-bar{background: #ccc;} .navbar-toggle{position: relative;float: right;padding: 9px 10px;margin-top: 8px;margin-right: 5px;margin-bottom: 0px;background-color: transparent;background-image: none;border: 1px solid #ccc;border-radius: 4px;} #main_menu{display: block !important;padding:0 15px;margin-top: 10px;} #main_menu>li{display: block;clear: both;} #main_menu li>a{display: inline-block !important;} #main_menu li.current-menu-item>a, #main_menu li:hover>a{color: rgba(47,116,186,1);background: none !important;} #main_menu li.current-menu-item>.mega-menu>ul>li.current-menu-item>a{color: rgba(47,116,186,1);background: none !important;font-weight: 500;} #main_menu>li.menu-item-has-children{position:relative !important;} #main_menu>li:not(:first-child){border: none;} #main_menu>li:hover >.mega-menu, #main_menu>li.mega:hover >.mega-menu, #main_menu>li.mega1:hover >.mega-menu, #main_menu>li.full-menu:hover >.mega-menu{display: block;position: relative;} #main_menu li>.mega-menu, #main_menu>li.mega>.mega-menu, #main_menu>li.mega1>.mega-menu, #main_menu>li.full-menu>.mega-menu{border: none;box-shadow: none;background: none !important;margin:0 0 0 10px;padding:0px;} #main_menu li>.mega-menu>.sub-menu, #main_menu>li.mega>.mega-menu>.sub-menu, #main_menu>li.mega1>.mega-menu>.sub-menu, #main_menu>li.full-menu>.mega-menu>.sub-menu{display:block;width: 100%; text-align: left;padding: 0 10px 0 0;min-height:0;float: none;clear: both;} #main_menu li>.mega-menu>.sub-menu:not(:last-child), #main_menu>li.mega>.mega-menu>.sub-menu:not(:first-child), #main_menu>li.mega1>.mega-menu>.sub-menu:not(:first-child), #main_menu>li.full-menu>.mega-menu>.sub-menu:not(:first-child){border-right:none;} #main_menu li>.mega-menu>.sub-menu>li, #main_menu>li.mega>.mega-menu>.sub-menu>li, #main_menu>li.mega1>.mega-menu>.sub-menu>li, #main_menu>li.full-menu>.mega-menu>.sub-menu>li{margin-bottom: 0px;} #main_menu li>.mega-menu>.sub-menu>li>a, #main_menu>li.mega>.mega-menu>.sub-menu>li>a, #main_menu>li.mega1>.mega-menu>.sub-menu>li>a, #main_menu>li.full-menu>.mega-menu>.sub-menu>li>a{font-family: 'Montserrat', sans-serif;text-transform: uppercase;padding:5px;font-weight: 400;color:#1a467f;font-size: 10px !important;} #main_menu li.mega-menu>.sub-menu>li>a:before, #main_menu>li.mega>.mega-menu>.sub-menu>li>a:before, #main_menu>li.mega1>.mega-menu>.sub-menu>li>a:before, #main_menu>li.full-menu>.mega-menu>.sub-menu>li>a:before{content:' - ';} #main_menu>li.menu-item-has-children.mega, #main_menu>li.menu-item-has-children.mega1{position:relative !important;} #main_menu>li.mega1>.mega-menu>.sub-menu>li>.mega-menu{display: none !important;} #main_menu>li.mega1>.mega-menu>.sub-menu{display:block;float:none;text-align: left;padding: 0;min-height:auto;width:100%;margin-bottom:0;} .main-navigation{ position: fixed;right: -250px;z-index: 99999;top: 0;width: 250px;-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s; padding-top:20px;height: 100%;overflow: hidden; margin-top: 0px;} .main-navigation .collapse{display: block !important;z-index: 200;position: relative;} .site{ -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; position: relative;right:0;} .arrow { padding: 16px;position: absolute; right:10px;cursor: pointer;top: 0px;z-index: 99;display: inline-block;} .arrow:after{content: "\f107";display: inline-block;color: rgba(47,116,186,1);font-family: FontAwesome;padding-left: 10px;font-size: 28px;line-height: 0px;vertical-align: sub;position: absolute;top: 50%;right: 0;} .main-navigation ul li .mega-menu{position: relative; top: 0px; width: 100%; } .main-navigation ul li.open .mega-menu{display: block; width: 100%; } .open-menu .main-navigation { right: 0px; } .open-menu .site{ right: 250px;} .open-menu .site .mobile-overlay{background: rgba(47,116,186,.5);position: absolute;top:0;right:0;left:0;bottom:0;z-index: 99999;} .open-menu .site .mobile-overlay>.navbar-toggle{display: block !important;} .main-navigation ul li .mega-menu li .sub-menu { left: 0; position: relative; width: 100%; } .main-navigation ul li .mega-menu li.open .sub-menu { left: 0; position: relative; width: 100%; } .main-navigation ul { text-align: left;} .main-navigation ul li { width: 100%;} .main-navigation ul li a { padding: 8px 15px;font-size: 14px;display: block;} .page-content h2{font-size: 22px;font-family: 'Montserrat', sans-serif;color: rgb(88, 89, 91);line-height: 1.4;font-weight: bold;} #footer{padding:20px 15px !important;} #circle-rows .bigcircle{height: 350px;width:350px;} #circle-rows .nav-pills>li{float: none !important;} .product-info-block-flex{display: block;text-align: center;} .social-flex-container{display: block;text-align: center;width: 100%;} .two-columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0px; column-gap: 0px; -moz-column-gap: 0px; } .product-info-block-flex{display: block !important;} .product-info-block-flex div{ display: block; width: 100% !important; } } @media (min-width:768px){ #circle-rows .bigcircle{height: 345px;width:100%;} } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991.98px){ .sm-center{text-align: center !important;} #nav-holder{text-align: center;} #main_menu{margin-top: 15px;} #main_menu li a{font-size: 11px;} #main_menu li:not(:first-child):before{font-size: 18px;} .product-info-block-flex{display: flex;align-items: top;justify-content: space-between;} .product-info-block-flex div{ width: 50%; } #prod-page-content{ width: 98%; } .product-info-block-flex table{ border: none !important; margin-bottom: 5px !important; } .product-info-block-flex table tr.head-row{ display: none !important; } .product-info-block-flex table tr td{ display: block !important; } .product-info-block-flex table tr td:first-child{ font-weight: bold !important; } .product-info-block-flex .wp-caption{ border: none !important; padding:0 !important; margin: 5px 15px !important; display: block;width: 100%; } .product-info-block-flex .wp-caption img{ display: inline-block; } .product-info-block-flex .wp-caption .wp-caption-text{ background: #1a467f !important; color: white !important; margin: -4px 5px 0 !important; padding:10px !important; font-size: 13px; } } @media (max-width:992px){ #home-slider .slide-title p{font-weight: bold;font-size: 28px;color:white;display: inline-block;width: 100%;line-height: 1;margin-bottom: 15px;} .prodinfo-flex-box{display: block;text-align: center;} .prodinfo-flex-box div{margin:10px 0;} } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px){ #circle-rows .bigcircle{height: 295px;width:100%;} #main_menu li a{font-size: 11px;} #main_menu li:not(:first-child):before{font-size: 18px;} } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1199.98px){ } /* Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px){ #main_menu li a{font-size: 13px;} #main_menu li:not(:first-child):before{font-size: 18px;} } /* HD STYLE FOR NAV MEGA1 MENU */ #menu-item-38078 > div > ul { display: flex; } #menu-item-38078 > div > ul > li > div > ul > li > a { display: block; font-size: 12px !important; color: white !important; font-family: 'Montserrat', sans-serif !important; padding: 5px 5px 5px 10px; } #menu-item-38078 > div > ul > li > div > ul > li > a::before { content: "- "; } #menu-item-38078 > div > ul > li:not(:first-child) { border-left: 1px solid white; } #menu-item-38078 > div > ul > li { padding:15px; }