/*
 Theme Name:     Divi Tumavu
 Description:    Divi Child Theme
 Author:         Krea and Com
 Author URI:     https://www.krea-and-com.com/
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/*------ Header --------*/
.dct_hdr_v1 .et-menu > li{padding:0 15px;}

.dct_hdr_v1 .et_pb_menu__menu > nav > ul{justify-content:center;}

.dct_txt_hdr.big{width: 100px;
height: 100px;}

.dct_txt_hdr.big .et_pb_text_inner{top: 19px;left: 18px;}
.dct_txt_hdr.big span:nth-child(1){width:40px;}
.dct_txt_hdr.big span:nth-child(2){width:30px;top: 23.5px;}
.dct_txt_hdr.big span:nth-child(3){width:20px;top: 35px;}

.dct_txt_hdr{background: #e85113);
width: 45px;
height: 45px;
box-shadow: 0 5px 15px -10px #e85113;position: relative;-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
border-radius: 0;}

.dct_txt_hdr span{display: block;
position: absolute;
height: 2px;border-radius: 1px;
opacity: 1;-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;cursor: pointer;background: #fff;
left: 10px;}

.dct_txt_hdr span:nth-child(1){top: 14px;
width: 25px;}

.dct_txt_hdr span:nth-child(2){top: 21.5px;
width: 20px;}

.dct_txt_hdr span:nth-child(3){top: 29px;
width: 15px;}


.dct_hdr_icon .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{background: #e85113;
color: #fff;
font-size: 25px;
width: 50px;
height: 50px;
line-height: 50px;}




.nav li ul{width:250px;}
.nav li li{padding:0px;display:block;}

.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a{font-weight: 300;
letter-spacing: 1px;width: 100%;
text-transform: uppercase;color: #f59e34;
display: block;
font-size: 14px;
padding: 10px 25px;position: relative;transition: all 0.15s linear;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;}

.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover{#e85113);
padding: 10px 20px 10px 35px;}


.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:after{content: "";
position: absolute;
width: 0;
height: 1px;box-sizing: border-box;
background: #e85113;
left: 20px;
top: 50%;
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;}

.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover:after{width: 10px;}

@media only screen and (max-width : 980px) {
.dct_hdr_v1 .et_pb_menu__logo-wrap{margin-bottom:10px !important;}
.dct_hdr_v1 .et_pb_menu_inner_container{display:flex;}	
.dct_hdr_v1	.et_pb_menu__logo{width:auto !important;}
.dct_hdr_v1	.et_pb_menu__logo img{width: 135px;}
.dct_hdr_v1.et_pb_menu--style-inline_centered_logo .et_pb_menu__wrap{justify-content:right;}
}
/*------ 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:#e85113;
	color:#fff;
}
.dct_ptf .et_pb_portfolio_filters li a {
	border-radius: 5px !important;
	background:#f59e34;
	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:#f59e34;
	background:#e85113;
	color:#fff
}
.dct_ptf .et_pb_portfolio_filters li a.active:before {
	background:#f59e34;
	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 .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: #e85113;
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: 15px;
grid-template-columns: repeat(4, 25%);}

.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: 0.5;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
padding: 30px;
background: rgba(33, 37, 41, 0.4);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;}