/*
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%;
  }
}