/* Bootstrap Layout Overrides */
.container { position: relative; width: 100%; max-width: 95rem; /* 1200px */ }
.container > .row,
.container > div > .row { padding: 0; }
.container img { margin: 0; }

/* Bootstrap Button Group Overrides */
.btn-group { display: inline-flex; flex-wrap: wrap; }
.btn-group .btn { width: 100%; border-radius: 0; font-weight: var(--wMedium); }
.btn-group .btn:not(:first-child),
.btn-group .btn:not(:last-child) { margin: 0 0.0625rem 0.125rem; }
.btn-group .btn:first-child { border-top-left-radius: var(--borderRadiusPill) !important; border-top-right-radius: var(--borderRadiusPill) !important; }
.btn-group .btn:last-child { border-bottom-left-radius: var(--borderRadiusPill) !important; border-bottom-right-radius: var(--borderRadiusPill) !important; }
.btn-group .btn:only-child { border-radius: var(--borderRadiusPill) !important; }
@media (min-width: 480px) {
  .btn-group .btn { width: auto; }
  .btn-group .btn:first-child { border-radius: 0 !important; border-top-left-radius: var(--borderRadiusPill) !important; border-bottom-left-radius: var(--borderRadiusPill) !important; }
  .btn-group .btn:last-child { border-radius: 0 !important; border-top-right-radius: var(--borderRadiusPill) !important; border-bottom-right-radius: var(--borderRadiusPill) !important; }
}

/* Bootstrap Alert Overrides */
.alert { border-radius: var(--borderRadius); }

/* Bootstrap Table Overrides */
.card-table { margin: 0.9375rem 0; padding: 0.1875rem; border: 0.125rem solid #dee2e6; border-radius: var(--borderRadius); }
.table { overflow: hidden; border-radius: 1.35rem; }
.table th { border-top: none; }
.table th, .table td { padding: 0.625rem 0.9375rem; }

/* Bootstrap Card Overrides */
.card { border-radius: var(--borderRadiusCheckbox); }
.card + .card { margin-top: 0.625rem; }

/* Bootstrap Accordion Overrides */
.accordion > .card { border-bottom: 1px solid hsla(0,0%,0%,0.125) !important; border-radius: var(--borderRadiusCheckbox) !important; }
.accordion > .card + .card { margin-top: 0.625rem; }
.accordion > .card .card-header { margin-bottom: 0; padding: 0; border-radius: 1.875rem 1.875rem 0 0; border-bottom: none; }
.accordion > .card .card-header .card-title { font-size: 1.25rem; font-family: var(--bodyFont); font-weight: var(--wRegular); }
.accordion > .card .card-header button { display: block; width: 100%; padding: 0.9375rem 1.5rem; position: relative; background: #f7f7f7; border: none; border-radius: 0; outline: none; line-height: 1.15; text-align: left; }
.accordion > .card .card-header button:hover,
.accordion > .card .card-header button:active,
.accordion > .card .card-header button:focus { color: hsl(var(--siteColor1)); text-decoration: none; background: #eee; }
.accordion > .card .card-header button:after { content: ""; width: 0.75rem; height: 1rem; position: absolute; top: 50%; right: 1.25rem; z-index: 2; transform: translate(0, -50%); }
.accordion > .card .card-header button[aria-expanded=true]:after { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="gray" d="M368 224H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h352c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"></path></svg>'); }
.accordion > .card .card-header button[aria-expanded=false]:after { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="gray" d="M368 224H224V80c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v144H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h144v144c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V288h144c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"></path></svg>'); }
.accordion > .card .collapse { border-top: 0.0625rem hsl(0, 0%, 90%) solid; }
.accordion > .card .card-body p:last-child { margin-bottom: 0; }

/* Bootstrap List Group Overrides */
.list-group { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; overflow: hidden; margin-bottom: 1.25rem; padding: 0.625rem; border-radius: var(--borderRadiusCheckbox); box-shadow: 0 0 0 0.125rem hsla(var(--siteColor1), 15%); }
.list-group.no-shadow { box-shadow: none; }
.list-group-item { display: flex; align-items: center; margin-bottom: 0.625rem; padding: 0.625rem 1.25rem; position: relative; background: hsl(var(--white)); border: none; border-radius: var(--borderRadiusCheckbox) !important; color: var(--bodyFontColor); line-height: 1.25; transition: all ease-in-out 0.4s; }
.list-group-item.active,
a.list-group-item:hover { background: hsla(var(--siteColor1), 15%); border-color: hsl(var(--siteColor1)); color: hsl(var(--siteColor1)); }
.list-group-item .icon { width: 1.25rem; height: 1.25rem; position: absolute; top: 50%; left: 0.625rem; transform: translate(0,-50%); font-size: 1.25rem; }
.list-group-horizontal .list-group-item { flex-basis: auto; flex-grow: 1; justify-content: center; position: relative; margin: 0.185rem; background: hsla(var(--siteColor1), 5%); }

.tab-content-question { margin-bottom: 0.625rem; padding-bottom: 0.625rem; border-bottom: 0.0625rem #eee solid; font-size: 1.75rem; font-weight: var(--wMedium); }
.tab-content td { border: none; }
.tab-content .table .fa { font-size: 1.875rem; }
.tab-content .alert .btn { position: relative; top: -0.4375rem; }

/* Content Builder Overrides - match site theme */
.content-builder-wrap { padding: 0; }
.content-builder-wrap > .row { margin: 0 -0.9375rem; }
.content-builder-wrap .column { padding: 0 0.9375rem; }
.content-builder-wrap .btn.site-color-1-bg,
.content-builder-wrap .is-btn.site-color-1-bg { color: hsl(var(--white)) !important; }
.content-builder-wrap .btn.site-color-2-bg,
.content-builder-wrap .is-btn.site-color-2-bg { color: hsl(var(--black)) !important; }
.content-builder-wrap .btn.site-color-1-bg:hover,
.content-builder-wrap .is-btn.site-color-1-bg:hover { background-color: hsl(var(--siteColor2)) !important; color: hsl(var(--black)) !important; }
.content-builder-wrap .btn.site-color-2-bg:hover,
.content-builder-wrap .is-btn.site-color-2-bg:hover { background-color: hsl(var(--siteColor1)) !important; color: hsl(var(--white)) !important; }
.content-builder-wrap .icon { color: hsl(var(--siteColor1)) !important; }
.content-builder-wrap .icon + .h2,
.content-builder-wrap .icon + .h3,
.content-builder-wrap .icon + .h4 { margin-left: 3.125rem; }
.content-builder-wrap .icon ~ p { border-bottom-color: hsl(var(--siteColor1)) !important; }
.content-builder-wrap p { margin: 0 0 1.25rem; }
.content-builder-wrap p:last-child { margin: 0; }
.content-builder-wrap img,
.content-builder-wrap .container img { max-width: 100%; height: auto; margin: 0; border-radius: var(--borderRadiusCheckbox); }
.content-builder-wrap iframe { border-radius: var(--borderRadiusCheckbox) !important; }
.content-builder-wrap .is-card { border: none !important; border-radius: var(--borderRadiusCheckbox) !important; }
.content-builder-wrap .is-card:hover { box-shadow: var(--focusShadow) !important; }
.content-builder-wrap .is-card.is-card-circle { border-radius: 50vw !important; }

/* Swiper Overrides */
.swiper-container { overflow: hidden; margin: auto; }
.swiper-pagination-bullet { flex-shrink: 0; opacity: 0.5; width: 0.625rem; height: 0.625rem; margin: 0 0.25rem; background-color: hsl(var(--lightGray)); border-radius: var(--borderRadiusCircle); box-shadow: 0.0625rem 0.0625rem 0.125rem hsla(var(--black), 25%); transition: all ease-in-out 0.4s; }
.swiper-pagination-bullet-active { opacity: 1;  background-color: hsl(var(--siteColor1)); }
.swiper-pagination.swiper-pagination-bullets-dynamic { display: block !important; margin: auto 0; }
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { bottom: auto !important; left: auto !important; transform: none !important; }

/* Tooltips Styles */
body .tooltip { display: block; }
body .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
body .bs-tooltip-bottom .arrow::before { border-bottom-color: hsl(var(--siteColor1)); }
body .bs-tooltip-auto[x-placement^=top] .arrow::before,
body .bs-tooltip-top .arrow::before { border-top-color: hsl(var(--siteColor1)); }
body .bs-tooltip-auto[x-placement^=left] .arrow::before,
body .bs-tooltip-left .arrow::before { border-left-color: hsl(var(--siteColor1)); }
body .bs-tooltip-auto[x-placement^=right] .arrow::before,
body .bs-tooltip-right .arrow::before { border-right-color: hsl(var(--siteColor1)); }
body .tooltip-inner { background-color: hsl(var(--siteColor1)); }

/* Alert Styles */
body .alert { padding: 0.75rem 2.5rem 0.75rem 1.25rem; margin-bottom: 1.5rem; }
body .alert .close { position: absolute; top: 0.6rem; right: 1rem; }
body .alert .close:hover,
body .alert .close:active,
body .alert .close:focus { box-shadow: none; outline: none; }
body .alert.alert-sm { padding: 0.5rem 1rem; font-size: 90%; line-height: 1; }
body .alert.alert-sm .close { top: 45%; transform: translateY(-50%); }
body .alert.alert-has-close { padding-right: 2.5rem; }

/* Toast Styles */
body .toast { max-height: 0; height: auto; transform: translateX(10%); max-width: 20rem; min-width: 16.5rem; box-shadow: var(--dropShadow); opacity: 0; transition: all ease-in-out 0.2s; }
body .toast.in { max-height: 100vh; transform: translateX(0); opacity: 1; }
body .toast .toast-header .toast-icon { width: 1rem; height: 1rem; margin-right: 0.5rem; position: relative; top: 0.0625rem; }
body .toast .toast-header .toast-close { opacity: 0.5; padding: 0.25rem; margin: 0; background-color: transparent; position: relative; left: 0.35rem; top: 0.0625rem; }
body .toast .toast-header .toast-close:hover,
body .toast .toast-header .toast-close:focus,
body .toast .toast-header .toast-close:active { opacity: 1; }
body .toast .toast-header .toast-close .icon { margin: 0; width: 1rem; height: 1rem; }

/* Fancybox Adjustments */
body .fancybox-button { box-shadow: none; }
body .fancybox-thumbs__list a:before { border-color: hsl(var(--siteColor1)); }
body .fancybox-thumbs { background-color: hsla(var(--black), 50%); }

/* Data Tables */
.dataTables_wrapper { margin: 0.625rem 0; border-top: 0.0625rem solid #ccc; }
.dataTables_filter { float: none !important; padding: 1.25rem 0; text-align: left !important; }
.dataTables_filter label { display: flex; flex-wrap: wrap; align-items: center; margin: 0; font-family: var(--bodyFont); font-size: 1.3125rem; color: hsl(var(--siteColor1)); line-height: 1.25; font-weight: var(--wMedium); text-transform: uppercase; }
.dataTables_filter label > span { margin-right: 0.625rem; }
.dataTables_filter input[type=search] { width: 18.75rem; max-width: 100%; margin: 0 !important;  border: 0.0625rem solid #ccc; }
.dataTable thead .sorting,
.dataTable thead .sorting_asc,
.dataTable thead .sorting_desc { position: relative; background: none; }
.dataTable thead .sorting:after,
.dataTable thead .sorting_asc:after,
.dataTable thead .sorting_desc:after { content: ""; display: block; width: 1.25rem; position: absolute; top: 0; right: 0; }

/* Swiper JS */
.swiper-lazy-preloader { z-index: 1; }

/* Newsletter*/
#newsletterSignupBar.newsletter-signup-wrap { position:relative; background:url("/images/layout/Stubbs-Newsletter-BG.jpg") center/cover no-repeat; padding:18px 0; overflow:hidden; }
#newsletterSignupBar.newsletter-signup-wrap::before { content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.35); z-index:0; }
#newsletterSignupBar .container { position:relative; z-index:1; }
#newsletterSignupBar .newsletter-inner { position:relative; z-index:1; }
#newsletterSignupBar .newsletter-title-wrap .title { color:#fff; text-transform:uppercase; letter-spacing:.10em; font-weight:600; font-size:25px; line-height:1.1; margin:0; }
#newsletterSignupBar .newsletter-title-wrap .subtitle { color:rgba(255,255,255,.85); text-transform:uppercase; letter-spacing:.14em; font-weight:700; font-size:13px; line-height:1.2; }
#newsletterSignupBar .fn-input-pill { position:relative; }
#newsletterSignupBar .fn-email-input { height:42px; border:0; border-radius:999px; background:rgba(255,255,255,.95); padding:0 52px 0 18px; font-size:13px; }
#newsletterSignupBar .fn-email-input:focus { box-shadow:none; outline:none; }
#newsletterSignupBar .fn-email-input::placeholder { color:rgba(0,0,0,.45); }
#newsletterSignupBar .fn-submit-btn { position:absolute; right:6px; top:50%; transform:translateY(-50%); width:32px; height:32px; border-radius:50%; padding:0; border:0; background:#0E4450; display:inline-flex; align-items:center; justify-content:center; color: #fff; }
#newsletterSignupBar .fn-submit-btn:hover { background:#0a3640; }
#newsletterSignupBar .fn-submit-btn .icon { width:14px; height:14px; fill:#fff; margin: 0; }
#newsletterSignupBar .newsletter-title-wrap { display: block; text-align: left; }
#newsletterSignupBar .newsletter-book-col { margin-top:8px; }
@media (min-width:992px){ #newsletterSignupBar .newsletter-book-col { margin-top:0; border-left:1px solid rgba(255,255,255,.55); } }
@media (min-width:992px){ #newsletterSignupBar .newsletter-book { padding-left:22px; } }
#newsletterSignupBar .book-title { color:#fff; text-transform:uppercase; letter-spacing:.10em; font-weight:600; font-size:25px; line-height:1.1; margin-bottom:2px; font-family: var(--siteFont1); }
#newsletterSignupBar .book-subtitle { color:rgba(255,255,255,.85); text-transform:uppercase; letter-spacing:.14em; font-weight:700; font-size:13px; line-height:1.2; }
#newsletterSignupBar .newsletter-book-btn { background:rgba(255,255,255,.95); border:0; border-radius:999px; padding:14px 14px; text-transform:uppercase; letter-spacing:.14em; font-family: var(--siteFont3); font-size:15px; color:#0E4450; white-space:nowrap; }
#newsletterSignupBar .newsletter-book-btn:hover { background:#fff; color:#0a3640; }

/* Intro Names */
#coastalRentalNav{background:#0E4450;}
#coastalRentalNav .crb-kicker{font-family: var(--siteFont3); text-transform:uppercase;letter-spacing:.18em;font-size:16px;font-weight:600;color:rgba(255,255,255,.85);margin-bottom:6px;line-height:1.2;}
#coastalRentalNav .crb-links{padding-left:0;line-height:1.2;}
#coastalRentalNav .crb-links .list-inline-item{margin:0;}
#coastalRentalNav .crb-links .list-inline-item+.list-inline-item::before{content:"•";display:inline-block;margin:0 .9rem;color:rgba(255,255,255,.9);font-size:1.15em;line-height:1;vertical-align:super;}
#coastalRentalNav .crb-links a{color:#fff;text-decoration:none;font-size:2.5rem;font-weight:300; font-family: var(--siteFont1); }
#coastalRentalNav .crb-links a:hover{color:rgb(187 187 187 / 85%);text-decoration:none;}
@media (max-width:575.98px){#coastalRentalNav .crb-kicker{font-size:10px;margin-bottom:4px;}#coastalRentalNav .crb-links a{font-size:18px;}#coastalRentalNav .crb-links .list-inline-item+.list-inline-item::before{margin:0 .55rem;}}

@media (max-width:1024px){ 
    #newsletterSignupBar .newsletter-book { justify-content:space-between; } 
    #coastalRentalNav .crb-links .list-inline-item+.list-inline-item::before{ vertical-align: baseline; }
    #newsletterSignupBar .newsletter-title-wrap,
    .welcome-info { text-align: center; }
    .newsletter-book-text { padding-right: 0; }
    #newsletterSignupBar .newsletter-book { display: block !important; text-align: center; }
    #newsletterSignupBar .newsletter-book-btn { margin-top: 10px; }
}

.phone-header { margin-left: 20px; }
.cms-btn-links-wrap .btn,
p.intro-sub { font-family: var(--siteFont3); font-size: 20px; letter-spacing: 1.5px; }
.checkbox .form-check-label { display: block; text-align: center; }
body.contact-us .embed-responsive,
body.contact-us iframe { height: 500px; padding-bottom: 0; }
body.property-management h1 { text-align: center; }

/* Fonts */
@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('./fonts/ProximaNova-Regular.eot');
    src: url('./fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('./fonts/ProximaNova-Regular.woff') format('woff'),
        url('./fonts/ProximaNova-Regular.ttf') format('truetype'),
        url('./fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('./fonts/MyriadPro-Bold.eot');
    src: url('./fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/MyriadPro-Bold.woff2') format('woff2'),
        url('./fonts/MyriadPro-Bold.woff') format('woff'),
        url('./fonts/MyriadPro-Bold.ttf') format('truetype'),
        url('./fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}