/*------------------------------------------
    #MARK: ACCORDION
------------------------------------------*/
/* #region */


.d-accordion .item { margin-bottom: 10px; }

.d-accordion .ihead {
    padding: 10px 15px;
    border: 1px solid rgba(0,0,0,.5);   
}

.d-accordion .pad { padding: 15px; }
.d-accordion .ihead.collapsed .off { color: #333; }

.d-accordion .ihead { background-color: #333; }
.d-accordion .ihead.collapsed { background-color: transparent;  }

.d-accordion .ihead { color: white; }
.d-accordion .ihead.collapsed { color: #333; }


.d-accordion .ititle {
    font-size: 17px;
}

/* #endregion */

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

.tpl-cards .pad {
    padding: 20px;
}

.tpl-cards .item {
    border: 1px solid rgba(0,0,0,0.05);
    background-color: white;    
}



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

.tpl-cc .flex-item .d-link {
    background-color: #f0f0f0;
}

.tpl-cc .card-cc .dinfo {
    padding: 30px;
}

.tpl-cc .overlay.color {
    background-color: rgba(0,0,0,0.7);
}

.tpl-cc .div-glyph img {
    filter: brightness(0) invert(1);
}

/* #endregion */

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

.tpl-client .client-box {
    background: #FFF;
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
    border-radius: 4px;
    padding: 20px;
    margin: 4px 4px 20px 4px;
}

.tpl-client .client-box::after {
    bottom: -20px;
    top: auto;
    left: 15px;
    right: auto;
}

.tpl-client .client-box[data-textalign="center"]::after {
    left: 50%;
    transform: translateX(-50%);
    left: calc(50% - 70px);
}

.tpl-client .client-box .dtext,
.tpl-client .client-box .ptext {
    margin-top: 0;
}

.tpl-client .client-avatar {
    max-width: 70px;
    height: 70px;
}

.tpl-client .client-name {
    font-weight: 600;
}

.tpl-client .client-position, 
.tpl-client .client-company {
    font-size: 80%;
}

.tpl-client .client-info {
    display: flex;
    align-items: center;
    gap: 20px;    
}

.team-popup .social-media {
    margin-top: 20px;
}

.team-popup .social-media .d-link img {
    width: 15px;
    filter: brightness(0);
    transition: 0.3s;    
}

/* #endregion */

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

.tpl-counter .ct {
    font-size: 60px;
    font-weight: 700;
}

.tpl-counter .cpre,
.tpl-counter .cpos {
    font-size: 35px;
}

/* #endregion */

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

.tpl-cpt a.post-link {
    color: var(--color1);
}

/*
.tpl-cpt .blog-post,
.tpl-cpt .cpt-post {
    padding: 15px;
    background-color: white;
    border: 1px solid #eee;
}

.tpl-cpt .blog-title, 
.tpl-cpt .cpt-title {

}
*/
.tpl-cpt .cpt-excerpt {
    margin-top: 5px;
    margin-bottom: 15px;
}

.tpl-cpt .blog-excerpt {
    margin-bottom: 20px;
}

.tpl-cpt .cpt-meta {
    text-transform: capitalize;
    position: relative;    
    font-size: 82%;
    opacity: 0.8;     
}

.tpl-cpt .cpt-taxonomy {
    gap: 3px;
}


/* #endregion */



/*------------------------------------------
    #MARK: CTA
------------------------------------------*/
/* #region */

.tpl-cta [data-cta] .flex-col {
    padding: 30px;
    flex: 0 0 100%;
}

.tpl-cta [data-half] .flex-col {
    flex: 0 0 50%;
}

.tpl-cta [data-half] .flex-col,
.tpl-cta [data-direction] .flex-col,
.tpl-cta [data-split] .flex-col {
    padding: 0;
}

.tpl-cta [data-media] .flex-col {
    flex: 1;
}

.tpl-cta .container-sub {
    padding: 30px 10px;
}

.tpl-cta .overlay.color {
    background-color: rgba(0, 0, 0, 0.7);
}

/* #endregion */

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

.tpl-featured .flexic {
    gap: 30px;
}
.tpl-featured .info-media {
    flex: 0 0 50%;
    max-width: 50%;
}

/* #endregion */

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

.tpl-icons .item {
    background-color: transparent;
    border: none;
}

/* #endregion */

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


.tpl-adv .d-grouplist .item {
    display: flex;
    gap: 20px;
    justify-content: flex-start;
}

.tpl-adv .d-grouplist .itext {
    margin-top: 0;
}

.tpl-adv .d-grouplist .d-icon {
    height: 50px;
}

.tpl-adv .d-textlist .i-text {
    position: relative;
    padding-left: 20px;
    margin-top: 0;
}

.tpl-adv .d-textlist .i-text::before {
    position: absolute;
    content: '•';
    left: 0;
    top: 0;
}

/* #endregion */

/*------------------------------------------
    #MARK: HEADERS
------------------------------------------*/
/* #region */

.tpl-col [data-split="text"] .dtext {
    margin-top: 0;
}

/* #endregion */

/*------------------------------------------
    #MARK: HERO
------------------------------------------*/
/* #region */

.tpl-hero .overlay.color { 
    background-color: rgba(0,0,0,0.7); 
}

/* #endregion */

/*------------------------------------------
    #MARK: HEADERS
------------------------------------------*/
/* #region */

.is-inline {
    font-size: 85%;
}

.cpt-category {
    margin-top: 10px;
    font-size: 85%;
}
/* #endregion */


/*------------------------------------------
    #MARK: PAGE
------------------------------------------*/
/* #region */

.tpl-page .social-div {
    margin-bottom: 40px;
}

.tpl-page .dinfo {
    margin-bottom: 40px;
}

.tpl-page .ssc {
    margin-bottom: 10px;
}

/* #endregion */


/*------------------------------------------
    #MARK: PARALLAX
------------------------------------------*/
/* #region */

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

/* #endregion */

/*------------------------------------------
    #MARK: PLAN
------------------------------------------*/
/* #region */

.tpl-plan .dinfo {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    overflow: hidden;
}

.tpl-plan .text-list {
    text-align: left;
}

.tpl-plan .text-list .i-text {
    padding: 5px 0 5px 70px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
    background: url(images/icons/check-black.svg) no-repeat 30px center;
    background-size: 15px;
}

.tpl-plan .text-list .i-text:last-child {
    border-bottom: none;
}

.tpl-plan .dheader {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 30px;
    color: white;
}

.tpl-plan .mtitle {
    margin-top: 40px;    
    font-size: 20px;
    font-weight: 300;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.tpl-plan .mtitle strong {
    font-size: 40px;
    font-weight: 500;    
}

.tpl-plan .btn {
    margin-top: 40px;
}

.tpl-plan .ititle {
    font-size: 25px;
}
/* #endregion */

/*------------------------------------------
    #MARK: POPUP
------------------------------------------*/
/* #region */

.team-popup .team-name {
    font-family: var(--font-2);
    font-size: 20px;
    margin-top: 10px;
}

/* #endregion */

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

.tpl-progress .full-circle, 
.tpl-progress .semi-circle {
    width: 200px;
}

.tpl-progress .full-circle .progressbar-text {
    font-size: 40px;
}

.tpl-progress .semi-circle .progressbar-text div {
    font-size: 30px;
}

/* #endregion */


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

.tpl-owlcpt a.post-link {
    color: var(--color1);
}

.tpl-owlcpt .blog-post,
.tpl-owlcpt .cpt-post {
    padding: 15px;
    background-color: white;
    border: 1px solid #eee;
}

.tpl-owlcpt .blog-title, 
.tpl-owlcpt .cpt-title {
    color: var(--color2);
    font-family: var(--font-2);
    text-transform: capitalize;
}

.tpl-owlcpt .cpt-excerpt {
    margin-top: 5px;
    margin-bottom: 15px;
}

.tpl-owlcpt .blog-excerpt {
    margin-bottom: 20px;
}

.tpl-owlcpt .cpt-meta {
    text-transform: capitalize;
    position: relative;    
}

.tpl-owlcpt .cpt-taxonomy {
    gap: 3px;
}

.tpl-owlcpt .cpt-taxonomy {
    font-size: 83%;
    opacity: 0.8;    
}
/* #endregion */

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

.tpl-searchpage .search-post-type {
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    background-color: #999;
    padding: 3px 10px;
    margin-top: 10px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;    
}

.tpl-searchpage hr {
    border-top: 1px solid rgba(0,0,0, 0.2);
}

/* #endregion */

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

.tpl-swiper-card .flex-obj {
    flex: 0 0 100%;
    max-width: 100%;
}

.tpl-swiper-card .m-glyphs {
    text-align: center;
}

.tpl-swiper-card .m-glyphs .div-glyph {
    height: 40px;
}

.tpl-swiper-card .m-glyphs .i-title {
    margin-top: 20px;
}

.tpl-swiper-card .is-member .dmedia img {
    object-position: top center;
}

.tpl-swiper-card .is-member .pad {
    padding: 10px;
}

.tpl-swiper-card .is-card .pad {
    padding: 10px;
}

.tpl-swiper-card .div-icon {
    width: 50px;
    height: 50px;
}

.tpl-swiper-card .is-icon .i-title {
    margin-top: 20px;
}

.tpl-swiper-thumb .swiper-thumbs .dmedia {
    height: 100px;
}

.tpl-swiper-thumb .flexic {
    min-height: 400px;
    justify-content: center;
    align-items: center;
}

.tpl-swiper-icon .flexic {
    text-align: center;
}



/* #endregion */

/*------------------------------------------
    #MARK: TABS
------------------------------------------*/
/* #region */

.tpl-tabs .info-media {
    flex: 0 0 50%;
}

/* #endregion */