/* Source and licensing information for the line(s) below can be found at https://www.newportworldresorts.com/themes/custom/nwr_bootstrap5/css/style-custom-responsive2.css. */
/* 
    Newport World Resorts Website
    Website CSS - Responsive
    By: Glimsol Web & Digital Solutions (PH)

    03-2023
*/

@media screen and (max-width: 560px) {

}
@media screen and (max-width: 768px) {

    /* Global */
    .navbar .header-branding{ margin-left: -6px;}
    .section-white{ background-color: var(--nwr-white-1); padding: 30px 0;}
    .section-gray{ background-color: var(--nwr-white-2); padding: 30px 0;}
    div.col-md-6.section-gray.two-column-banner:first-child{padding: 0;}
    .restaurants-wrapper, .wrapper-spacing{padding: 0; text-align: center;}
    .restaurant-description-wrapper{padding-right: unset;}
    /* .container.wrapper-spacing .info-wrapper table tbody{display: flex; flex-direction: column; align-items: center;} */
    .container.wrapper-spacing .info-wrapper table tbody{width: 100%;}
    div.botique-section-page .info-wrapper table{width: auto;}
    .info-wrapper tbody tr{display: flex;}
    .carousel-3-items div.owl-dots,
    .carousel-4-items div.owl-dots{ position: relative;}
    /* .node-109 .section-gray.dining{ margin-top: -50px;} */
    .basic-page-wrapper table{ display: block; overflow-x: auto; width: 100%;}
    .basic-page-wrapper table tbody{ width: 700px; display: table;}
    a.cta-transparent{ width: calc(100% - 54px); display: block; margin-inline: auto;}

    /* homepage */
    div.gordon-ramsay-section > .text-center.col-12 { padding-inline: 0; justify-content: center;}
    main.node-791 .row .banner-carousel-overlay-wrapper{margin-top: unset;}
    main.node-791 .row .banner-carousel-overlay-wrapper .banner-text-overlay-wrapper {padding: 18px 18px;}
    /* main.node-791 .row .col-md-12:has(.banner-carousel-overlay-wrapper){display: none;} */
    .banner-text-overlay-wrapper{justify-content: center; font-size: 20px; padding: 55px 18px; position: unset; transform: none; text-shadow: none; width: 100%; background-color: var(--nwr-white-1); color: var(--nwr-black);}
    .banner-text-overlay-wrapper p{width: 300px;}
    .hotel-section-paragraph-wrapper h1{font-size: 2.3rem;}
    .views-hero-img .views-hero-content h2{font-size: 30px;}
    .views-hero-img .views-hero-content *{ padding: 0 50px;}
    div.views-hero-img{background-attachment:scroll !important;}
    .views-carousel-hero-2 .views-hero-content{margin-bottom: 20px;}
    .views-carousel-hero-3 .views-hero-content{margin-top: 30px;}
    .hompage-section-page .views-carousel-wrapper .views-carousel-wrapper-p{margin-top: 50px;}
    #sinch-chat{z-index: 2000000 !important;}
    #sliding-popup{z-index: 9999999;}
    #popup-buttons{text-align: center;}
    .find-more-button{font-family: 'Poppins'; font-weight: 400; margin: 0;}
    .hompage-section-page .carousel-img-wrapper{padding: 0;}
    header #homepage, header #section{background: var(--nwr-black) !important;}
    .navigation-slider{background: unset;}
    main.main-homepage{margin-top: -65px;}
    main{margin-top: unset;}
    .homepage-section-banner .owl-stage-outer,.homepage-section-banner.owl-carousel,.homepage-section-banner .owl-stage-outer .owl-stage{height: unset;}
    .hompage-section-page .homepage-directory-gradient-bg .dining-directory-inner.homepage-directory div.dining-directory-inner-icon a > img{ max-width: 500px; height: auto; object-fit: cover; width: 100%; padding-inline: 25px;}

    /* Dining */
    .col-md-6.section-gray.two-column-banner img{padding: 0;}
    .two-column-banner .restaurant-overview-wrapper .restaurant-overview{align-items: center; text-align: center;}

    /* Event */
    .event-page-wrapper .event-banner-wrapper{padding: 0 !important;}
    .event-page-wrapper .event-banner-wrapper .event-banner > img{padding: 0;}
    .main-event .event-overview-wrapper .overview-wrapper{text-align: center; display: flex; flex-direction: column; align-items: center;}
    
    /* Header ribbon  */
    .header-ribbon .container p, .header-ribbon .container a{font-size: 10px;}
    header{ margin-bottom: 105px;}
    .header-branding button.hamburger{display: block;}
    /* Banner  */
    .hotel-banner > img,
    .restaurant-banner > img,
    .event-banner > img,
    .dining-banner > img,
    .entertainment-section-banner >img,
    .botique-section-banner > img{position: relative; aspect-ratio: 1/0.8; object-fit: cover;}

    .homepage-section-banner .owl-nav .owl-prev {left: 20px}
    .homepage-section-banner .owl-nav .owl-next {right: 20px}

    /* Search Page */
    .path-search main {margin: 20px;}

     /* Home page  */
     .homepage-section-paragraph div.container-fluid{padding: 0px 30px;}
     .homepage-section-paragraph{ padding: 30px 0;}
     .homepage-section-paragraph .col-md-3 img{padding: 20px 40px;}
     .homepage-section-paragraph h1{white-space:unset; font-size: 25px; text-align: center;}
     .homepage-section-paragraph p, 
     .homepage-section-paragraph .homepage-section-paragraph-description p{text-align: center; margin-top: 15px;font-size: 16px;}
     .dining-promo-wrapper{padding: 0 20px;}
     .dining-promo-wrapper .section-promo{padding: 0;}
     .dining-promo-wrapper p { margin: 15px 0 30px;}
     .section-promo-info{ padding: 15px; text-align: center;}
     .carousel-3-items-wrapper{padding: 0 20px;}
     .cta-btn, a.cta-btn{display: block; width: 100%;}
     .owl-carousel.section-promo .owl-nav .owl-prev{ left: -50px;}
     .owl-carousel.section-promo .owl-nav .owl-next{ right: -50px;}
     .homepage-section-paragraph .section-logo,
     .hotel-section-paragraph > .container .col-md-12 .section-logo{width: 100%; flex-wrap: wrap; justify-content: center;}
     .homepage-section-paragraph .col-md-12,
     .hotel-section-paragraph > .container .col-md-12{ overflow-x: auto;}
     .homepage-section-paragraph .section-logo-wrapper,
     .hotel-section-paragraph > .container .col-md-12 .section-logo-wrapper{width: 100px; margin: unset;flex-basis: 33.3333%;}


     /* Home page dining carousel section  */
     .dining-views-carousel{padding: 30px;}
     .hompage-section-page .views-carousel-wrapper h2.text-center{width: 60%; font-size: 25px; margin-top: 25px;}
     .owl-carousel.carousel-3-items .owl-nav > button > svg{ font-size: 12px; padding: 10px;}
     .owl-carousel.carousel-3-items .owl-nav .owl-prev{left: -34px;}
     .owl-carousel.carousel-3-items .owl-nav .owl-next{right: -34px;}
     .cta-view-all-wrapper { padding: 0 40px; }
     .cta-view-all-wrapper .cta-view-all-btn {display: block; width: 100%;}
     .homepage-wrapper .homepage-hotel-overlay{ padding: 10px; width: 80px}
     .homepage-wrapper.dining .homepage-hotel-overlay{ width: 80px; height: 55px;}
     .landing-hotel-item .row > div:first-child .left-wrapper2 > .hotel-preview{padding: 0; }
     .landing-hotel-item .row div:last-child .hotel-preview .owl-stage,
     .landing-hotel-item .row div:last-child .hotel-preview .owl-stage .owl-item{padding: 0;}

     /* Home page epic rewards  */
    .dining-directory-inner.homepage-directory{ padding: 30px;}
    .dining-directory-inner-icon{ padding: 40px 0;}
    .dining-directory-inner > h2 {font-size: 26px; margin-bottom: 1.75rem;}
    .dining-directory-inner.homepage-directory p:last-child{margin-top: 1.75rem;}
    .dining-directory-inner > p{font-size: 16px;}
    .dining-directory-inner > a{padding: 11px 50px; text-align: center;}

    /* Home page other information  */
    .other-information-homepage{padding: 30px;}
    .other-information{padding: 0 35px;}
    .other-information ul{padding: 0;}

    /* Hotel page  */
    .landing-hotel-wrapper{padding: 0 30px;}
    .landing-hotel-wrapper > ul > li {padding: 0 !important;}
    .landing-hotel-item .row div:last-child{margin: unset;padding: 30px 50px;}
    .landing-hotel-item .row div:last-child .landing-hotel-btn{padding: 9px 30px; width: 100%; display: block;text-align: center; margin-top: 10px;}
    .landing-hotel-overlay{padding: 11px; width: 100px;}

    /* Hotel Inner page  */
    .hotel-overview-wrapper{padding: 30px;}
    .hotel-overview{padding: 0;}
    .hotel-cta-btn{width: 100%; text-align: center; padding: 9px 30px;}
    .hotel-package-wrapper{padding: 30px;}
    .hotel-package-wrapper .right-wrapper{padding: 30px 15px;}
    .hotel-package-wrapper .right-wrapper > .hotel-package-btn{display: block;width: 100%; text-align: center; padding: 9px 30px;}
    .hotel-details-wrapper{padding: 30px;}
    .hotel-room-wrapper{padding: 30px;}
    .hotel-room-wrapper .container .col-md-12.d-flex.justify-content-center{padding: 0;}
    .restaurant-wrapper{ padding: 30px;}
    .restaurant-wrapper h2{text-align: center;}
    .main-content-wrapper .paragraph .views-element-container .view-views-restaurant .view-content ul li > .views-field-field-teaser-image{padding-inline: unset;}
    .restaurant-wrapper h2 .restaurants-wrapper{padding: 0 45px;}
    .carousel-3-items-wrapper > ul .carousel-3-item a{margin: auto 0; line-height: 21px;}
    .restaurant-overlay{width: 70px; height: 55px;}
    .banner-logo-overlay{bottom: 20px; right: 20px; width: 80px;}
    .hotel-overview > p{max-width: 100%;}

    /* Dining page  */
    .hotel-section-paragraph-wrapper h1,
    .hotel-section-paragraph p{width: 300px;}
    .hotel-section-paragraph{padding: 30px;}
    .dining-directory-inner{padding: 100px 30px;}
    .landing-page-header > p:first-child{font-size: 26px; line-height: 32px; width: 100%;}
    .landing-page-header > p{width: 100%;}
    .landing-page-header{padding: 0 42px;}

    /* Dining inner page  */
    .restaurant-overview-wrapper{ padding: 0 30px;}
    .restaurant-overview > p{ max-width: 100%; text-align: center;}
    .restaurant-cta-btn{padding: 9px 30px; width: 100%; text-align: center;}
    div.restaurant-desc-wrapper{padding: 30px;}

    /* Entertainment page  */

    /* Entertainment inner page  */
    .event-page-wrapper .mb-4.text-center{text-align: center !important;}
    .event-page-wrapper .section-gray,
    .event-page-wrapper .section-white{padding: 30px;}

    /* Entertainment section page  */
    .entertainment-section-page .overview-wrapper,
    .entertainment-content-wrapper{padding: 0 42px;}
    .entertainment-section-page .overview-wrapper > p {width: 100%;}
    .entertainment-content-item .row div:last-child{padding: 20px 40px;}
    .entertainment-content-item .row div:last-child .entertainment-content-btn{width: 100%;display: block; text-align: center;}
    .entertainment-content-item .row div:last-child .entertainment-content-btn.buy-ticket{margin-bottom: 15px;}

    /* Cinema carousel  */
    div div.magento-shop-wrapper{padding: 30px 50px;}
    .owl-carousel.carousel-4-items div.owl-nav > button > svg{ font-size: 13px; padding: 13px;}
    .owl-carousel.carousel-4-items div.owl-nav .owl-next {right: -50px;}
    .owl-carousel.carousel-4-items div.owl-nav .owl-prev {left: -50px;}
    .owl-carousel.carousel-4-items .owl-item{padding: 0 5px;}

    /* Mall page  */
    .mall-wrapper .owl-stage{ justify-content: unset !important;}

    /* Mall inner page  */
    .botique-section-page .overview-wrapper > h1{width: 100%;}
    .botique-section-page .overview-wrapper > p{width: 100%;}
    .botique-section-page .overview-wrapper{padding: 0 30px; text-align: center;}
    .botique-section-page .info-wrapper{ padding: 0 30px;}
    .botique-section-page .info-wrapper tr:nth-child(odd) td{flex-grow: 1; font-size: 18px;}
    .botique-section-page .info-wrapper tr td{width: 100%; display: flex; flex-direction: column; align-items: flex-start; text-align: left;}
    /* .botique-section-page .info-wrapper td:nth-child(1)::before{ content: 'Operating Hours'; display: flex; font-family: 'Lato Regular'; font-size: 25px;}
    .botique-section-page .info-wrapper td:nth-child(2)::before{ content: 'Location'; display: flex; font-family: 'Lato Regular'; font-size: 25px;}
    .botique-section-page .info-wrapper td:nth-child(3)::before{ content: 'Contact Information'; display: flex; font-family: 'Lato Regular'; font-size: 25px;} */
    .botique-section-page .col-md-12:last-child .wrapper-spacing{padding: 0 30px;}
    .botique-section-page .col-md-12:last-child .wrapper-spacing h2{text-align: center;}

    /* Retail page  */
    .shopping-retail-wrapper .row{width: 100%;}

    /* Retail inner page  */
    .botique-section-page .section-gray:first-child{padding: 0;}

    /* Membership Page */
    .membership-benefits .section-gray {margin-top: 0;}

    /* Epic rewards page */
    .node-124 .epic-rewards-landing div.dining-directory-inner-icon img{ width: 100%; height: auto;}
    .node-124 .dining-directory-inner-icon{ padding: 0px 0 30px;}
    .node-124 .dining-directory-inner{padding: 50px 30px;}
    .container.epic-tier-wrapper div.row{padding: 0 30px;}
    div.epic-tier-image img{ width: 100%; min-width: auto;}
    div.container.epic-tier-wrapper h2{text-align: center;}
    .membership-table td.table-td-header{ min-width: 100px;}

    /* Partnership Brands */
    .merchant-partner-table-wrapper .container .row .paragraph.paragraph--type--add-views.paragraph--view-mode--default{width: 100%; margin: 15px 0;}
    .epic-partner-brands-page{margin-top: 50px;}
    .merchant-partner-table-wrapper .container .row .paragraph.paragraph--type--add-views.paragraph--view-mode--default:nth-child(1) .view{width: 85%}
    .merchant-partner-table-wrapper .container .row .paragraph.paragraph--type--add-views.paragraph--view-mode--default:nth-child(1) .view .view-content{width: 100%;}

    /* Casino Page  */
    div.casino-directory-with-iframe{padding: 0;}
    .casino-directory-with-iframe p:has(iframe){display: flex; justify-content: center; width: 100%;}
    div.casino-directory{text-align: center; margin-top: 2rem; padding: 0;}
    div.casino-directory-with-iframe iframe{ height: 475px;}
    .node-71 .container-fluid > .row{width: 100%; margin: 0;}
    .node-71 .container-fluid > .row > .col-md-12{padding: 0;}
    .node-71 .dining-views-carousel {padding: 30px 55px;}
    .casino-landing-wrapper h2{text-wrap: balance;}

    div.casino-directory-with-iframe .with-image .casino-directory { display: none;}
    div.casino-directory-with-iframe .with-image .iframe-col { padding-left: 0; padding-right: 0;}
    div.casino-directory-with-iframe .with-image .iframe-col > div { top: 0; width: auto; height: 580px;}
        div.casino-directory-with-iframe .with-image .iframe-col > div p{ max-height: 100%;}
    div.casino-directory-with-iframe .with-image iframe { width: 100%; top: 0;}

    /* Basic page  */
    div.basic-page h1{padding: 30px;}
    
    /* Press release page */
    div.pr-content-item{ margin-bottom: 0px;}
    /* Directory */
    .main-directory.node-182 .container.hotel-overview{margin-top: 50px;}

    /* Post Content */
    .page-node-type-post .main-post .section-white{padding: 50px;}

    /* Error 404 */
    .node-683 .basic-page .basic-page-wrapper:last-child{text-align: center; padding: 50px;}
    .node-683 div.container.basic-page{max-width: 100%; padding: 0;}
    .node-683 .basic-page .basic-page-wrapper:last-child > h2{padding-inline: 20px; line-height: 3rem;}
}
@media screen and (max-width: 991px) {
    .desktop-only{display: none !important;}
    .mobile-only{display: block !important;}
    .mobile-collapsable-nav {padding: 20px 60px;}
    .mobile-collapsable-nav ul.tb-megamenu-nav.level-0{ display: flex; flex-direction: column; justify-content: center; align-items: center;}
    .mobile-collapsable-nav .navigation-slider{height: calc(100vh - 79px) !important; width: 100%; align-items: flex-start; margin-top: 10px; padding-top: 25px;}
    .header-branding .hamburger{position: absolute; top: 18px; left: 20px;}
    .mobile-collapsable-nav #block-mainnavigation .tb-megamenu .nav > li > a { padding: 7px 25px;  font-size: 19px;}
    body .header-branding div.hamburger{display: block;}  
    #block-mainnavigation .tb-megamenu-button{display: none;}
}
@media screen and (min-width: 992px) {
    .mobile-only{display: none !important;}
    .header-branding div.hamburger {display: none;}
    
}
@media screen and (min-width: 768px) and (max-width: 1024px) {

}
@media screen and (min-width: 1380px) {
    .container:not(header .container,nav .container,footer .container){max-width: 1440px; padding-inline: 100px;}
    /* div.section-white.magento-shop-wrapper{ padding: 55px 125px;} */
    main.main-mice_venues table td {font-size: 14px;}
}
@media screen and (min-width: 1440px) {
    .container:not(header .container,nav .container,footer .container){max-width: 1440px; padding-inline: 100px;}
    /* div.section-white.magento-shop-wrapper{ padding: 55px 125px;} */
}
@media screen and (min-width: 1540px) {
    .container:not(header .container,nav .container,footer .container){padding-inline: 0;}
    /* div.section-white.magento-shop-wrapper{ padding: 55px 125px;} */
}
/* Source and licensing information for the above line(s) can be found at https://www.newportworldresorts.com/themes/custom/nwr_bootstrap5/css/style-custom-responsive2.css. */