@charset "utf-8";

/*======================================================================
    BEST OF THE CAPE 2026
    MOBILE FIXES V3

    SECTION 1
    FOUNDATION

    This stylesheet is MOBILE ONLY.
    Desktop styles remain untouched.

======================================================================*/



/*======================================================================
    TABLETS
======================================================================*/

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

/* Prevent horizontal scrolling */

html{

    overflow-x:hidden;

}

body{

    
	overflow-x:hidden;

}


/* Images */

img{

    max-width:100%;
    height:auto;

}


/* Videos */

video{

    max-width:100%;
    height:auto;

}


/* Iframes */

iframe{

    max-width:100%;

}


/* Tables */

table{

    display:block;
    width:100%;
    overflow-x:auto;

}


/* Buttons */

.btn,
.btn-defult,
.default-btn{

    white-space:normal;

}


/* Forms */

input,
select,
textarea{

    max-width:100%;

}


/* Long words */

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a{

    overflow-wrap:break-word;

}


/* Footer */

.footer-social ul{

    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:14px;

}

}



/*======================================================================
    PHONES
======================================================================*/

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

/* Typography */

body{

    margin: 0;
    padding: 0;
	
	font-size:16px;
    line-height:1.7;

}

h1{

    font-size:2rem;

}

h2{

    font-size:1.6rem;

}

h3{

    font-size:1.3rem;

}

h4{

    font-size:1.15rem;

}

p{

    font-size:16px;

}


/* Buttons */

.btn,
.btn-defult,
.default-btn{

    width:100%;
    max-width:300px;
    min-height:48px;

}


/* Tables */

table{

    display:block;
    overflow-x:auto;

}


/* Forms */

input,
textarea,
select{

    width:100%;

}


/* Embedded media */

iframe,
video{

    width:100%;

}


/* Images */

img{

    display:block;

}


/* Footer */

.footer-bottom{

    text-align:center;

}

.footer-social{

    margin-top:20px;

}

}



/*======================================================================
    SMALL PHONES
======================================================================*/

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

body{

    font-size:15px;

}

h1{

    font-size:1.8rem;

}

h2{

    font-size:1.45rem;

}

h3{

    font-size:1.2rem;

}

.btn,
.btn-defult,
.default-btn{

    max-width:100%;

}

}

/*======================================================================
    BOTC MOBILE FIXES V3
    SECTION 2
    MOBILE HEADER

    Homepage and Internal Pages handled separately.
======================================================================*/

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

/* ==========================================================
   COMMON HEADER
========================================================== */

.mobile-header{

    display:flex;
    align-items:center;
    justify-content:space-between;

    background:#16245d;

    padding:12px 16px;

    min-height:70px;

}

/* Logo */

.mobile-header .header-logo{

    display:flex;
    align-items:center;

}

.mobile-header .header-logo img{

    display:block;
    height:auto;

}

/* Hamburger */

.mobile-header .header-bar{

    margin:0;

}

/* ==========================================================
   HOMEPAGE
========================================================== */

.mobile-menu.style-2 .mobile-header .logo-gold{

    display:block;

    width:85px;

}

.mobile-menu.style-2 .mobile-header .logo-blue{

    display:none;

}

/* Tips button */

.mobile-menu.style-2 .header-menu{

    display:flex;

    align-items:center;

    gap:14px;

}

.mobile-menu.style-2 .btn-defult{

    min-width:120px;

    margin:0;

}

/* ==========================================================
   INTERNAL PAGES
========================================================== */

.mobile-menu:not(.style-2) .mobile-header{

    justify-content:space-between;

}

.mobile-menu:not(.style-2) .mobile-header .logo-blue{

    display:block;

    width:85px;

}

.mobile-menu:not(.style-2) .mobile-header .logo-gold{

    display:none;

}

/* Internal pages don't have the Tips button */

.mobile-menu:not(.style-2) .mobile-header .header-logo{

    flex:1;

}

}



/*==============================================================
    SMALL PHONES
==============================================================*/

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

.mobile-menu.style-2 .logo-gold,
.mobile-menu:not(.style-2) .logo-blue{

    width:72px;

}

.mobile-menu.style-2 .btn-defult{

    min-width:105px;

    font-size:12px;

}

}

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

.mobile-header.header-fixed .logo-blue,
.mobile-header.header-sticky .logo-blue,
.mobile-header.sticky .logo-blue{

    display:none;

}

.mobile-header.header-fixed .logo-gold,
.mobile-header.header-sticky .logo-gold,
.mobile-header.sticky .logo-gold{

    display:block;

}

}

/*======================================================================
    BOTC MOBILE FIXES V3
    SECTION 3
    HOMEPAGE HERO

    Desktop untouched.
    Mobile only.
======================================================================*/

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

/*--------------------------------------------------
    Hero wrappers
--------------------------------------------------*/

.banner-section{

    overflow:hidden;

}

.banner-left,
.banner-right{

    position:relative;

    background-repeat:no-repeat;

    background-size:cover;

}

/* Keep desktop artwork centred */

.banner-left{

    background-position:center center;

}

.banner-right{

    background-position:center center;

}


/*--------------------------------------------------
    Hero overlay
--------------------------------------------------*/

.hero-overlay{

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    width:100%;

}


/*--------------------------------------------------
    Hero bottom
--------------------------------------------------*/

.hero-bottom{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:flex-end;

    padding:30px 20px;

}

}



/*======================================================================
    PHONES
======================================================================*/

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

/*--------------------------------------------------
    LEFT HERO
--------------------------------------------------*/

.banner-left{

    min-height:100vh;

    /*
        Very small shift only.

        Desktop remains untouched.
    */

    background-position:48% center;

}


/*--------------------------------------------------
    RIGHT HERO
--------------------------------------------------*/

.banner-right{

    min-height:65vh;

    background-position:center center;

}


/*--------------------------------------------------
    HERO CONTENT
--------------------------------------------------*/

.hero-bottom{

    padding-bottom:25px;

}


/*--------------------------------------------------
    COUNTDOWN
--------------------------------------------------*/

/*--------------------------------------------------
COUNTDOWN
--------------------------------------------------*/

#countdown{

    width:100%;

    display:flex;

    justify-content:center;

    align-items:flex-start;

    flex-wrap:nowrap;

    gap:18px;

    margin:25px auto;

    text-align:center;

}

/* Individual counter */

#countdown .clock-item,
#countdown .clock-list{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    min-width:58px;

    flex:0 0 auto;

}

/* Hide plugin graphics */

#countdown canvas,
#countdown .bgLayer{

    display:none !important;

}

/* Number */

#countdown .val{

    display:block;

    font-size:34px;

    font-weight:700;

    line-height:1;

    color:#ef2d3d;

    margin-bottom:6px;

}

/* Label */

#countdown .time-text{

    display:block;

    font-size:13px;

    line-height:1.2;

    color:#ffffff;

    text-transform:uppercase;

    white-space:nowrap;

    letter-spacing:.5px;

}


/*--------------------------------------------------
    CTA
--------------------------------------------------*/

.banner-left .btn-defult{

    width:260px;

    max-width:90%;

}


/*--------------------------------------------------
    Hero images
--------------------------------------------------*/

.banner-left,
.banner-right{

    background-size:cover;

}


}



/*======================================================================
    SMALL PHONES
======================================================================*/

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

.banner-left{

    min-height:95vh;

    background-position:50% center;

}


.banner-right{

    min-height:55vh;

}


#countdown{

    gap:12px;

}

#countdown .clock-item,
#countdown .clock-list{

    min-width:50px;

}

#countdown .val{

    font-size:28px;

}

#countdown .time-text{

    font-size:11px;

}


.banner-left .btn-defult{

    width:100%;

}

}

/*======================================================================
    BOTC MOBILE FIXES V3
    SECTION 4
    HOMEPAGE CONTENT

    About
    Video
    Counter
    Timeline

======================================================================*/


/*======================================================================
    TABLETS
======================================================================*/

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

/*--------------------------------------------------
ABOUT
--------------------------------------------------*/

.about-section{

    padding-top:70px;
    padding-bottom:70px;

}

.about-content{

    margin-top:40px;
    text-align:center;

}

.about-content h2{

    margin-bottom:20px;

}

.about-content p{

    margin-bottom:25px;

}


/*--------------------------------------------------
VIDEO
--------------------------------------------------*/

.format-video{

    margin-bottom:35px;

}

.format-video img{

    width:100%;
    border-radius:12px;

}


/*--------------------------------------------------
COUNTERS
--------------------------------------------------*/

.about-counter{

    display:flex;
    flex-wrap:wrap;
    justify-content:center;

    gap:30px;

    margin-top:50px;

}

.rsb-list{

    width:220px;
    text-align:center;

}

.rsb-icon{

    display:flex;
    justify-content:center;

    margin-bottom:15px;

}


/*--------------------------------------------------
TIMELINE
--------------------------------------------------*/

.timeline-item{

    margin-bottom:60px;

}

.timeline-schedule{

    display:block;

}

.timeline-header{

    text-align:center;

    margin-bottom:30px;

}

.timeline-header h4{

    margin-bottom:10px;

}

.meta-post{

    justify-content:center;

}

.timeline-header .btn-defult{

    margin-top:20px;

}

}



/*======================================================================
    MOBILE
======================================================================*/

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

/*--------------------------------------------------
ABOUT
--------------------------------------------------*/

.about-section{

    padding-top:60px;
    padding-bottom:60px;

}

.about-content{

    text-align:center;

}

.about-content span{

    display:block;

    margin-bottom:10px;

}

.about-content h2{

    font-size:30px;

}

.about-content p{

    margin-bottom:25px;

}

.about-content .btn-defult{

    width:100%;
    max-width:280px;

}


/*--------------------------------------------------
VIDEO
--------------------------------------------------*/

.format-video{

    margin-bottom:30px;

}

.format-video img{

    width:100%;

}

.format-video .icon{

    transform:scale(.9);

}


/*--------------------------------------------------
COUNTERS
--------------------------------------------------*/

.about-counter{

    flex-direction:column;

    align-items:center;

    gap:25px;

}

.rsb-list{

    width:100%;

    max-width:260px;

}


/*--------------------------------------------------
TIMELINE
--------------------------------------------------*/

.timeline-item{

    margin-bottom:50px;

}

.timeline-header{

    padding:0 10px;

}

.timeline-header h4{

    font-size:22px;

}

.meta-post{

    display:flex;
    flex-direction:column;

    gap:8px;

}

.timeline-header .btn-defult{

    width:100%;
    max-width:260px;

}

}



/*======================================================================
    SMALL PHONES
======================================================================*/

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

.about-section{

    padding-top:50px;
    padding-bottom:50px;

}

.about-content h2{

    font-size:26px;

}

.about-counter{

    gap:20px;

}

.rsb-list{

    max-width:220px;

}

.timeline-header h4{

    font-size:20px;

}

.timeline-header{

    padding:0;

}

.timeline-header .btn-defult{

    max-width:100%;

}

}

/*======================================================================
    BOTC MOBILE FIXES V3
    SECTION 5
    CATEGORIES & AWARD PAGES

    Desktop untouched.
======================================================================*/


/*======================================================================
    TABLETS
======================================================================*/

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

/*--------------------------------------------------
SECTION SPACING
--------------------------------------------------*/

.section-wrapper{
    padding-left:0;
    padding-right:0;
}

/*--------------------------------------------------
CATEGORY / AWARD CARDS
--------------------------------------------------*/

.category-item,
.event-item,
.speaker-item,
.schedule-item,
.blog-item,
.post-item{

    margin-bottom:30px;

}

.category-item img,
.event-item img,
.speaker-item img{

    width:100%;
    height:auto;
    display:block;

}

/*--------------------------------------------------
CARD CONTENT
--------------------------------------------------*/

.category-item h3,
.event-item h3,
.post-item h3{

    line-height:1.35;

    margin-bottom:12px;

}

.category-item p,
.event-item p{

    margin-bottom:18px;

}

/*--------------------------------------------------
BUTTONS
--------------------------------------------------*/

.category-item .btn-defult,
.event-item .btn-defult{

    width:100%;
    max-width:260px;

}

/*--------------------------------------------------
PAGINATION
--------------------------------------------------*/

.pagination{

    justify-content:center;
    flex-wrap:wrap;

}

}


/*======================================================================
    PHONES
======================================================================*/

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

/*--------------------------------------------------
GENERAL CONTENT
--------------------------------------------------*/

.category-item,
.event-item,
.post-item{

    text-align:center;

}

/*--------------------------------------------------
IMAGES
--------------------------------------------------*/

.category-item img,
.event-item img,
.post-item img{

    margin:0 auto;

    border-radius:10px;

}

/*--------------------------------------------------
HEADINGS
--------------------------------------------------*/

.category-item h2,
.event-item h2{

    font-size:28px;

}

.category-item h3,
.event-item h3{

    font-size:22px;

    line-height:1.35;

}

/*--------------------------------------------------
LONG BUSINESS NAMES
--------------------------------------------------*/

.category-item h3,
.event-item h3,
.post-item h3{

    word-break:break-word;

}

/*--------------------------------------------------
DESCRIPTION
--------------------------------------------------*/

.category-item p,
.event-item p{

    margin-bottom:20px;

}

/*--------------------------------------------------
BUTTONS
--------------------------------------------------*/

.category-item .btn-defult,
.event-item .btn-defult,
.post-item .btn-defult{

    width:100%;

    max-width:280px;

    margin:0 auto;

}

/*--------------------------------------------------
LISTS
--------------------------------------------------*/

.category-item ul,
.event-item ul{

    padding-left:18px;

    text-align:left;

}

/*--------------------------------------------------
RESPONSIVE TABLES
--------------------------------------------------*/

.table-responsive{

    overflow-x:auto;

}

/*--------------------------------------------------
IMAGES NEVER OVERFLOW
--------------------------------------------------*/

.category-item img,
.event-item img,
.post-item img{

    max-width:100%;
    height:auto;

}

}


/*======================================================================
    SMALL PHONES
======================================================================*/

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

.category-item,
.event-item,
.post-item{

    margin-bottom:25px;

}

.category-item h2,
.event-item h2{

    font-size:24px;

}

.category-item h3,
.event-item h3{

    font-size:20px;

}

.category-item .btn-defult,
.event-item .btn-defult{

    max-width:100%;

}

.category-item ul,
.event-item ul{

    padding-left:15px;

}

}

/*======================================================================
    BOTC MOBILE FIXES V3
    SECTION 6

    HALL OF FAME
    WINNERS
    SPONSORS
    FOOTER

    Desktop untouched.
======================================================================*/


/*======================================================================
    TABLETS
======================================================================*/

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

/*--------------------------------------------------
HALL OF FAME
--------------------------------------------------*/

.hof-item,
.winner-item,
.award-item{

    margin-bottom:35px;

    text-align:center;

}

.hof-item img,
.winner-item img,
.award-item img{

    width:100%;
    max-width:100%;
    height:auto;

}

/*--------------------------------------------------
WINNER DETAILS
--------------------------------------------------*/

.hof-item h3,
.winner-item h3,
.award-item h3{

    margin-top:18px;
    margin-bottom:10px;

    line-height:1.4;

}

.hof-item p,
.winner-item p{

    margin-bottom:18px;

}

/*--------------------------------------------------
SPONSOR LOGOS
--------------------------------------------------*/

.sp-item{

    text-align:center;

}

.sp-item img{

    width:100%;
    height:auto;

}

/*--------------------------------------------------
FOOTER
--------------------------------------------------*/

.footer-top{

    text-align:center;

}

.footer-top h2{

    margin-bottom:30px;

}

.footer-bottom{

    text-align:center;

}

.footer-bottom .copyright{

    margin-bottom:20px;

}

.footer-social{

    display:flex;
    justify-content:center;

}

.footer-social ul{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:15px;

    padding:0;

}

}


/*======================================================================
    PHONES
======================================================================*/

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

/*--------------------------------------------------
HALL OF FAME
--------------------------------------------------*/

.hof-item,
.winner-item,
.award-item{

    margin-bottom:30px;

}

.hof-item img,
.winner-item img,
.award-item img{

    border-radius:12px;

}

/*--------------------------------------------------
HEADINGS
--------------------------------------------------*/

.hof-item h2,
.winner-item h2{

    font-size:30px;

}

.hof-item h3,
.winner-item h3{

    font-size:22px;

}

/*--------------------------------------------------
SPONSORS
--------------------------------------------------*/

.sp-item{

    padding:0;

}

.sp-item img{

    display:block;

    margin:0 auto;

}

/*--------------------------------------------------
FOOTER
--------------------------------------------------*/

.footer-top{

    padding-top:55px;
    padding-bottom:40px;

}

.footer-bottom{

    padding-top:25px;
    padding-bottom:25px;

}

.footer-bottom p{

    font-size:15px;

    line-height:1.7;

}

.footer-bottom a{

    word-break:break-word;

}

/*--------------------------------------------------
SOCIAL ICONS
--------------------------------------------------*/

.footer-social ul{

    gap:18px;

}

.footer-social li{

    list-style:none;

}

.footer-social a{

    display:flex;

    align-items:center;

    justify-content:center;

    width:42px;
    height:42px;

}

.footer-social img{

    width:30px;
    height:auto;

}

}


/*======================================================================
    SMALL PHONES
======================================================================*/

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

/*--------------------------------------------------
HALL OF FAME
--------------------------------------------------*/

.hof-item h2,
.winner-item h2{

    font-size:26px;

}

.hof-item h3,
.winner-item h3{

    font-size:20px;

}

/*--------------------------------------------------
FOOTER
--------------------------------------------------*/

.footer-top{

    padding-top:45px;

}

.footer-bottom{

    padding-bottom:20px;

}

.footer-bottom p{

    font-size:14px;

}

/*--------------------------------------------------
SOCIAL ICONS
--------------------------------------------------*/

.footer-social ul{

    gap:14px;

}

.footer-social a{

    width:40px;
    height:40px;

}

}

/*======================================================================
    BOTC MOBILE FIXES V3
    SECTION 7

    FINAL RESPONSIVE POLISH

    Gallery
    Videos
    Logos
    Swiper
    Landscape Phones
    Utilities

    Desktop remains untouched.

======================================================================*/


/*======================================================================
    TABLETS
======================================================================*/

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

/*--------------------------------------------------
GENERAL IMAGES
--------------------------------------------------*/

img{

    max-width:100%;
    height:auto;

}

/*--------------------------------------------------
LOGOS
--------------------------------------------------*/

.header-logo img,
.site-logo img,
.footer-logo img{

    max-width:100%;
    height:auto;

}

/*--------------------------------------------------
VIDEOS
--------------------------------------------------*/

iframe,
video{

    width:100%;
    max-width:100%;

}

/*--------------------------------------------------
GALLERY
--------------------------------------------------*/

.gallery-item{

    margin-bottom:25px;

}

.gallery-item img{

    width:100%;
    height:auto;

}

/*--------------------------------------------------
SWIPER
--------------------------------------------------*/

.swiper,
.swiper-container{

    overflow:hidden;

}

.swiper-slide{

    height:auto;

}

/*--------------------------------------------------
LONG LINKS
--------------------------------------------------*/

a{

    overflow-wrap:break-word;

}

/*--------------------------------------------------
LONG TITLES
--------------------------------------------------*/

h1,h2,h3,h4,h5{

    overflow-wrap:break-word;

}

}


/*======================================================================
    MOBILE
======================================================================*/

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

/*--------------------------------------------------
IMAGES
--------------------------------------------------*/

img{

    display:block;

}

/*--------------------------------------------------
VIDEOS
--------------------------------------------------*/

iframe{

    aspect-ratio:16/9;

    height:auto;

}

/*--------------------------------------------------
GALLERY
--------------------------------------------------*/

.gallery-item{

    text-align:center;

}

.gallery-item img{

    border-radius:10px;

}

/*--------------------------------------------------
SEARCH
--------------------------------------------------*/

.search-box input{

    width:100%;

}

/*--------------------------------------------------
FILTERS
--------------------------------------------------*/

.filter-list{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:10px;

}

/*--------------------------------------------------
BUTTON GROUPS
--------------------------------------------------*/

.button-group{

    display:flex;

    flex-direction:column;

    gap:12px;

}

.button-group .btn,
.button-group .btn-defult{

    width:100%;

}

/*--------------------------------------------------
LISTS
--------------------------------------------------*/

ul{

    padding-left:20px;

}

/*--------------------------------------------------
BLOCKQUOTES
--------------------------------------------------*/

blockquote{

    margin:20px 0;

    padding:20px;

}

/*--------------------------------------------------
CODE
--------------------------------------------------*/

pre{

    overflow-x:auto;

}

/*--------------------------------------------------
TABLES
--------------------------------------------------*/

table{

    display:block;

    overflow-x:auto;

}

/*--------------------------------------------------
EMBEDS
--------------------------------------------------*/

.embed-responsive{

    overflow:hidden;

}

/*--------------------------------------------------
OVERFLOW
--------------------------------------------------*/

body{

    overflow-x:hidden;

}

}


/*======================================================================
    LANDSCAPE PHONES
======================================================================*/

@media only screen
and (max-width:991px)
and (orientation:landscape){

.banner-left,
.banner-right{

    min-height:100vh;

}

.hero-bottom{

    padding-bottom:20px;

}

}


/*======================================================================
    SMALL PHONES
======================================================================*/

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

/*--------------------------------------------------
HEADINGS
--------------------------------------------------*/

h1{

    font-size:30px;

}

h2{

    font-size:26px;

}

h3{

    font-size:22px;

}

/*--------------------------------------------------
VIDEOS
--------------------------------------------------*/

iframe{

    width:100%;

}

/*--------------------------------------------------
BUTTONS
--------------------------------------------------*/

.btn,
.btn-defult{

    width:100%;

}

/*--------------------------------------------------
GALLERY
--------------------------------------------------*/

.gallery-item{

    margin-bottom:20px;

}

.gallery-item img{

    border-radius:8px;

}

/*--------------------------------------------------
TEXT
--------------------------------------------------*/

p{

    font-size:15px;

    line-height:1.7;

}

}

/*======================================================================
    BOTC MOBILE FIXES V3
    SECTION 8

    MOBILE BROWSER COMPATIBILITY

    Safari
    Chrome
    Firefox
    Edge
    Android
    iPhone
    iPad

    Desktop remains untouched.
======================================================================*/


/*======================================================================
    ALL MOBILE DEVICES
======================================================================*/

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

/*--------------------------------------------------
Prevent text auto zoom
(iOS Safari)
--------------------------------------------------*/

html{

    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;

}


/*--------------------------------------------------
Prevent sideways scrolling
--------------------------------------------------*/

html,
body{

    overflow-x:hidden;

}


/*--------------------------------------------------
Images
--------------------------------------------------*/

img{

    max-width:100%;
    height:auto;
    border-style:none;

}


/*--------------------------------------------------
Videos
--------------------------------------------------*/

video{

    max-width:100%;
    height:auto;

}


/*--------------------------------------------------
Iframes
--------------------------------------------------*/

iframe{

    max-width:100%;
    border:0;

}


/*--------------------------------------------------
SVG
--------------------------------------------------*/

svg{

    max-width:100%;

}


/*--------------------------------------------------
Touch scrolling
(iOS)
--------------------------------------------------*/

body{

    -webkit-overflow-scrolling:touch;

}


/*--------------------------------------------------
Remove tap highlight
--------------------------------------------------*/

a,
button{

    -webkit-tap-highlight-color:transparent;

}


/*--------------------------------------------------
Touch targets
--------------------------------------------------*/

button,
.btn,
.btn-defult,
.default-btn{

    min-height:44px;

}


/*--------------------------------------------------
Long text
--------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
li{

    overflow-wrap:break-word;
    word-break:break-word;

}


/*--------------------------------------------------
Tables
--------------------------------------------------*/

table{

    display:block;
    overflow-x:auto;

}


/*--------------------------------------------------
Forms
--------------------------------------------------*/

input,
textarea,
select{

    font-size:16px;

}

}



/*======================================================================
    iPHONE / SAFARI
======================================================================*/

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

/*--------------------------------------------------
Prevent Safari button styling
--------------------------------------------------*/

button,
input[type="button"],
input[type="submit"],
input[type="reset"]{

    -webkit-appearance:none;
    appearance:none;

}

}


/*--------------------------------------------------
Search fields
--------------------------------------------------*/

input[type="search"]{

    -webkit-appearance:none;

}


/*--------------------------------------------------
Rounded corners
--------------------------------------------------*/

button{

    border-radius:inherit;

}


/*--------------------------------------------------
Videos
--------------------------------------------------*/

video{

    width:100%;
    max-width:100%;
    height:auto;

}


/*--------------------------------------------------
Images
--------------------------------------------------*/

img{

    image-rendering:auto;

}

}



/*======================================================================
    SAFE AREA SUPPORT
======================================================================*/

@supports (padding:max(0px)){

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

.mobile-header{

    padding-left:max(15px,env(safe-area-inset-left));
    padding-right:max(15px,env(safe-area-inset-right));

}

.footer-bottom{

    padding-bottom:max(20px,env(safe-area-inset-bottom));

}

}

}



/*======================================================================
    FIREFOX
======================================================================*/

@-moz-document url-prefix(){

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

button{

    line-height:normal;

}

img{

    image-orientation:from-image;

}

}

}



/*======================================================================
    CHROME / EDGE
======================================================================*/

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

button{

    touch-action:manipulation;

}

a{

    touch-action:manipulation;

}

}



/*======================================================================
    ACCESSIBILITY
======================================================================*/

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

button:focus,
a:focus,
input:focus,
textarea:focus,
select:focus{

    outline:2px solid currentColor;
    outline-offset:2px;

}

}



/*======================================================================
    REDUCED MOTION
======================================================================*/

@media (prefers-reduced-motion:reduce){

*,
*::before,
*::after{

    animation:none !important;

    transition:none !important;

    scroll-behavior:auto !important;

}

}



/*======================================================================
    HIGH DPI SCREENS
======================================================================*/

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi){

img{

    image-rendering:auto;

}

}



/*======================================================================
    LANDSCAPE PHONES
======================================================================*/

@media only screen
and (max-width:991px)
and (orientation:landscape){

body{

    min-height:100vh;

}

}

/*======================================================================
    COUNTDOWN FIX
======================================================================*/

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

    #countdown{

        display:flex;
        justify-content:center;
        align-items:flex-start;
        flex-wrap:nowrap;
        gap:16px;
        width:100%;
        margin:30px auto;

    }

    #countdown .clock-list{

        flex:1;
        display:flex;
        justify-content:center;

    }

    #countdown .clock-df{

        width:100%;
        display:flex;
        justify-content:center;

    }

    /* Override the global .text rule ONLY inside the countdown */

    #countdown .text{

        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;

    }

    #countdown .val{

        display:block;
        font-size:34px;
        font-weight:700;
        line-height:1;
        margin-bottom:6px;

    }

    #countdown .time-text{

        display:block;
        font-size:12px;
        line-height:1.2;
        text-transform:uppercase;
        white-space:nowrap;

    }

    #countdown canvas,
    #countdown .bgLayer{

        display:none !important;

    }

}

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

    #countdown{

        gap:10px;

    }

    #countdown .val{

        font-size:28px;

    }

    #countdown .time-text{

        font-size:11px;

    }

}

/* Wufoo mobile fix */

#wufoo-mxdtlre0a8027l,
#wufoo-mxdtlre0a8027l iframe {
    width: 100% !important;
    max-width: 100% !important;
}

@media (max-width: 768px) {

    .choose-us {
        overflow: visible !important;
        height: auto !important;
        min-height: auto !important;
    }

    .choose-us .container {
        overflow: visible !important;
    }

    #wufoo-mxdtlre0a8027l {
        min-height: 2800px;
    }

    #wufoo-mxdtlre0a8027l iframe {
        min-height: 2800px !important;
    }

}