/*
Theme Name: Cobalt Boats
Theme URI: https://leapagency.com
Description: WordPress theme for LEAP Agency
Version: 1.0.7
Author: LEAP Agency
Author URI: https://leapagency.com
*/



/* Patch events calendar for multiple date format (1-17-2024 */
/* Description: For events that have an end date in a different month from the start month, the date bleeds, so this uses CSS to hide it and also changes it on mobile a bit*/
.page-id-40142 .mec-event-article > div:first-child { 
        display: flex;
}       
.page-id-40142 .mec-event-article > div > div:last-child { 
        padding: 0 !important;
        margin: 10px;
}
@media screen and ( max-width: 1200px ) {
        
        .page-id-40142 .mec-event-article > div:first-child {
                flex-direction: column;
        }

        .page-id-40142 .mec-event-article .event-da {
                display: none;
        }
        .page-id-40142 .mec-event-article > div > div:last-child {
                margin: 0px;
        }

}   
/* End Patch events calendar for multiple date format (1-17-2024 */



.models-overview-grid {
	display: flex !important 
}
.models-overview-grid > div {
	flex: 1 !important;
	padding: 1em 3em 3em;
}

.models-overview-grid .card-model:hover {
	box-shadow: 0px 0px 0px 0px;
}
.models-overview-grid .card-image img {
	max-width: 350px;
	display: block;
	margin: 0 auto;
}
.models-overview-grid .card-background-image {
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
.models-overview-grid .class-summary {
	margin: 0;
}

#nav-surf-tab,
#nav-outboard-tab,
#nav-sterndrive-tab {
	margin-left: 3px !important;
}
#nav-models-tab {
	margin-left: 199px;
}


#cd-primary-nav .tab-bar .nav-link  {
	background: #1565c0;
	margin: 0;
	margin-left: 1.5em;
	font-size: 13px;
	letter-spacing: 0;
	border-radius: 6px 6px 0px 0px;
}
#cd-primary-nav .tab-bar .nav-link.active {
	color: #162d57;
	background: white;
}
#cd-primary-nav .tab-bar .nav-link.active:hover {
	color: #162d57;
}

body .cd-secondary-nav .nav-dropdown-content .models-grid .class-summary {
	min-width: 560px;
}



#sportswear .content-block-products {
  display: flex;
  padding: 0 15%;
}
#sportswear .sportswear-description {
  flex: 3;
  display: flex;
  align-items: center; /* Vertical alignment */
  justify-content: center; /* Optional: horizontal alignment */
}
#sportswear .sportswear-description .content {
}
#sportswear .product-images {
    flex: 2;
}
#sportswear .items-two {
  display: flex;
}
#sportswear .items-one  > div {
  flex: 2;
}
#sportswear .items-two  > div {
  flex: 1;
}
#sportswear .items-two img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
}
@media screen and (max-width:1000px) {
#sportswear .content-block-products {
  display: block;
}
#sportswear .sportswear-description {
  padding: 0 10%;
  display: block
}
#sportswear .content-block-products {
  padding: 0;
}
}

/* for the boat class pages (Sterndrive/surf/outboard pages) */
.model-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
  max-width: 1400px;
  margin: 0 auto 150px;
  padding: 20px;
}
.model-grid .model-grid-item {
  box-shadow: 1px 9px 39px -3px rgba(0,0,0,0.24);
  background: white;
  padding: 0px;
  margin: 0px !important;
  border-radius: 25px;
}

@media screen and (max-width: 1170px ) {
  .model-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 770px ) {
  .model-grid {
    grid-template-columns: 1fr;
  }
}



#gform_wrapper_78 #gform_fields_78 {
  display: block;
}
#input_78_5_1 {
  width: auto;
  padding-top: 1em;
}
label[for=input_78_5_1] {
  display: inline;
}


#gform_78_validation_container {
  display: none;
}
#gform_wrapper_78 .gform_wrapper.gravity-theme .gform_validation_errors {
  
}
#gform_78 {
  display: block;
}
#field_78_5 {
  padding-top: 30px;
}
#input_78_4 {
  margin-right: 0px;
}
#input_78_4 span {
  margin-right: 1.5em;
}

footer.site-footer .footer-grid .newsletter-signup input[type="email"] {
  padding: 0px;
}


#gform_wrapper_78 .gform_wrapper.gravity-theme .gfield_validation_message, #gform_wrapper_78 .gform_wrapper.gravity-theme .validation_message {
  border: none;
  background: none;
  color: white;
}

#gform_wrapper_78 .gfield_error label {
  color: white;
}

#gform_wrapper_78 .gform_wrapper.gravity-theme .gfield_validation_message {
  background: none;
  color: white;
  border: 0px;
}

#gform_wrapper_78 select {
  margin-top: 15px;
  border: none !important;
  color: #fff;
}
#gform_wrapper_78 select option {
  background-color: #fff;
  color: #000;
}

#gform_wrapper_78 .gform_wrapper.gravity-theme .ginput_container_address {
  margin: 0;
}