/*
Theme Name:         The Store at Highland Passive
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.
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

#menu-item-168 > a, #menu-item-168 > a {
    display: none;
}
@media (max-width: 1000px) {
    #menu-item-168 > a, #menu-item-168 > a {
        display: block;
    }
}
.bodyLoaded h1 {
    font-weight: 500!important;
}
.pageContent ul {
padding-top: 0rem!important;
}
.pageContent a{
color:#000;
}
.pageContent a:hover {
color:#e64900;
}
.calloutTitle {
    text-transform: capitalize;
}
.featureBlock.flex-item{
	    min-width: 32% !important;
}
input.wpcf7-form-control, textarea.wpcf7-form-control {
    width: 100%;
}
.lowImprint.columns.four.imprint.shortcode-copyright-bottom {
    width: 100%;
    text-align: center;
}
@media (max-width: 550px) {
.footerLogo img {
    text-align: center;
    margin: 0 auto;
}
}
@media (max-width: 480px) {
	.calloutButton {
    padding: 5px !important;
}
.calloutTitle {
    font-size: 1.3rem !important;
}
.mainMenuToggle {
    top: 0rem !important;
}
}
@media (max-width: 430px) {
.mainMenuToggle {
    top: 41px !important;
}
}
@media (max-width: 400px) {
	.calloutTitle {
    font-size: 1.1rem !important;
}
.calloutDesc {
    font-size: .8rem !important;
}
}


/* CALCULATOR */



div#calc-box {
    position: initial !important;
    bottom: 0;
    z-index: 1!important;
}

#calc-form .panel-title {
  cursor: pointer;
  font-size: 20px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 1em;
}

.fullTemplateCalcBox {
  position: fixed;
  top: 0px;
  background-color: #e64900;
  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;
  overflow: auto;
}

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

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

#calc-box {
  background-color: #e64900;
  color: #fff;
  right: 0px;
  left: 0px;
  z-index: 999;
  color: #fff;
  overflow: auto;
  padding: 15px 10%;
}
#est-size{
  font-size: 1.5rem;
  font-weight:500;
}
#est-value{
  font-size: 1.5rem;
  font-weight:500;
}
#est-value:before{
content:"$";
margin-right:2px;
}
.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;
}

.wpcf7 form {
    padding: 0px;
}

@media screen and (max-width: 450px) {
  #calc-form .accordianElement {
    width: 100%;
  }
}
/* END CALCUTOR */



/* BODY */

body {
   font-family: "Poppins", sans-serif;
   font-weight:400!important;
}


/* END BODY */


/* HEADER */

.mainLogo img {
    max-width: 125px;
    min-height: 103px;
    padding-top: 10px!important;
}
#navbarTheme8.logo-wrapper {
margin-bottom: 0px!important;
}
#navbarTheme8,
#navbarTheme8.sticky {
background: rgba(255, 255, 255, 1) !important;
    padding: 0px 0px 0px 0px!important;
}
.tsg-menu-class > ul > li:not(:last-child) {
    border-right: 1.5px solid #000;
}
body:not([class*="no-header"]):not(.single-candee_location) #topmostBar {
    background: #3C4142e8;
}
/*.tsg-hero-video {
   /* background-image: url()!important;
    background: #3c4142!important;
}*/
.tsg-hero-video .overlay {
    opacity: 0!important;
}
.tsg-hero-video.heroTheme8.height100vh {
    background-position: center center;
    min-height: 90vh!important;
}
.tsg-hero-video .hero-text {
    font-size: 3rem!important;
    text-transform: lowercase!important;
    line-height: 5rem;
    animation: fadeIn 1s ease-in-out;
}
.hero-title-2 {
    text-transform: lowercase!important;
    font-size: 5rem!important;
    font-weight: 300!important;
    animation: fadeIn 1s ease-in-out;
    margin-top:25%;
}
.circle:before {
    font-family: FontAwesome;
    content: "\f111";
    font-size: 3.5rem;
    color: #dc291e;
    line-height: 25px;
    animation: fadeIn 1s ease-in-out;
}
#navbarTheme8 #specialMenu .specialMenuItem {
    background: #e64900;
    color: #fff;
    padding: 15px!important;
    line-height: 1!important;
    font-weight: 500!important;
}
#navbarTheme8 #specialMenu .specialMenuItem:hover {
background:#3c4142;
}

#navbarTheme8.sticky {
    background: rgb(255 255 255) !important;
}
.tsg-menu-class ul a {
    font-weight: 500;
    text-transform: uppercase;
    color:#000;
    padding-left:10px!important;
    padding-top:0px!important;
   padding-bottom:0px!important;
   font-size:1.2rem!important;
  margin-top:20px;
}
.tsg-menu-class ul a:hover {
color:#555!important;
}

.tsg-menu-class ul.sub-menu a {
    color: #000!important;
    padding:15px!important;
}
.tsg-menu-class ul.sub-menu {
margin-top:5px;
}
.tsg-menu-class ul.sub-menu a:hover {
    color: #fff!important;
    background: #e64900;
}
.internal-title {
    font-size: 3rem;
    margin-top: 15%;
    line-height: 45px;
    font-weight:500!important;
animation: fadeIn 1s ease-in-out;
}
.background_1, .candee .background_1 {
    background-color: #e47237;
}

/* END HEADER */


/* HOMEPAGE */

.pinnacle_background_1 {
    background: url()!important;
    background-color: #e64900!important;
}

.introtext-class.whiteBackground {
    background-color: #E13100!important;
    color: #fff!important;
}

.home-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin: -16px 0px 0px 0px;
    background: #3C4142;
}

.half-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    margin-bottom:-80px;
    background:#f4f4f4;
}

.item {
    padding: 10px;
    text-align: left;
    position: relative;
    color: #fff;
}

.item2 {
    padding: 25px 10px;
    text-align: left;
    position: relative;
    color: #222;
}

.item p {
    margin-top: 15px;
    margin-left: 25px;
    margin-right: 45px;
}

.item2 p {
    margin-top: 15px;
    margin-left: 25px;
    margin-right: 45px;
}
.item2 li {
 padding:0px 20;
   font-size:.9rem;
}

.item h1, .item h2{
    margin-left: 25px;
    margin-right: 45px;
    font-size: 2rem;
    font-weight: 500;
    line-height:40px;
}

.item2 h1 {
    margin-left: 25px;
    margin-right: 45px;
    font-size: 2rem;
    font-weight: 500;
}

.half-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pinnacle_cta4 .cta4_cta.flex-item::before {
    background: rgba(0, 0, 0, .2)!important;
}
.pinnacle_cta4.calloutWrapper.flex-container {
    margin-top: -25px;
}

.cta4_cta {
    background-position: center !important;
}
.cta4_cta .h2 {
    bottom: calc(20% - 30px) !important;
    left: calc(40% - 100px) !important;
    background-color: #e47237!important;
    line-height: 1rem;
    padding: 20px;
    max-width: 300px;
    transition: all .2s ease-in-out;
    margin-bottom: 0 !important;
    font-size:1.2rem!important;
    font-weight:600!important;
    border-radius:0px;
}
.cta4_cta .h2:hover{
    transform: scale(1.1);
}
.button_4{
    border-radius:0px!important;
    margin-top:25px!important;
    border:none!important;
}
.about-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin: 0px;
    background: #f4f4f4;
}
.about-container img{
width:70%;
margin: 0 auto;
}


/*FEATURES*/


.features_section{
    margin: 80px auto;
}

.features_section .title{
    text-align: center;
    font-size: 1.3rem;
    margin-top: 10px;
}

.more_button{
    padding: 20px 10px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    background: #e64900;
    margin: 0 auto;
    color: #fff;
margin:10px 0px 20px 0px;
}
.more_button:hover{
    background: #3c4142;
}
.features_section a{
    text-decoration: none;
}
.pinnacle_cta4 .cta4_cta.flex-item::before {
    background: rgb(0 0 0 / 0%) !important;
}


/*CF7*/

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    background-color: #fff;
    color: #000;
    margin-bottom: 0px;
    padding: 20px;
    border-radius: 0px;
}

.wpcf7-submit {
    background: #e64900!important;
    color: #ffffff!important;
    font-size: 1em!important;
    border-radius: 0px!important;
    border:none!important;
}
.wpcf7-submit:hover {
    background: #444!important;
}
.wpcf7 {
    background: #f1f1f1;
    color: #000!important;
    font-size: 1em!important;
    padding: 20px 0px;
    border: 1px solid #ddd;
}

.wpcf7-textarea {
    height: 150px;
}

.wpcf7 form {
    width: 100%;
    padding: 10px 20px 0px 20px;
}

img.innovated-by-logo {
    max-width: 125px !important;
    display: inline-block;
    margin-left:10px;
}
.innovated-by-wrapper.textAlignRight {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}


/*FEATURES BOXES*/

.features-container{
background-size: cover;
background-position: right;
}
.features-row{
display: inline-block;
margin-top:0%;
width: 100%;
padding:120px auto;
}
.features-box-heading{
display:absolute;
background:#3c4142;
font-size: 2rem;
font-weight: 700;
padding: 20px;
color: #fff;
margin-top: 0%;
width: fit-content;
margin-left:3%;
margin-right:auto;
z-index: 1;
border:5px solid #fff;
box-shadow: 1px 2px  5px #333;
}
.features-box{
display: relative;
background: #fff;
margin-top: -50px;
margin-bottom: 5%;
margin-left:5%;
margin-right:5%;
font-size: 1rem;
font-weight: 400;
padding: 100px 20px 20px 20px;
z-index:0;
box-shadow: 3px 6px 14px 2px #333;
border: 15px solid #ddd;
}
.features-box ul{
 list-style-type: square;	
padding: 0;
  margin-left: 20px;
}
.features-box li {
padding-left: 0em!important; 
line-height:25px;
}
.features-btn{
display:inline-block;	
background:#e64900;
padding: 15px;
text-align: center;
font-weight: 700;
margin-left:25%;
margin-right:auto;
width: 50%;
margin-top: 45px;
text-decoration:none!important;	
}
.features-btn a{
color:#fff!important;
}
.features-btn:hover{
transform: scale(1.1);
    -webkit-transition: all 1s ease-out;
    -o-transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
background:#3c4142;
}
.features-left{
width: 50%;
display: inline-block;
float:left;
}
.features-right{
width: 50%;
display: inline-block;
float:left;	
}


/*CANDEE*/


.candee-login-page .pinnacleMainNavBar:not(#nabarTheme5):not(#nabarTheme7) {
    visibility: initial;
    width: 100%;
    position: relative!important;
    z-index: 3!important;
}
body.stickyMenuVisable.candee-login-page .pinnacleMainNavBar:not(#nabarTheme5):not(#nabarTheme7) {
    position: fixed!important;
    z-index:1000!important;
}
#topmostBar.background_3{
    background: #3C4142e8!important;
    color:#fff;
}
#topmostBar a{
    color:#fff;
}
.background_1, .candee .background_1 {
    background-color: #e47237!important;
}

.pinnacle_cta4 .cta4_cta.flex-item{
    height: unset !important;
    min-height: 420px !important;
    background-repeat: no-repeat !important;
}
.candeeFacilityMap.height100vh{
min-height:50vh!important;
}
.noUi-handle {
    border-color: #e64900!important;
}
.product-detail .product_name_bold, .product_name {
     color: #e64900!important;
}
.candee.loginTheme {
    margin-bottom: -100px;
}
.candee.signinWrap {
    float: none!important;
    min-width: 100%!important;
    overflow: hidden!important;
    margin-left:15px;
}



    
/* PITCHBLOCKS */

.pitch_theme_10_wrapper {
border-top: none!important;
border-bottom: none!important;
background:#ddd!important;
}
.pitch_theme_10 {
margin:0px auto!important;
padding:20px 0px;
background:#ddd;
}
.pitch_theme_10 .pitchBlock {
border-right: 1px solid #ddd !important;
padding: 2rem 2rem!important;
margin-left: 1%!important;
border: 1px solid #ddd;
background: #fff;
outline: 1px solid #ddd;
outline-offset: -10px;
margin-bottom: 5px;
border-bottom: 0px !important;
}
.pitch_theme_10 .pitchBlock.see-more {
background: #ddd!important;
outline: 0px solid #ddd;
}
.pitch_theme_9_wrapper, .pitch_theme_10_wrapper {
    border-top: 0px !important;
    border-bottom: 0px !important;
}
.pitch_theme_10 .pitchBlock.see-more p:hover {
color:#e64900;
}


/* END PITCHBLOCKS */


button#hero-video-button{
display:none !important;
}

.tsg-hero-video .videoWrapper iframe,
.tsg-hero-video .videoWrapper video {
  pointer-events: none !important;
}

















/*MOBILE*/

@media (max-width:1200px){
.cta4_cta .h2 {
    left: calc(42% - 100px) !important;
    max-width:250px;
}
}

@media (max-width:1024px) {

.internal-title{
    margin-top:25%!important;
}
.tsg-menu-class ul.sub-menu a{
    color: #222!important;
    background: #ddd!important;
    padding: 5px !important;
}
.tsg-menu-class ul.sub-menu a:hover{
color:#000!important;
}
#pinnacleMainNav .tsg-menu-class a {
        line-height: 2rem!important;
}
.home-container {
    grid-template-columns: repeat(1, 1fr);
}
.half-container {
    grid-template-columns: repeat(1, 1fr);
}
.home-container img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-top:-10px 0px;
    padding:0px;
}
.half-container img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-top:25px;
}
.item {
    padding: 0px;
}

.item p {
    margin: 10px;
}

.item2 p {
    margin: 10px;
}

.home-container h1 {
    margin: 10px 10px 20px 10px;
}

.half-container h1 {
    margin: 10px 10px 20px 10px;
}
.half-container {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 20px;
margin: -40px 0px 0px 0px;
}
.about-container {
    grid-template-columns: repeat(1, 1fr);
}
.pitch_theme_10 .candee-row.pitchActionButtons a, .pitch_theme_10 .pitchBlockUnavailableButton {
    width: 84.5%!important;
    margin-right: 3.5%!important;
    margin-left: 8.5%!important;
    margin-bottom: 10px!important;
}
}

@media (max-width:800px) {
    .circle:before {
        font-size:3.5rem;
    }
    
    .tsg-hero-video .hero-text {
        line-height: 35px;
    }
    
    .hero-title-2 {
        text-transform: lowercase!important;
        font-size: 5rem!important;
        font-weight: 300!important
    }
    .tsg-hero-video .hero-text{
        text-transform: lowercase!important;
        font-size: 3rem!important;
line-height:2rem;
    }
    .internal-title {
        margin-top: 35%!important;
    }

    .tsg-main-headline {
        font-size: 1.2rem !important;
    }


}
@media (max-width:768px) {
    .pinnacle_cta4.calloutWrapper.flex-container {
        flex-direction: column !important;
    }
    
    .pinnacle_cta4 .cta4_cta.flex-item .h2 {
        bottom: calc(50% - 30px) !important;
        margin-bottom: 0 !important;
        left: calc(38% - 100px) !important;
        max-width: 350px;
        font-size: 1rem;
    }
.features-left{
width: 100%;
}
.features-right{
width: 100%;	
}


.internal-title {
    margin-top: unset !important;
    font-size: 2rem !important;
}

body.home .tsg-hero-video.heroTheme8 .container .text-white {
    margin-top: 115px;
}




}
@media (max-width:468px) {
    .pinnacle_cta4.calloutWrapper.flex-container {
        flex-direction: column !important;
    }
    
    .tsg-hero-video.heroTheme8.height100vh {
        min-height: 60vh!important;
    }
    
    .hero-title-2 {
        margin-top: 25%;
    }
    
    .pinnacle_cta4 .cta4_cta.flex-item .h2 {
        bottom: calc(50% - 30px) !important;
        margin-bottom: 0 !important;
        left: calc(42% - 100px) !important;
        max-width: 250px;
        font-size: 1rem;
        padding: 10px;
    }
.features-box-heading {
font-size: 1.5rem;
}
.internal-title {
    margin-top: 50%!important;
}
.internal-title {
    font-size: 2rem!important;
}
.features-box {
margin-right:2%;
margin-left:2%;
}
}
@media (max-width:610px) {

.features-btn {
margin-left: 5%;
width: 90%;
}
 .tsg-hero-video .hero-text{
        text-transform: lowercase!important;
        font-size: 1.5rem!important;
line-height:2rem;
    }
}
@media (max-width:400px) {
    .circle:before {
        font-size: 2.2rem;
    }
    
    .tsg-hero-video .hero-text {
        line-height: 35px;
    }
    
    .hero-title-2 {
        text-transform: lowercase!important;
        font-size: 3rem!important;
        font-weight: 300!important
    }
    .tsg-hero-video .hero-text{
        text-transform: lowercase!important;
        font-size: 1.5rem!important;
    }
}

/* PWA BAR */


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




@media screen and (max-width:550px){
.hiddenPWAToggle-sidebar-right {
display: inline-block;
position: fixed;
right: 0;
top: 389px;
z-index: 125;
color: #e4002b!important;
background-color:#e64900!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;
box-shadow: unset;
}
.use_mmFilters .filterSettingsButton {
width: 55%!important;
}
#sortingOptions {
margin-left: 10px!important;
}
.four.columns {
width: 90%!important;
margin: 0px auto;
}
.four.columns img{
margin: 0px auto;
}
.features_section{
          margin: 50px 0px 50px 6%;
        width: 97%;
}
}