/*
Theme Name:         ClickAndStor Directory
Template:      	    tsg-pinnacle
Theme URI:          http://www.storageinternetmarketing.com
Description:

Version:            1.0
Author:             The Storage Group
Author URI:         http://www.storageinternetmarketing.com

License:            For use by The Storage Group only.
*/
/*** WordPress Core ************************************/

:root {
  --candee-primary: #E8521A !important; 
  --candee-secondary: #1E2D5A !important;
}

.background_3 {
    background-color: #E8521A;
}

#location_theme_3 #pitchThemeContainer .background_3 {
    background: #eeeeee;
}

#location_theme_3 #pitchThemeContainer .pitchActionButtons {
    width: auto;
}

.greyBackground{
    background-color: #c0c0c038;
}

section {
    padding: 1rem 0;
}

#pinnacleMainContent{
    padding: 25px 0px;
}

.home .bodyWrapper {
    padding-bottom: 0;
}

.topBottompadding {
    padding-bottom: .5rem;
}

button{
    text-transform: capitalize !important;
}

a:hover, a:active {
    color: initial !important;
    /*opacity: .7;*/
}

/*** Menu *****/
.tsg-menu-class .current-menu-item:after, .tsg-menu-class .menu-item:hover:after, .tsg-menu-class .menu-item:after, .main-candee-cart .cartTotal{
    background: #4c601a !important;
}

#nabarTheme5 .tsg-menu-class {
    text-align: left;
}

#nabarTheme5 .tsg-menu-class a {
    border-bottom: 5px solid rgba(0,0,0,0);
}

.tsg-menu-class > ul > li > a {
    line-height: 29px !important;
}

.current_page_item a {
    border-bottom: 5px solid #1A2B56 !important;
}

.menu-item{
    border-bottom: 5px solid white;
}

.sub-menu .menu-item{
    border: 0px;
}

.tsg-menu-class a {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

#menu-header-menu > li > a {
    margin-right: 15px !important;
}



#menu-header-menu > li.menu-item-has-children > a {
    margin-right: 21px !important;
}

.tsg-menu-class ul li.menu-item-has-children > a:after{
    /* display: none; */
    padding-left: 3px;
}

.tsg-menu-class{
    float: none !important;
}

.tsg-menu-class ul li:hover > ul, .tsg-menu-class ul ul li:hover > ul, .tsg-menu-class .focused > ul {
    left: inherit !important;
}

#nabarTheme5 .miscLinks div {
    margin-top: 0px !important;
}

.tsg-menu-class .callUs a{
    font-weight: normal;
    font-size: 1rem !important;
}

.tsg-menu-class a {
    padding-right: 40px;
    font-size: 1rem !important;
    font-weight: bold;
}

.mainMenuToggle {
    font-size: 1.3rem !important;
}


/* hide scrollbar */
#pinnacleHeader .tsg-menu-class ul ul li >.sub-menu {
    overflow-y: hidden !important;
}

.mmOpen .tsg-menu-class .callUs{
    position: relative;
    right: inherit;
}

/*** Header *****/

/* .mainNavbar {
    min-height: 153px;
} */

.hero_image, #facilityMap, .mainHeaderWrapper {
    height: 500px !important;
}

.hero_image img {
    height: auto !important;
}

.headerToggleButtonContainer{
    display: none;
}

.home .header_theme_5_text {
    width: 60%;
}

.home .sliderSubtitle {
    line-height: 2rem;
    margin-top: 1rem;
}

#findLocationsButton{
    min-width: 44px;
}

.mainSearchbarWrapper .innerSearchWrap{
    max-width: 1200px;
    margin: 0px auto;
    float: none;
}

.mainSearchbarWrapper input {
    margin-bottom: 0;
}

.noHeadPadder{
    height:0px;
}

.logoItem {
    min-width: 190px;
}

.main-logo-bar p {
    padding-bottom: 0;
}

#nabarTheme5 .logoItem .main-logo-bar img {
    max-height: 130px;
    margin: .7rem auto;
    width: auto;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.sticky #nabarTheme5 .logoItem .main-logo-bar img {
    margin: .5rem auto;
    max-height: 75px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.stickyMenuVisable #mainMenuContainer {
    margin-top: 0 !important;
}

#nabarTheme5 {
    padding: 10px 5px !important;
}

.sticky .logoItem {
    min-width: 130px !important;
}

a.socialHeadIcon{
    background: none;
    border: 0px;
    border: 1px solid rgba(0,0,0,0);
}

a.socialHeadIcon:hover {
    transform: scale(1.1);
    background: rgba(0,0,0,0);
    border: 1px solid #111;
}

.mmOpen .mmIsOpen {
    background: linear-gradient(135deg, #1d2d5c 0%, #243a78 100%) !important;
}

.mmOpen .mmClose {
    width: 320px !important;
    background: linear-gradient(135deg, #1d2d5c 0%, #243a78 100%) !important;
    border-bottom: 1px solid #654b01;
    color: #fff;
}

.button_1, .candee input[type=checkbox]:checked~i:after, .candee input[type=radio]:checked~i:after {
    background-color: #1A2B56;
}

.mmOpen .mmClose i {
    color: #fff;
}

.mmOpen #specialMenu {
    display: none !important;
}

.mmOpen .mainMenu .tsg-menu-class {
    padding-top: 121px !important;
}

.mmOpen ul#menu-header-menu > li {
    border-bottom: 1px solid #eee !important;
}

.mmOpen ul#menu-header-menu > li:last-of-type {
    border-bottom: none !important;
}

/*** Footer *****/
footer {
    background-color: #1A2B56;
    color: #ddd;
    padding: 5rem 0px;
    margin-top: 0;
}

.home footer {
    margin-top: 0;
}

footer a {
    color: #ddd;
}

footer a:hover {
    color: #E8521A !important;
}

.stateList{
    float: left;
    width: 20%;
}

footer .candee-copyright {
    font-size: .7rem;
    line-height: 1.4rem;
}


/*** Calculator *****/
.calculatorBox{
    background-color: white;
    border: 1px solid #999;
    border-radius: 10px;
    padding: 1.5rem 1rem;
    margin-bottom: 65px;
    font-weight: normal;
}

.fa-calculator, .calculatorDescription,.calculateButton{
    display: inline-block;
}

.fa-calculator{
    /* font-size: 3rem !important; */
    color: #E8521A;
}

.calculatorDescription{
    line-height: 1.3rem;
}

.calculateButton {
    margin-bottom: 0px;
    padding: 4px 30px;
    float: right;
    background: #1A2B56 !important;
    color: #fff;
    margin-top: 5px;
    border-radius: 10px;
    font-weight: normal;
    font-size: inherit;
    border: none;
}

.calculateButton:hover,
.calculateButton:focus {
    color: #fff !important;
    opacity: 1 !important;
}

.calculatorDescriptionLarge{
    font-size: 1.5rem;
}

.calculatorDescriptionSmall{
    font-size: .8rem;
    font-weight: bold;
}

/*** Facility Pitch *****/
.facilityBlock{
    background-color: white;
    padding: 10px;
    position: relative;
    line-height: 20px;
}

.closestLocationsWrapper .slick-slide{
    margin: 1%;
}

.closestLocationsWrapper .slick-slide img{
    max-height: 120px;
}

.facilityBlockButton{
    width: 200px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background: #1A2B56 !important;
    color: #fff;
    bottom: 0px;
    border-radius: 10px;
    font-weight: normal;
    display: inline-block;
    height: 38px;
    padding: 0 30px;
    text-align: center;
    font-size: 1rem;
    line-height: 38px;
    text-transform: none;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 10px;
    border: 1px solid #bbb;
    cursor: pointer;
    box-sizing: border-box;
    bottom: 10px;
}

.facilityBlockButton:hover {
    color: #fff !important;
    border-color: rgba(0,0,0,0);
}

.facilityBlockTitle{
    font-size: 1.3rem;
    padding-top: 30px;
}

.closestLocationsWrapperHeader-home .facilityBlock {
    background: #fff;
}

.closestLocationsWrapperHeader-home {
    box-shadow:inset 0px 25px 8px -10px #E8521A, inset 0px -1px 8px -10px #E8521A;
}

.closestLocationsWrapperHeader-home h3 {
    text-align: center;
    padding: 30px 0 5px 0;
    margin: 0;
}

body.home .facilityBlockTag {
    font-size: 1rem;
    font-weight: normal;
    text-align: center;
}

.closestLocationsWrapperHeader-home #pitchThemeContainer {
    margin-top: 1.5rem;
}

.closestLocationsWrapperHeader-home .facilityBlockTitle {
    display: none;
}


.closestLocationsWrapperHeader-home .pitchImage,
.closestLocationsWrapperHeader-home .pitchInfo {
    width: 50%;
    display: inline-block;
    white-space: pre-wrap !important; /* Fix for IE */
}

.closestLocationsWrapperHeader-home .pitchTheme11 .facilityBlock {
    min-width: 380px;
    max-width: 380px;
}

.closestLocationsWrapperHeader-home .pitchTheme11 .pitchImage {
    padding-top: 10px;
}

.closestLocationsWrapperHeader-home .pitchTheme11 .pitchImage img {
    max-height: 140px;
    height: auto;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
}

.closestLocationsWrapperHeader-home .pitchTheme11 .facilityBlockNum a {
    color: #222;
}

.closestLocationsWrapperHeader-home .pitchTheme11 .pitchInfo {
    color: #222;
    vertical-align: top;
}

.closestLocationsWrapperHeader-home .facilityBlockButton {
    line-height: 2.3rem;
    font-size: 1rem;
    text-transform: none;
}

/** Home Location Pitch Scrollbar */
.closestLocationsWrapper::-webkit-scrollbar {
    opacity: 1;
}
.closestLocationsWrapper::-webkit-scrollbar-track {
    background: rgba(0,0,0,.1);
}
.closestLocationsWrapper::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.2);
}
.closestLocationsWrapper::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,.4);
}

.facilityBlockName {
    font-weight: bold;
    font-size: .9rem;
    margin-bottom: 5px;
}

.facilityBlockAddress, .facilityBlockDistance {
    font-size: .8rem;
}


/*** Step list *****/
.stepList{
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
    clear:both;
    /* justify-content: space-between; */
}
.stepList li{
    flex-grow: 1;
    list-style: none;
    margin: 1%;
}

.stepList li:last-child{
    flex: none;
}

.stepLI{
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 15px;
}

.stepContent {
    display: flex;
    align-items: center;
}

.stepIcon{
    background-color: #E8521A;
    font-size: 3rem;
    border-radius: 8px;
    border: 1px solid white;
    height: 100px;
    width: 100px;
    text-align: center;
    margin: 0 auto;
    color: white;
}

.stepDots {
    flex-grow: 1;
    text-align: center;
}

.stepDot{
    background-color: #E8521A;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    display: inline-block;
    margin: 3.7%;
}

.stepDot:last-child{
    margin-right: 0px;
}

.stepText{
    font-size: .85rem;
    width: 100px;
    line-height: 17px;
    margin-top: 10px;
    text-align: center;
}


/*** Searchbar *****/
.locationsSearchContainer .mainLocationsSearchbarWrapper{
    position: absolute !important;
    width:95% !important;
    max-width: 1200px;
    bottom: 20px !important;
    background-color: white;
    border-radius: 10px;
}

#findLocationsNearMe, #findLocationsButton, #mapSearchButton {
    background: #f26625 !important;
    color: white;
    font-weight: normal;
    border-radius: 10px;
    border: none;
    overflow: hidden !important;
}


#findLocationsNearMe:hover, #findLocationsButton:hover, #mapSearchButton:hover{
    background: #1E2D5A !important;
}


/*** Pitch blocks *****/
.pitchDirectoryWrapper {
    box-shadow: inset 0px 25px 14px -12px #ccc, inset 0px -1px 51px -30px #ddd;
    padding-top: 50px;
    padding-bottom: 50px;
}

.pitchDirectoryWrapper #pitchThemeContainer {
    max-width: 1600px;
    margin: 0 auto;
}

.pitchBlock.shadow {
    position: relative;
    padding-bottom: 50px;
    min-height: 400px;
    -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border: 1.5px solid #a7a7a7;
}

.candee .shadow,
.widget-area.main-left-sidebar, .widget-area.main-right-sidebar {
    -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.pitchBlocUnitDesc {
    margin-bottom: 1rem;
}

.discountText{
    color: #4c601a;
    margin-top: 20px;
}

.fa-tag{
    margin-right: 5px;
}

.pitchDirectoryWrapper .slick-list{
    width: 100%;
}

.pitchDirectoryWrapper .slick-slide{
    margin: 2%;
}

.pitchBlockheader{
    padding: 10px 20px;
}

.pitchBlockContent{
    padding: 20px;
}

.pitchActionButtons {
    padding: 10px;
    position: absolute;
    bottom: 10px;
    width: 100%;
    display: flex;
}

.pitchBlockMore {
    background: #FFF radial-gradient(circle, rgba(0,0,0,.1) 1%, #FFF 1%) center/15000%;
    transition: background 0.3s;
    color: #000;
    padding-left:10px;
    border: 1px solid #999;
}

.pitchBlockTitle, .pitchBlockPrice{
    font-size: 2rem;
    font-weight: bold;
}

.pitchBlockPrice{
    margin-top: 20px;
}

.pitchBlockUnitType{
    font-weight: bold;
    position: relative;
}

.blockFacilityAddress, .blockFacilityNameDistance{
    position: relative;
    top: -8px;
    font-size: .8rem;
    font-weight: normal;
}

.candee-row.pitchActionButtons a, .pitchBlockUnavailableButton {
    min-width: 44.5%;
    float: left;
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin-right: 2.5%;
    margin-left: 2.5%;
    background-color: #1A2B56;
    border-radius: 10px;
    padding: 5px;
}

.blockFacilityName{
    font-weight: bold;
}

.pitchActionButtons a{
    display: inline-block;
}

body.home .pitchDirectoryWrapper #pitchThemeContainer .background_3 {
    background: rgba(0,0,0,0);
    box-shadow: none;
}

body.home .pitchDirectoryWrapper #pitchThemeContainer .pitchActionButtons {
    left: 0 !important;
}

body.home .pitchDirectoryWrapper #pitchThemeContainer .pitchBlockheader {
    background: rgba(0,0,0,0);
}

body.home .pitchDirectoryWrapper #pitchThemeContainer .pitchWrapper .slick-slide {
    padding: 0;
}

body.home .pitchDirectoryWrapper #pitchThemeContainer .pitchBlockContent {
    padding-left: 0;
    padding-right: 0;
    padding: 0;
}

.home .featuredWrapper {
    padding: 2.5rem 0;
    position: relative;
}

.home .featuredWrapper::after {
    display: none;
    content: '';
    width: 30px;
    height: 30px;
    background: #E8521A3d;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}

.home #featured_box,
.home .featured_box {
    margin-top: 0;
}

.home .featuredWrapper .featureBlock {
    background: #fff;
    text-align: center;
    border-radius: 10px;
    box-shadow:  0 9px 16px -6px rgba(0, 0, 0, 0.4);
}

.home .featuredWrapper .featureBlock i {
    background: #febf12;
    color: white;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    position: relative;
}

.home .featuredWrapper .featureBlock i::before,
.home .featuredWrapper .featureBlock i::after {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    font-size: 3.5rem;
}

.home .featuredWrapper .featuredHoursLink {
    left: 50%;
    transform: translateX(-50%);
    background: #1A2B56 !important;
    border: none !important;
    color: white;
    padding-right: 32px;
}

.home .featuredWrapper .featuredHoursLink.rightArrow:before {
    right: 19px;
}

.pitchWrapper .pitchBlockheader a {
    background: #ebebeb;
    border-color: #ababab;
}

.pitchWrapper .pitchActionButtons a:hover {
    opacity: .9;
    color: #fff !important;
}

/*** Other ***/
.keysDescriptions {
    display: none !important;
}


/*** Scraped facilites *****/
.scraped-facility-block{
    background-color: #FFFEE0;
}


/*** About Page *****/
.about_icons {
    padding: 0;
}

.about_icons .columns.four {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 8px solid rgba(0,0,0,0);
    border-top: 8px solid rgba(0,0,0,0);
}

.about_icons .columns.four:hover {
    border-bottom: 8px solid #222;
}

/*** Search ***/
#mapSearchButton {
    padding: 0 10px;
    font-size: 1rem;
}

#mapSearchInput {
    padding-right: 10px;
    min-width: 0;
    flex-grow: 1;
}

#mapSearchInput p {
    padding-bottom: 0;
}

#mapSearchInput input {
    max-width: 100%;
    width: 100%;
    margin: 0;
}

#mapSearchInput .error {
    text-align: left;
}

.map-search-desc {
    padding-top: 2rem;
}

/*** Unit Table ***/
.candee-container.unitsWrapper,
.locations_theme_1 .candee_locations {
    width: 95%;
}

.unitsTable .unitButtonsWrapper .yellowBTN {
    padding-left: 10px;
    padding-right: 10px;
    min-width: 120px;
    text-align: center;
}

/*** Locations Page ***/
.candee .candee_location_buttons .yellowBTN {
    margin-right: 2% !important;
}

.locations_theme_1 .headerToggleButtonContainer {
    display: block;
}

.headerToggleButtons {
    bottom: -450px !important;
}

/*** Contact Page ***/
.wpcf7 form {
    padding-left: 0;
    padding-right: 0;
}

/*** Button Styling ***/
.yellowBTN.background_1 {
    color: black !important;
}

#radiusUnitsButton,
.unitsTable .unitButtonsWrapper .yellowBTN,
.candee .candee_location_buttons .yellowBTN,
input[type=submit].wpcf7_submit,
body .candee .yellowBTN.background_1 {
    border: none;
    background-color: #1A2B56;
    border-radius: 10px;
    overflow: hidden !important;
    color: #fff !important;
    font-weight: normal;
    border-radius: 10px !important;
    border: none !important;
    min-width: 76px;
}

/*** Spinner styling changes ***/
#findLocationsNearMe.showSpinner::after,
#findLocationsButton.showSpinner::after,
.unitsTable .unitButtonsWrapper .showSpinner::after,
#radiusUnitsButton.showSpinner::after,
#mapSearchButton.showSpinner::after {
    height: auto;
    width: auto;
    margin: 0 0 0 10px !important;
    padding: 0;
    position: static;
    display: inline-block;
    color: inherit;
    line-height: inherit;
}

#findLocationsButton.showSpinner::after {
    margin: 0 !important;
}

#findLocationsButton.showSpinner::before {
    display: none;
}

/*** Button hover styling ***/
.home .featuredWrapper .featuredHoursLink,
.candee-row.pitchActionButtons a,
.facilityBlockButton,
.yellowBTN,
#radiusUnitsButton,
#findLocationsButton,
#findLocationsNearMe {
    transition: all 0.2s ease !important;
    transform: scale(1) !important;
    box-shadow: 0 0 8px -15px rgba(0,0,0,0);
    overflow: hidden !important;
}

.home .featuredWrapper .featuredHoursLink:hover,
.candee-row.pitchActionButtons a:hover,
.facilityBlockButton:hover,
.yellowBTN:hover,
#radiusUnitsButton:hover,
#findLocationsButton:hover,
#findLocationsNearMe:hover {
    transform: scale(1) !important;
    opacity: 1;
}

.home .featuredWrapper .featuredHoursLink {
    color: white !important;
    transform: translateX(-50%) scale(1);
}

.home .featuredWrapper .featuredHoursLink:hover {
    color: white !important;
    transform: translateX(-50%) scale(1.05);
}

.trademark {
    font-size: .7em;
    vertical-align: super;
}

/*** Media queries *****/
@media (min-width: 1250px){
    .logoItem {
        min-width: 236px;
    }
}

@media screen and (max-width: 1200px) {
    .miscLinks a {
        width: 65px;
    }

    .stepDot:last-child{
        display: none;
    }
}
@media screen and (max-width: 1120px) {
    .stepDot:nth-child(4){
        display: none;
    }
}



@media screen and (max-width: 1080px) {
    .stepDot:nth-child(3){
        display: none;
    }
}


@media screen and (max-width: 1024px) {
    .logoItem p{
        margin: 0px;
        padding:0px;
    }

    .menuItem{
        height: 0px;
    }
}

@media (max-width: 900px){
    
    #topmostBar .textAlignRight {
        text-align: center;
    }


    .stepDot:nth-child(2){
        display: none;
    }
}

@media (max-width: 850px){
    .mainHeaderWrapper .hero_image img {
        left: 40%;
    }

    footer {
        text-align: center;
    }

    footer .columns {
        width: 100% !important;
        display: block;
        box-sizing: border-box;
        margin: 1rem 0;
    }
    
    footer .columns:first-of-type {
        margin-top: 0;
    }

    footer .columns:last-of-type {
        margin-bottom: 0;
    }
}

@media (min-width: 801px){
    .leftSidebarNoHeaderContainer #pinnacleMainContent .container {
        width: 80%;
    }
}

@media (max-width: 800px){
    .leftSidebarNoHeaderContainer .columns {
        width: 100%;
    }
    
    .page-template-default #pinnacleMainContent .pageContent > .four,
    .page-template-default #pinnacleMainContent .pageContent > .eight {
        width: 100%;
        margin-left: 0;
        margin-bottom: 2rem;
    } 
}


@media (max-width: 700px){
    .stepDot{
        display: none;
    }
}

@media (max-width: 600px){
    .mainHeaderWrapper .hero_image img {
        left: 30%;
        top: calc(50% - 35px);
    }
}

@media (max-width: 550px){
    .home  .mainHeaderWrapper .hero_image img {
        left: 80%;
        top: 50%;
    }
    
    .home .sliderSubtitle {
        line-height: 1.4rem;
    }

    .hero_image, #facilityMap, .mainHeaderWrapper {
        height: 400px !important;
    }

    .stepList li {
        width: 48%;
        text-align: center;
    }
    
    .stepContent {
        display: block;
    }

    .stepText{
        width: 100%;
        text-align: center;
    }

    .stepList{
        margin-top: 25px;
    }

    .facilityBlock{
        padding-bottom: 50px;
    }

    .calculatorBox {
        text-align: center;
    }

    .calculateButton {
        float: none;
    }

    .headerToggleButtons {
        bottom: -350px !important;
    }
}

@media (max-width: 430px){
    .mm_holder2 {
        display: block !important;
    }
}

.vmapcontainer .jqvmap-region {
    fill: #b5c0e0;
}

.vmapcontainer .jqvmap-region:hover {
    opacity: .4; 
}


/*CALCULATOR*/
div#calc-box {
    border: solid 3px #fff;
}

#calc-form .panel-title {
    cursor: pointer;
    font-size: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 1em;
}
  
.fullTemplateCalcBox {
    position: fixed;
    top: 0px;
    background-color: #aa0a00;
    right: 0px;
    left: 0px;
    z-index: 999;
    color: #fff;
    overflow: auto;
    padding: 15px 10%;
    height: 55px;
}
  
.calc-box-left {
    float: left;
    width: 49%;
    text-align: center;
    margin-top: -12px;
}

.calc-box-right {
    float: right;
    width: 49%;
    text-align: center;
    margin-top: -12px;
}

.panel-collapse {
    display: none;
}

#calc-form .accordianElement {
    float: left;
    width: 50%;
    height: 50px;
    line-height: 40px;
}

#calc-form .panel-body::after {
    content: '';
    display: block;
    clear: both;
}

#calc-form .accordianElement .accordianInput {
    width: 45px;
    float: left;
    margin-right: 10px;
}

#calc-box {
    background-color: #febf12;
    right: 0px;
    left: 0px;
    z-index: 999;
    overflow: auto;
    padding: 15px 10%;
}

.page-template-calculator {
    padding-bottom: 80px;
}

.page-template-calculator .mainHeaderWrapper {
    display: none;
}

.page-template-calculator .pageContent {
    padding-top: 125px;
}

.page-template-calculator .eight.columns, .page-template-calculator aside .four.columns {
    float: none;
    width: 100%;
}

#calc-form .accordianElement {
    line-height: normal;
}

.hero_image .container:before {
    content: "" !important;
}

.mainLogo img {
    max-width: 160px;
}

.wpcf7 form {
      padding: 0px;
}

@media screen and (max-width: 400px) {
    #calc-form .accordianElement {
      width: 100%;
    }
}

.page-template-calculator aside {
      display: none;
}

/*END CALCUTOR*/

.candeeInfoWindow a {
    color: #aa0000 !important;
    font-weight: 500;
}

.pageContent ol li {
    list-style: inherit;
}

ol li::before {
    display: none;
}

/* Competitor Location Cards */
.candee_locations_block.competitor-facility-block {
    background: rgba(0,0,0,.01);
    border: 2px solid rgba(0,0,0,.05) !important;
    box-shadow: 0 14px 12px -8px rgb(0, 0, 0, .04);
    border-radius: 5px;
    padding: 20px;
}

.competitor-facility-block .minor_button {
    width: auto;
    float: none;
}

.competitor-facility-block .minor_button:hover {
    background: none;
}

.competitor-facility-block .candee_locations_block_address {
    padding: 0;
}

.competitor-facility-block .candee_locations_block_title {
    margin-bottom: 0;
}

.facilityMasterData.sponsored_facility {
    border: 4px solid #febf12 !important;
    position: relative;
    margin: 15px 0 25px 0;
    padding: 35px 5% 24px;
    visibility: visible;
    opacity: 1;
    overflow: hidden;
    background: rgba(255, 248, 230, .3);
    box-shadow: 0 14px 12px -8px rgb(0, 0, 0, .04);
    border-radius: 5px;
}

.facilityMasterData.sponsored_facility::before {
    content: 'Sponsored';
    font-size: .7rem;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    background: #febf12;
    color: black;
    position: absolute;
    top: .8rem;
    left: -3.1rem;
    padding: 0 3rem;
    transform: rotate(-35deg);
}

.candee_locations_block_address {
    padding-top: 0;
}

.facilityMasterData.sponsored_facility.candee_locations_block .property_icons a {
    border: 2px solid #ddd;
}

.facilityMasterData.sponsored_facility .pitchBlock {
    background: #fff;
}


.pitchTheme11 .facilityBlockTitle {
    display: none;
}

div.pitchTheme11 .facilityBlock.background_1 {
    background: #fff !important;
    color: #1e2d5a !important;
}

.pitchTheme11 .pitchInfo,
.pitchTheme11 .pitchInfo .facilityBlockNum a{
    color: #1e2d5a !important;
}

.pitchTheme11 .pitchImage img {
    width: 100% !important;
    height: 140px !important;
    object-fit: cover !important;
}


.pitchTheme11 .facilityBlock {
    padding-bottom: 65px !important;
}

.pitchTheme11 .facilityBlockName{
    min-height: 40px;
}


/* .mainNavbar {
    min-height: 95px !important; 
} */
#nabarTheme5 .logoItem img {
	max-width: 300px !important;
}

.single-post .hero_image, #facilityMap, .mainHeaderWrapper {
      display: none !important;
}

#topmostBar > .container,
#nabarTheme5 > .container {
    max-width: 1920px !important;
}

#topmostBar{
    background: rgba(20, 31, 64, 0.97) !important;
}

.candee-container{
    max-width:1400px !important;
    margin: 0 auto !important;
}

/* #topBar {
    width: 100%;
} */

#topBar {
    width: 100% !important;
}

#topBar .six.columns.socialLinks.textAlignRight {
    float: right;
}

#topBar a,
#topBar a [class*=" icon-"].icon-black {
    color: #fff !important;
}



.hide-desktop{
    display:none !important;
}


/* ── Account Icon Plugin Restyle ─────────────────── */

/* Hide the stacked layout, make it inline pill */
.mainAccountIcons.candee {
  display: flex;
  align-items: center;
}

.topAccountControl,
.miscLinks a {
  display: inline-flex !important;
  align-items: center;
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  font-weight: 600;
  width: unset !important;
  float: unset !important;
  letter-spacing: 0.03em;
  color: rgba(255, 255, 255, 0.75) !important;
  /* border: 1px solid rgba(255, 255, 255, 0.25);
  padding: 7px 16px;
  border-radius: 100px; */
  transition: background 0.2s, border-color 0.2s, color 0.2s;
}

.topAccountControl:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
  color: #ffffff !important;
}

.main-candee-account {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
}

.main-candee-account .accIcon {
  font-size: 13px;
  opacity: 0.7;
}

/* Hide the label text if you want icon-only */
/* #accountDefaultName { display: none; } */

#nabarTheme5 .miscLinks .fa {
    margin-bottom: unset !important;
}

/* Fix Account label visibility */
.mainAccountIcons.candee .truncate {
  width: auto !important;
  overflow: visible !important;
  white-space: nowrap !important;
  display: inline !important;
}

.mainAccountIcons.candee .main-candee-account {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
}

#accountDefaultName {
  display: inline !important;
  visibility: visible !important;
  width: auto !important;
}

.mainAccountIcons.candee .truncate {
    white-space: wrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

#accountDefaultName,
span#accountDefaultName {
  display: inline !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  clip: auto !important;
  width: auto !important;
  max-width: none !important;
  display: none !important;
}


/* #topmostBar a[href="/contact"].googleTagManager {
  display: none !important;
} */

#pinnacleHeader .main-logo-bar a[href="/contact"].googleTagManager,
#pinnacleHeader .mainMenu a[href="/contact"].googleTagManager {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  padding: 6px 18px;
  border: 1.5px solid #1E2D5A;
  border-radius: 30px;
  color: #1E2D5A !important;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  white-space: nowrap;
  transition: all 0.2s ease;
  margin-left: 12px;
  background: transparent;
}

#pinnacleHeader .main-logo-bar a[href="/contact"].googleTagManager:hover,
#pinnacleHeader .mainMenu a[href="/contact"].googleTagManager:hover {
  background: #1E2D5A !important;
  color: #fff !important;
}

.sticky #pinnacleHeader a[href="/contact"].googleTagManager,
.scrolled #pinnacleHeader a[href="/contact"].googleTagManager {
  border-color: #fff;
  color: #fff !important;
}

.sticky #pinnacleHeader a[href="/contact"].googleTagManager:hover,
.scrolled #pinnacleHeader a[href="/contact"].googleTagManager:hover {
  background: #fff !important;
  color: #1E2D5A !important;
}


.sliderTitle, .home .sliderSubtitle {
    color: white;
    text-shadow: 1px 1px 2px #888, 0 0 1em #888, 0 0 0.2em #888;
}


.home .pitchTheme11 .facilityBlock {
    min-height: 230px;
    border-radius: 1.5rem;
}

i.accIcon.fa.fa-user {
    color: #E8521A;
}

.pitchBlock.flex-item.equalizePitchHeight{
    border-radius: 0.5rem;
    padding: 0.8rem;
}

.tsg-menu-class ul ul li:hover > a{
    background-color: #f5f7fa !important;
}

.activeContentMode{
    background-color: #1A2B56 !important;
    color: #fff !important;
}

#contentBuild{
    background-color: #E8521A !important;
    color:white !important
}

section.background_1.about_icons {
    color: white;
}

#search_text {
    gap: 10px;
}

#search_text input#search_name {
    margin-bottom: 0;
    border-radius: 10px !important;
}








html { scroll-behavior: smooth; }
body {
  font-family: 'Lato', sans-serif;
  background: #fff;
  color: #1E2D5A;
  overflow-x: hidden;
  line-height: 1.6;
}

h1,h2,h3,h4{
    font-family: 'Raleway', sans-serif;
}

/* ─── NAV ──────────────────────────────── */
/* nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  height: 68px;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 48px;
  background: rgba(20,31,64,0.97);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(232,82,26,0.1);
  transition: background 0.3s;
}
.nav-logo img { height: 34px; display: block; }
.nav-center { display: flex; align-items: center; gap: 32px; list-style: none; }
.nav-center a {
  color: rgba(255,255,255,0.6);
  text-decoration: none; font-size: 14px; font-weight: 500;
  transition: color 0.2s;
}
.nav-center a:hover { color: #A8CFDF; }
.nav-right { display: flex; align-items: center; gap: 20px; }
.nav-phone { font-size: 13px; color: rgba(255,255,255,0.45); display: flex; align-items: center; gap: 6px; }
.nav-phone strong { color: rgba(255,255,255,0.75); font-weight: 500; }
.nav-add {
  font-size: 13px; font-weight: 600;
  color: #A8CFDF !important;
  border: 1px solid rgba(232,82,26,0.3);
  padding: 7px 16px; border-radius: 8px;
  transition: background 0.2s !important;
}
.nav-add:hover { background: rgba(232,82,26,0.15) !important; color: #fff !important; } */

/* ─── HERO ─────────────────────────────── */
.hero {
  min-height: 75vh;
  background: #141f40;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  padding: 70px 40px 70px;
  position: relative;
  text-align: center;
}
.hero-bg-glow-1 {
  position: absolute; top: -180px; right: -180px;
  width: 680px; height: 680px; border-radius: 50%;
  background: radial-gradient(circle, rgba(122,179,204,0.14) 0%, transparent 68%);
  pointer-events: none;
}
.hero-bg-glow-2 {
  position: absolute; bottom: -120px; left: -120px;
  width: 520px; height: 520px; border-radius: 50%;
  background: radial-gradient(circle, rgba(46,64,128,0.5) 0%, transparent 68%);
  pointer-events: none;
}
.hero-grid-lines {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(232,82,26,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(232,82,26,0.035) 1px, transparent 1px);
  background-size: 52px 52px; pointer-events: none;
}
.hero-inner { position: relative; z-index: 2; width: 100%; max-width: 875px; }

.hero-eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  /* background: rgba(232,82,26,0.1); */
  border: 1px solid rgba(232,82,26,0.22);
  color: #A8CFDF;
  font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase;
  padding: 6px 16px; border-radius: 100px; margin-bottom: 28px;
}
.hero-dot { width: 6px; height: 6px; background: #E8521A; border-radius: 50%; animation: blink 2s infinite; }
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.3} }

.hero h1 {
  font-family: 'Raleway', sans-serif;
  font-size: clamp(40px, 6vw, 72px);
  font-weight: 800; letter-spacing: -2px; line-height: 1.04;
  color: #fff; margin-bottom: 22px;
}
.hero h1 em { font-style: normal; color: #E8521A; }

.hero-sub {
  color: rgba(255,255,255,0.70);
  font-size: 18px; font-weight: 300; line-height: 1.75;
  margin: 0 auto 44px;
}

.search-card {
  background: #fff;
  border-radius: 18px;
  padding: 0;
  display: flex; align-items: center; gap: 10px;
  box-shadow: 0 20px 60px rgba(30,45,90,0.15);
  transition: box-shadow 0.25s; margin-bottom: 16px;
}
.search-card:focus-within { box-shadow: 0 0 0 4px rgba(232,82,26,0.28), 0 20px 60px rgba(30,45,90,0.15); }
.search-icon { color: #9AAABF; flex-shrink: 0; }
.search-card input {
  flex: 1; border: none; outline: none;
  font-family: 'Lato', sans-serif; font-size: 16px; color: #1E2D5A;
  background: none; min-width: 0;
}
.search-card input::placeholder { color: #B0BCCC; }
.search-divider { width: 1px; height: 28px; background: rgba(30,45,90,0.09); flex-shrink: 0; }
.search-size-select {
  border: none; outline: none; background: none;
  font-family: 'Lato', sans-serif; font-size: 14px; color: #5A6A8A;
  cursor: pointer; padding: 0 8px; flex-shrink: 0;
}
.search-btn {
  background: #1E2D5A; color: #fff;
  font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 600;
  border: none; cursor: pointer; padding: 14px 28px; border-radius: 12px;
  white-space: nowrap; flex-shrink: 0;
  transition: background 0.2s, transform 0.1s;
  display: flex; align-items: center; gap: 8px;
}
.search-btn:hover { background: #2E4080; transform: translateY(-1px); }

.search-suggestions { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
.suggestion-pill {
  background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.5); font-size: 12px; font-weight: 500;
  padding: 5px 14px; border-radius: 100px; cursor: pointer; transition: all 0.2s;
}
.suggestion-pill:hover { background: rgba(232,82,26,0.15); color: #fff; border-color: rgba(232,82,26,0.3); }

.hero-stats {
  display: flex; margin-top: 52px;
  border: 1px solid rgba(232,82,26,0.13); border-radius: 14px; overflow: hidden;
  background: rgba(255,255,255,0.03);
}
.hero-stat {
  flex: 1; padding: 18px 24px; text-align: center;
  border-right: 1px solid rgba(232,82,26,0.1);
}
.hero-stat:last-child { border-right: none; }
.stat-num { font-family: 'Raleway', sans-serif; font-size: 26px; font-weight: 800; color: #fff; line-height: 1; }
.stat-num em { font-style: normal; color: #E8521A; }
.stat-label { font-size: 11px; color: rgba(255,255,255,0.45); letter-spacing: 0.07em; text-transform: uppercase; margin-top: 5px; }

/* ─── SHARED SECTION STYLES ─────────────── */
.section { padding: 88px 48px; }
.section-inner { max-width: 1400px; margin: 0 auto; }
.section-eyebrow { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 700; color: #E8521A; margin-bottom: 12px; }
.section-title { font-family: 'Raleway', sans-serif; font-size: clamp(28px, 3.5vw, 44px); font-weight: 800; letter-spacing: -1px; line-height: 1.1; color: #1E2D5A; margin-bottom: 16px; }
.section-sub { font-size: 17px; color: #5A6A8A; line-height: 1.7; font-weight: 300; max-width: 500px; }
.section-row { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 36px; gap: 20px; flex-wrap: wrap; }
.view-all-link { color: #1E2D5A; font-size: 14px; font-weight: 600; text-decoration: none; border-bottom: 2px solid #E8521A; padding-bottom: 2px; white-space: nowrap; transition: color 0.2s; }
.view-all-link:hover { color: #E8521A !important; }

.type-icon svg {
  width: 48px;
  height: 48px;
  display: block;
  margin: 0 auto 0 0;
}

/* ─── NEARBY FACILITIES ──────────────────── */
.nearby { background: #f5f7fa; }

.location-tabs { display: flex; gap: 8px; margin-bottom: 28px; flex-wrap: wrap; }
.loc-tab { padding: 8px 18px; border-radius: 100px; font-size: 13px; font-weight: 500; border: 1px solid rgba(30,45,90,0.09); background: #fff; color: #5A6A8A; cursor: pointer; transition: all 0.2s; }
.loc-tab.active, .loc-tab:hover { background: #1E2D5A; color: #fff; border-color: #1E2D5A; }

.facility-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.facility-card { background: #fff; border-radius: 18px; overflow: hidden; box-shadow: 0 2px 12px rgba(30,45,90,0.07); border: 1px solid rgba(30,45,90,0.09); transition: transform 0.28s, box-shadow 0.28s; cursor: pointer; display: flex; flex-direction: column; }
.facility-card:hover { transform: translateY(-5px); box-shadow: 0 8px 32px rgba(30,45,90,0.11); }
.facility-img { height: 140px; position: relative; overflow: hidden; }
.facility-img-placeholder { width: 100%; height: 100%; background: linear-gradient(135deg, #F4F5F7 0%, #d4e9f2 100%); display: flex; align-items: center; justify-content: center; font-size: 40px; }
.facility-distance { position: absolute; top: 10px; right: 10px; background: rgba(20,31,64,0.82); color: #fff; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 100px; backdrop-filter: blur(4px); }
.facility-badge { position: absolute; top: 10px; left: 10px; background: #E8521A; color: #1E2D5A; font-size: 10px; font-weight: 700; padding: 3px 10px; border-radius: 100px; text-transform: uppercase; letter-spacing: 0.05em; }
.facility-body { padding: 18px 20px 20px; flex: 1; display: flex; flex-direction: column; }
.facility-name { font-family: 'Raleway', sans-serif; font-size: 15px; font-weight: 700; margin-bottom: 4px; line-height: 1.3; }
.facility-address { font-size: 12px; color: #5A6A8A; margin-bottom: 12px; }
.facility-tags { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 14px; }
.ftag { font-size: 11px; font-weight: 600; background: #F4F5F7; color: #2E4080; padding: 3px 9px; border-radius: 5px; letter-spacing: 0.03em; }
.facility-footer { margin-top: auto; padding-top: 14px; border-top: 1px solid rgba(30,45,90,0.09); display: flex; align-items: center; justify-content: space-between; }
.facility-price .from { font-size: 11px; color: #5A6A8A; }
.facility-price .amount { font-family: 'Raleway', sans-serif; font-size: 22px; font-weight: 800; color: #1E2D5A; line-height: 1; }
.facility-price .per { font-size: 12px; color: #5A6A8A; }
.btn-see-units { background: #1E2D5A; color: #fff; font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 600; border: none; cursor: pointer; padding: 9px 16px; border-radius: 9px; transition: background 0.2s; white-space: nowrap; }
.btn-see-units:hover { background: #E8521A; color: #1E2D5A; }

/* ─── SIZE GUIDE ────────────────────────── */
.size-guide { background: #fff; }
.size-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 44px; }
.size-card { border: 2px solid rgba(30,45,90,0.09); border-radius: 18px; padding: 28px 24px; cursor: default; transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s; position: relative; overflow: hidden; }
.size-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: #E8521A; transform: scaleX(0); transform-origin: left; transition: transform 0.25s; }
.size-card:hover { border-color: #E8521A; box-shadow: 0 2px 12px rgba(30,45,90,0.07); transform: translateY(-3px); }
.size-card:hover::before { transform: scaleX(1); }
.size-icon { font-size: 32px; margin-bottom: 14px; }
.size-dims { font-family: 'Raleway', sans-serif; font-size: 28px; font-weight: 800; color: #1E2D5A; letter-spacing: -1px; line-height: 1; margin-bottom: 6px; }
.size-label { font-size: 13px; font-weight: 600; color: #E8521A; text-transform: uppercase; letter-spacing: 0.07em; margin-bottom: 12px; }
.size-desc { font-size: 13px; color: #5A6A8A; line-height: 1.6; margin-bottom: 16px; }
.size-fits { font-size: 12px; font-weight: 600; color: #2E4080; }
.size-fits span { color: #5A6A8A; font-weight: 400; }
.calc-banner { margin-top: 28px; background: #F4F5F7; border: 1px solid rgba(232,82,26,0.3); border-radius: 16px; padding: 24px 32px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.calc-banner-text h3 { font-family: 'Raleway', sans-serif; font-size: 18px; font-weight: 700; margin-bottom: 4px; }
.calc-banner-text p { font-size: 14px; color: #5A6A8A; }

.tsg-btn, a.read-more { background: #E8521A; color: #fff; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 600; border: none; cursor: pointer; padding: 12px 24px; border-radius: 10px; white-space: nowrap; transition: background 0.2s; }
.tsg-btn:hover, a.read-more:hover { background:#1E2D5A  !important;color: #fff !important; }


a.read-more{
    display: inline-block;
    margin-top: 20px;
}


/* ─── HOW IT WORKS ──────────────────────── */
.how { background: #1E2D5A; }
.how .section-eyebrow { color: #E8521A; }
.how .section-title { color: #fff; }
.how .section-sub { color: rgba(255,255,255,0.75); }

.steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-top: 52px;
}

.step {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(232,82,26,0.2);
  padding: 36px 28px;
  border-radius: 16px;
  transition: background 0.25s, border-color 0.25s;
  position: relative;
  overflow: hidden; 
}

.step:hover {
  background: rgba(232,82,26,0.12);
  border-color: rgba(232,82,26,0.5);
}

.step-number {
  font-family: 'Raleway', sans-serif;
  font-size: 96px;
  font-weight: 800;
  color: rgba(255,255,255,0.12);
  line-height: 1;
  position: absolute;
  top: -14px;
  right: 12px;
  pointer-events: none;
  transition: color 0.25s;
  user-select: none;
}

.step:hover .step-number {
    color: rgba(255,255,255,0.22);
}

.step-icon-wrap {
  margin-bottom: 32px;
  margin-top: 24px; 
}

.step-icon-wrap {
  position: relative;
  z-index: 1;
  width: 52px;
  height: 52px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-bottom: 20px;
}

.step h3 {
  position: relative;
  z-index: 1;
  font-family: 'Raleway', sans-serif;
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
}

.step p {
  position: relative;
  z-index: 1;
  font-size: 13px;
  color: rgba(255,255,255,0.72);
  line-height: 1.7;
}

.step:hover h3 { color: #fff; }
.step:hover p { color: rgba(255,255,255,0.9); }

.step:hover .step-icon-wrap{
    background: rgba(232,82,26,0.22);
  border-color: rgba(232,82,26,0.5);
}

@media (max-width: 768px) {
  .steps { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .steps { grid-template-columns: 1fr; }
}

/* ─── UNIT DEALS ────────────────────────── */
.deals { background: #f5f7fa; }
.deals-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 8px; }
.deal-card { background: #fff; border-radius: 18px; overflow: hidden; box-shadow: 0 2px 12px rgba(30,45,90,0.07); border: 1px solid rgba(30,45,90,0.09); transition: transform 0.28s, box-shadow 0.28s; cursor: pointer; }
.deal-card:hover { transform: translateY(-5px); box-shadow: 0 8px 32px rgba(30,45,90,0.11); }
.deal-header { background: #1E2D5A; padding: 24px 22px 20px; position: relative; overflow: hidden; }
.deal-header::after { content: ''; position: absolute; top: -30px; right: -30px; width: 100px; height: 100px; border-radius: 50%; background: rgba(232,82,26,0.09); }
.deal-size-tag { font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.4); margin-bottom: 6px; }
.deal-dims { font-family: 'Raleway', sans-serif; font-size: 36px; font-weight: 800; color: #fff; letter-spacing: -2px; line-height: 1; }
.deal-dims sup { font-size: 14px; letter-spacing: 0; font-weight: 400; vertical-align: top; margin-top: 6px; display: inline-block; color: rgba(255,255,255,0.5); }
.deal-sqft { font-size: 12px; color: rgba(255,255,255,0.4); margin-top: 6px; }
.deal-promo-badge { position: absolute; top: 14px; right: 14px; background: #E8521A; color: #1E2D5A; font-size: 9px; font-weight: 700; letter-spacing: 0.06em; padding: 4px 9px; border-radius: 100px; text-transform: uppercase; }
.deal-body { padding: 18px 20px 20px; }
.deal-facility { font-size: 13px; font-weight: 600; margin-bottom: 3px; }
.deal-location { font-size: 12px; color: #5A6A8A; margin-bottom: 12px; }
.deal-features { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 16px; }
.dfeat { font-size: 10px; font-weight: 600; background: #F4F5F7; color: #2E4080; padding: 3px 8px; border-radius: 5px; text-transform: uppercase; letter-spacing: 0.04em; }
.deal-footer { display: flex; align-items: center; justify-content: space-between; padding-top: 14px; border-top: 1px solid rgba(30,45,90,0.09); }
.deal-price .was { font-size: 11px; color: #5A6A8A; text-decoration: line-through; }
.deal-price .now { font-family: 'Raleway', sans-serif; font-size: 26px; font-weight: 800; color: #1E2D5A; line-height: 1; letter-spacing: -1px; }
.deal-price .now sub { font-size: 12px; font-weight: 400; color: #5A6A8A; letter-spacing: 0; vertical-align: baseline; }
.btn-movein { background: #1E2D5A; color: #fff; font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 600; border: none; cursor: pointer; padding: 9px 15px; border-radius: 9px; transition: background 0.2s; white-space: nowrap; }
.btn-movein:hover { background: #E8521A; color: #1E2D5A; }

/* ─── STORAGE TYPES ─────────────────────── */
.types { background: #fff; }
.types-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 44px; }
.type-card { border: 1px solid rgba(30,45,90,0.09); border-radius: 18px; padding: 36px 30px; transition: border-color 0.25s, box-shadow 0.25s, transform 0.25s; cursor: pointer; position: relative; overflow: hidden; }
.type-card::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, #F4F5F7 0%, transparent 60%); opacity: 0; transition: opacity 0.25s; }
.type-card:hover { border-color: #E8521A; box-shadow: 0 2px 12px rgba(30,45,90,0.07); transform: translateY(-4px); }
.type-card:hover::before { opacity: 1; }
.type-icon { font-size: 38px; margin-bottom: 18px; display: block; position: relative; }
.type-title { font-family: 'Raleway', sans-serif; font-size: 20px; font-weight: 700; margin-bottom: 10px; position: relative; }
.type-desc { font-size: 14px; color: #5A6A8A; line-height: 1.7; margin-bottom: 20px; position: relative; }
.type-link { color: #1E2D5A; font-size: 13px; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; border-bottom: 1.5px solid #E8521A; padding-bottom: 2px; transition: color 0.2s, gap 0.2s; position: relative; }
.type-link:hover { color: #E8521A !important; gap: 9px; }

/* ─── FIND / MAP ────────────────────────── */
.find-section { background: #F4F5F7; }
.find-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }
.find-map-wrap { background: #1E2D5A; border-radius: 22px; position: relative; overflow: hidden; box-shadow: 0 20px 60px rgba(30,45,90,0.15); }
.find-map-wrap .vmapcontainer {
    display: flex;
    justify-content: center;
}
.find-map-wrap svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.map-glow { position: absolute; background: radial-gradient(circle, rgba(232,82,26,0.22) 0%, transparent 65%); top: 10%; left: 20%; width: 60%; height: 80%; pointer-events: none; }
.map-pin { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #E8521A; box-shadow: 0 0 0 4px rgba(232,82,26,0.25); animation: ping 2.5s ease-in-out infinite; }
@keyframes ping { 0%,100%{ box-shadow: 0 0 0 4px rgba(232,82,26,0.25); } 50%{ box-shadow: 0 0 0 14px rgba(232,82,26,0.07); } }
.map-pin:nth-child(2){ top:36%; left:56%; animation-delay:0s; }
.map-pin:nth-child(3){ top:46%; left:42%; animation-delay:0.6s; }
.map-pin:nth-child(4){ top:30%; left:67%; animation-delay:1.1s; }
.map-pin:nth-child(5){ top:55%; left:50%; animation-delay:1.7s; }
.map-pin:nth-child(6){ top:41%; left:32%; animation-delay:0.9s; }
.map-pin:nth-child(7){ top:28%; left:48%; animation-delay:1.4s; }
.find-states-label { font-size: 12px; color: #5A6A8A; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 12px; margin-top: 28px; }
.state-bubbles { display: flex; flex-wrap: wrap; gap: 7px; }
.state-bubble { font-size: 12px; font-weight: 600; background: #fff; border: 1px solid rgba(30,45,90,0.09); color: #5A6A8A; padding: 4px 12px; border-radius: 100px; cursor: pointer; transition: all 0.2s; }
.state-bubble:hover { background: #1E2D5A; color: #fff; border-color: #1E2D5A; }
.find-search-row { display: flex; gap: 10px; margin-top: 32px; }
.find-input, #mapSearchInput input { flex: 1; border: 2px solid rgba(30,45,90,0.09); border-radius: 12px; padding: 13px 18px; font-family: 'Lato', sans-serif; font-size: 15px; color: #1E2D5A; background: #fff; outline: none; transition: border-color 0.2s, box-shadow 0.2s;height: unset; }
.find-input:focus, #mapSearchInput input:focus { border-color: #E8521A; box-shadow: 0 0 0 4px rgba(232,82,26,0.15); }
.btn-find { background: #1E2D5A; color: #fff; font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 600; border: none; cursor: pointer; padding: 13px 26px; border-radius: 12px; transition: background 0.2s; white-space: nowrap; }
.btn-find:hover { background: #2E4080; }
.find-quick-stats { display: flex; gap: 28px; margin-top: 24px; flex-wrap: wrap; }
.fqs { font-size: 13px; color: #5A6A8A; display: flex; align-items: center; gap: 6px; }
.fqs strong { color: #1E2D5A; }

.find-search-row #mapSearchButton{
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    padding: 13px 26px;
    border-radius: 12px;
    transition: background 0.2s;
    white-space: nowrap;
    letter-spacing: normal;
    word-spacing: normal;
}

/* .find-search-row #mapSearchButton:hover {
    background: #1E2D5A;
    color: #fff !important;
} */

/* ─── TESTIMONIALS ──────────────────────── */
.testimonials { background: #fff; }
.testi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 44px; }
.testi-card { border: 1px solid rgba(30,45,90,0.09); border-radius: 18px; padding: 30px; transition: box-shadow 0.25s, transform 0.25s; }
.testi-card:hover { box-shadow: 0 8px 32px rgba(30,45,90,0.11); transform: translateY(-4px); }
.testi-card.highlight { background: #1E2D5A; border-color: transparent; }
.testi-stars { color: #F4A72A; font-size: 15px; letter-spacing: 2px; margin-bottom: 14px; }
.testi-quote-mark { font-family: 'Raleway', sans-serif; font-size: 52px; line-height: 0.8; color: #E8521A; margin-bottom: 12px; display: block; }
.testi-text { font-size: 15px; color: #5A6A8A; line-height: 1.75; margin-bottom: 22px; }
.testi-card.highlight .testi-text { color: rgba(255,255,255,0.65); }
.testi-author { display: flex; align-items: center; gap: 12px; }
.testi-avatar { width: 40px; height: 40px; border-radius: 50%; flex-shrink: 0; background: #E8521A; color: #1E2D5A; font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 14px; display: flex; align-items: center; justify-content: center; }
.testi-name { font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 700; }
.testi-card.highlight .testi-name { color: #fff; }
.testi-location { font-size: 12px; color: #5A6A8A; margin-top: 2px; }
.testi-card.highlight .testi-location { color: rgba(255,255,255,0.4); }

/* ─── BOTTOM CTA ────────────────────────── */
.bottom-cta { background: #1E2D5A; padding: 88px 48px; text-align: center; position: relative; overflow: hidden; }
.bottom-cta::before { content: ''; position: absolute; top: -150px; left: 50%; transform: translateX(-50%); width: 600px; height: 400px; border-radius: 50%; background: radial-gradient(circle, rgba(232,82,26,0.1) 0%, transparent 70%); pointer-events: none; }
.bottom-cta .section-eyebrow { color: #E8521A; margin-bottom: 16px; }
.bottom-cta-title { font-family: 'Raleway', sans-serif; font-size: clamp(30px, 4vw, 52px); font-weight: 800; letter-spacing: -1px; line-height: 1.08; color: #fff; margin-bottom: 16px; position: relative; }
.bottom-cta-sub { color: rgba(255,255,255,0.68); font-size: 17px; font-weight: 300; max-width: 460px; margin: 0 auto 36px; line-height: 1.7; position: relative; }
.bottom-cta-search { background: #fff; border-radius: 16px; padding: 0; display: flex; align-items: center; gap: 10px; max-width: 520px; margin: 0 auto; box-shadow: 0 20px 60px rgba(30,45,90,0.15); position: relative; }
.bottom-cta-search input { flex: 1; border: none; outline: none; font-family: 'Lato', sans-serif; font-size: 16px; color: #1E2D5A; background: none; }
.bottom-cta-search input::placeholder { color: #B0BCCC; }
.bottom-cta-search button { background: #1E2D5A; color: #fff; font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 600; border: none; cursor: pointer; padding: 13px 26px; border-radius: 11px; transition: background 0.2s; white-space: nowrap; }
.bottom-cta-search button:hover { background: #E8521A; color: #1E2D5A; }

.bottom-cta-search .mainLocationsSearchbarWrapper .three.candee-columns,
.bottom-cta-search div#findLocationsNearMe,
.bottom-cta-search .candee-row .candee-columns.one:nth-child(2),
.bottom-cta-search .locationsOrText {
  display: none !important;
}

.bottom-cta-search .seven.candee-columns {
    width: 86.666667% !important;
    margin-left: 0 !important;
}

/* ─── FOOTER ────────────────────────────── */
footer { background: #141f40; padding: 64px 48px 36px; border-top: 1px solid rgba(232,82,26,0.08); }
.footer-inner { max-width: 1200px; margin: 0 auto; }
.footer-top { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 52px; margin-bottom: 52px; }
.footer-brand img { height: 30px; margin-bottom: 16px; display: block; }
.footer-brand p { font-size: 13px; color: rgba(255,255,255,0.38); line-height: 1.75; max-width: 260px; }
.footer-brand-contact { margin-top: 18px; font-size: 13px; color: rgba(255,255,255,0.4); }
.footer-brand-contact a { color: #A8CFDF; text-decoration: none; }
.footer-col h4 { font-family: 'Raleway', sans-serif; font-size: 13px; font-weight: 700; color: #fff; margin-bottom: 18px; letter-spacing: 0.02em; }
.footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 9px; }
.footer-col ul a { color: rgba(255,255,255,0.4); text-decoration: none; font-size: 13px; transition: color 0.2s; }
.footer-col ul a:hover { color: #A8CFDF; }
.footer-bottom { padding-top: 28px; border-top: 1px solid rgba(255,255,255,0.06); display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: rgba(255,255,255,0.28); flex-wrap: wrap; gap: 12px; }
.footer-bottom-links { display: flex; gap: 20px; }
.footer-bottom-links a { color: rgba(255,255,255,0.28); text-decoration: none; transition: color 0.2s; }
.footer-bottom-links a:hover { color: rgba(255,255,255,0.6); }

/* ─── SCROLL REVEAL ─────────────────────── */
.reveal { opacity: 0; transform: translateY(22px); transition: opacity 0.55s ease, transform 0.55s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }

/* ─── RESPONSIVE ────────────────────────── */
@media(max-width:960px){
  .section { padding: 64px 24px; }
  .facility-grid, .deals-grid, .size-cards { grid-template-columns: 1fr 1fr; }
  .steps { grid-template-columns: 1fr 1fr; }
  .types-grid { grid-template-columns: 1fr 1fr; }
  .find-layout { grid-template-columns: 1fr; }
  .testi-grid { grid-template-columns: 1fr; }
  .footer-top { grid-template-columns: 1fr 1fr; }
  .bottom-cta { padding: 64px 24px; }
  footer { padding: 52px 24px 32px; }
}
@media(max-width:600px){
  .facility-grid, .deals-grid, .size-cards, .steps, .types-grid { grid-template-columns: 1fr; }
  .hero-stats { flex-direction: column; }
  .hero-stat { border-right: none; border-bottom: 1px solid rgba(232,82,26,0.1); }
  .footer-top { grid-template-columns: 1fr; }
  .calc-banner { flex-direction: column; }
}


.nearby .background_3.closestLocationsWrapper{
    background: transparent !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
    display: flex !important;
}

.nearby .pitchTheme11 .closestLocationsWrapper{
    display: flex !important;
    flex-wrap: wrap !important;
}

.nearby .pitchTheme11 .facilityBlock {
    min-width: unset !important;
    max-width: unset !important;
    min-height: unset !important;
    width: 18% !important;
}


/* ── Facility Card Base ── */
.nearby .pitchTheme11 .facilityBlock {
  background: #fff !important;
  border-radius: 16px !important;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
  display: flex !important;
  flex-direction: column;
  padding: 0 !important;
  margin: 8px !important;
  min-width: 240px;
  max-width: 300px;
  position: relative;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.nearby .pitchTheme11 .facilityBlock:hover {
  box-shadow: 0 6px 24px rgba(0,0,0,0.14) !important;
  transform: translateY(-2px);
}

/* ── Image Area ── */
.nearby .pitchTheme11 .facilityBlock .pitchImage {
  width: 100%;
  height: 140px;
  overflow: hidden;
  margin: 0 !important;
  background: #F4F5F7;
  flex-shrink: 0;
}

.nearby .pitchTheme11 .facilityBlock .pitchImage img {
  width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 !important;
    padding: 10px;
}

/* ── Info Section ── */
.nearby .pitchTheme11 .facilityBlock .pitchInfo {
  padding: 16px 16px 70px 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}

/* ── Facility Name ── */
.nearby .pitchTheme11 .facilityBlock .facilityBlockName {
  font-size: 0.95rem;
  font-weight: 700;
  color: #1E2D5A;
  line-height: 1.3;
  margin-bottom: 4px;
}

/* ── Phone Number ── */
.nearby .pitchTheme11 .facilityBlock .facilityBlockNum a {
  color: #1E2D5A !important;
  font-size: 0.85rem;
  font-weight: 500;
  text-decoration: none;
}

.nearby .pitchTheme11 .facilityBlock .facilityBlockNum a:hover {
  text-decoration: underline;
  color: #E8521A !important;
}

/* ── Address ── */
.nearby .pitchTheme11 .facilityBlock .facilityBlockAddress {
  font-size: 0.8rem;
  color: #555;
  line-height: 1.4;
  margin-top: 2px;
}

/* ── Distance ── */
.nearby .pitchTheme11 .facilityBlock .facilityBlockDistance {
  font-size: 0.78rem;
  color: #888;
  margin-top: 2px;
}

/* ── CTA Button ── */
.nearby .pitchTheme11 .facilityBlock .facilityBlockButton {
  position: absolute !important;
  bottom: 16px;
  left: 16px;
  right: 16px;
  width: calc(100% - 32px) !important;
  display: block !important;
  background: #E8521A !important;
  color: #fff !important;
  text-align: center;
  padding: 10px 0;
  border-radius: 8px;
  font-size: 0.8rem;
  line-height: 1rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.2s ease;
  box-sizing: border-box;
  height: unset !important;
  line-height: 1.1rem;
}

.nearby .pitchTheme11 .facilityBlock .facilityBlockButton:hover {
  background: #1E2D5A !important;
  color: #fff !important;
  transform: none !important;
}

/* ── Row layout fix ── */
.nearby .pitchTheme11 .facilityBlock .row {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0 !important;
}

/* Hide any facility cards beyond the 5th */
.nearby .pitchTheme11 .closestLocationsWrapper:nth-child(n+6) {
  display: none !important;
}


.units-grid-wrap .quickReserve,
.units-grid-wrap .pitchBlockRentButton {
    position: relative !important;
    display: block !important;
    background: #1E2D5A !important;
    color: #fff !important;
    text-align: center;
    padding: 10px 0;
    border-radius: 8px;
    font-size: 0.8rem;
    line-height: 1rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s ease;
    box-sizing: border-box;
    height: unset !important;
    line-height: 1.1rem;
    box-shadow: none;
}

.units-grid-wrap .quickReserve:hover,
.units-grid-wrap .pitchBlockRentButton:hover{
    background: #E8521A !important;
    color: #fff !important;
    transform: none !important;
}

.pitchThemeContainer.pitchTheme11Wrapper,
.pitchTheme11.candee,
.pitchTheme11 .closestLocationsWrapper{
    overflow: auto !important;
}

.units-grid-wrap .candee-pitch-card{
    border-radius: 16px !important;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.units-grid-wrap .candee-pitch-card:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.14) !important;
    transform: translateY(-2px);
}


.candee-discount-tag {
    border: 2px solid lightgreen;
    background-color: green;
    padding: 2px 8px;
    border-radius: 15px;
}

#button-search,
.findButt {
    border-radius: 10px !important;
}

.candee_locations_block .property_image_wrap_2 img, 
.candee_locations_block .property_image_wrap_2 .skeleton,
.candee-columns.three.filterWrapInner,
.pitchTheme11 .facilityBlock .pitchImage img {
    border-radius: 10px 10px 0 0 !important;
}

.filterContainerWrap {
    margin-top: 18px;
}

.tsg-menu-class ul ul li:hover > a {
    text-decoration: none !important;
}

.candee-pitch-container {
    margin: 0 20px;
}

/* .candee-pitch-card {
    padding: 20px;
} */


.candee-pitch-card {
    background: #fff;
}





/******************************
  internal pages
******************************/

/* section + layout */
.cas-page-section,
.cas-feature-page {
  background: #f7f9fc;
  padding: 60px 20px 80px;
}

.cas-container {
  max-width: 1200px;
  margin: 0 auto;
}

.cas-page-hero,
.cas-feature-hero {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 40px;
  align-items: center;
  margin-bottom: 50px;
}

.cas-page-copy h1,
.cas-feature-copy h1 {
  font-size: 52px;
  line-height: 1.1;
  font-weight: 700;
  color: #1d2d5c;
  margin: 0 0 20px;
}

.cas-eyebrow {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #6d7b99;
  margin-bottom: 14px;
}

.cas-page-intro,
.cas-intro {
  font-size: 20px;
  line-height: 1.6;
  color: #42526e;
  max-width: 700px;
  margin-bottom: 24px;
}

.cas-page-image img,
.cas-feature-image img {
  width: 100%;
  display: block;
  border-radius: 20px;
  box-shadow: 0 20px 45px rgba(19, 40, 89, 0.12);
}

/* pill / highlights */
.cas-pill-list,
.cas-feature-points {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.cas-pill,
.cas-point {
  background: #ffffff;
  border: 1px solid #dbe3f0;
  color: #1d2d5c;
  border-radius: 999px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
}

/* stacked content areas */
.cas-simple-stack,
.cas-feature-body {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

/* cards */
.cas-card,
.cas-content-card {
  background: #ffffff;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(19, 40, 89, 0.06);
}

.cas-card h2,
.cas-content-card h2 {
  font-size: 30px;
  line-height: 1.2;
  color: #1d2d5c;
  margin: 0 0 20px;
}

.cas-card h3,
.cas-content-card h3,
.cas-benefit-card h3 {
  font-size: 22px;
  line-height: 1.2;
  color: #1d2d5c;
  margin: 0 0 12px;
}

.cas-card p,
.cas-content-card p {
  font-size: 18px;
  line-height: 1.8;
  color: #32415f;
  /* margin: 0 0 22px; */
}

.cas-card p:last-child,
.cas-content-card p:last-child {
  margin-bottom: 0;
}

.cas-card--compact {
  padding: 28px;
}

/* grids */
.cas-card-grid,
.cas-benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.cas-benefit-card {
  background: #ffffff;
  border: 1px solid #e3eaf5;
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 8px 24px rgba(19, 40, 89, 0.04);
}

.cas-benefit-card p {
  font-size: 16px;
  line-height: 1.7;
  color: #4c5b78;
  margin: 0;
}

/* bullet lists */
.cas-bullet-list {
  margin: 0 0 22px 20px;
  padding: 0;
}

.cas-bullet-list li {
  color: #1d2d5c;
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 6px;
}

/* cta band */
.cas-cta-band {
  background: linear-gradient(135deg, #1d2d5c 0%, #243a78 100%);
  color: #ffffff;
  border-radius: 22px;
  padding: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}

.cas-cta-copy h2 {
  font-size: 32px;
  line-height: 1.2;
  margin: 0 0 10px;
  color: #ffffff;
}

.cas-cta-copy p {
  margin: 0;
  font-size: 17px;
  color: rgba(255, 255, 255, 0.85);
}

/* buttons */
.cas-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  color: #1d2d5c;
  text-decoration: none;
  font-weight: 700;
  border-radius: 10px;
  padding: 14px 22px;
  white-space: nowrap;
  transition: 0.2s ease;
}

.cas-btn:hover {
  transform: translateY(-1px);
  opacity: 0.96;
}

/* responsive */
@media (max-width: 991px) {
  .cas-page-hero,
  .cas-feature-hero {
    grid-template-columns: 1fr;
  }

  .cas-page-copy h1,
  .cas-feature-copy h1 {
    font-size: 40px;
  }

  .cas-card-grid,
  .cas-benefits-grid {
    grid-template-columns: 1fr 1fr;
  }

  .cas-cta-band {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 640px) {
  .cas-page-section,
  .cas-feature-page {
    padding: 40px 16px 60px;
  }

  .cas-page-copy h1,
  .cas-feature-copy h1 {
    font-size: 32px;
  }

  .cas-page-intro,
  .cas-intro {
    font-size: 18px;
  }

  .cas-card,
  .cas-content-card {
    padding: 28px 22px;
  }

  .cas-card h2,
  .cas-content-card h2,
  .cas-cta-copy h2 {
    font-size: 26px;
  }

  .cas-card h3,
  .cas-content-card h3,
  .cas-benefit-card h3 {
    font-size: 20px;
  }

  .cas-card p,
  .cas-content-card p,
  .cas-bullet-list li {
    font-size: 16px;
  }

  .cas-card-grid,
  .cas-benefits-grid {
    grid-template-columns: 1fr;
  }
}


/******************************
  about / marketing layouts
******************************/

.cas-hero-split {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 40px;
  align-items: center;
  margin-bottom: 50px;
}

.cas-section-title {
  font-size: 42px;
  line-height: 1.15;
  font-weight: 700;
  color: #1d2d5c;
  margin: 0 0 18px;
}

.cas-section-subtitle {
  font-size: 18px;
  line-height: 1.7;
  color: #fff;
  margin: 0 0 24px;
}

.cas-lead {
  font-size: 24px;
  line-height: 1.4;
  color: #fff;
  margin: 0 0 24px;
}

.cas-icon-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.cas-icon-card {
  background: #ffffff;
  border: 1px solid #e3eaf5;
  border-radius: 20px;
  padding: 30px 24px;
  text-align: center;
  box-shadow: 0 8px 24px rgba(19, 40, 89, 0.04);
}

.cas-icon-wrap {
  width: 72px;
  height: 72px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: #F4F5F7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cas-icon-wrap i,
.cas-icon-wrap svg {
  font-size: 30px;
  color: #1d2d5c;
}

.cas-icon-card h3 {
  font-size: 24px;
  line-height: 1.2;
  color: #1d2d5c;
  margin: 0 0 10px;
}

.cas-icon-card p {
  font-size: 16px;
  line-height: 1.7;
  color: #4c5b78;
  margin: 0;
}

.cas-feature-list {
  margin: 18px 0 0;
  padding-left: 20px;
}

.cas-feature-list li {
  font-size: 17px;
  line-height: 1.8;
  color: #32415f;
  margin-bottom: 6px;
}

.cas-content-section {
  padding-top: 10px;
}

.cas-card--image-tight img {
  width: 100%;
  display: block;
  border-radius: 18px;
}

.cas-muted-band {
  background: #F4F5F7;
  border-radius: 22px;
  padding: 36px;
}

@media (max-width: 991px) {
  .cas-hero-split {
    grid-template-columns: 1fr;
  }

  .cas-section-title {
    font-size: 36px;
  }

  .cas-icon-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .cas-section-title {
    font-size: 30px;
  }

  .cas-lead {
    font-size: 20px;
  }

  .cas-muted-band {
    padding: 24px;
  }
}

.page-id-448 .cas-card.cas-card--image-tight{
    background: none;
    box-shadow: none;
}


/******************************
  faq page
******************************/

.cas-faq-section {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.cas-faq-group {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.cas-faq-group-title {
  font-size: 30px;
  line-height: 1.2;
  color: #1d2d5c;
  margin: 0;
}

.cas-faq-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.cas-faq-item {
  background: #ffffff;
  border: 1px solid #e3eaf5;
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(19, 40, 89, 0.04);
  overflow: hidden;
}

.cas-faq-question {
  width: 100%;
  appearance: none;
  border: 0;
  background: transparent;
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  color: #1d2d5c;
  padding: 22px 56px 22px 24px;
  cursor: pointer;
  position: relative;
  margin-bottom: 0;
}

.cas-faq-question::after {
  content: "+";
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 28px;
  line-height: 1;
  font-weight: 400;
  color: #1d2d5c;
}

.cas-faq-item.is-open .cas-faq-question::after {
  content: "–";
}

.cas-faq-answer {
  display: none;
  padding: 0 24px 24px;
}

.cas-faq-item.is-open .cas-faq-answer {
  display: block;
}

.cas-faq-answer p,
.cas-faq-answer li {
  font-size: 17px;
  line-height: 1.8;
  color: #32415f;
}

.cas-faq-answer p {
  margin: 0 0 18px;
}

.cas-faq-answer p:last-child {
  margin-bottom: 0;
}

.cas-faq-answer ul {
  margin: 0 0 18px 20px;
  padding: 0;
}

.cas-faq-answer li {
  margin-bottom: 6px;
}

.cas-faq-answer strong {
  color: #1d2d5c;
}

@media (max-width: 640px) {
  .cas-faq-group-title {
    font-size: 26px;
  }

  .cas-faq-question {
    font-size: 17px;
    padding: 18px 50px 18px 18px;
  }

  .cas-faq-answer {
    padding: 0 18px 18px;
  }

  .cas-faq-answer p,
  .cas-faq-answer li {
    font-size: 16px;
  }
}

.cas-page-section--tight {
  padding-bottom: 30px;
}

.cas-page-hero--simple {
  grid-template-columns: 1fr;
  margin-bottom: 24px;
}


/******************************
  contact page
******************************/

.cas-contact-intro {
  margin-bottom: 32px;
}

.cas-contact-intro h1 {
  font-size: 52px;
  line-height: 1.1;
  font-weight: 700;
  color: #1d2d5c;
  margin: 0 0 18px;
}

.cas-contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 32px;
  align-items: start;
}

.cas-contact-main,
.cas-contact-sidebar {
  min-width: 0;
}

.cas-contact-card {
  padding: 30px;
}

.cas-contact-card h2 {
  font-size: 28px;
  line-height: 1.2;
  color: #1d2d5c;
  margin: 0 0 20px;
}

.cas-contact-block {
  margin-bottom: 22px;
}

.cas-contact-block:last-child {
  margin-bottom: 0;
}

.cas-contact-block strong {
  display: block;
  font-size: 15px;
  line-height: 1.4;
  color: #1d2d5c;
  margin-bottom: 8px;
}

.cas-contact-block p {
  margin: 0;
  font-size: 16px;
  line-height: 1.8;
  color: #32415f;
}

.cas-contact-block a {
  color: #1d2d5c;
  text-decoration: none;
}

.cas-contact-block a:hover {
  text-decoration: underline;
}

.cas-form-card {
  padding: 32px;
}

/* Contact Form 7 cleanup */
.cas-form-card .wpcf7-form p {
  margin: 0;
  /* padding: 0; */
}

span.wpcf7-quiz-label{
    display: block;
    margin-bottom: 15px;
}

.cas-form-card label {
  display: block;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 700;
  color: #1d2d5c;
  margin-bottom: 0;
}

.cas-form-card input[type="text"],
.cas-form-card input[type="email"],
.cas-form-card input[type="tel"],
.cas-form-card textarea,
.cas-form-card select {
  width: 100%;
  border: 1px solid #d8e0ec;
  border-radius: 10px;
  background: #fff;
  padding: 14px 16px;
  font-size: 16px;
  line-height: 1.4;
  color: #32415f;
  box-shadow: none;
  margin-bottom: 0;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.cas-form-card textarea {
  min-height: 140px;
  resize: vertical;
}

.cas-form-card input:focus,
.cas-form-card textarea:focus,
.cas-form-card select:focus {
  outline: none;
  border-color: #8fb7d8;
  box-shadow: 0 0 0 3px rgba(143, 183, 216, 0.18);
}

.cas-form-card .wpcf7-submit,
.cas-form-card input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  background: #1d2d5c;
  color: #fff;
  border: 0;
  border-radius: 10px;
  padding: 14px 24px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s ease;
}

.cas-form-card .wpcf7-submit:hover,
.cas-form-card input[type="submit"]:hover {
  transform: translateY(-1px);
  opacity: 0.96;
}

.cas-form-card .wpcf7-spinner {
  vertical-align: middle;
}

@media (max-width: 991px) {
  .cas-contact-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .cas-contact-card,
  .cas-form-card {
    padding: 24px 20px;
  }

  .cas-contact-card h2 {
    font-size: 24px;
  }
}

.cf7sr-g-recaptcha > div{
    display: block;
    margin: 0 auto 15px;
}

p:empty{
    padding:0;
}

.cas-form-card .wpcf7-submit, .cas-form-card input[type="submit"] {
    margin-bottom: 0;
}

.wpcf7 form{
    margin-bottom: 0 !important;
}

.cas-form-card .wpcf7-spinner{
    display: none;
}




/************************
  blog
************************/
.innerMainContainer{
    padding:35px 0;
}

.blog-listing {
    width: 100%;
    max-width: 1400px;
    margin: 50px auto;
}

.blog-listing-inner,
.related-posts-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

h2.post-title a,
h4.post-title a {
    color: #1E2D5A !important;
    transition: all .2s ease-in-out;
}

h2.post-title a:hover,
h4.post-title a:hover {
    color: #E8521A !important;
}

.blog-post {
    width: 46%;
    margin: 2%;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.08);
    border-radius:10px;
}

.related-posts-wrapper .blog-post{
    width: 29%;
    margin: 2%;
}

.blog-post a.post-thumbnail img{
    width:100%;
    height: auto;
    object-fit: contain;
    border-radius: 10px 10px 0 0;
    background: #F4F5F7;
} 

.blog-post-inner{
    padding:20px;
}

.post-meta {
    margin-bottom: 15px;
}

.nav-links{
    margin-top:50px;
    text-align: center;
}

.nav-links a.page-numbers {
    background-color: #efefef;
    color: #E8521A !important;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 7px;
    line-height: 50px;
}

.bottomFooterLinks.flex-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.bottomFooterWrapper .tsg-footer-menu-class .menu a{
    text-decoration: none !important;
}

.blog-post .post-thumbnail img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}


.single-featured-image img{
    object-fit: contain !important;
}


@media (max-width:900px){
    .related-posts-wrapper .blog-post {
        width: 100%;
    }
}

@media (max-width:768px){
    .blog-listing-inner, .related-posts-wrapper{
        flex-direction: column !important;
    }
    .blog-post {
        width: 100% !important;
    } 
}


.nav-add {
    font-size: 13px;
    font-weight: 600;
    color: #A8CFDF !important;
    border: 1px solid rgba(122, 179, 204, 0.3);
    padding: 7px 16px;
    border-radius: 8px;
    transition: background 0.2s !important;
}

.nav-add:hover {
    background: rgba(232,82,26,0.15) !important;
    color: #fff !important;
}



.h1, h1,
.bodyLoaded .h1, .bodyLoaded h1 {
    display: block !important;
    margin-left: 0;
    opacity: 1 !important;
}


.cas-page-section {
  background: #F4F5F7; /* light grey for the whole section */
  padding: 0;
}

.cas-page-hero {
  background: #1E2D5A; /* navy ONLY on the hero */
  padding: 60px 40px 70px;
}

.cas-simple-stack {
  background: #F4F5F7;
  border-radius: 0;
  padding: 52px 40px;
  margin: 0;
}





/* ─── INNER PAGE HERO ── */
.cas-page-section {
  padding: 60px 0 70px;
}

.cas-page-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  margin-bottom: 60px;
  border-radius: 20px;
}

.cas-page-hero-full-width{
    background: #1E2D5A;
    padding: 60px 40px 70px;
    display: block;
    border-radius: 20px;
}

/* ─── EYEBROW ── */
.cas-eyebrow {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #E8521A;
  margin-bottom: 16px;
}

/* ─── HERO COPY ── */
.cas-page-copy h1 {
  font-family: 'Raleway', sans-serif;
  font-size: 2.6rem;
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 20px;
}

.cas-page-intro {
  font-size: 1rem;
  color: rgba(255,255,255,0.72);
  line-height: 1.7;
  margin-bottom: 28px;
}

/* ─── PILLS ── */
.cas-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.cas-pill {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.18);
  color: rgba(255,255,255,0.85);
  font-size: 0.8rem;
  padding: 6px 14px;
  border-radius: 30px;
}

/* ─── HERO IMAGE ── */
.cas-page-image img {
  width: 100%;
  border-radius: 16px;
  display: block;
}

/* ─── CONTENT AREA (below hero) ── */
.cas-simple-stack {
  background: #fff;
  border-radius: 20px 20px 0 0;
  padding: 52px;
}

/* ─── MAIN CARD ── */
.cas-card {
  /* max-width: 760px; */
  /* margin-bottom: 48px; */
}

.cas-card h2 {
  font-family: 'Raleway', sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  color: #1E2D5A;
  margin-bottom: 20px;
}

.cas-card p {
  font-size: 0.95rem;
  color: #444;
  line-height: 1.75;
  margin-bottom: 16px;
}

/* ─── BENEFIT CARDS ── */
.cas-card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 48px;
}

.cas-benefit-card {
  background: #F4F5F7;
  border-radius: 12px;
  padding: 28px 24px;
  border-left: 3px solid #E8521A;
}

.cas-benefit-card h3 {
  font-family: 'Raleway', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #1E2D5A;
  margin-bottom: 10px;
}

.cas-benefit-card p {
  font-size: 0.875rem;
  color: #555;
  line-height: 1.65;
}

/* ─── CTA BAND ── */
.cas-cta-band {
  background: #1E2D5A;
  border-radius: 16px;
  padding: 40px 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.cas-cta-copy h2 {
  font-family: 'Raleway', sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
}

.cas-cta-copy p {
  font-size: 0.9rem;
  color: rgba(255,255,255,0.7);
}

/* ─── CTA BUTTON ── */
.cas-btn {
  display: inline-block;
  background: #E8521A;
  color: #fff !important;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 14px 32px;
  border-radius: 8px;
  white-space: nowrap;
  text-decoration: none;
  transition: background 0.2s ease;
  flex-shrink: 0;
}

.cas-btn:hover {
  background: #c94415 !important;
  color: #fff !important;
}

.cas-cta-band .cas-btn:hover {
  background: #fff !important;
  color: #1E2D5A !important;
}

/* ─── RESPONSIVE ── */
@media (max-width: 768px) {
  .cas-page-hero { grid-template-columns: 1fr; }
  .cas-card-grid { grid-template-columns: 1fr; }
  .cas-cta-band { flex-direction: column; text-align: center; }
  .cas-simple-stack { padding: 36px 24px; margin: 0; }
}



.page-id-7 .candee-row.background_1.radiusWrapper.mainSearchbarWrapper {
    background: #f5f7fa !important;
}


.page-id-7 .innerSearchWrap {
    color: #222 !important;
}

.candee .yellowBTN.background_1{
    background: #f26625 !important;
}






/**********************************************************
  media queries
**********************************************************/
@media (max-width:1200px){
    .nearby .pitchTheme11 .facilityBlock {
        width: 32% !important;
    }
}

@media (max-width:768px){
    .mainLocationsSearchbarWrapper .three.candee-columns,
    .mainLocationsSearchbarWrapper .candee-columns.one:nth-child(2) {
        display: none !important;
    }

    .mainLocationsSearchbarWrapper .candee-columns.one {
        width: 44px !important;
    }

    #nabarTheme5 .logoItem img {
        max-width: 100% !important;
    }

    .bottom-cta-search .seven.candee-columns {
        width: 100% !important;
    }

}

@media (max-width: 600px){
    .candee_locations_block.facilityMasterData.sponsored_facility {
        padding: 40px 40px 24px !important;
    }

    .nearby .pitchTheme11 .facilityBlock {
        width: 100% !important;
    }

    .mainLocationsSearchbarWrapper {
        padding: 10px 15px !important;
    }

    .find-search-row {
        flex-direction: column;
    }

    


}

@media (max-width:550px){
    #locationsAddressSearch {
        text-align: left !important;
    }

    .mainLocationsSearchbarWrapper .candee-columns.one .findButt {
        margin-top:unset !important;
    }
}

@media (max-width: 425px){
    .candee_locations_block .candee_location_buttons {
        display: flex;
    }

    .candee .candee_locations_block .candee_location_buttons .yellowBTN {
        min-width: 0;
        max-width: 50%;
        flex-grow: 1;
        width: auto;
    }
}

@media (min-width: 1030px){
    
    .hero_image img {
        max-width: 100%!important;
    }
}

@media (max-width: 1080px){
    
    .hero_image img {
        height: 100%!important;
    }
}
@media (max-width: 850px){
    .hero_image img {
        left: 50%!important;
    }
    
}

@media (max-width:768px){
    .hide-desktop{
        display:block !important;
    }
}