/* 
 Theme Name:     Atlas
 Author:         Mark Hendriksen
 Author URI:     https://markhendriksen.com
 Template:       Divi
 Version:        1.0
 Description:    A Divi Child Theme 
*/ 

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* ########################### */
/* ###### CHANGE COLORS ###### */
/* ########################### */

/* ### Dropdown menu ### */
.nav li li a { 
  	border-bottom: 1px solid rgb(255 255 255 / 19%); /* Dropdown border bottom */ 
  	font-weight: 500 !important; /* Dropdown font weight */ 
  	font-size: 16px !important; /* Dropdown font size */ 
}
  
.et-menu > .menu-item-has-children > .sub-menu:before {
  	border-bottom: 12px #00eab7 solid; /* Dropdown arrow color */
} 

/* #### Collaping mobile menu #### */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
	color: #0a070a; /* Icon color */
	background: #00eab7; /* Icon background color */
}

/* #### Full-screen overlay menu #### */
.hamburger-icon-v1::after {
  background: #00eab7; /* Hamburger background color */
}
  
.hamburger-icon-v1:hover::before {
	color: #000; /* Hamburger icon hover color */
}
  
.custom-menu-v1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after, .et-db #et-boc .et-l .custom-menu-v1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
    background-color: #00eab7; /* background icon color */
    color: #000; /* Icon color */
}

/* ### Projects - home page ### */
.section-with-white-bg .text-white-projects h2,
.section-with-white-bg .text-white-projects .et_pb_promo_description p {
	color: #ffffff !important; /* text color when scrolled down */
}

.et_pb_section.section-with-white-bg.section-with-color-bg {
	background-color: #0a070a!important; /* background color when scrolled down */
}

/* ### Blog grid ### */
.atlas-blog .et_pb_post .post-meta {
	background-color: #f6f4ef; /* meta background color */
}


/* ########################### */
/* ####### END COLORS ######## */
/* ########################### */

/* ### General ### */
#page-container {
	overflow-x: hidden;
}

/* ### Header V1 ### */
@media screen and (min-width: 981px) {
.header-v1-column {
	display: flex;
	align-items: center;
}

.header-v1-menu {
	flex: 2 1 auto;
}

.header-v1-menu.et_pb_menu .et-menu>li {
    padding-left: 17px;
    padding-right: 17px;
}}

@media screen and (max-width: 980px) {
.header-button-1,
.header-button-2 {
	width: 100%;
    text-align: center;	
}}

/* ### Overlay menu ### */

/* Icons */  
.custom-menu-v1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after, .et-db #et-boc .et-l .custom-menu-v1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
		content: '\4c';
}
   
.hamburger-icon-v1::before {
	content: '\61';
}
  
.mh-cm-v2 .et_mobile_menu .menu-item-has-children > a:after {
  content: '\4c';
}

.mh-cm-v2 .et_mobile_menu .menu-item-has-children > .mh-cm-v2-menu-switched-icon:after {
	content: '\4d';
}
  
@media screen and (min-width: 981px) {
.mh-cm-v2 .et-menu > .menu-item-has-children > .sub-menu:before {
  content: '\42';
}
  
.mh-cm-v2 .et-menu .sub-menu .menu-item-has-children>a:first-child:after {
  content: "\35";
}}
  
.custom-menu-v1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after, .et-db #et-boc .et-l .custom-menu-v1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
		content: '\4c';
}  
 
.custom-menu-v1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon.mh-cm-v2-menu-switched-icon::after, .et-db #et-boc .et-l .custom-menu-v1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon.mh-cm-v2-menu-switched-icon::after  
 {
 		content: '\4d' !important;   
}

/* ### top bar menu ### */
.top-bar-menu-row {
	display: flex;
    align-items: center;	
}

.social-media-top-bar.et_pb_social_media_follow li {
    margin-bottom: 0px;
}

/* ### Team members social ### */
.custom-social.et_pb_social_media_follow li a {
    margin-right: 0px;
}

/* ### Appointment CTA ### */
@media screen and (min-width: 981px) {
.appointment-cta-row {
	display: flex;
    align-items: center;
}}

/* ### Project box ### */
.service-box {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 600px;
}

@media screen and (min-width: 981px) {
.service-box .service-animated-text {
	max-height: 0em;
	opacity: 0;
	transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .25s;
}

.service-box:hover .service-animated-text {
	max-height: 6em;
	opacity:1;
}}

/* ### Projects section ### */
.section-with-white-bg {
	transition: background-color .6s ease-in-out,color .6s ease-in-out;	
}

.text-black-projects h2,
.text-black-projects .et_pb_promo_description p {
	-webkit-transition: color .6s; 
	transition: color .6s; 
}

/* ### Blurb services ### */
.blurb-service li::marker {
	font-size: 16px;
	font-family: FontAwesome!important; 
	font-weight: 900;
	content: "\f105";
}

.blurb-single-link.et_pb_blurb_position_left .et_pb_blurb_container {
	padding-left: 0px !important;
}

.blurb-single-link .et_pb_image_wrap {
	display: flex;
    justify-content: flex-end;
	margin-right: 5px;
}

/* ### Home images sections ### */
.home-images-column-1.et_pb_column_1_3 {
	width: 35.6667%;
}

.home-images-column-2.et_pb_column_2_3 {
	width: 58.833%;
}

/* ### Home logo row ### */
.logo-row {
	display: flex;
    align-items: center;	
}

/* ### Blog ### */
.atlas-blog .et_pb_post {
	padding: 0px !important;
}

.atlas-blog .et_pb_post .et_pb_image_container {
    margin: 0px 0px 29px !important;
}

.atlas-blog .et_pb_post .post-meta {
    padding: 2px 10px;
    border-radius: 4px;
}

.atlas-blog .et_pb_post .more-link {
	margin-top: 15px;
    display: block;
}

/* ### Career ### */
.career-toggle h4 {
	font-weight: 700;
    font-size: 16px;
    padding-top: 20px;
}

/* ### Responsive styles ### */

/* ### From column to row tablet ### */
@media screen and (min-width: 768px) and (max-width: 980px){
.from-column-to-row-tablet {
	display: flex;
    flex-direction: row;
}}

/* ### Swap column tablet and mobile ### */
@media screen and (max-width: 980px) {
.project-section-home .et_pb_row,
.swap-column-mobile-tablet {
	display: flex;
    flex-direction: column-reverse;
}

.service-box {
	height: 100%;		
}}

/* ### 981 to 1400 ### */
@media screen and (min-width: 981px) and (max-width: 1400px){
.custom-row-95.et_pb_row {
    width: 95% !important; 	
}
	
.hero-title-h1 h1 {
	font-size: 80px !important;	
}

.h2-big h2	{
	font-size: 36px !important;	
}

.project-big-text p	{
	font-size: 44px !important;	
	line-height: 1.2em;
}

.et_pb_text.about-points-text  {
	font-size: 64px !important;	
}

.et_pb_text.about-points-text-2  {
	font-size: 28px !important;	
}}


/* ### 981 to 1500 ### */
@media screen and (min-width: 981px) and (max-width: 1500px){
.cta-middle {
	display: flex;
}
	
.cta-middle .cta-middle-column-image {
	align-self: flex-end;	
}

.review-middle {
	display: flex;	
}

.review-middle .review-middle-column-image {
	align-self: flex-end;			
}}

/* ### Above footer CTA ### */
@media screen and (min-width: 981px) {
.above-footer-cta-row {
	display: flex;	
}

.above-footer-cta-button-column {
	display: flex;
    align-items: center;
	justify-content: flex-end;
}}

/* #### Dropdown Menu #### */
  
.nav li ul.sub-menu {
	padding: 0px !important;
  	border-radius: 5px;
  	box-shadow: 0 5px 17px 0px rgb(0 0 0 / 25%);
  	-moz-box-shadow: 0 5px 17px 0px rgba(0,0,0,.25);
  	-webkit-box-shadow: 0 5px 17px 0px rgb(0 0 0 / 25%);
}
  
.nav li li {
  	padding: 0 0px !important;
  	width: 100%;
}
  
.et-menu li li a {
  	padding: 10px 20px;
  	width: 100% !important;
}
  
.et-menu > .menu-item-has-children > .sub-menu:before {
	content: '';
  	display: block;
  	position: absolute;
  	left: 20px;
  	top: -20px;
  	width: 0;
  	height: 0;
  	border-top: 8px solid transparent;
  	border-right: 12px solid transparent;
  	border-left: 12px solid transparent;
  	z-index: 1;
}
  
.nav li ul {
    right: 0!important;
}
  
.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
    padding-bottom: 20px;
}

.nav li li ul {
    top: -3px !important;
}

/* #### Collaping Mobile Menu #### */

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

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

.et_mobile_menu .menu-item-has-children>a {
    font-weight: 600 !important; 
}

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

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;
}

.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;
}

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;
}

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;
}

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



/*------ Portfolio --------*/




.dct_ptf .et_pb_portfolio_filters {
	text-align: center;
	margin-bottom: 10px;
}
.dct_ptf .et_pb_portfolio_filters li {
	float:none;
	display:inline-block;
}
.dct_ptf .et_pb_portfolio_filters li a:hover {
	background-color:var(--color-1);
	color:#fff;
}
.dct_ptf .et_pb_portfolio_filters li a {
	border-radius: 5px !important;
	background:var(--color-2);
	color:#fff;
	border:none;
	font-size:13px;
	overflow:visible;
	font-weight:600;
	line-height:26px;
	padding:8px 20px 6px;
	text-transform:uppercase;
	letter-spacing:.5px;
	margin:0 5px 20px;
	display:inline-block;
	position:relative;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
transition:all .3s linear
}
.dct_ptf .et_pb_portfolio_filters li a:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:-1;
	opacity:0;
	border-radius: 5px !important;
}
.dct_ptf .et_pb_portfolio_filters li a.active {
	border-color:var(--color-2);
	background:var(--color-1);
	color:#fff
}
.dct_ptf .et_pb_portfolio_filters li a.active:before {
	background:var(--color-2);
	left:-7px;
	top:-7px;
	opacity:1;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
transition:all .3s linear
}
.dct_ptf .et_pb_portofolio_pagination {
	border:none !important;
	margin-top: 20px;
}
.dct_ptf .et_pb_portofolio_pagination ul {
	float: right;
	position:relative;
	display:inline-block
}
.dct_ptf .et_pb_portofolio_pagination ul:before {
	width:100%;
	height:2px;
	display:block;
	background:#e8e8e8;
	content:'';
	position:absolute;
	top:50%;
	z-index:-1;
	left:0;
	transform:translateY(-50%)
}
.dct_ptf .et_pb_portofolio_pagination ul li {
	border-radius: 5px;
	background:#000;
	position:relative;
	z-index:1;
	padding:5px 15px!important;
	margin-right:20px;
	border-color:#000;
	color:#fff
}
.dct_ptf .et_pb_portofolio_pagination ul li:last-child {
	margin-right: 0px;
}
.dct_ptf .et_pb_portofolio_pagination ul li a {
	color:#fff !important;
}



.dct_ptf .project{position:relative;overflow:hidden;-webkit-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;}

.dct_ptf .project:hover{transform: scale(1.05);
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
z-index: 1;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.35);}



.dct_ptf .project .et_overlay {opacity:1;z-index:1;
bottom: 0;
left: 0;
width: 100%;
height: 100%;border: none;
padding: 30px;
background: rgba(33, 37, 41, 0.2);}

.dct_ptf .project .post-meta{writing-mode: tb-rl;
float: right;
margin: 0;
color: #fff;
font-weight: 300;position: absolute;
top: 30px;z-index: 9;
right: 30px;
letter-spacing: 3px;
-webkit-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;}

.dct_ptf .project .post-meta a{color:#fff;}

.dct_ptf .project .et_pb_module_header{position: absolute;
bottom: 20px;
padding-right: 20%;
margin: 0;
-webkit-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
font-weight: 700;
color: #fff;
z-index: 9;
font-size: 18px;
left: 20px;
line-height: 25px;}

.dct_ptf .project .et_overlay:before{width: 50px;
height: 50px;
position: absolute;
top: 30px;
left: 30px;
z-index: 1;
transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-webkit-transition: background 0.5s ease;
    transition-delay: 0s;
transition-delay: 0s;
-ms-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
text-align: center;
line-height: 46px;
margin: 0;
font-size: 23px;}

.dct_ptf .project:hover .et_overlay:before{background: var(--color-1);
transition-delay: 0s;}

.dct_ptf.clm2 .alignleft,
.dct_ptf.clm3 .alignleft{position:absolute;left:0px;}
.dct_ptf.clm2 .alignright,
.dct_ptf.clm3 .alignright{position: absolute;right: 0;}


.dct_ptf.clm2 .et_pb_ajax_pagination_container,
.dct_ptf.clm2 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{display: grid;
grid-gap: 5px;
grid-template-columns: repeat(2, 50%);}

.dct_ptf.clm3 .et_pb_ajax_pagination_container,
.dct_ptf.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items {display: grid;
grid-gap: 5px;
grid-template-columns: repeat(3, 33.33%);}

.dct_ptf.clm3 .et_pb_portfolio_filters, 
.dct_ptf.clm2 .et_pb_portfolio_filters{text-align: center;
width: 100%;
display: block;
}


.dct_ptf .project .et_portfolio_image:before{content:'';opacity: 1;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
padding: 30px;
background: rgba(33, 37, 41, 0.2);position: absolute;
top: 0;display: block;}


@media only screen and (max-width : 767px) {
.dct_ptf.clm3 .et_pb_ajax_pagination_container,
.dct_ptf.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items,
.dct_ptf.clm2 .et_pb_ajax_pagination_container,
.dct_ptf.clm2 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{display: grid;
grid-gap: 5px;
grid-template-columns: repeat(1, 100%);}
	
	.dct_ptf.clm2 .et_pb_portfolio_filters,
	.dct_ptf.clm3 .et_pb_portfolio_filters{position:relative;top: 0;}
	
	.dct_ptf .et_pb_portfolio_filters li{width:auto !important;}
	
}



@media only screen and (min-width: 768px) and (max-width: 980px){
	
	.dct_ptf.clm3 .et_pb_ajax_pagination_container,
.dct_ptf.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{display: grid;
grid-gap: 5px;
grid-template-columns: repeat(2, 50%);}} 


/*------ Single Portfolio  --------*/

.dct_s_ptf .et_pb_blurb_content .et_pb_blurb_container{display:flex;}

.dct_s_ptf .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{margin-right: 50px;}