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

a.post-link {
    display: block;
}

.cpt-placeholder {
    background-color: rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 200px;
}

.cpt-taxonomy {
    display: flex;
    flex-wrap: wrap;
}

.is-cpt .dmedia,
.fx-grid .dmedia,
.flex-grid .dmedia {
    margin-bottom: 20px;
    min-height: 200px;
}

.flex-grid .dmedia img {
    object-fit: cover;
    min-height: 200px;
}

/* #endregion */

/*------------------------------------------
    #MARK: DMEDIA
------------------------------------------*/
/* #region */

[data-custom="height"] .d-avatar,
[data-custom="height"] .d-thumbnail,
[data-custom="height"] .d-media,
[data-custom="height"] img.overlay {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

[data-custom="height"] .dmedia {
    height: 100%;
}

[data-custom="height"] .d-img {
    height: 100%;
    object-fit: cover;
}


/* #endregion */

/*------------------------------------------
    #MARK: DIV IMG
------------------------------------------*/
/* #region */

.contain-img img,
.cover-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.contain-img img {
    object-fit: contain;
}

/* #endregion */

/*------------------------------------------
    #MARK: G BIZ
------------------------------------------*/
/* #region */

.sc-hours {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.sc-hours li {
    display: flex;
    justify-content: space-between;        
}    

.company-map {
    border: 1px solid rgba(0,0,0,0.05);
    padding: 10px;
    background-color: white;
}

.company-map iframe {
    height: 330px;
}

.is-gbiz .sc-div {
    margin-bottom: 15px;
}

.is-gbiz .ititle {
    margin-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.is-gbiz .ititle:first-child {
    margin-top: 0;
}

/* #endregion */

/*------------------------------------------
    #MARK: GROUPING
------------------------------------------*/
/* #region */

.is-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1;
    position: relative;
    gap: 10px;
}

.is-inline div {
    padding-right: 10px;
    position: relative;
}

.is-inline div::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.is-inline div:last-child::after {
    display: none;
}

.inline-group {
    display: flex;
    flex-wrap: wrap;
}

/* #endregion */


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

.d-icon {
    width: 50px;
    height: auto;
}

.div-icon {
    width: auto;
    height: auto;
    flex: 0 0 auto;
    max-width: 50px;    
    display: inline-block;
}

.div-icon .d-img,
.div-icon .d-icon {
    width: 100%;
    object-fit: contain;
    height: 100%;
}

.div-icon .d-img {
    object-fit: cover;
}

/* #endregion */

/*------------------------------------------
    #MARK: LOGO
------------------------------------------*/
/* #region */

.navbar-brand { 
    height: auto; 
}

/* #endregion */

/*------------------------------------------
    #MARK: MODAL
------------------------------------------*/
/* #region */



.modal .modal-header {
    align-items: center;
}

.modal .modal-close {
    position: absolute;
    right: 0;
    top: -36px;
    border: 1px solid rgba(255,255,255,0.5);
    line-height: 1;
    width: 30px;
    height: 29px;
    border-radius: 100%;
}

.modal-body {
    padding: 30px;
}

.modal-dialog .modal-close span {
    filter: brightness(0) invert(1);
    top: calc(50% - 1px);
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
}

/* #endregion */

/*------------------------------------------
    #MARK: OBJECTS
------------------------------------------*/
/* #region */

.flex-cards.is-glyphs {
    text-align: center;
}

.is-glyphs .div-glyph {
    height: 50px;
}

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

/* #endregion */


/*------------------------------------------
    #MARK: SOCIAL MEDIA
------------------------------------------*/
/* #region */

.social-media {
    display: inline-flex;
    gap: 10px;
    flex-wrap: wrap;
}

.social-media .d-link {
    display: inline-flex;
    justify-content: center;
    align-items: center;    
}

.social-media.is-round .d-link {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 100%;
    transition: 0.3s    
}
/* #endregion */


/*------------------------------------------
    #MARK: TABLE
------------------------------------------*/
/* #region */

.mobile-col-block {
    text-align: left;
}

.mobile-col-block div {
    border: 1px solid #aaa;
    border-bottom: none;
    padding: 10px;
}

.mobile-col-block div:last-child {
    border-bottom: 1px solid #aaa;
}

.mobile-col-block .mobile-header {
    background-color: #999;
    color: white;
}

.mobile-col-block .mobile-data:nth-of-type(2n) {
    background-color: rgba(0, 0, 0, 0.05);
}


/* #endregion */


/*------------------------------------------
    #MARK: WRAP
------------------------------------------*/
/* #region */



.iposter {
    width: 100%;
    position: relative;
}

/* #endregion */

.paginate ul {
    margin: 0;
    padding: 60px 0 30px;
    list-style: none;
    display: flex;
    gap: 10px;
    justify-content: center;
}
.paginate ul li {
    display: block;
    height: 35px;
    width: 35px;
    text-align: center;
}
.paginate ul li a,
.paginate ul li span {
    background-color: #ccc; 
    color: white;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}


.paginate ul li span.current,
.paginate ul li.active span,
.paginate ul li.active a,
.paginate ul li a:hover {
    background-color: #333; 
    color: white;    
}



















a {
    cursor: pointer;
}

.fancybox__viewport {
    width: 100%;
}

.ppm {
    width: 100%;
    height: auto;
}

.ppm-bg {
    height: 100%;
}

.ppm.overlay {
    height: 100%;
}



.info-column { flex: 1; max-width: 100%; }



/* 
MARK: MEDIA, HERO
used in Media, Hero */



/* used in Media Overlay */



/* used in Cards Icons 
MARK: CARDS, ICON
*/







/* used in Cards Icons 
MARK: ICON
*/

[data-direction="default"] .div-icon {
    margin-bottom: 15px;
}

/* used in Header (Row) 
MARK: HEADR (ROW)
*/
[data-split="button"] {
    justify-content: space-between;
    align-items: center;
}

[data-split="button"] .btn-loop {
    margin-top: 0;
}



/* used in cc 
MARK: CC, CARDS
*/























/*
.card-cc .d-link.active .d-media,
.card-cc .d-link.active .overlay.color {
    opacity: 0;
}

.card-cc .d-link.active:hover .dinfo {
    opacity: 0;
}

.card-cc .d-link.active:hover .d-media,
.card-cc .d-link.active:hover .overlay.color {
    opacity: 1;
}

.card-cc .d-link:not(.active):hover .dinfo {
    opacity: 1;
}

.card-cc .d-link:not(.active):hover .d-media,
.card-cc .d-link:not(.active):hover .overlay.color  {
    opacity: 0;
}
*/


.card-cc .d-link:hover .dfront {
    opacity: 0;
    top: -25%;
}

/* used in cards 
MARK: CARDS
*/



/* used in cards  */



/* used in cards 
MARK: SWIPER
*/

/* used in cards 
MARK: CPT
*/

.cpt-placeholder img {
    width: 100%;
    height: auto;
    max-width: 50%;
    object-fit: contain !important;
}

.d-thumbnail {
    width: 100%;
    height: auto;
}


.custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    border-top: 0;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 2;
}

.d-avatar {
    height: auto;
}

.flex-20 {
    display: flex;
    gap: 20px;
}

.dmedia[style*="height"] .pop-link {
    width: 100%;
}

.form-holder {
    background-color: rgba(0,0,0,0.1);
}