/*------------------------------------------
    #MARK: CARDS
------------------------------------------*/
/* #region */

.tpl-cards .flexic {
    margin-left: -15px;
    margin-right: -15px;
    row-gap: 30px;
}

.tpl-cards .flex-item {
    flex: 0 0 33.33%; 
    max-width: 33.33%; 
    padding-left: 15px; 
    padding-right: 15px;
}

.tpl-cards .item.d-link {
    display: block;
    position: relative;
    height: 100%;
}

.tpl-cards .div-icon {
    height: 50px;
}
/* #endregion */

/*------------------------------------------
    #MARK: COUNTER
------------------------------------------*/
/* #region */

.tpl-counter .dtag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    line-height: 1;
}

/* #endregion */

/*------------------------------------------
    #MARK: CPT GRID
------------------------------------------*/
/* #region */

.tpl-cpt .flex-grid {
    margin-left: -15px;
    margin-right: -15px;
    row-gap: 30px;
}

.tpl-cpt .flex-item {
    flex: 0 0 33.33%; 
    max-width: 33.33%; 
    padding-left: 15px; 
    padding-right: 15px;
}

.tpl-cpt .flexic .info-media {
    flex: 0 0 100%;
}


/* #endregion */

/*------------------------------------------
    #MARK: CPT GRID
------------------------------------------*/
/* #region */

.tpl-cpt .swiper-slide .flex-item {
    max-width: unset;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* #endregion */

/*------------------------------------------
    #MARK: CPT
------------------------------------------*/
/* #region */

.tpl-cpt .blog-post,
.tpl-cpt .cpt-post {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

/* #endregion */

/*------------------------------------------
    #MARK: CLIENT
------------------------------------------*/
/* #region */

.tpl-client .client-box { 
    position: relative;
    transition: all 150ms ease-in-out ;  
}

.tpl-client .client-box::after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    border-bottom: 10px solid transparent;
    content: "";
    position: absolute;        
}

/* #endregion */

/*------------------------------------------
    #MARK: FEATURED P
------------------------------------------*/
/* #region */

.tpl-featured .cpt-meta {
    margin-top: 20px;
}

.cpt-author .d-avatar {
    margin-right: 5px;
}

.cpt-author {
    display: flex;
    align-items: center;
    gap: 3px;
    line-height: 1;
}


/* #endregion */

/*------------------------------------------
    #MARK: FLEX
------------------------------------------*/
/* #region */

.tpl-flex .var-width {
    flex: 0 0 50%;
    max-width: 50%;
}

.tpl-flex .flexic {
    margin-left: -15px;
    margin-right: -15px;
}

.tpl-flex .flex-col {
    padding-left: 15px;
    padding-right: 15px;
}

/* #endregion */

/*------------------------------------------
    #MARK: ICONS
------------------------------------------*/
/* #region */

.tpl-icons .div-icon {
    width: auto;
    height: 50px;
}


/* #endregion */

/*------------------------------------------
    #MARK: FLUID
------------------------------------------*/
/* #region */

.tpl-fluid .flexic {
    gap: 30px;
}

.tpl-fluid .info-media {
    flex: 0 0 50%;
    max-width: 50%;
}

.tpl-fluid [data-direction="column_direction"] .info-media { 
    flex: 0 0 100%;
    max-width: 100%;
}


.tpl-fluid .obj-cards .flex-item,
.tpl-fluid .js-cards .flex-item {
    flex: 0 0 50%; 
    max-width: 50%;     
}

/* #endregion */

/*------------------------------------------
    #MARK: FORM
------------------------------------------*/
/* #region */

.modal-dialog .fform {
    margin-top: 20px;
}

/* #endregion */

/*------------------------------------------
    #MARK: LIST
------------------------------------------*/
/* #region */

.tpl-gallery .flex-item {
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

/* #endregion */



/*------------------------------------------
    #MARK: LIST
------------------------------------------*/
/* #region */

.tpl-adv .d-grouplist,
.tpl-adv .d-textlist { 
    margin-top: 20px; 
    display: flex;
    flex-direction: column;
    gap: 20px;    
}

/* #endregion */

/*------------------------------------------
    #MARK: OVERLAY
------------------------------------------*/
/* #region */

.tpl-overlay .poster {
    background-color: rgba(0, 0, 0, 0.7);
    width: calc( (100% - min(1200px, 100%)) / 2 + (min(1200px, 100%) * 0.5) );
}

.tpl-overlay [data-overlay="edge"] .poster {
    background-color: rgba(0, 0, 0, 0.7);
    width: calc( (100% - min(1200px, 100%)) / 2 + (min(1200px, 100%) * 0.5) );
}

.tpl-overlay .flex-col {
    padding: 30px;
    flex: 0 0 50%;
    max-width: 50%;
}

.tpl-overlay [data-overlay="boxed"] .poster {
    display: none;
}

.tpl-overlay [data-overlay="boxed"] .flex-col {
    background-color: rgba(0, 0, 0, 0.7);
}

/* #endregion */

/*------------------------------------------
    #MARK: OVERLAY 2 
------------------------------------------*/
/* #region */

.tpl-overlay.v2 .flexic {
    min-height: 400px;
    align-items: center;
}

.tpl-overlay .colorlay {
    background-color: white;
}

.tpl-overlay .poster-sub {
    left: unset;
    right: 0;
    max-width: 60%;
}

/* #endregion */

/*------------------------------------------
    #MARK: ::OWL
------------------------------------------*/
/* #region */


.tpl-owlhero .iwrap {
    min-height: 200px;
}

.tpl-owlhero .flex-col {
    flex: 1;
}

.tpl-owlflex .flexic {
    gap: 30px;
}

.tpl-owlflex .info-media {
    flex: 0 0 70%;
    max-width: 70%;
}

.tpl-owlflex .item {
    height: 250px;
}

.tpl-owlthumb .flexic {
    min-height: 300px;
}

/* #endregion */


/*------------------------------------------
    #MARK: POSTER
------------------------------------------*/
/* #region */

.tpl-poster .d-poster {
    width: calc( (100% - min(1200px, 100%)) / 2 + (min(1200px, 100%) * 0.5) );
}

.tpl-poster .flexic {
    justify-content: flex-end;
}

.tpl-poster .flex-col {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 30px;
}

/* #endregion */

/*------------------------------------------
    #MARK: PROGRESS
------------------------------------------*/
/* #region */

.tpl-progress .full-circle, 
.tpl-progress .semi-circle {
     display: inline-flex;
}

/* #endregion */

/*------------------------------------------
    #MARK: SWIPER 
------------------------------------------*/
/* #region */

.tpl-swiper-hero {
    min-height: 400px;
}

.tpl-swiper-hero .swiper-pagination {
    bottom: 30px;
}

/* #endregion */


/*------------------------------------------
    #MARK: SEARCH
------------------------------------------*/
/* #region */

.search-tools {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.search-tools label {
    font-size: 13px;
}

/* #endregion */

/*------------------------------------------
    #MARK: SEARCH PG
------------------------------------------*/
/* #region */

.tpl-searchpage .row {
    align-items: center;
}

.ajax-search-form {
    margin-bottom: 30px;
}

.tpl-searchpage .search-tools {
    margin-top: 15px;
    display: flex;
    gap: 15px;
    font-size: 13px;
}

.tpl-searchpage .loading .dots {
    display:block;
}

.tpl-searchpage .loading .results-grid,
.tpl-searchpage .loading .ajax-pagination,
.tpl-searchpage .loading .no-results {
    opacity: 0.35 !important;
}

/* #endregion */

/*------------------------------------------
    #MARK: TAB
------------------------------------------*/
/* #region */

.tpl-tabs .custom-select-wrapper {
    display: none;
}

/* #endregion */

/*------------------------------------------
    #MARK: TEAM
------------------------------------------*/
/* #region */

.tpl-team .dmedia img {
    object-position: top center;
}

/* #endregion */