/*---------------------------------------------------------------------------------

 Theme Name:   Platform Marketing
 Theme URI:    https://platformmarketing.agency
 Description:  
 Author:       Platform
 Author URI:   https://platformmarketing.agency
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/
.et_pb_row{
	max-width:1440px;
}

h1, h2, h3, h4, h5, h6 {
    overflow-wrap: normal!important;
}

/* Fixes Fonts not loading with correct weight */ 
.h1, .et-db #et-boc .et-l h1,h2,h3{
	font-weight:100!important;
	/*font-family: 'Reckless'!important;*/
	font-family: 'ivypresto-display'!important;
	letter-spacing:unset!important;
}
/*Overriding CSS above on the services pages and service-type taxonomy for the small h1*/
.single-services #et-boc .et-l h1, .tax-service-type.et-db #et-boc .et-l h1{
	font-weight:300!important;
	font-family: 'Inter'!important;
}
/*Overiding team member title*/
.et_pb_team_member_description h4.et_pb_module_header{
	letter-spacing:unset!important;
}
h4,h5,h6{font-family: 'Inter';}

p{font-weight:300}

p h1, p h2, p h3{
	font-weight:100!important;
}

.single-services .et_pb_post .et_post_meta_wrapper{
	display:none;
}

/*Sub links on home page*/
.inline-sub-menu{
	display:flex;
	align-items:center;
	padding-left:0px!important;
	list-style:none!important;
	flex-wrap:wrap;
	padding-bottom:0px!important;
}
.inline-sub-menu li:not(:last-child):after{
	content: '/';
	margin:auto 4px;
}

/* Mega Menu Styling */
/* ### Mega menu container ### */
li.mega-menu > ul {
  border-radius: 6px; /* Border radius of mega menu */
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .1); /* Shadow of mega menu */
  padding: 25px 25px !important; /* Space around mega menu */
}
/*revert the padding above on mobile menu*/
.et_mobile_menu li.mega-menu ul.sub-menu{
	padding:1% 0px!important;
}
.et_mobile_menu li.mega-menu ul.sub-menu li.second-level a{
	padding:10px 5%!important;
}
.et_mobile_menu li.mega-menu ul.sub-menu li.second-level .third-level{
	padding:0px 5%!important;
}

/* ### Mega menu titles ### */
.et-db #et-boc .et-l .et-menu-nav li.mega-menu>ul>li>a:first-child {
  color: #97c22f!important;
  /*border-bottom: 1px solid #97c22f; /* Line color */
  margin-bottom: 2px; /* Space below line */
  padding-left: 0px; /* Space left of title */
}

/* ### Mega menu sub items ### */

.et-menu-nav li.mega-menu>ul>li {
	width:unset!important;
}

/*.et-db #et-boc .et-l .et-menu-nav li.mega-menu>ul>li>a:first-child*/
.et-db #et-boc .et-l .et-menu li.mega-menu li a:not(:first-child),
.et_pb_menu li.mega-menu li a {
  font-size: 14px; /* Sub item font size */
  color: #000 !important; /* Sub item font color */
  padding: 0px!important; /* Space around sub items */
  font-weight: 500; /* Sub item font wight */
}
@media (min-width: 981px) {
#top-menu li.mega-menu>ul>li {
    width: 20%;
}
 
#top-menu li.mega-menu>ul>li:nth-of-type(4n) {
    clear: unset;
}
 
#top-menu li.mega-menu>ul>li:nth-of-type(4n+1) {
    clear: unset;
}
}
/* Keeps children white */ 

.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a, .et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li.current-menu-item a + ul li a{
	color:#fff!important; 
}  

.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a, .et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li.current-menu-item a + ul li.current-menu-item a{
	color:#97c22f!important;
}

.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item ul.sub-menu li a  {
		color:#fff!important; 

}
.et-db #et-boc .et-l .et-menu-nav li.mega-menu>ul{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    row-gap: 1rem;
}

@media screen and (max-width:1280px) {
 .et-db #et-boc .et-l .et-menu-nav li.mega-menu>ul{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 1rem;
}
}

/*PEE AYE MENU CSS*/
/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}


/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}


/*some code to keep everyting positioned properly*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}


/*remove default background color from menu items that have children*/

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}


/*show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}


/*submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color: #97c003;
	padding: 3px;
}


/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32';
}


/*add point on top of the menu submenu dropdown*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}


/*adjust the position of the hamburger menu*/

.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 10px;
	line-height: 0;
}


/*force the background color and add a rounded border*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}
.et_mobile_menu .menu-item-has-children .sub-menu{
display: none !important;
}
.et_mobile_menu ul.submenu{
	padding:unset!important;
}
/*ul.sub-menu.visible{
	padding:unset!important
}
*/
.pa-block{
display: block !important;
height: fit-content !important;
padding-top: 0 !important;
margin-top: 0 !important;
padding: 5% !important;
margin-bottom: 0 !important;
margin-top: 0 !important;
}

.et_mobile_menu .menu-item-has-children .pa-submenu{
display: block !important;
}

.opened .et_mobile_menu{
height: fit-content !important;
padding: 5% !important;
}


ul.et_mobile_menu li.menu-item-has-children .mobile-toggle, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle{
    	    text-align: right;
    	    width: 100%;
    }
/* Mobile Menu Height */ 
#mobile_menu1{
	height:80vh;
	overflow:scroll;
}

/*Takes Desktop Padding of Services */ 

#mobile_menu1 > li.mega-menu.first-level.et_pb_menu_page_id-429.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-ancestor.current-menu-parent.menu-item-has-children.menu-item-429 > ul {
	padding:0px !important;
}

.third-level {
    padding: 10px 5%;
}

@media only screen and (min-width: 981px) {
	.nav li ul {
		width: fit-content;
		display: flex;
		flex-direction: column;
	}
	.nav li li {
		white-space: nowrap;
	}
	.nav li li a {
		width: auto !important;
	}
}

/* expands sub menu 
.et-menu li li a
, .et-db #et-boc .et-l .et-menu-nav li.mega-menu li>a {	width:300px!important; }*/

/* Makes first Child Green */ 
.et-db #et-boc .et-l .et-menu-nav li.mega-menu > ul > li > a:first-child {
  color: #97c22f!important;
}

/*Keeps rest white */ 
.et-db #et-boc .et-l .et-menu-nav li.mega-menu li li a {
color: white!important;
}


/* Adds > After Menu Items */ 
.et-menu li li a:after {
font-family:'ETMODULES';
content: "\35";
	font-size:105%;
	padding-left:0px;
	font-weight:700;
	  color: #97c22f!important;
}

/* CSS for page transistions - used throughout site to make sections slide into view */
.bounce-up {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bounce-up.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(x0px, 0px, 0px);
}

/* Modal CSS */

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 10%; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  
  background-color: #152520;
  margin: auto;
  padding: 3rem;
  border-radius:20px;
 box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  width: 90%;
  color: #fff;
 
}


@media only screen and (min-width:1024px){
.modal-content{width:50%}
}
.modal-content h2 {
font-size: 2rem;
color:white;
}

.modal-content h3 {
	font-size: 1.3rem;
	color:#97C003;
	font-family: 'Inter'!important;
	font-weight: 300;

}

.et_pb_team_member_image:hover {
	cursor:pointer;
}

/* The Close Button */
.close {
  color: #97C003;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #97C003;
  text-decoration: none;
  cursor: pointer;
}

.modal-open{display:block}

.radial-gradient:before{
  content: "";
  background-color: transparent;
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/9/9a/512x512_Dissolve_Noise_Texture.png");
  background-repeat: cover;
  mix-blend-mode:multiply;
  opacity: 0.15;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
/*Services worked with logos*/
ul.worked-with{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:1rem;
	width:100%;
	justify-content:space-between;
}
ul.worked-with li{
	width:40%;
	opacity:0.7;
	transition: all 0.3s;
}
ul.worked-with li:hover{
	opacity:1
}
ul.worked-with li img{
	max-height:75px;
	object-fit:contain;
}
@media only screen and (min-width:820px){
	ul.worked-with{
		display:flex;
		align-items:center;
		flex-wrap:wrap;
		gap:2rem;
		width:100%;
		justify-content:space-between;
	}
	ul.worked-with li{
		width:20%;
		justify-content:center;
		display:flex;
		
	}
}
@media only screen and (min-width:1280px){
	ul.worked-with{
		display:flex;
		align-items:center;
		flex-wrap:wrap;
		gap:3rem;
		width:100%;
		justify-content:space-between;
		list-style:none;
	}
	ul.worked-with li{
		width:13%;

	}
}

/* Blaze - Related Work Style */ 
#relatedwork-slide .blaze-item {
     height: 400px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 0rem 1rem 2rem 1rem;
    transition: height 0.3s;
    flex-direction: column;
	text-align:center;
}

#relatedwork-slide .blaze-item h3{
	color:#fff;
	font-size:2.5rem;
}

#relatedwork-slide a:hover{
	color:#97c003;
}
#relatedwork-slide ul.work-categories{
	display:inline-block;
}
#relatedwork-slide ul.work-categories li{
	display:inline-block;
}
#relatedwork-slide ul.work-categories li a{
	color:#fff
}
#relatedwork-slide ul.work-categories li a:hover{
	color:#97c22f
}
#relatedwork-slide ul.work-categories li:not(:last-child):after{
	content: ',';
	margin-right: 3px;
	color:#fff;
}
#relatedwork-slide .related-work-link:hover{
	text-decoration:underline!important;
}
.w-full{
	width:100%
}
/* Core styles/functionality */
.tab {
  position: relative;
 border-bottom: 2px solid #97C003;
	padding:20px;
}
.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab__content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.35s;
}
.tab input:checked ~ .tab__content {
  max-height: 10rem;
padding-top:20px;
}

/* Visual styles */
.accordion {
color:white;
  overflow: hidden;
}
.tab__label,
.tab__close {
  display: flex;
  color: white;
  background: transparent;
  cursor: pointer;
}
.tab__label {
  justify-content: space-between;
  font-family:'ivypresto-display',Helvetica,Arial,Lucida,sans-serif;
	font-size:18px;
	font-weight:400;
	/* padding: 1rem; */
}
.tab__label::after {
	font-family:"ETmodules";
  content: "\33";
  width: 1em;
  height: 1em;
  text-align: center;
	  transform: rotate(0deg);
  transition: all 0.35s;
}
.tab input:checked + .tab__label::after {
	font-family:"ETmodules";
  content: "\32";
}

.tab__content p {
  margin: 0;
  padding: 1rem;
 font-family:'Inter',Helvetica,Arial,Lucida,sans-serif;
	font-weight:300;
	
}
.tab__close {
  justify-content: flex-end;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
}

/* Arrow animation */
.tab input:not(:checked) + .tab__label:hover::after {
  animation: bounce .5s infinite;
}
@keyframes bounce {
  25% {
    transform: rotate(0deg) translatey(.25rem);
  }
  75% {
    transform: rotate(0deg) translatey(-.25rem);
  }
}

/*set the transition for the spacing shrinking action*/
.sticky-header .et_pb_row {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/*set the background color of the fixed header when scrolling*/
.sticky-fixed-header .et_pb_row {
	padding: 0px 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
/*set the transition for the logo shrinking action*/
.sticky-header .et_pb_menu__logo img {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/*change the logo size when the header shrinks*/
.sticky-fixed-header .et_pb_menu__logo img {
	max-width: 80%;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
/*set the transition for the font size shrinking action*/
.sticky-header .et_pb_menu ul li a {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/*change the menu font size when the header shrinks*/
.sticky-fixed-header .et_pb_menu ul li a {
	font-size: 0.9em!important;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.sticky-header  {
	background: transparent;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
}

/*set the background color of the fixed header when scrolling*/
.sticky-fixed-header {
	background-color: rgba(21,37,32,1)!important;
	color:#fff!important;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
}

.blaze-item{
	display:flex;
	flex-direction:column;
}

#testimonial-details {
	margin-top:auto;
	padding-top:2.75%;
	padding-bottom:1rem;
}

.blaze-pagination  {
	display:flex;
	gap: 8px;
}

.blaze-pagination button.active {
	background-color:white;
	transform: scale (1.2);
}

.blaze-pagination button, .blaze-pagination button {
	width: 12px;
    height: 12px;
    padding: 0;
}

.blaze-pagination button {
	    background: #ffffff26;
    border: none;
    border-radius: 50%;
    color: #0000;
    cursor: pointer;
    outline: 0;
    transition: transform .2s, background .3s;
}

.related-image {
	height:300px;
  border-top-left-radius: 20px;
	  border-top-right-radius: 20px;

	object-fit:cover;
	margin-bottom: 1rem;
}

.linkedwork-slider.blaze-slider {
  --slides-to-show: 2;
}

.linkedwork-slider{
	border-radius:20px;
	background: #f5f5f5;
}

.linked-description
{
	padding:1rem 2rem;
}

.
.linkedwork-slider h3{
font-size: 2rem;
}

.linked-description p
{
	padding-bottom:1rem!important;
		padding-top:1rem!important;

}

.linked-work-link{
	font-weight: 600;
    color: inherit;
}

@media (max-width: 500px) {
  .linkedwork-slider.blaze-slider {
    --slides-to-show: 1;
  }
}

.entry-content ul{
  padding-left:0px!important;
}

.arrow-before a:hover::before {
	 font-family: 'etModules';
  content: "\24";
  font-weight:600;
  padding-right:0.5rem;
  color:#97c003;
  transition: all .3s ease;
}

.arrow-before a{
	font-weight:400!important;
	font-family: 'Inter';
    font-size: 18px;
    line-height: 1.2em;
	color:#152520!important;
	display:block;
}

.cover-image img {
  object-fit:cover;
}

.blaze-pagination.case-study{
	display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: 1rem;
}