/* Theme Name: tradewater.us Author: Purpose Campaigns LLC and 3tone LLC for Tradewater Author URI: https://3-tone.com/ Description: Custom theme for the tradewater.us site Version: 1.0 License: None */ html { scroll-behavior: smooth; } .co-blog-posts{padding-top:50px !important;} .co-blog-post-grid{min-height:400px;} .co-blog-post-grid span.title{margin-top:10px;} .co-blog-posts-title{text-align:center;} /***Main Menu***/ header { top: 0px; background-color: #ffffff !important; } header .logo { background: url(https://tradewaterdev.wpengine.com/wp-content/themes/tradewater/dist/images/logo-black.svg) 0 0 no-repeat !important; } header a.logo{position:relative;z-index:20;} #mega-menu-wrap-main-navigation { clear: none !important; position:relative; z-index:10; } #mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-item{ padding: 0 15px !important; } #mega-menu-main-navigation li a{ font-family: sofia_probold,serif !important; font-size: 18px !important; line-height: 50px !important; color: #2c303b !important; } #mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{ line-height: 2.2em !important; } #mega-menu-main-navigation li a:hover{ color: #46b5b0 !important; } #mega-menu-main-navigation .main-menu-offset-link a{ border-radius: 30px !important; background-color: #47b5b0 !important; color: #ffffff !important; padding: 0px 20px!important; line-height: 40px !important; margin-top: 10px !important; } #mega-menu-main-navigation .main-menu-offset-link a:hover{ background-color: #2c303b !important; color: #fff !important; } #mega-menu-wrap-main-navigation .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner { top: 20px !important; } .sticky #mega-menu-wrap-main-navigation .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, .sticky #mega-menu-wrap-main-navigation .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, .sticky #mega-menu-wrap-main-navigation .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after { background-color: #2c303a !important; } @media only screen and ( min-width: 1024px ) { .sticky #mega-menu-main-navigation li a,.woocommerce-account #mega-menu-main-navigation li a{ color: #2c303a !important; } .sticky #mega-menu-main-navigation li a:hover,.woocommerce-account #mega-menu-main-navigation li a:hover{ color: #46b5b0 !important; } } .sticky #mega-menu-main-navigation .main-menu-offset-link a,.woocommerce-account #mega-menu-main-navigation .main-menu-offset-link a{ background-color: #46b5b0 !important; color: #fff!important; } .sticky #mega-menu-main-navigation .main-menu-offset-link a:hover,.woocommerce-account #mega-menu-main-navigation .main-menu-offset-link a:hover{ background-color: #2c303a!important; color: #fff!important; } .sticky #mega-menu-main-navigation .mega-sub-menu,.woocommerce-account #mega-menu-main-navigation .mega-sub-menu{background:#fff !important} .btn-mobile-nav{display:none;} @media only screen and (max-width: 1024px){ #mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-main-navigation #mega-menu-main-navigation .mega-sub-menu > li.mega-menu-item > a.mega-menu-link{ text-align: center; color: #2c303b; } .main-menu-offset-link { text-align: center !important; } .main-menu-offset-link a{display: inline-block !important;} #mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-item > a.mega-menu-link:hover{color:#47b5b0;} } @media only screen and (max-width: 1024px){ #mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-flyout ul.mega-sub-menu { background: transparent !important; } } body.single #mega-menu-main-navigation li a{color:#2c303a !important;} body.single #mega-menu-main-navigation li a:hover{color: #46b5b0 !important;} body.single #mega-menu-wrap-main-navigation .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, body.single #mega-menu-wrap-main-navigation .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, body.single #mega-menu-wrap-main-navigation .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after{background-color:#2c303a !important;} /***Blog Post***/ .co-blog-post-container .co-blog-post-grid{margin:15px 0;} .co-blog-posts .title{text-decoration: none;line-height: 1.2em;margin: 10px 0;} .co-blog-posts .post-thumb{display:inline-block;text-align:center;} .co-blog-posts .post-thumb img{height: 270px;object-fit: cover;width: 360px;} .co-blog-post-container .tile-project{text-align:center;} @media only screen and (min-width: 639px){ .co-blog-post-container{display:flex;flex-wrap: wrap;} .co-blog-post-container .tile-project{text-align:left;} } @media only screen and ( min-width: 520px ) and ( max-width: 1023px ) { .home .large-4 .circle{width: 250px;padding-bottom: 0;padding: 25%;display: block;margin: 0 auto 60px;} } @media only screen and (max-width: 1024px){ #mega-menu-wrap-main-navigation #mega-menu-main-navigation li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { float: none; position:absolute; } } #mc_embed_signup form input[type="email"] { padding-left: 10px; opacity: 1; border: white solid 1px; color: white; } #mc_embed_signup form input[type="email"]::placeholder { color: white; } .single-post a, .faq-answer a { color: #46B5B0; } .backtoblog { margin-top: 50px; } .carousel-cols { display: flex; flex-wrap: wrap; } .carousel-cols .slide-item { width: 50%; padding: 20px; } .carousel-cols .slide-item .slide-content { margin-top: 20px; } @media only screen and (max-width: 767px){ .carousel-cols .slide-item { width: 100%; } }