/*
Theme Name: Athul Domichen
Theme URI: https://athuldomichen.com/
Version: 1.0
Description: Child Theme of Divi
Author: Divi Extended
Template: Divi
*/

/*--------------------------------------------------------------
    General Elements
-------------------------------------------------------------- */
.white {
  color: #ffffff;
}
.black {
  color: #000000;
}
.right-float {
  float: right;
}
.left-float {
  float: left;
}
.right-text {
  text-align: right;
}
.left-text {
  text-align: left;
}

.mobile-br {
  display: inline;
}

body .et_pb_text, .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a { 
    font-family: futura-pt, sans-serif !important;
}
.et_pb_text h1, .et_pb_text h2, .et_pb_text h3, .et_pb_text h4, .et_pb_text h5, .et_pb_text h6 {
    /*font-family: elena-web-basic, serif !important;*/
}








/*--------------------------------------------------------------
    Header Elements
-------------------------------------------------------------- */

/*--------------------------------------------------------------
    Homepage Elements
-------------------------------------------------------------- */
.et_pb_module.et_pb_portfolio .et_pb_ajax_pagination_container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.et_pb_module.et_pb_portfolio .et_pb_ajax_pagination_container .et_pb_portfolio_item {
    width: 33.33%;
    position: relative;
}
.et_pb_module.et_pb_portfolio .et_pb_ajax_pagination_container .et_pb_portfolio_item > a {
    min-height: 250px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
.et_portfolio_image img {
    max-height: 250px;
    object-fit: contain;
    padding: 30px;
}
.et_pb_module.et_pb_portfolio .et_pb_ajax_pagination_container .et_pb_portfolio_item > h3.et_pb_module_header {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    display: flex;
    opacity: 0;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    transition: opacity 0.4s ease;
}
.et_pb_module.et_pb_portfolio .et_pb_ajax_pagination_container .et_pb_portfolio_item > h3.et_pb_module_header a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    display: flex;
    opacity: 0;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    font-size: 30px;
        font-weight: 500;
    transition: opacity 0.4s ease;
    
    /* Animated border setup */
    background-image: 
        linear-gradient(#f9df4e, #f9df4e),
        linear-gradient(#f9df4e, #f9df4e),
        linear-gradient(#f9df4e, #f9df4e),
        linear-gradient(#f9df4e, #f9df4e);
    background-repeat: no-repeat;
    background-size: 0 2px, 2px 0, 0 2px, 2px 0;
    background-position: top left, top right, bottom right, bottom left;
}

.et_pb_module.et_pb_portfolio .et_pb_ajax_pagination_container .et_pb_portfolio_item:hover > h3.et_pb_module_header,
.et_pb_module.et_pb_portfolio .et_pb_ajax_pagination_container .et_pb_portfolio_item:hover > h3.et_pb_module_header a {
    opacity: 1;
    animation: borderDraw 0.8s ease forwards;
}

@keyframes borderDraw {
    0% {
        background-size: 0 2px, 2px 0, 0 2px, 2px 0;
    }
    25% {
        background-size: 100% 2px, 2px 0, 0 2px, 2px 0;
    }
    50% {
        background-size: 100% 2px, 2px 100%, 0 2px, 2px 0;
    }
    75% {
        background-size: 100% 2px, 2px 100%, 100% 2px, 2px 0;
    }
    100% {
        background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%;
    }
}
.dtq-carousel.dtq-logo-carousel .slick-slide {
    max-height: 100px;
}
.dtq-carousel.dtq-logo-carousel .slick-slide img {
    object-fit: contain; 
    max-height: 100px;
}
.dtq-carousel.dtq-logo-carousel .slick-slide .dtq-lightbox-ctrl {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    min-height: 100px;
    max-height: 100px;
}
/*--------------------------------------------------------------
    Interior Page Elements
-------------------------------------------------------------- */
.divi-projects-list ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 40px;
}
.divi-projects-list ul li{
    padding: 0px 15px !important;
}
.divi-projects-list ul li a{
    color:#0f0f0f;
}
.divi-projects-list ul li  a:hover {
    color: #f9df4e;
}
.single.single-project .et_pb_section.et_pb_section_0 .et_pb_module.et_pb_text.et_pb_text_0 {
    margin-top: -1% !important;
    font-size: 26vw !important;
}
/*--------------------------------------------------------------
    Footer Elements
-------------------------------------------------------------- */
.foot-links a {
    padding: 0px 10px;
}
/*--------------------------------------------------------------
    Media Query Elements
-------------------------------------------------------------- */
@media screen and (max-width: 1240px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1140px) {
    .et_pb_module.et_pb_portfolio .et_pb_ajax_pagination_container .et_pb_portfolio_item {
    width: 50%;
    position: relative;
}
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 767px) {
  .mobile-br {
    display: none;
  }
 .et_pb_module.et_pb_portfolio .et_pb_ajax_pagination_container .et_pb_portfolio_item {
    width: 100%;
    position: relative;
}
}
@media screen and (max-width: 640px) {
}
@media screen and (max-width: 480px) {
}
@media screen and (max-width: 320px) {
}