/*RESET*/
*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable="false"])){ -moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable="true"]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}

/*ALL SIZES*/
*{margin:0;padding:0;box-sizing:border-box;}
body {
  font-family: Arial, Helvetica, sans-serif;
}
#CHECKFRONT_LOADER {
    background: url('https://avlrooms.checkfront.com/images/loader.gif') left center no-repeat;
    padding: 5px 5px 5px 20px;
}

header{background:linear-gradient(194deg,rgba(217,232,213,1) 0%,rgba(163,201,226,1) 51%,rgba(255,230,204,1) 100%);position:relative;overflow:hidden}
header{text-align:center;position:relative;overflow:hidden}
.header-img{width:100%; aspect-ratio: 4818 / 1653; max-width: 4818px; min-height:275px;padding:0 0 10px 0;object-fit:cover;position:absolute;top:0;left:0;z-index:0}
header h1,header p{color:#f5f5f5;position:relative;z-index:1;text-shadow:2px 4px 4px rgba(0,0,0,0.8)}
header h1{color:#f5f5f5;margin-top:5.5vw;padding:.3rem;font-size:2.2em}
header p{color:#f5f5f5;padding:.5rem;margin-bottom:5.5vw;font-size:1.3em}
.top-left-img{position:absolute;aspect-ratio:512/512;top:3vw;left:3vw;width:12%;z-index:2}
body{background-color:#FFDE95;line-height:1.6;z-index:0;margin-bottom:50px}
.copytext{ word-break: break-all; display: inline-block; max-width: 350px;}
.reserve{max-width:1200px;margin:0 auto;padding:20px;background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.flex{display:flex;flex-wrap:wrap;max-width:1440px;margin:0 auto;gap:10px;justify-content:center;padding-top:10px;z-index:2}
.accordion{align-items:center;text-align:center;max-width:400px;margin:10px auto}
.accordion-item{width:160px;color:#042238;border-radius:8px;background-color:#f5f5f5;margin:auto}
.accordion-title{background-color:#f5f5f5;font-size:18px;color:#042238;user-select:none;position:relative;z-index:1}
.accordion-title:hover{cursor:pointer}
.accordion-content{width:400px;text-align:left;background-color:#f5f5f5;color:#042238;max-height:0;overflow:hidden;transition:all 0.3s ease-out;position:relative;box-shadow:0 2px 5px rgba(0,0,0,0.1);z-index:3}
.accordion-item.active .accordion-content{display:block}
input[type="checkbox"]{display:none}
input[type="checkbox"]:checked~.accordion-content{max-height:600px;max-width:335px;padding:5px;border-radius:8px;border:1px solid #033a6d;font-size:1.2em}
.accordion-section{margin-top:-10px;height:50px;border-radius:8px;padding:0px 10px;align-items:center;margin:auto;box-shadow:0 2px 5px rgba(0,0,0,0.1);background-color:#f5f5f5}
.links-section{background-color:#f5f5f5;padding:10px;border-radius:8px;height:50px;margin:auto;box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.accordion-section,.links-section{flex:0 1 155px}
.item-phone,.item-reviews,.item-reviews,.item-screener{text-align:center;align-self:auto;width:160px;z-index:2}
.links{text-align:center;font-family:Arial,sans-serif;font-size:16px;padding:5px;margin:1px;color:#033a6d;text-decoration:none;font-weight:bold;transition:color 0.3s ease}
.links:hover{color:#337ab7;text-decoration:underline}
button.links{cursor:pointer;text-align:center;font-family:Arial,sans-serif;font-size:16px;padding:5px;margin:1px;color:#033a6d;text-decoration:none;font-weight:bold;transition:color 0.3s ease;background:none;border:none;width:100%}
button.links:hover{color:#337ab7;text-decoration:underline}
.item-phone{display:flex;align-items:center;justify-content:center;height:100%}
.container{max-width:1440px;margin:0 auto;width:100%;box-sizing:border-box;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,0.1);background-color:#f5f5f5;margin-top:10px}
.container p {
  text-align: center;
}

.turbotenant-link {
    display: block;
    text-align: center;
    padding: 10px;
    background-color: #f0f0f0;
    text-decoration: none;
    color: #333;
    font-weight: bold;
}
.turbotenant-link:hover {
    background-color: #e0e0e0;
}

/*ADDING TURBOTENATNT IMAGE STYLES*/
/* Turbotenant Logo Styling */
.turbotenant-logo {
    display: block;
    max-width: 220px;
    width: 100%;
    height: auto;
    margin: 15px auto;
    border-radius: 6px;
    /* box-shadow: 0 2px 4px rgba(0,0,0,0.1); */
    transition: transform 0.3s ease;
    background: transparent;
}

.turbotenant-logo:hover {
    transform: scale(1.02);
}

/* Large Screens */
@media (min-width: 3000px) {
    .turbotenant-logo {
        max-width: 320px;
        margin: 25px auto;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .turbotenant-logo {
        max-width: 200px;
        margin: 10px auto;
    }
}

.incentives{max-width: 800px;padding: 10px;margin:0 auto;width:100%;box-sizing:border-box;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,0.1);background-color:#f5f5f5;margin-top:10px}
.incentives h2{font-size:1.5em;color:#042238;text-align:center;margin-bottom:10px}
.incentives h3{font-size:1.2em;color:#042238;margin-bottom:5px}
.incentives a{text-decoration: underline;}
iframe{max-width:100%;display:block;min-height:900px;border:none}
.reviews{width:100%;height:100%;border:none;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,0.1);margin-top:1vw}
footer{position:fixed;bottom:0;left:0;background:linear-gradient(194deg,rgba(217,232,213,1) 0%,rgba(163,201,226,1) 51%,rgba(255,230,204,1) 100%);box-shadow:0 2px 5px rgba(0,0,0,0.1);padding:5px;text-align:center;color:#f5f5f5;width:100%;box-sizing:border-box;font-size:16px}

#about {max-width: 800px; margin: 2rem auto; padding: 0 1rem; background-color: #f5f5f5; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); color: #042238; line-height: 1.6; font-size: 1.1rem; }
#about {h2 {text-align: center;font-size: 1.8rem;margin-bottom: 1rem;}
p {margin-bottom: 1rem;}
ul {display: flex;flex-direction: column; align-items: center;}
ul li {display: flex; text-align: left;}
}


/* #faq{} */

.faq-accordion {
    max-width: 800px;
    margin: 2rem auto;
    padding: 0 1rem;
}

.faq-item {
    border-radius: 8px;
    margin-bottom: 1rem;
    background: #f5f5f5;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.faq-question {
    width: 100%;
    padding: 1rem;
    border: none;
    background: none;
    text-align: left;
    font-size: 1.1rem;
    font-weight: 500;
    color: #042238;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: color 0.3s ease;
}

.faq-question:hover {
    color: #337ab7;
}

.faq-question[aria-expanded="true"] .arrow {
    transform: rotate(180deg);
}

.arrow {
    transition: transform 0.3s ease;
}



/* Add these specific FAQ styles */
.faq-answer {
    padding: 1rem;
    color: #042238;
    line-height: 1.6;
    background: #f5f5f5;
    border-top: 1px solid #eee;
}

.faq-answer[hidden] {
    display: none;
}

.faq-answer:not([hidden]) {
    display: block;
}

/*LARGE SCREENS*/
@media (min-width:3000px){

.header-img{width:100%}
header h1{margin-top:10vw;font-size:4.7em}
header p{margin-bottom:10vw;font-size:2.6em}
.flex{max-width:2560px;margin:0 auto;gap:20px}
.container{max-width:3000px;margin:0 auto;width:100%;box-sizing:border-box;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,0.1);background-color:#f5f5f5;margin-top:10px}
}
/*MOBILE*/
@media (max-width:768px){
.flex-row-column{flex-direction:column}
.header-img{width:100%;max-width:4000px;min-height:222px}
header h1{margin-top:3rem;font-size:1.6em;text-shadow:4px 6px 6px rgba(0,0,0,1)}
header p{font-size:1.1em;text-shadow:4px 6px 6px rgba(0,0,0,1)}
.flex{color:#333;display:flex;flex-wrap:wrap;align-items:center}
iframe{min-height:1024px}
}
@supports (padding-top:env(safe-area-inset-top)){
body{padding-top:env(safe-area-inset-top)}
}