/*
Theme Name: SmithDesigns Child
Theme URI: http://underscores.me/
Template: smithdesigns
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Tags: custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready
Version: 1.0.0.1725562574
Updated: 2024-09-05 18:56:14

*/

:root {
  	--dark-blue: #003044;
  	--white: #ffffff;
	--light-blue: #296b89;
	--light-gray: #f4f0ea;
	--sky-blue: #4595bd;
	--turquoise: #5fa5b9;
}
@font-face {
  font-family: Lexend;
  src: url(/wp-content/themes/smithdesigns-child/fonts/Lexend-Bold.ttf);
  font-weight: bold;
}
@font-face {
  font-family: Lexend;
  src: url(/wp-content/themes/smithdesigns-child/fonts/Lexend-Light.ttf);
  font-weight: light;
}
@font-face {
  font-family: Lexend;
  src: url(/wp-content/themes/smithdesigns-child/fonts/Lexend-Regular.ttf);
  font-weight: bold;
}
@font-face {
  font-family: Gelica;
  src: url(/wp-content/themes/smithdesigns-child/fonts/Fontspring-DEMO-gelica-regular.otf);
  font-weight: bold;
}
@font-face {
  font-family: Helvetica;
  src: url(/wp-content/themes/smithdesigns-child/fonts/Helvetica.ttc);
  font-weight: bold;
}
@font-face {
  font-family: Avenir;
  src: url(/wp-content/themes/smithdesigns-child/fonts/Avenir.ttc);
  font-weight: bold;
}

body h1, body h4, body h5, body h6 {
	font-family: josefin-sans, sans-serif!important;
	font-weight: 600!important;
	font-style: normal!important;
}
body p, body a, body span, body em, body h2, body h3 {
	font-family: 'Avenir', sans-serif!important;
	font-weight: 300;
	font-style: normal;
}

/* .gelica-font * {
	font-family: 'Gelica'!important;
}
.gelica-font span {
	font-family: 'Helvetica'!important;
} */
.rainbow_divider .elementor-divider-separator {
	background: linear-gradient(to left, #0f344f,#49618d,#639ac6, #3fbf9b,  #97ca4f,  #d7bf32,  #f59919,  #f26523, #ee4811);
	height: 20px!important;
  	border: none!important;
}
.rainbow_small_divider .elementor-divider-separator {
	background: linear-gradient(to left, #0f344f,#49618d,#639ac6, #3fbf9b,  #97ca4f,  #d7bf32,  #f59919,  #f26523, #ee4811);
	height: 5px!important;
  	border: none!important;
}


.section_tab .elementor-tab-title:before {
	position: absolute!important;
	content: ''!important;
	width: calc(100% - 25px)!important;
	height: 2px!important;
	background: #fff;
	padding: 0 25px;
	top: 0;
	left: 25px;
/* 	background: linear-gradient(to right, #ff0000, #ff7f00,  #ffff00,  #00ff00,  #0000ff,  #4b0082, #8b00ff ); */
}
.section_tab .elementor-tabs-wrapper {
	gap: 5px;
  	display: flex;
}
.section_tab .elementor-tab-title:first-of-type:before {
	left: 0;
}
.section_tab .elementor-tab-title {
	border: 2px solid rgb(95, 165, 185)!important;
	border-radius: 50px!important;
  	padding: 15px 25px !important;
	transition: all 0.5s ease-in-out;
	margin-right: 10px;
}

.section_tab .elementor-tab-title.elementor-active {
	background-color: rgb(95, 165, 185);
}
.section_tab .elementor-tab-title:hover {
	background-color: rgb(95, 165, 185);
}
.section_tab .elementor-tab-title:before {
	display: none!important;
}
.section_tab .elementor-tab-content {
	padding-left: 0!important;
}
.sectionhome_image img {
	max-height: 546px;
  	height: 100%;
  	object-fit: cover;
}
.sectionhome_links p {
	margin: 0 5px;
	font-weight: bold;
	color: var(--light-blue);
}
.sectionhome_links p a {
	color: var(--light-blue);
}
.sectionhome_button .elementor-button-text {
	color: var(--light-blue);
	font-size: 18px;
  	font-weight: bold;
  	margin-top: 40px;
  	margin-left: 3px;
	position: relative;
}
.sectionhome_button .elementor-button-text:before {
	position: absolute!important;
	content: ''!important;
	width: 100%!important;
	height: 2px!important;
	top: -8px;
	left: 0;
}
.sectionhome_button .elementor-button-text:hover:before {
	background: linear-gradient(to right, #0f344f, #3fbf9b,  #97ca4f,  #d7bf32,  #f59919,  #f26523, #ee4811);
}
.entry-title {
	display: none!important;
}
.post, .page, .page-content, .entry-content, .entry-summary {
	margin: 0!important;
}
.swiper-pagination-bullet {
	width: 15px;
  	height: 15px;
  	background-color: transparent;
  	border: 1px solid;
  	border-color: var(--dark-blue);
	opacity: 1;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--dark-blue);
}
.sectionhome_image_gallery .swiper-slide-image {
	max-height: 546px;
  	height: 100%;
  	object-fit: cover;
}
.section_accordion_content .elementor-tab-content * {
	color: var(--white)!important;
}
.section_accordion_content .elementor-tab-title,
.section_accordion_content .elementor-tab-title.elementor-active {
	border-top: 2px solid var(--e-global-color-b4be2f8);
	border-top-width: 2px!important;
}
.section_accordion_content .elementor-accordion-item:last-of-type {
	border-bottom: 2px solid var(--dark-blue);
	border-bottom-width: 2px!important;
}
.footer-text * {
	color: #fff!important;
}
.site-header > div {
	background-color: var(--dark-blue);
	display: grid;
  	grid-template-columns: 200px 845px 100px;
  	justify-content: center;
	padding: 10px 0;
	
}
.site-header .social-media-header {
	display: flex;
  justify-content: end;
  align-items: center;
  width: fit-content;
  margin: 0 0 0 auto;
}
.site-header .social-media-header p, .site-header .social-media-header a {
	margin: 0;
	text-decoration: none;
	color: #fff;
}
.social-media-header-item {
	width: 30px;
  	margin-right: 10px;
}
.hamburger-menu {
    cursor: pointer;
	width: 45px;
    height: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
	margin-left: 30px;
  	align-items: center;
 	margin-top: 15px;
}
.hamburger-menu div {
    width: 100%;
    height: 2px;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
}



.page-gallery-custom img {
	width: 100%;
	max-height: 850px!important;
	height: 100%!important;
	object-fit: contain!important;
}
.page-title-color span {
	color: #fff!important;
}
.page-id-76 .sectionhome_links p a {
	color: var(--sky-blue);
}

.page-gallery-masonry {
	background-image: linear-gradient(180deg, var( --white ) 10%, var( --light-gray ) 10%, var( --light-gray ) 80%, var( --white ) 80%);
}
.page-gallery-masonry .elementor-widget-image:nth-child(4) img {
	margin-bottom: -78px;
}
.greengiant-section {
	overflow: hidden;
}
.greengiant-section:before {
	width: 52%;
  	margin-right: 0;
  	right: 0;
  	left: unset;
}
.greengiant-section:after {
	content: '';
	background-color: #81BE7E;
	  width: 270px;
	  height: 150%;
	  position: absolute;
	  left: 40%;
	  rotate: -30deg;
	  overflow: hidden;
	  top: -28%;
}
.greengiant-section {
	background-size: 60% 100%!important;
}
.testimonial-container span.blue {
	color: rgb(95, 165, 185);
}
.elementor-testimonial-wrapper .elementor-testimonial-content {
	margin-bottom: 0!important;
}
.hover-img {
	overflow: hidden!important;
}


@media screen and (max-width: 600px) {
	.page-gallery-custom img {
		max-height: 500px !important;
	}
	.page-section-blue-custom .elementor-widget-image-carousel {
		order: 3;
	}
	.page-section-blue-custom .elementor-element:nth-child(5) {
		order: 4;
	}
	.page-section-blue-custom .elementor-element:nth-child(4) {
		order: 2;
	}
	
	.site-header > div {
	  grid-template-columns: 1.5fr 2.5fr 1fr;
	}

	.social-media-header-item {
	  width: 25px;
	  margin-right: 5px;
	}

}


.case-study-content {
  display: none;
}
.title-insight,
.title-approach,
.title-results {
  cursor: pointer;
  transition: margin 0.2s ease;
  margin-left: 18px;
}
.text-insight,
.text-approach,
.text-results {
  display: none;
}
.case-study-content a {
	color: var( --e-global-color-b4be2f8 )!important;
}
.menu-container {
  display: none;
  transition: all 0.3s ease;
  width: 40%;
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  background-color: #003044;
  z-index: 99;
  padding: 100px 50px;
	box-shadow: 2px 2px 20px #000;
}
.menu-container.active {
	display: block;
}
.close-menu {
  position: absolute;
  top: 65px;
  right: 50px;
  color: #ffffff;
  font-family: sans-serif;
  font-size: 29px;
  line-height: 1;
  cursor: pointer;
}
.main-navigation ul li a {
  color: #F3F0EB !important;
  font-size: 35px;
  text-transform: uppercase;
  margin: 10px;
  text-align: left;
  border: none;
  margin-bottom: 0;
  line-height: 1.2em;
  width: 100%;
  display: inline-block;
	position: relative;
	padding-left: 10px;
}
.main-navigation ul li.menu-item-has-children > a:before {
	content: '+';
	position: absolute;
	width: 30px;
	height: 30px;
	color: #fff;
	top: 7px;
  	left: 280px;
  	font-size: 40px;
  	line-height: 30px;
  	text-align: center;
}
.main-navigation ul li.menu-item-has-children.active > a:before {
	content: '-';
	top: 2px;
}
.main-navigation .menu-item-has-children .sub-menu {
	padding-left: 25px;
}
.main-navigation .menu-item-has-children .sub-menu li a {
	font-size: 25px;
}
.main-navigation ul {
  display: block;
}
.social-menu {
  display: flex;
  margin: 40px 0 0;
  justify-content: center;
  gap: 20px;
}
.social-menu-item {
	max-width: 25px;
	max-height: 25px;
	object-fit: contain;
}
.main-navigation .menu-item-has-children .sub-menu {
	float: none;
	position: relative;
	top: unset;
	left: unset !important;
	z-index: unset;
	box-shadow: none !important;
	display: none;
}
.main-navigation .menu-item-has-children .sub-menu.active {
	display: block;
}
.elementor-accordion-item {
	border-top: 2px solid #5FA5B9!important;
}
.elementor-accordion-item:last-of-type {
	border-bottom: 2px solid #5FA5B9!important;
}
.main-navigation .menu-item a {
	border-left: 2px solid transparent;
}
.main-navigation .menu-item a:hover {
	border-left: 2px solid #5FA5B9;
}
.main-navigation ul li.current-menu-item a {
	color: #42BBAB!important;
}
.yikes-mailchimp-container span {
	color: #fff;
}
.FNAME-label, .FNAME-label input {
	display: none!important;
}
.yikes-easy-mc-email  {
	padding: 5px 24px !important;
  	font-size: 14px;
  	border-radius: 99px 0 0 99px !important;
  	background: #f3f3f3;
  	outline: none;
  	width: 250px!important;
  	margin-left: -20px;
}
.yikes-easy-mc-submit-button {
	width: 30px!important;
  	border-radius: 0 999px 999px 0;
  	border: 1px solid #fff;
  	background: transparent;
  	color: #fff;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	cursor: pointer;
  	padding: 0;
  	font-size: 0px;
  	position: relative;
	height: 35px;
/*   	margin-top: 25px!important; */
  	min-height: unset!important;
}
.yikes-easy-mc-submit-button:before {
	content: '>';
	position: absolute;
	top: 6px;
  	right: 8px;
	color: #ffffff;
  	font-size: 18px;
}
.yikes-easy-mc-form {
	display: flex!important;
  	align-items: stretch;
}
.EMAIL-label {
	width: 250px!important;
	margin-right: -20px;
}
.EMAIL-label span {
	display: none;
}




@media screen and (max-width: 1200px) {
	.site-header > div {
	  grid-template-columns: 200px calc(100% - 350px) 100px;
	}
	.menu-container {
		width: 75%;
	}
}

@media screen and (max-width: 600px) {
	.site-header > div {
	  	grid-template-columns: 150px 50px;
    	gap: 10px;
    	justify-content: space-between;
    	position: relative;
    	padding: 10px 70px 10px 20px;
	}
	#site-navigation {
		position: absolute;
  		right: 30px;
  		top: 5px;
  		width: auto;
	}
	.menu-container {
		width: 100%;
		padding: 100px 25px;
	}
	.site-header .social-media-header a {
		font-size: 12px;
	}
	.hamburger-menu {
	  width: 30px;
	  margin-left: 15px;
	}
	.main-navigation ul li a {
	  font-size: 32px;
	}
	.site-header .social-media-header a p {
		display: none;
	}
}