/* BERRYVINES.COM */

/* BDG RESETS */
/* JWC 11/24/21 modified
*/
*, *::before, *::after {box-sizing: border-box;}
* {margin: 0; padding: 0;}
html, body {height: 100%; width: 100%;}
body {line-height: 1; -webkit-font-smoothing: antialiased;}
img, picture, video, canvas, svg {display: block; max-width: 100%;}
input, button, textarea, select {font: inherit;}
p, h1, h2, h3, h4, h5, h6 {overflow-wrap: break-word;}

/* Headings */
/* use same as body */

/* Base 400 + 400 italic */
@font-face {
font-family: "Open Sans";
src: url('/_fonts/open-sans/regular-400-normal.woff2') format('woff2'), 
     url('/_fonts/open-sans/regular-400-normal.ttf') format('truetype') /*std*/;
font-weight: 400;
font-style: normal;
font-variation-settings: "wdth" 100;
font-display: swap;
}
@font-face {
font-family: "Open Sans";
src: url('/_fonts/open-sans/regular-400-italic.woff2') format('truetype'),
     url('/_fonts/open-sans/regular-400-italic.ttf') format('truetype') /*std*/;
font-weight: 400;
font-style: italic;
font-variation-settings: "wdth" 100;
font-display: swap;
}
/* Base 600 + 600 italic */
@font-face {
font-family: "Open Sans";
src: url('/_fonts/open-sans/semibold-600-normal.woff2') format('woff2'), 
     url('/_fonts/open-sans/semibold-600-normal.ttf') format('truetype') /*std*/;
font-weight: 600;
font-style: normal;
font-variation-settings: "wdth" 100;
font-display: swap;
}
@font-face {
font-family: "Open Sans";
src: url('/_fonts/open-sans/semibold-600-italic.woff2') format('woff2'),
     url('/_fonts/open-sans/semibold-600-italic.ttf') format('truetype') /*std*/;
font-weight: 600;
font-style: italic;
font-variation-settings: "wdth" 100;
font-display: swap;
}

:root {margin: 0; padding: 0; --primary-color: #222; --body-fonts: 'Open Sans', Arial, Helvetica, sans-serif;}
html {font-size: 100%; color: #2b2e2b; scroll-behavior: smooth;}

body {max-width: 1920px; margin: 0 auto; position: relative; font-size: 16px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 400; font-style: normal; line-height: 1.25; /*color: #2b2e2b;*/ color: #090400; background-color: #fffde9; overflow-y: scroll; height: 100%; }
@media only screen and (min-width: 0px) and (max-width: 599px) {body {font-size: .9375em;}}

h1, h2, h3, h4, h5, h6 {/*font-family: 'Playfair Display', serif;*/ font-weight: 600; font-style: normal; /*color: #285d56;*/ color: #114334;}
h1 {line-height: 1.375; margin-top: .5em; margin-bottom: .375em; text-align: center;}
h2,h3,h4 {line-height: 1.25; margin-bottom: .5em; text-align: center;}
@media (min-width: 0px) and (max-width: 468px) {
h1 {font-size: calc(16px + 3vw);}
h2,h3,h4 {font-size: calc(16px + 2vw);}
}
@media (min-width: 469px) and (max-width: 767px) {
h1 {font-size: calc(16px + 2vw);}
h2,h3,h4 {font-size: calc(16px + 1.5vw);}
}
@media (min-width: 768px) and (max-width: 1200px) {
h1 {font-size: calc(16px + 1.75vw);}
h2,h3,h4 {font-size: calc(16px + 1.25vw);}
}
@media (min-width: 1201px) and (max-width: 1600px) {
h1 {font-size: calc(16px + 1.5vw);}
h2,h3,h4 {font-size: calc(16px + 1vw);}
}
@media (min-width: 1601px) {
h1 {font-size: calc(16px + 1.125vw);}
h2,h3,h4 {font-size: calc(16px + .75vw);}
}

/* HEADINGS - DEFAULT */
h1.h1-std {text-align: center; margin-left: auto; margin-right: auto;}
h2.h2-std, h3.h3-std, h4.h4-std, h5.h5-std {font-size: 1.75rem;}

@media (min-width: 0px) and (max-width: 468px) {
h1.h1-std {font-size: 1.5rem;}
h2.h2-std, h3.h3-std, h4.h4-std, h5.h5-std {font-size: 1.375rem;}
h2.h2-std-sm, h3.h3-std-sm, h4.h4-std-sm, h5.h5-std-sm {font-size: 1.125rem;}
}
@media (min-width: 469px) and (max-width: 767px) {
h1.h1-std {font-size: 2.25rem;}
h2.h2-std, h3.h3-std, h4.h4-std, h5.h5-std {font-size: 1.5rem;}
h2.h2-std-sm, h3.h3-std-sm, h4.h4-std-sm, h5.h5-std-sm {font-size: 1.25rem;}
}
@media (min-width: 768px) and (max-width: 1200px) {
h1.h1-std {font-size: 2.25rem;}
h2.h2-std, h3.h3-std, h4.h4-std, h5.h5-std {font-size: 1.625rem;}
h2.h2-std-sm, h3.h3-std-sm, h4.h4-std-sm, h5.h5-std-sm {font-size: 1.3125rem;}
}
@media (min-width: 1201px) {
h1.h1-std {font-size: 2.5rem;}
h2.h2-std, h3.h3-std, h4.h4-std, h5.h5-std {font-size: 1.75rem;}
h2.h2-std-sm, h3.h3-std-sm, h4.h4-std-sm, h5.h5-std-sm {font-size: 1.375rem;}
}
h2.fnt-reg, h3.fnt-reg, h4.fnt-reg, h5.fnt-reg, h6.fnt-reg {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 400;}
.fnt-reg {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 400;}
bold, strong, .fnt-reg.bld-y {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 600;}

a {text-decoration: underline; border: 0; color: inherit;}
a:hover {text-decoration: none;}
.a-undl, a.a-undl, span.a-undl {text-decoration: underline !important;}
.a-noundl, a.a-noundl, span.a-noundl {text-decoration: none !important;}
.a-noundl:hover, a.a-noundl:hover {text-decoration: underline;}

p {text-align: left; line-height: 1.625; margin-bottom: .75em;}

ul.pos-in, ol.pos-in {list-style-position:inside;}
.ul-std {list-style: disc outside; margin-left: 1em; padding-left: 0; text-align: left;}
.ul-std li {text-align: left; line-height: 1.5; margin-bottom: 1em;}
.ul-nobl {list-style: none;}
.ul-withbl {list-style: disc outside; margin-left: 1em;}

/* POSITION, CLEAR, HIDE, SCALE */
.rltv {position:relative;}
.clearfix::after, .clearfix::before {content: " "; display: table;}
.clearfix::after {display: block; clear: both; content: "";}
.hdn, .hidden {display: none !important;}
.scalable {width: auto; height: auto; max-width: 100% !important;}
.wrapno {white-space: nowrap;}
.bal {text-wrap: balance;}

/* FONT SIZE */
.fnt-inh {font-size: inherit !important;}

.fnt-14 {font-size: .875em;}
.fnt-16 {font-size: 1em;}
.fnt-18 {font-size: 1.125em;}
.fnt-20 {font-size: 1.25em;}
.fnt-22 {font-size: 1.375em;}
.fnt-24 {font-size: 1.5em;}
.fnt-26 {font-size: 1.625em;}
.fnt-28 {font-size: 1.75em;}
.fnt-30 {font-size: 1.875em;}
.fnt-40 {font-size: 2.4em;}

.fnt-10rem {font-size: 1rem;}
.fnt-10625rem {font-size: 1.0625rem;}
.fnt-1125rem {font-size: 1.125rem;}
.fnt-125rem {font-size: 1.25rem;}
.fnt-1375rem {font-size: 1.375rem;}
.fnt-15rem {font-size: 1.5rem;}
.fnt-1625rem {font-size: 1.625rem;}
.fnt-175rem {font-size: 1.75rem;}
.fnt-20rem {font-size: 2rem;}
.fnt-225rem {font-size: 2.25rem;}
.fnt-24rem {font-size: 2.4rem;}
.fnt-25rem {font-size: 2.5rem;}

@media screen and (max-width:480px) {.fnt-28, .fnt-30 {font-size: 1.3889rem;}}

.sz50 {font-size: 50%;}
.sz60 {font-size: 60%;}
.sz70, h1.sz70, h2.sz70, h3.sz70, h4.sz70 {font-size: 70%;}
.sz80, h1.sz80, .h1-std.sz80, h2.sz80, h3.sz80, h4.sz80 {font-size: 80%;}
.sz875rem {font-size: .875rem;}
.sz90, h1.sz90, h2.sz90, h3.sz90, h4.sz90 {font-size: 90%;}

/* COLORS */
.clr-wht {color: #fff;}
.clr-blk {color: #090400;}
.clr-ivy {color: #fffde9;/}
.clr-gld-md {color: #fdc652}
.clr-grn-dk {color: #114334;}
.clr-grn-md {color: #2fac66;}
.clr-grn-brt {color: #95c1ff;}

.bkgd-clr-wht {background-color: #fff;}
.bkgd-clr-blk {background-color: #090400;}
.bkgd-clr-ivy {background-color: #fffde9;}
.bkgd-clr-gld-md {background-color: #fdc652;}
.bkgd-clr-grn-dk {background-color: #285d56;}
.bkgd-clr-grn-md {background-color: #2fac66;}
.bkgd-clr-grn-md2 {background-color: #24844e;}
.bkgd-clr-grn-brt {background-color: #95c1ff;}

.clr-rd {color: #f4170a;}
.bgkd-clr-hghlt {background-color: #fffdd0;}

/* --------- LAYOUT --------- */

/*BLOCK WIDTHS & HEIGHTS*/

.wdepct-85 {width: 85%; margin-left:auto; margin-right:auto;}
.wdepct-96 {width: 96%; margin-left:auto; margin-right:auto;}
.wdepct-100 {width: 100%;}

.wdemax-250 {max-width: 250px; margin-left:auto; margin-right:auto;}
.wdemax-350 {max-width: 350px; margin-left:auto; margin-right:auto;}
.wdemax-400 {max-width: 400px; margin-left:auto; margin-right:auto;}
.wdemax-450 {max-width: 450px; margin-left:auto; margin-right:auto;}
.wdemax-500 {max-width: 500px; margin-left:auto; margin-right:auto;}
.wdemax-600 {max-width: 600px; margin-left:auto; margin-right:auto;}
.wdemax-650 {max-width: 650px; margin-left:auto; margin-right:auto;}
.wdemax-700 {max-width: 700px; margin-left:auto; margin-right:auto;}
.wdemax-750 {max-width: 750px; margin-left:auto; margin-right:auto;}
.wdemax-800 {max-width: 800px; margin-left:auto; margin-right:auto;}
.wdemax-880 {max-width: 880px; margin-left:auto; margin-right:auto;}
.wdemax-900 {max-width: 900px; margin-left:auto; margin-right:auto;}
.wdemax-960 {max-width: 960px; margin-left:auto; margin-right:auto;}
.wdemax-1000 {max-width: 1000px; margin-left:auto; margin-right:auto;}
.wdemax-1100 {max-width: 1100px; margin-left:auto; margin-right:auto;}
.wdemax-1200 {max-width: 1200px; margin-left:auto; margin-right:auto;}
.wdemax-1400 {max-width: 1400px; margin-left:auto; margin-right:auto;}
.wdemax-1500 {max-width: 1500px; margin-left:auto; margin-right:auto;}
.wdemax-1600 {max-width: 1600px; margin-left:auto; margin-right:auto;}
.wdemax-1700 {max-width: 1700px; margin-left:auto; margin-right:auto;}
.wdemax-1780 {max-width: 1780px; margin-left:auto; margin-right:auto;}
.wdemax-1800 {max-width: 1800px; margin-left:auto; margin-right:auto;}
.wdemax-1920 {max-width: 1920px; margin-left:auto; margin-right:auto;}


/* FLEX */
/* ********** flex container (parent) **********  */
.flx {display: flex;}

/* wrapping - shorthand for: flex-direction flex-wrap */
.row-flx-nowrap {flex-flow: row nowrap;} /* default */
.row-flx-wrap {flex-flow: row wrap;}
.col-flx-nowrap {flex-flow: column nowrap;}
.col-flx-wrap {flex-flow: column wrap;}

/* main axis direction
   rows = horizontal align, cols = vertical align */
.flx-main-start {justify-content: flex-start;} /*default*/
.flx-main-ctr {justify-content: center;}
.flx-main-end {justify-content: flex-end;}
.flx-main-spc-btwn {justify-content: space-between;}
.flx-main-spc-arnd {justify-content: space-around;}
.flx-main-spc-evn {justify-content: space-evenly;}

/* cross axis direction 
   rows = vertical align, cols = horizontal align */
.flx-cross-start {align-items: flex-start;}
.flx-cross-ctr {align-items: center;}
.flx-cross-end {align-items: flex-end;}
.flx-cross-strch {align-items: stretch;}
.flx-cross-base {align-items: baseline;}

/* ********** flex items (children)**********  */

.flx-itm-auto {flex: 1 0 auto;}

/* individual item align */
.flx-itm-start {align-self: flex-start;}
.flx-itm-ctr {align-self: center;}
.flx-itm-end {align-self: flex-end;}

/* order of items */
.flx-itm-ord-1 {order: 1;}
.flx-itm-ord-2 {order: 2;}

/* gap - only w/wrap ----------------- */
.flx-spc-btwn-10px {gap: 10px;}
.flx-spc-btwn-1rem {gap: 1rem;}

/* GRID */
.grd {display: grid;}

/* BLOCKS */
.blck {display: block;}
.blck-inl {display: inline-block;}
.flt-lft {float: left;}
.flt-rgt {float: right;}
.ctr {text-align: center;}
.rgt {text-align: right;}
.lft {text-align: left;}
.it-y {font-style: italic;}
.it-n {font-style:normal;}
.bld-y {font-weight: 600 !important;}
.bld-n {font-weight: normal;}

/* MARGIN */
.martop--125 {margin-top: -.125em}
.martop-00 {margin-top: 0;}
.martop-02 {margin-top: .2em;}
.martop-03 {margin-top: .3em;}
.martop-04 {margin-top: .4em;}
.martop-05 {margin-top: .5em;}
.martop-06 {margin-top: .6em;}
.martop-07 {margin-top: .7em;}
.martop-08 {margin-top: .8em;}
.martop-10 {margin-top: 1em;}
.martop-12 {margin-top: 1.2em;}
.martop-15 {margin-top: 1.5em;}
.martop-20 {margin-top: 2em;}
.martop-25 {margin-top: 2.5em;}
.martop-30 {margin-top: 3em;}

.marbtm-00, p.marbtm-00, li.marbtm-00 {margin-bottom: 0;}
.marbtm-01, p.marbtm-01, li.marbtm-01 {margin-bottom: .1em;}
.marbtm-02, p.marbtm-02, li.marbtm-02 {margin-bottom: .2em;}
.marbtm-03, p.marbtm-03, li.marbtm-03 {margin-bottom: .3em;}
.marbtm-04, p.marbtm-04, li.marbtm-04 {margin-bottom: .4em;}
.marbtm-05, p.marbtm-05, li.marbtm-05 {margin-bottom: .5em;}
.marbtm-06, p.marbtm-06, li.marbtm-06 {margin-bottom: .6em;}
.marbtm-07, p.marbtm-07, li.marbtm-07 {margin-bottom: .7em;}
.marbtm-08, p.marbtm-08, li.marbtm-08 {margin-bottom: .8em;}
.marbtm-09, p.marbtm-09, li.marbtm-09 {margin-bottom: .9em;}
.marbtm-10, p.marbtm-10, li.marbtm-10 {margin-bottom: 1em;}
.marbtm-12, p.marbtm-12, li.marbtm-12 {margin-bottom: 1.2em;}
.marbtm-15, p.marbtm-15, li.marbtm-15 {margin-bottom: 1.5em;}
.marbtm-20, p.marbtm-20, li.marbtm-20 {margin-bottom: 2em;}
.marbtm-30, p.marbtm-30, li.marbtm-30 {margin-bottom: 3em;}

.marbth-auto {margin-left: auto; margin-right: auto;}

.marlft-auto {margin-left: auto;}
.marlft-00 {margin-left: 0;}
.marrgt-auto {margin-right: auto;}
.marrgt-00 {margin-right: 0;}
.marrgt-02 {margin-right: .2em;}
.marrgt-05 {margin-right: .5em;}

@media (min-width: 1601px) {.mar-pad-std {padding-left: 3vw; padding-right: 3vw;}}
@media (min-width: 1200px) and (max-width: 1600px) {.mar-pad-std {padding-left: 4vw; padding-right: 4vw;}}
@media (min-width: 600px) and (max-width: 1199px) {.mar-pad-std {padding-left: 5vw; padding-right: 5vw;}}
@media (min-width: 481px) and (max-width: 599px) {.mar-pad-std {padding-left: 6vw; padding-right: 6vw;}}
@media (max-width: 480px) {.mar-pad-std {padding-left: 8vw; padding-right: 8vw;}}

/* PADDING & LINE HEIGHT */
.padtop-00 {padding-top: 0;}
.padtop-01 {padding-top: .1em;}
.padtop-02 {padding-top: .2em;}
.padtop-03 {padding-top: .3em;}
.padtop-05 {padding-top: .5em;}
.padtop-08 {padding-top: .8em;}
.padtop-10 {padding-top: 1em;}
.padtop-15 {padding-top: 1.5em;}
.padtop-20 {padding-top: 2em;}
.padbtm-00 {padding-bottom: 0;}
.padbtm-02 {padding-bottom: .2em;} 
.padbtm-05 {padding-bottom: .5em;}
.padbtm-08 {padding-bottom: .8em;}
.padbtm-10 {padding-bottom: 1em;}
.padbtm-15 {padding-bottom: 1.5em;}

.padlft-05 {padding-left: .5em;}
.padlft-10 {padding-left: 1em;}

.padrgt-05 {padding-right: .5em;}
.padrgt-10 {padding-right: 1em;}

.pad-lft-rgt-05px {padding-left: 5px; padding-right: 5px;}
.pad-lft-rgt-10px {padding-left: 10px; padding-right: 10px;}
.pad-lft-rgt-30px {padding-left: 30px; padding-right: 30px;}

.pad-all-05px {padding: 5px;}
.pad-all-10px {padding: 10px;}
.pad-all-15px {padding: 15px;}
.pad-all-20px {padding: 20px;}

.lne01, p.lne01 {line-height: 1;}
.lne125, p.lne125 {line-height: 1.125;}
.lne25, p.lne25 {line-height: 1.25;}
.lne375, p.lne375 {line-height: 1.375;}

/* IMAGES */
.img-rnd {-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.rad-03, .rad-05, .rad-10, .rad-20, .img-rnd  /* prevent bkgd color leak */ {-webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;}
.rad-01 {-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;}
.rad-03 {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.rad-05 {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.rad-10 {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.rad-20 {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}

/* BORDERS */

/* DIVIDERS & SEPARATORS */
.dvdr-top {position: relative;}
.dvdr-top::before {content: ". . . . ."; display: block; color: #fff; padding-bottom: .5em;} 
.sep::after {content: ""; display: block; width: 230px; height: 10px; margin: 8px auto 0; background-image: url("/_img/ele/sep-230.png");
  background-size: contain; background-repeat: no-repeat; background-position: center;}

/* BTNS - CTA */
.btn-cta {display: inline-block; padding: 0.75rem 1.25rem; text-decoration: none; font-size: 1.25em; line-height: 1; border-radius: 16px; padding: 0.5em .75em; transition: 0.5s; cursor: pointer;}
.btn-cta:hover {text-decoration: none;}
.btn-cta:hover:before {width: 100%;}
.btn-cta.clr-bwn {color: #fff; background-color: #511716; border: 1px solid #a39682;}
.btn-cta.clr-bwn:hover {color: #222; background-color: #efdebf;}
.btn-cta.clr-gld {color: #222; background-color: #efdebf; border: 1px solid #a39682;}
.btn-cta.clr-gld:hover {color: #fff; background-color: #511716;}

.btns-forms {display: flex; justify-content: center; gap: 1.25em; flex-wrap: wrap; margin-bottom: 15px;}
.btns-forms a {display: inline-block; padding: 0.5em 1em; border: 1px solid #239d57; border-radius: 6px; text-decoration: none; background-color: #2abd68;
color: #fff; font-weight: bold; transition: background 0.2s;}
.btns-forms a:hover {background-color: #fff; color: #2abd68; border-color: #2abd68;}
.link-buttons a:focus {outline: 2px solid #239d57; outline-offset: 2px;}
@media (max-width: 480px) {.btns-forms {flex-direction: column; gap: 0.5em; align-items: flex-start;}}

/* ICONS */
.icn {display: inline-block; padding: 0 .1em;}
a.icn {text-decoration: none !important;}
.icn-padlft {padding-left: .5em;}

/* ACCESSIBILITY */
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0;}
@media (prefers-reduced-motion: reduce) {
*, ::before, ::after {animation-delay: -1ms !important; animation-duration: 1ms !important; animation-iteration-count: 1 !important; background-attachment: initial !important; scroll-behavior: auto !important; transform: unset !important; transition-delay: 0s !important; transition-duration: 0s !important;}
}
a[href^=tel],.tel, .tel:visited, a[href^=tel]:hover, a[href^=tel]:focus {color: inherit; text-decoration: none; border-bottom: none; padding: 5px 3px;}
a[href^=tel]:hover {text-decoration: underline;}
a#skiplink {position: absolute; left: -1222px; top: -1222px; width: 1px; height: 1px; text-align: left; overflow: hidden; background-color: #ff3;}
a#skiplink:focus, a#skiplink:active, a#skiplink:hover {z-index: 1222222; position: absolute; left: 0; top: 0; width: auto; height: auto; overflow: visible; border: 1px dotted #222; padding: 5px;}

/* MOBILE BLOCKS */
.mbl-no {display: none;}
@media only screen and (max-width: 480px) {.mblblck, .mblblck-480, .mblblck-600, .mblblck-768, .mblblck-1024 {display: block;}}
@media only screen and (min-width: 481px) and (max-width: 600px) {.mblblck, .mblblck-600, .mblblck-768, .mblblck-1024 {display: block;}}
@media only screen and (min-width: 601px) and (max-width: 768px) {.mblblck, .mblblck-768, .mblblck-1024 {display: block;}}
@media only screen and (min-width: 769px) and (max-width: 1024px) {.mblblck, .mblblck-1024 {display: block;}}

/* ********* HANCOCKSELFSTORAGE.COM **************** */

/* WRAPPER - ALL */
#wrapper {width: 100%; max-width: 1700px; margin: 0 auto; padding: 0 30px;}
@media (min-width: 0px) and (max-width: 480px){#wrapper {padding: 0;}}
@media (min-width: 481px) and (max-width: 900px){#wrapper {padding: 0 15px;}}

/* HEADER */
header {margin: 0 auto; padding: 10px 0px 5px; color: #435413;}
.header-row {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; padding-bottom: 5px;}
.lgo-col, .content-col {display: flex; justify-content: center; align-items: center; min-width: 0;}
.content-col {display: flex; flex-wrap: wrap;}
.tag, .phn {text-align: center;}
.lgo-col {padding: 0 10px 5px;}
.tag, .phn {padding: 5px;}

@media (max-width: 600px) {/* all stack */
.lgo-col {width: 100%;}
.lgo-col .scalable {max-width: 160px !important;}
.content-col {width: 100%;}
.tag {width: 100%; font-size: 1.2rem;}
.phn {width: 100%; font-size: 1.375rem}
}
@media (min-width: 601px) and (max-width: 900px) {
.lgo-col {width: 40%;}
.lgo-col .scalable {max-width: 170px !important;}
.content-col {width: 60%;}
.tag {width: 100%; font-size: 1.375rem;}
.phn {width: 100%; font-size: 1.5rem}
}
@media (min-width: 901px) and (max-width: 1200px) {
.lgo-col {width: 25%;}
.lgo-col .scalable {max-width: 180px !important;}
.content-col {width: 75%;}
.tag {width: 70%; font-size: 1.5rem;}
.phn {width: 30%; font-size: 1.625rem}
}
@media (min-width: 1201px) and (max-width: 1599px) {
.lgo-col {width: 25%;}
.lgo-col .scalable {max-width: 190px !important;}
.content-col {width: 75%;}
.tag {width: 70%; font-size: 1.75rem;}
.phn {width: 30%; font-size: 1.75rem}
}
@media (min-width: 1600px) {
.lgo-col {width: 20%;}
.content-col {width: 80%;}
.tag {width: 75%; font-size: 1.875rem;}
.phn {width: 25%; font-size: 2rem;}
}

/* NAVIGATION */
/* p7 AMM Version: 1.3.5 -build 31 - MODIFIED */
.p7AMM {padding: 0px 0px; box-sizing: border-box;}
.p7AMM ul {margin: 0px; padding: 0px; font-size: 0px;}
.p7AMM ul ul {position: absolute; top: 100%; display: none; min-width: 200px; z-index: 1; text-align: left; margin-top: 0px; margin-left: 0px; box-sizing: border-box;}
.p7AMM ul ul ul {top: 0px; left: 180px; z-index: 2; margin-top: 0px;}
.p7AMM ul li {list-style-type: none; vertical-align: middle; display: inline-block; position: relative; padding: 0px 3px;}
.p7AMM ul ul li {display: block; padding: 0px 0px; white-space: normal;}
/* ROOT */
.p7AMM li a {display: block; color: #fff; text-decoration: none; padding: 12px 20px; font-size: 18px;}
.p7AMM li a:hover {background-color: #4bce84 !important;}
/* SUB-MENU */
.p7AMM ul ul a {display: block; color: #fff; padding: 5px 20px; font-size: 16px;}
.p7AMM ul ul a:hover {color: #fff; background-color: #ccc;}
.p7AMM a.amm-trigger {background-repeat: no-repeat; background-position: left center;}
/* NO-SCRIPT */
.p7AMM.amm-noscript li:hover ul {display: block;}
.p7AMM.amm-noscript li:hover ul ul {display: none;}
.p7AMM.amm-noscript ul ul li:hover ul {display: block;}
.p7AMM.amm-left {text-align: left;}
.p7AMM.amm-centered {text-align: center;}
.p7AMM.amm-right {text-align: right;}
/* Responsive */
.p7AMM.amm-responsive .amm-toolbar {display: none;}
@media only screen and (min-width: 0px) and (max-width: 900px) {
.p7AMM.amm-responsive {padding: 0px !important; font-size: 16px;}
.p7AMM.amm-fixed {max-height: 100% !important; overflow-y: auto;}
.p7AMM.amm-responsive li {text-align: left !important; display: block; max-height: 700777px; max-width: 300px; margin-left:auto; margin-right: auto;}
.p7AMM.amm-responsive.amm-pointer ul ul:after {display: none !important;}
.p7AMM.amm-responsive ul ul {width: 100%; min-width: 0px; margin: 0px !important; position: relative !important;}
/* ADDED */
.p7AMM li a {font-weight: 600; padding: 10px 20px;}
.p7AMM li li a {font-weight: normal;}
.p7AMM.amm-responsive ul ul li {margin-left: .5em;}
.p7AMM.amm-responsive ul ul li a::before {margin-left: .5em; content: "\2192\00a0";}
.p7AMM.amm-responsive ul, .p7AMM.amm-responsive a {border-radius: 0px !important;}
.p7AMM.amm-responsive .amm-toolbar {display: block; text-align: center; margin: 0px 0px; padding: 0px 10px; background-color: transparent !important; color: #fff !important;}
.p7AMM.amm-responsive .amm-toolbar a {display: inline-block; text-decoration: none; font-size: 2.5rem; color: #fff; opacity: 1;}
.p7AMM.amm-responsive .amm-toolbar a:hover {opacity: .7;}
.p7AMM.amm-responsive .amm-toolbar.closed a:before {content: "MENU";}
.p7AMM.amm-responsive .amm-toolbar.opened a:before {content: "Close Menu";}
.p7AMM.amm-responsive .amm-toolbar.closed a:before,  .p7AMM.amm-responsive .amm-toolbar.opened a:before {font-size: 1.25rem !important; position: relative;  top: -.25rem;  left: -.25rem;}
.p7AMM.amm-responsive ul.closed {display: none;}
.p7AMM.amm-responsive ul.opened {display: block;}
.p7AMM.amm-responsive li.amm-more {display: none !important;}
.p7AMM.amm-responsive li.amm-root-moved {position: relative !important; top: 0px !important; left: 0px !important;}
}


/* MAIN (content) */
main {min-height: 70vh; margin: 0; text-align: center; padding: 0 0 1.5rem;}


/* ---------- HOW TO RENT TOGGLE  ---------- */
/* ────── Base & Layout ────── */
#units {display: flex; flex-wrap: wrap; width: 100%;}
#units .col-1, #units .col-2 {padding: 0.5em; border-bottom: 1px solid #000; text-align: center;}
#units .col-1 {flex: 0 0 50%;}
#units .col-2 {flex: 0 0 50%;}

#calc {display: flex; flex-wrap: wrap; width: 100%; margin-top: 2em;}
#calc .col-1, #calc .col-2 {padding: 0.5em; border-bottom: 1px solid #000; text-align: center;}
#calc .col-1 {flex: 0 0 70%;}
#calc .col-2 {flex: 0 0 30%;}


/* ────── Accordion Panels ────── */
.accordion {width: 100%; margin: 0 auto; padding: 0;}
.accordion-item {margin-bottom: .5em; /* space between each Q&A */}
/* Toggle button */
.accordion-item dt .accordion-toggle {display: block; width: 100%; text-align: left; font-size: 1.1em; font-weight: bold; line-height: 1.4; background: #d4ebdb;
padding: 0.75em 1em 0.75em 2.125em; border: none; border-radius: 4px; cursor: pointer; position: relative; color: #090400;}
/* insert arrow */
.accordion-item dt .accordion-toggle::before {
content: "\25B6\FE0E"; /* for iOS */
position: absolute;left: 1em; /* sits nicely inside that 2.125em padding */
top: 50%; transform: translateY(-50%); font-family: system-ui, sans-serif; font-variant-emoji: text; transition: transform 0.2s ease;}
/* rotate arrow when expanded */
.accordion-item dt .accordion-toggle[aria-expanded="true"]::before {transform: translateY(-50%) rotate(90deg);}

/* Panels: collapsed vs. open */
/* collapsed state (no border) */
.accordion-item dd {max-height: 0; overflow: hidden;
padding: 0 1em; /* only horizontal padding when closed */
transition: max-height 0.3s ease, padding 0.3s ease; border: none; background: none;}
/* open state (with padding, border, background) */
.accordion-item.open dd {max-height: 2500px; /* must exceed your longest dd */
padding: 1.25em 1.5em .5em; margin: 0 4px 1em 4px; background: rgba(255,255,255,.4); border: 1px solid #999; border-top: none; border-radius: 0 0 4px 4px; overflow: visible;}

/* print — always fully expanded */
@media print {
.accordion-item dd, .accordion-item dd[hidden] {display: block !important; max-height: none !important; overflow: visible !important; padding: 1.25em 1.5em .5em !important;
margin: 0 0 1em 2.125em !important; border: 1px solid #999 !important; border-top: none !important; background: rgba(255,255,255,.4) !important;}
}

/* FOOTER */
footer {background-color: #114334;}
#ftr-container {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px 15px; padding: 20px 0 5px;}
#ftr-container .flex-item {padding: 15px 15px 10px; text-align: center;}
.three-col-even#ftr-container .flex-item {flex: 0 0 calc(33.33% - 13.33px);}
@media (max-width: 768px) {
#ftr-container {flex-direction: column; gap: 15px 10px;}
.three-col-even#ftr-container .flex-item {flex: 0 0 100%;}
}

footer p, footer ul {text-align: center; color: #fff; line-height: 1.25;}
footer a {color: #fff;}
footer nav ul {list-style: none; }
footer nav ul li {margin-bottom: 1em;}
footer nav a {display: inline-block; text-decoration: none; border-bottom: 1px dotted #fff; padding-bottom: 1px;} 
footer p#soc {display: flex; justify-content: center; align-items: center; gap: 20px;}
#soc img {display: block; width: 40px; height: 40px; object-fit: cover;}

.map-ggl {position: relative; /*display: block;*/ width: 100%; margin: 0 auto; border-radius: 4px;}
.map-ggl iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; border-radius: 4px;}
.map-ggl-footer {position: relative; max-width: 300px; aspect-ratio: 3 / 2; height: auto;}
.map-ggl-ctc {max-width: 1000px; aspect-ratio: 1000 / 400; height: auto;}
#pg-contact .map-ggl-footer {display: none;}

/* CMS */
.cmscontent .faq ul, ol {text-align: left; list-style: outside; margin-left: 1em;}
.cmscontent li {margin-bottom: .6875em; line-height: 1.25;}

body#tinymce {padding: .5em; line-height: 1.375em; background-image: none; background-color: #fff;}
#tinymce .h2-std, #tinymce .h3-std, .cmscontent .h2-std, .cmscontent .h3-std {margin-top: 1em; font-size: 1.375em; margin-bottom: .3125em; text-align: left;}

#tinymce ul, #tinymce ol, .cmscontent ul, .cmscontent ol {list-style-position: outside; margin-left: 1.25em; padding-left: 0; text-align: left;}
#tinymce ul, .cmscontent ul {list-style: disc;}
#tinymce ol, .cmscontent ol {list-style:decimal;}

@media only print {
.nopr, #btn-wrap, .btn-cta, #toppg, #ftr-nav, #nav-top, #nav-main {display: none !important;}
body {font-size: 12pt; background-color: #fff;}
#hdr-lgo-row-flx {flex-direction: column; padding: 10pt;}
.lgo-col img.scalable {max-width: 1.75in !important;}
.fnt-25rem {font-size: 26pt;}
.bdy-std h1.h1-std {font-size: 26pt; padding-top: .25in;}
footer {border: none; border-top: 1px solid #222; border-right: none; border-bottom: none; border-left: none;}
footer {color: #0b3768;}
.pgbrk-in-avoid {page-break-inside: avoid;}
}