/*
    Created on : Jun 28, 2024 05:37:55 am
    Author     : deminda.hettiarachchi@ebeyonds.com
*/

/******************************* Temporary - Dev Team To Apply *******************************/

/***************** Presentation-Only Common Styles *****************/

/* Contrast Fix */
.contrast-fix{
    background-color: #00000003;
}

.item-1 .color-w{
    color: var(--color-white);
}


/* Headings */

.presentaion-only-h3 {
    font-family: var(--heading-3-font-family);
    font-size: var(--heading-3-font-size);
    font-weight: var(--heading-3-font-weight);
    line-height: var(--heading-3-line-height);
    margin: var(--heading-3-margin);
}

.presentaion-only-h4 {
    font-family: var(--heading-4-font-family);
    font-size: var(--heading-4-font-size);
    font-weight: var(--heading-4-font-weight);
    line-height: var(--heading-4-line-height);
    margin: var(--heading-4-margin);
}

.presentaion-only-h5 {
    font-family: var(--heading-5-font-family);
    font-size: var(--heading-5-font-size);
    font-weight: var(--heading-5-font-weight);
    line-height: var(--heading-5-line-height);
    margin: var(--heading-5-margin);

}

.presentaion-only-h6 {
    font-family: var(--heading-6-font-family);
    font-size: var(--heading-6-font-size);
    font-weight: var(--heading-6-font-weight);
    line-height: var(--heading-6-line-height);
    margin: var(--heading-6-margin);
}

.r2g-map-with-info .presentaion-only-h6 {
    margin: 0; /* Override margin for this specific case */
}




/* Breadcrumbs */
.strip-row.r2g-breadcrumb .breadcrumb-nav span, 
.strip-row.r2g-breadcrumb a.active {
    color: #0000008c;
}

/* Button Badge */
.button-badge p.link-text {
    text-decoration: none;
    border-bottom: 1px solid black;
}

/* Login/Register Top Nav Text */
.header .header__user-profile .header__user-action {
    text-decoration: none;
}

/***************** End Presentation-Only Common Styles *****************/


/***************** Home Page Specific Styles *****************/

/* "Dip in Luxury" Section */
[data-cse_blockid="block-665709ba7926a___1716980154"] li .flex-container h3, 
[data-cse_blockid="block-665709ba7926a___1716980154"] li .flex-container .data-limit-150,
[data-cse_blockid="block-665709ba7926a___1716980154"] li .flex-container .btn-tertiary {
    background-color: #00000003;
}

/* Awards */
.r2g-css-flex-grid-sub-component.footer-row.quick-links a:not(.btn) {
    display: flex;
    gap: 24px;
}

/* Flavors of Adventure */
.r2g-xbox-sub-option-2 .card-title {
    background-color: #00000003;
}

/* Banner Slogan */
.slogan-wrapper .slogan.slogan-large {
    background-color: #00000003;
}

/***************** End Home Page Specific Styles *****************/


/***************** Global Components *****************/

/* General Tables */
table.text-center {
    width: 100%;
    border-collapse: collapse;
}

table.text-center th, table.text-center td {
    border: 1px solid #dddddd;
    text-align: center;
    padding: 8px;
}

table.text-center thead {
    background-color: #f2f2f2;
}

table.text-center .bold {
    font-weight: bold;
}

/* Responsive Table Padding */
@media (min-width: 480px) {
    table.text-center td, table.text-center th {
        padding: 10px;
    }
}

@media (min-width: 768px) {
    table.text-center td, table.text-center th {
        padding: 12px;
    }
}

@media (min-width: 1024px) {
    table.text-center td, table.text-center th {
        padding: 14px;
    }
}

@media (min-width: 1366px) {
    table.text-center td, table.text-center th {
        padding: 16px;
    }
}

/***************** End Global Components *****************/


/***************** Responsive Adjustments *****************/

/* Large Screen Adjustments */
@media screen and (min-width: 1200px) {
    .r2g-rotator-main-strip-sw.rotator-main-option-3 .flex-container {
        top: calc(100% - 75px);
    }

    .r2g-xbox-sub-component.xbox-with-bg-video .video-wrapper.zoom-in-out {
        width: 100%;
    }
}



/* Offer Detail Simple Table Adjustments */

.offer-table-reset tr > th[role="columnheader"], 
.offer-table-reset tr > td[role="cell"]{
    padding:7px !important;
}



/***************** End Responsive Adjustments *****************/