/*
Theme Name: Mini-Entrepots Vert

Theme URI: http://www.storageinternetmarketing.com/
Description: Child theme for TSG Pinnacle 2
Author: The Storage Groupub-grid_
Author URI: http://www.storageinternetmarketing.com/
Template: tsg-pinnacle-2
Version: 1.0.0
Text Domain: tsg-pinnacle-2-child
*/

/* Add child-theme CSS overrides below this line */



/****************************
Hide Starting Price
****************************/

.candeeLocationStartingPrice {
    display: none;
}

.candee_locations_block_address {
    margin-bottom: 20px;
}


/****************************
general content
****************************/


.menu-item-639, .menu-item-641{
    display: none!important;
}

@media (max-width: 1300px) {
    .menu-item-639, .menu-item-641 {
        display: block!important;
    }
}

.sidenav-overlay {
    z-index: 899;
}

.tsg-header.is-fixed {
    z-index: 900!important;
}

html {
  scroll-behavior: smooth;
}

button, .btn-primary, .wpcf7-submit, .yellowBTN.background_1 {
 border-radius:10px!important;
}

.yellowBTN.background_1:hover {
     text-decoration:none!important;
     transition: all 0.1s ease-out;
     transform: scale(1.1);
}

.submit_button_1{
     background:#3AAC4A!important;
}
 
.page-id-180 .row, .page-id-17 .row{
     margin:10px 5px!important;
}


.page-id-4 .tsg-split--variant-amber .tsg-split__body{
     font-weight:300!important;
}

.tsg-features-page .tsg-split--variant-amber, .tsg-split--variant-amber .tsg-split__row {
    margin-top: 40px!important;
}


.pageContent ul{
  line-height:1rem!important;
}

body:not(.home) .pageContent a:hover{
  text-decoration:underline;
}

.pageContent h1, .pageContent h2{
  font-weight:700!important;
}

.pageContent li::before {
    content:"\f00c";
    font-family:"fontAwesome";
    font-size: 14px;
    font-weight:700;
    margin-right:20px;
    color:#3AAC4A;
}

.page-id-199 li::before, .page-id-14 li::before  {
    content:""!important;
    margin-right:0px;
}

.wpcf7-submit{
    border-radius:10px!important;
}

.tsg-btn-row .mx-auto {
    margin-left: 0px !important;
    margin-right: auto !important;
}

.tsg-btn-row {
    justify-content: flex-start!important;
}

.home-text-md p{
    font-weight: 700!important;
    margin-bottom:0rem!important;
}

.tsg-ts__amber-badge{
   background:#272a31!important;
}

/*.tsg-features-page .tsg-features-amenities li {
    text-indent:-2.1rem!important;
}*/

.tsg-features-amenities ul li{
   list-style-type:none!important;
}

.six.columns ul{
   margin-left:30px!important;
}

.tsg-features-amenities li{
  text-indent:-2rem;
}

.six.columns li::before {
    content:"\f00c";
    font-family:"fontAwesome";
    font-size: 14px;
    font-weight:700;
    margin-right:20px;
    color:#3AAC4A;
}

.tsg-widget-three_steps{
   background:#eee
}

.home-text-md {
   font-size:1.3rem;
   font-weight: 600!important;
    margin-bottom:0.5rem!important;  
}

.tsg-widget .tsg-fc {
  padding-top:min(-20px, var(--tsg-widget-stack-max-y))!important;
}

.tsg-fc--amber .tsg-fc__title {
    font-weight: 600;
    font-size: 1.5rem!important;
}
.tsg-fc--amber .tsg-fc__item--amber {
    padding: 34px 12px 28px!important;
}

.accent{
  color:#3AAC4A!important;
  font-weight:700;
}

.tsg-features-cta{
  background:#272a31!important;
  color:#fff!important;
}
.tsg-features-cta h2{
  color:#fff!important;
  font-weight:700;
}

.tsg-facility-info-blocks--card .tsg-facility-info-block__inner {
    display: none;
}

.tsg-subfooter{
  padding:15px 25px!important;
  background:#272a31!important;
}

.tsg-footer-widgets--top{
   display:none;
}

.bold-text{
    font-weight:900;
}

.tsg-split h1{
   font-weight:600!important;
}

body:not(.home) .tsg-widget.tsg-widget-split_section.tsg-wv--amber{
	background:#eee!important;
}

body.home .tsg-widget.tsg-widget-split_section.tsg-wv--amber{
	background:#fff!important;
}

#site-navigation .primary-menu>li.current-menu-ancestor:not(.home):not(.menu-btn):not(.lang-item)>a, #site-navigation .primary-menu>li.current-menu-item:not(.home):not(.menu-btn):not(.lang-item)>a, #site-navigation .primary-menu>li.current_page_ancestor:not(.home):not(.menu-btn):not(.lang-item)>a, #site-navigation .primary-menu>li.current_page_item:not(.home):not(.menu-btn):not(.lang-item)>a{
    background-color: #eee!important;
    color: #222!important;
    border-radius:10px;
    box-shadow: none!important;
}

nav .primary-menu>li>a:hover {
    border-radius: 10px!important;
}

#site-navigation li:hover>ul.dropdown-content {
  border-radius:10px;
}

.footer-compliance a {
    color: #fff!important;
}

.tsg-cta-banner__button:hover, .tsg-features-cta__button:hover{
   box-shadow:0 4px 4px 10px #ffffff30;
}

.page-id-17 #facilityMap, .page-id-180 #facilityMap{
   margin-top:40px;
}

#pinnacleMainContent .tsg-widget-surface .tsg-split__body ul:not(.browser-default)>li{
    list-style-type:none!important;
}

.ub-grid__row.ub-grid__row_discount{
    flex-wrap:wrap;
    text-wrap:balance;
    justify-content:flex-end;
     gap:1px;
}
.ub-fee-required{
	float:right;
}



/****************************
hero
****************************/


.tsg-hero__content{
      margin-top:25px;
      width:60%;
}

.brand-logo img {
    height: 60px!important;
}

.btn-primary:hover{
   background:#3AAC4A!important;
}

.tsg-hero__content{
  font-size:1.2rem!important;
  text-wrap:balance;
}


/****************************
location info
****************************/


.location-info-section {
    background: #f4f4f4!important;
    padding: 30px 0px;
}

.location-info-container {
    display: flex;
    flex-wrap: wrap;
    gap: 0rem;
    justify-content: center;
    margin:20px 10%;
}

.location-info-column-wrapper {
    display: flex;
    flex: 1
}

.location-info-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 2rem 0rem 0rem;
    flex: 1;
}

.location-info-column h2 {
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: 600;
}

.location-info-column p {
    line-height: 1.5;
}

.location-info-column img {
    min-width: 300px;
    border-radius: 10px;
}

.location-info-column a:hover {
    text-decoration: underline;
}

.location-info-column.pay-now{
    background:#3aac4a!important;
    color: #fff !important;
    text-decoration: none !important;
}

.location-info-column.pay-now a:hover {
    color: #fff !important;
    text-decoration: none !important;
}

.location-name {
    font-size: 1.4rem;
    font-weight: 700;
}

.location-info-divider {
    width: 0px;
}

.location-tab-content ul {
    list-style: none;
    margin-left: 20px
}

.location-tab-content ul li:before {
    content: "✓";
    font-size: 1.2rem;
    padding-right: 10px;
    font-weight: 700
}

.location-tab-content li {
    text-indent: -1.5em;
    padding-left: 1em;
}

.location-info {
    display: flex;
    gap: 8px;
    margin-bottom: 10px
}

.size-guide {
    padding: 20px 20px 0px 20px;
    border: 1px solid #a72924;
    border-radius: 10px;
    text-align: center;
    width: fit-content;
    margin-top: 20px;
}

.guide-title {
    font-size: 1.1rem;
    font-weight: 700;
}


.pay-now {
    margin-top: 15px;
    padding: 10px 50px;
    border: none !important;
    border-radius: 10px !important;
    background-color: #3aac4a;
    color: #fff!important;
    line-height:1rem!important;
    font-size:.9rem!important;
}

.pay-now:hover {
    color: #fff !important;
    text-decoration: none !important;
    transition: all 0.1s ease-out;
    transform: scale(1.1);
}

.unitName {
    font-weight: 600;
    color: #000 !important;
}

.location-page-info{
   width:95%;
   margin:50px auto;
}

.location-hours{
   font-weight:700!important;
   margin-bottom:10px;
}

.facilityBlockButtonWrapper a{
    color:#fff!important;
}

@media (max-width:1200px) {

.location-info-container {
    margin:20px 5%;
  }
}

@media (max-width:1022px) {

.location-info-container {
    margin:20px 2%;
  }
}

@media (max-width:965px) {

    .location-info-divider {
        display: none;
    }

    .location-info-container {
        flex-wrap: nowrap !important;
    }
}


/* 965px BREAKPOINT */


@media (max-width:965px) {

    .location-info-container {
        flex-direction: column;
        margin:0px 1%;
        padding-top:30px;
    }


/****************************
location tabs
****************************/


.location-info-column {
    padding: 0 1rem 0rem 1rem;
}

    .location-tabs {
        flex-direction: row;
        justify-content: start;
    }

    .location-tabs br {
        display: none !important;
    }

    .location-tabs {
        border-bottom: none;
    }

    .location-tab {
        border-radius: 50px;
        margin-top: 5px;
    }

    .location-tab.active {
        border-radius: 50px;
    }
.location-info-column img {
    min-width: 95%;
  }
}

@media (max-width:768px) {
    .location-tabs-container {
        width: 125%;
    }
}

@media (max-width:430px) {
    .location-tabs {
        flex-direction: column;
        gap: 0rem;
    }
}


.location-content-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0px;
}

.location-content-container h1 {
    font-size: 2rem;
    font-weight: 600;
}

.location-content-container h2 {
    display: flex;
    font-size: 1.6rem;
    font-weight: 600;
}

.location-content-item {
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.location-content-item-map {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.location-content-item-map .candeeFacilityMap {
    border-radius: 10px;
}

.location-content-item h1 {
    font-size: 2rem;
    text-wrap: balance;
}

.location-content-container img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.location-btm{
   margin:40px 0px;
   text-align:center;
}


@media (max-width:900px) {
.location-content-container {
    grid-template-columns: repeat(1, 1fr);
 }
}

@media (max-width: 600px) {
.location-info-section {
        margin-left: -1rem!important;
        margin-right: -1rem!important;
        padding-top:0px;
        padding-bottom:0px;
    }
}



/****************************
why choose us
****************************/


.feature-grid {
    padding: 80px 20px;
    position: relative;
    margin-top: -26px;
}

.feature-grid__inner {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.feature-grid__header {
    text-align: center;
    margin-bottom: clamp(22px, 3vw, 20px);
}

.feature-grid__title {
    margin: 0 0 8px;
    line-height: 1.15;
    letter-spacing: -0.02em;
    font-weight: 600;
}

.feature-grid__subtitle {
    margin: 0;
    font-size: clamp(15px, 1.4vw, 18px);
    color: #333;
}

.feature-grid__subtitle:hover {
    color: #b31f1f;
}


.feature-grid__cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(16px, 2.2vw, 24px);
    align-items: stretch;
}

body.home .feature-grid__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));

}

.feature-card {
    position: relative;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .10);
    border-radius: 16px;
    padding: 22px 22px 20px;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .10);
    overflow: hidden;
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.feature-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: #3AAC4A;
    opacity: 0.85;
}

.feature-card__icon {
    width: 50px;
    height: 50px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    margin: 8px 0 14px;
    background: #fff;
}

.feature-card__icon i {
    font-size: 24px;
    line-height: 1;
    color: #3AAC4A;
    position: relative;
    top: -1px;
}

.feature-card__title {
    margin: 0 0 8px;
    font-size: 18px;
    letter-spacing: -0.01em;
    font-weight: 600;
}

.feature-card__text {
    margin: 0;
    color: #333333;
    line-height: 1.45;
    font-size: 14.5px;
}

.feature-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 38px rgba(0, 0, 0, .12);
    border-color: rgba(15, 23, 42, .16);
}


.menu-item-467-fr a, .menu-item-99-en a{
	background:#3aac4a!important;
	color:#fff!important;
	 width:fit-content;
	  margin:0px 0px 0px 10px;
       border-radius:10px!important;
}

.candee .units_theme_1 .unitButtonsWrapper .action, .pitchBlockRentButton , .pitchBlockReserveButton{
     border-radius: 10px;
}



@media (max-width: 1024px) {
.menu-item-467-fr a, .menu-item-99-en a{
	  margin:50px auto 0px auto;
   }
}

.tsg-features-page .tsg-features-copy h1, .tsg-features-page .tsg-features-copy h2{
  font-weight:600!important;
}

.storage-faq-trigger{
	min-height: 7.5vh;
}

.faq-question {
	color:#000!important;
}

.storage-faq-heading {
    margin: 0 0 54px!important;
    color:#000!important;
	  font-weight:600;
}
.storage-faq-item.is-open .storage-faq-panel {
    border-top: 1px solid #ddd;
    padding-top: 15px;
}

/*#site-navigation ul li.current_page_item a:not(#site-navigation ul li.home.current_page_item a) {
    background-color: rgb(58 172 74)!important;
    border-radius:10px;
}*/



/****************************
accordion
****************************/


#accordion{
  margin-top:40px!important;
}

.card{
  border-radius:10px!important;
}

.accordion>.card {
    overflow: hidden;
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.accordion>.card>.card-header {
    margin-bottom: -1px;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}


div#accordion button {
    width: 100%;
    text-align: left;
    position: relative;
    transition: all 0.2s ease-in-out;
    font-size: 1.2rem;
    line-height: 26px;
    color: #fff;
    background:#0c824a!important;
    border: none !important;
    padding: 10px 10px 10px 20px;
    text-wrap: balance;
    border-radius: 10px;
}


div#accordion button::after {
    width: 10px;
    height: 10px;
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    position: absolute;
    right: 20px;
    margin-top: 10px;
    content: " ";
    top: 8px;
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out;
}

div#accordion button.collapsed::after {
    width: 10px;
    height: 10px;
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    position: absolute;
    right: 20px;
    content: " ";
    top: 8px;
    transform: rotate(-45deg);
    transition: all 0.2s ease-in-out;
}

div#accordion .card-body {
    padding: 30px 20px 20px;
    font-size: 20px;
    font-size: 1rem;
    line-height: 30px;
}

.card-body a {
    text-decoration: none;
    color: #3aac4a!important;
}


.office-btn{
	background:#3aac4a;
	color:#fff!important;
	font-size:.9rem;
	line-height:1rem;
	text-wrap:balance;
	height:fit-content;
	padding:15px 20px;
	margin-top:25px;
	border-radius:10px!important;
}

.office-btn:hover{
background:#272a31;
	text-decoration:none!important;
}
/*.office-btn::after{
	display:flex;
	justify-content:center;
	content:"\f078";
	font-family:"fontAwesome";
	color:#fff;
	font-size:.9rem;
	padding-top:10px;
}*/


/* PWA BAR */


.candeeUserBar[class*=candeeUserBarTheme-sidebar] #candeeUserBarAnchor > a.candeeMenuItem {
border-bottom: none!important;
}
.candeeUserBar[class*=candeeUserBarTheme-sidebar] {
border:none!important;
background: #272a31eb!important;
margin-right: 0px;
}
.candeeUserBar[class*=candeeUserBarTheme-sidebar] #candeeUserBarAnchor > a.candeeMenuItem .fa {
color: #ffffff!important;
}


.locationsTheme4SearchbarWrapper{
    display:none;
}


.locationsTheme4CheckboxFiltersLabel.candee-flex{
   margin-bottom:25px;
}

#locations_theme_4{
  padding-bottom:25px;
}



#locations_theme_4 .candee_locations_block .property_image_wrap_2 img {
    border-radius: 5px;
    box-shadow: 4px 4px 20px rgb(0 0 0 / 15%);
}

.facilityBlockButton{
	padding:8px;
	border-radius:5px!important;
}


/****************************
media queries
****************************/


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

#mobile-nav{
  display:block!important;
 }
}

@media (max-width: 1150px) {
.row .col.m6 {
	width: 100%!important;
  }
.tsg-features-page .tsg-features-media img{
       max-height:400px;
 }
}

@media (max-width: 1024px) {
#unitsSection{
  padding:0px 25px!important;
 }
}



@media (max-width: 980px) {
    .feature-grid__cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

  body.home .feature-grid__cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  .tsg-hero__content{
     width:90%;
  }
}

@media (max-width: 900px) {
    .tsg-hero__content {
        width: 100%!important;
    }
}


@media (max-width: 640px) {
    .feature-grid__cards {
        grid-template-columns: 1fr;
    }

body.home .feature-grid__cards {
        grid-template-columns: 1fr;
    }

.ub-grid__row.ub-grid__row_discount{
    flex-wrap:wrap;
    text-wrap:balance;
    justify-content:flex-start;
     gap:8px;
}
}

@media (max-width: 600px) {
   .tsg-hero__content{
     font-size:1rem!important;
     margin-top:25px;
  }
body.home .tsg-split--variant-amber .tsg-split__image {
    min-height: 230px!important;
    max-height: 230px!important;
  }

.tsg-split--variant-amber {
    padding: 0px!important;
}

.rte-flow{
   padding: 0 20px!important;
 }

.home-text-md {
  font-size:1.1rem!important;
}

/*.pageContent ul:not(.browser-default)>li {
    text-indent: -1.55rem!important;
 }*/

#pinnacleMainContent ul:not(.browser-default):not(.collapsible):not(.tsg-contact-hours-list) {
    padding-left: 1rem!important;
 }

    .tsg-split--variant-amber .tsg-split__row {
        width: 100%!important;
 }
body.home .pageContent{
   margin-top:40px;
  }
#unitsSection{
  padding:0px 0px!important;
 }
}

@media screen and (max-width:550px){
.hiddenPWAToggle-sidebar-right {
display: inline-block;
position: fixed;
right: 0;
top: 389px;
z-index: 125;
color: #393736!important;
background-color:#3aac4a!important;
width: 35px;
height: 55px;
padding-top:15px;
padding-left:12px!important;
border: none!important;
border-top-right-radius: 50px 50px;
border-bottom-right-radius: 50px 50px;
}
.candeeUserBar[class*=candeeUserBarTheme-sidebar] {   
 margin-right: 0px !important;}.candeeUserBar {    
-webkit-box-shadow: unset;
}
.tsg-hero.tsg-hero--home.tsg-hero--video {
    min-height: 550px!important;
 }
.use_mmFilters .filterSettingsButton{
       width: 65% !important;
  }
.use_mmFilters .select.sortOrderOptions {
       width: 80% !important;
       margin-left: 5px !important;
 }

.tsg-split__image{
  padding:0 10px!important;
 }

.tsg-sec-pad-none{
   padding-top:25px!important;
 }
}


@media (max-width: 476px) {
.storage-faq-trigger, .storage-faq-trigger:visited, .storage-faq-trigger:hover, .storage-faq-trigger:focus, .storage-faq-trigger:active {
        min-height:60px;
 }
}



@media (max-width: 433px) {
.pageContent li, .six.columns li{
    text-indent: -1.5em;
    line-height: 1.2rem;
    margin-left:0px;
 } 
.pageContent li::before, .six.columns li::before{
    margin-right:10px;
  }
}

@media (max-width: 400px) {
  .hero-text-mobile{
   display:none;
 }
}

@media (max-width: 332px) {
.storage-faq-trigger, .storage-faq-trigger:visited, .storage-faq-trigger:hover, .storage-faq-trigger:focus, .storage-faq-trigger:active {
	padding: 8px 18px!important;
        min-height:60px;
 }
}