/* Theme Name: marchant-schmidt Theme URI: https://www.naveomarketing.com Description: Default WordPress Theme Version: 1.0 Author: NAVEO Author URI: https://www.naveomarketing.com Tags: Blank, HTML5, CSS3 License: MIT License URI: http://opensource.org/licenses/mit-license.php */ img{height:auto;} .colored-light{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ebebf0+0,ffffff+47,ffffff+100 */ background: rgb(235,235,240); /* Old browsers */ background: -moz-linear-gradient(left, rgba(235,235,240,1) 0%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(235,235,240,1) 0%,rgba(255,255,255,1) 47%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(235,235,240,1) 0%,rgba(255,255,255,1) 47%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebf0', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } .colored{background:#002b4d;} header{z-index:99;background:#fff;position:fixed;width:100%;box-shadow:3px 3px 20px #000;} .logo-block{background-position: center;background-image:url('https://www.marchantschmidt.com/wp-content/uploads/2019/08/Globes.png');background-repeat:no-repeat;background-size:contain;position:relative;display:flex;justify-content:center;width:85%;margin:5px auto;width:auto;transition:all .2s;} .logo{width:50%;padding-left:5%;transition:all .2s;} .tagline{font-size:22px;color:#999;text-align:center;margin-top:8px;margin-bottom:0;transition:all .2s;} .header-main{transition:all .2s;padding:15px 0px;align-items:center;display:flex;justify-content:space-between;} .sticky .header-main{padding:3px 0px;transition:all .2s;} .sticky-cta{width:10%;text-align:center;transition:all .2s;} .sticky-logo-block img{padding-left:5%;} .sticky-cta .cta{display:inline-block;transition:all .2s;} .sticky-logo-block{background-position: center;transition:all .2s;display:flex;justify-content:center;margin:5px auto;width:auto;background-image:url('https://www.marchantschmidt.com/wp-content/uploads/2019/08/Globes.png');background-repeat:no-repeat;background-size:contain;position:relative;} .stick-logo{width:45%;} .stick-nav{width:45%;text-align:right;} .navbar-expand-lg .navbar-collapse{justify-content:flex-end;} .sticky .sticky-logo-block{background:none !important;transition:all .2s;} .sticky .tagline{display:none;transition:all .2s;} body{font-family: 'Rubik', sans-serif;line-height:1em;} .cta{color:#000;font-size:18px;font-weight:700;transition:all ease .5s;} .nav-item{color:#000;font-size:18px;font-weight:700;text-transform:uppercase;} .navbar-light .navbar-nav .nav-link{color:#000;} /*.dropdown-menu{left:auto;right:0;}*/ .navbar{padding:0;} .dropdown-menu{right:0; left:auto;} .btn{background:#002b4d;color:#fff;} .btn:hover, .btn:active, .btn:focus{box-shadow:2px 2px 10px #777;color:#fff;} .banner{width:100%;} main{line-height:28px;background:#fff;} .break{width:100%;padding:20px 0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#002b4d+1,ffffff+99 */ background: rgb(1,27,62); /* Old browsers */ background: -moz-linear-gradient(left, rgba(1,27,62,1) 1%, rgba(255,255,255,1) 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(1,27,62,1) 1%,rgba(255,255,255,1) 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(1,27,62,1) 1%,rgba(255,255,255,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002b4d', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } .feature-div{background:#fff;padding:100px 0;flex-wrap:wrap;justify-content:center;} .feature{padding:0 40px;margin-bottom:40px;} .feature h2{font-size:20px;text-align:center;color:#000;display:flex;justify-content:center;align-items:center;} h1{text-align:center;margin:40px auto;display:inline-block;width:100%;} h2{text-align:center;} .feature .inner{padding:10px; background:rgba(255,255,255,.7);} .main-feature{margin-bottom:40px;} p {max-width:1140px;margin:20px auto;} a{color:#000;} .fab{font-size:36px;text-align:center;} h4{text-align:center;} .footlogo{display:block;margin:10px auto;max-width:300px !important;} footer{text-align:center;background:#fff;} footer a{padding:5px 0;display:inline-block;} .footer-lower{background:#002b4d;padding:3px;color:#fff;margin-top:20px;} .footer-lower a{color:#fff;} .footer-upper{display:inline-block;} .search-submit{background:#002b4d;color:#fff;border:none;padding:3px 10px;} .wp-block-columns{margin:0 -15px;} .wp-block-columns img{width:100%;} .smry-btn{display:table;margin:30px auto;} .smry-title{margin-top:30px;} .accordion-width{max-width:1140px;margin:0 auto;} .main-inner ul{left: 50%;position: relative;transform: translateX(-50%);display:inline-block;} .container-news { max-width: 1140px; } .container-news img { max-width: 100%; height: auto; } .container-news p { margin-left: 0; margin-right: 0; max-width: none; } .container-news h2 { text-align: left; } .container-news .wp-block-group { padding: 2em; } ul.two-col-bullets { -webkit-columns: 2; -moz-columns: 2; columns: 2; left: auto; position: static; transform: none; display: block; } .wp-block-group ul:last-child { margin-bottom: 0; } .woocommerce-product-gallery__image{padding:5px;} .product_meta{display:none;} .related{display:none;} .woocommerce-breadcrumb {visibility:hidden;} .single-product .main-inner{padding-top:30px;} .single-product .main-inner ul{display:block;transform:translateX(0%);left:0;} .woocommerce div.product .woocommerce-tabs ul.tabs li{border-radius:0;margin:0;} .woocommerce div.product .woocommerce-tabs ul.tabs li::after,.woocommerce div.product .woocommerce-tabs ul.tabs li::before{display:none;} .woocommerce div.product .woocommerce-tabs ul.tabs li a{color:#fff;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active{color:#333 !important;} .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{color:#fff;} .summary-container{max-width:1350px;margin:0 auto;width:100%;} .alt-color{padding:40px;} .alt-color:nth-child(even){background:#002b4d;color:#efefef;} .alt-color:nth-child(even) a{color:#efefef;} .alt-color:nth-child(even) .btn{background: #efefef;color: #002b4d;} .alt-color:nth-child(odd){background:#d3d8de;} .summary-content{padding:20px;} .alt-colors{padding:40px;} .alt-colors:nth-child(even){background:#d3d8de;} .alt-colors:nth-child(odd){background:#fff;} .carousel-caption{text-align:center;background:rgba(0,0,0,.4);color:#fff;padding:5px 15px;font-style:italic;left:0;right:0;transform:translateY(50%);bottom:50%;} .carousel-caption h5{margin:0;font-size:28px;} .car-marg{margin:40px 0;} .crop{position:relative;overflow:hidden;} .animation-element.slide-top{ opacity: 0; position: relative;transform: translate(0px, -20%);transition: all 2s ease;width:100%} .benefits h3{text-align:center;background:rgba(0,0,0,.4);color:#fff;padding:10px 15px;font-style:italic;} .animation-element.slide-top.in-view{opacity: 1;transform: translate(0px, 0%);transition: all 2s ease;} .animation-element.slide-top:nth-child(7){transition-delay: 5.25s;} .animation-element.slide-top:nth-child(1){transition-delay: 1s;} .animation-element.slide-top:nth-child(2){transition-delay: 1.75s;} .animation-element.slide-top:nth-child(3){transition-delay: 2.5s;} .animation-element.slide-top:nth-child(4){transition-delay: 3.25s;} .animation-element.slide-top:nth-child(5){transition-delay: 4s;} .animation-element.slide-top:nth-child(6){transition-delay: 4.75s;} .text-layer{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display:flex;flex-wrap:wrap;align-items:center;} .image-layer, .image-layer img{width:100%;} .animation-element.slide-left { opacity: 1; position: relative; transition: all 2s ease; transform: translate3d(-120%, 0px, 0px); transition-delay: .5s; } .animation-element.slide-left.in-view { opacity: 1; transform: translate3d(0%, 0px, 0px); } /*animation slide left styled for testimonials*/ .benefit h3{text-align:center;font-style:italic;padding:5px 0;} .benefit:nth-child(odd) h3{background:#d3d8de;} .benefit:nth-child(even) h3{background:#fff;} .blocks-gallery-grid, .wp-block-gallery{display:flex !important;transform: translateX(0%) !important;left: 0% !important;} .w-90{width:90% !important;} .carousel-control-next, .carousel-control-prev{width:3%;min-width:25px;background:#ffffff;border:1px solid #aaa;border-radius:3px;height: 50%; transform: translateY(50%);} .carousel-control-next{right:2%;} .carousel-control-prev{left:2%;} .multi-carousel-caption{position: absolute;top: 0;bottom: 0;left: 15px;right: 15px;} .multi-carousel-caption:hover h4{background:#002b4d;transition:all 1s;} .multi-carousel-caption a{display:block;width:100%;height:100%;} .multi-carousel-caption h4{color: #fff; position: absolute;bottom: 0;width:100%;background:rgba(0,0,0,.4);transition:all 1s;padding: 8px; font-size: 18px; margin: 0;} .slide-box{border:1px solid #888;} /*--- sales rep ---*/ .repfinder{display:flex;justify-content:space-evenly;max-width:1200px;margin:0 auto;} .select-outer{width:40%;padding:10px;background:#d3d8de;} .select2{width:100% !important;} .coverage{margin:30px 0 100px;column-gap:0;column-width: 200px;left: 0 !important;transform: translateX(0) !important;display: block !important;font-size: 14px;list-style-type: none;padding: 0;text-align: center;} .coverage li:nth-child(3n){background:#d3d8de;border:1px solid #000;} .coverage li:nth-child(3n+1){background:#002b4d;color:#fff;border:1px solid #000} .coverage li:nth-child(3n+2){border:1px solid #000;} .contact-inner{margin:40px 0;padding:30px;background:#d3d8de;} .coverage li{display:inline-block;width:100%;} .wp-block-image img{height:auto !important;} .is-menu.default form{float:right;} article{width:100%;padding:40px 0;} article:nth-child(odd){background:#d3d8de;} article:nth-child(even){background:#002b4d;color:#fff;} article:nth-child(even) h2,article:nth-child(even) a{color:#fff;} /*------ Contact Forms ----*/ .gform_wrapper ul.gform_fields li.gfield{padding-right:0 !important;} body .gform_wrapper .top_label div.ginput_container{margin-top:0 !important;} .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select{margin-bottom:0 !important;} .gform_wrapper select{padding:5px 4px !important;margin-top: 12px !important;} .address_country select{margin-top:28px !important;} .gform_wrapper{max-width:1140px;margin:20px auto;} .gform_body ul{transform:translateX(0);left:0;} .astm-search-menu{margin:5px 0;} .small-txt{font-size:12px;margin-top:20px;} .md-accordion .card .card-header a:not(.collapsed) .rotate-icon{transform: rotate(180deg);} .card-header{border-radius:0;padding:0;} .card-header a h4{width:100%;background:#002b4d;color:#fff;margin:0;padding:10px;} .card-header a h4 i{float:right;border-radius:50%;border:1px solid #fff;width:25px;height:25px;} .card-header a:hover{text-decoration:none;} .card{margin-bottom:10px;} .pswp__caption__center{display:none;} .nav-lower{justify-content:flex-end;padding-bottom:10px;} .social-link{margin:0 15px 0 0px;} .social{display:flex;align-items:center;} .social-link .fab{font-size:24px;} #gform_5 .gfield_label{margin-bottom:0;} #gform_5 select{margin-top:0 !important;padding:8px !important;} #gform_5 .ginput_complex label,#gform_5 .gfield_description{padding-top:0;font-size:12px;margin-bottom:0;} #gform_5 h2{margin-bottom:0;} @media all and (max-width: 1300px) { .feature{padding:0 5px;} .nav-item{font-size:15px;} .tagline{font-size:16px;} .navbar-expand-lg .navbar-nav .nav-link{padding:3px;} } @media all and (min-width: 992px) and (max-width:1024px) { } @media all and (max-width: 992px) { .tagline{font-size:10px;} header,.banner{position:relative;} .stick-logo{width:38%;} .sticky-cta{width:20%;transition:all ease .5s;} .navbar-collapse{border-radius:3px;position: absolute;right: -106%;bottom: -30px;transform: translateY(100%);background: #fff;padding: 10px; width: 100%; border: 1px solid #ccc;transition:all ease .2s;} .navbar-collapse.show{right: -6%;transition:all ease .2s;} .stick-nav{text-align:left;} .navbar{justify-content:flex-end;} .cta{font-size:14px;transition:all ease .5s;} } @media all and (max-width: 767px) { .feature{margin-bottom:40px;} .header-main{display:block;padding:15px 0 0 0;} .header-main>div{width:100%;margin:0 auto;} nav{margin-top:10px;} .sticky-cta{margin-top:10px !important;} h2{font-size:1.5em;} p{font-size:14px;line-height:22px;} h3{font-size:1.25em;} .nav-lower{justify-content:center;} } /* LG */ @media (min-width: 991px) { /* show 4th item */ .multi-inner .active + .carousel-item + .carousel-item + .carousel-item { display: block; } .multi-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item { transition: none; } /* left or forward direction */ .multi-slider .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item { position: relative; transform: translate(-100%, 0); visibility: visible; } /* right or prev direction //t - previous slide direction last item animation fix */ .multi-slider .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item { position: relative; transform: translate(100%, 0); visibility: visible; display: block; } } /* MD */ @media (min-width: 768px) { /* show 3rd of 3 item slide */ .multi-inner .active + .carousel-item + .carousel-item { display: block; } .multi-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item { transition: none; } .multi-inner .carousel-item-next { position: relative; transform: translate(0, 0); } /* left or forward direction */ .multi-slider .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item { position: relative; transform: translate(-100%, 0); visibility: visible; } /* right or prev direction */ .multi-slider .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item { position: relative; transform: translate(100%, 0); visibility: visible; display: block; visibility: visible; } } @media (min-width: 576px) { .multi-inner .carousel-item { margin-right: 0; } /* show 2 items */ .multi-inner .active + .carousel-item { display: block; } .multi-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), .multi-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item { transition: none; } .multi-inner .carousel-item-next { position: relative; transform: translate(0, 0); } /* left or forward direction */ .multi-slider .active.carousel-item-left + .carousel-item-next.carousel-item-left, .multi-slider .carousel-item-next.carousel-item-left + .carousel-item, .multi-slider .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item { position: relative; transform: translate(-100%, 0); visibility: visible; } /* farthest right hidden item must be also positioned for animations */ .multi-inner .carousel-item-prev.carousel-item-right { position: absolute; top: 0; left: 0; z-index: -1; display: block; visibility: visible; } /* right or prev direction */ .multi-slider .active.carousel-item-right + .carousel-item-prev.carousel-item-right, .multi-slider .carousel-item-prev.carousel-item-right + .carousel-item, .multi-slider .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item { position: relative; transform: translate(100%, 0); visibility: visible; display: block; visibility: visible; } } @media (min-width: 991px) { /* Show 5th slide on lg if col-lg-3 */ .multi-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item { position: absolute; top: 0; right: -25%; /*change this with javascript in the future*/ display: block; visibility: visible; } } @media (min-width: 768px) and (max-width: 991px) { /* Show 4th slide on md if col-md-4*/ .multi-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item { position: absolute; top: 0; right: -33.3333%; /*change this with javascript in the future*/ display: block; visibility: visible; } } @media (min-width: 576px) and (max-width: 768px) { /* Show 3rd slide on sm if col-sm-6*/ .multi-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item { position: absolute; top: 0; right: -50%; /*change this with javascript in the future*/ display: block; visibility: visible; } } @media all and (min-width: 300px) and (max-width: 576px) { ul.two-col-bullets { -webkit-columns: 1; -moz-columns: 1; columns: 1; } }