/* ATLANTICLANDSCAPECONSTRUCTION.COM */

/* BDG RESETS */
/* JWC 11/24/21 modified
*/
*, *::before, *::after {box-sizing: border-box;}
* {margin: 0; padding: 0;}
html {scroll-behavior: smooth;}
html, body {height: 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;}

@font-face {
font-family: 'Montserrat';
src: url('/_fonts/montserrat/light-300-normal.woff2') format('woff2'), 
     url('/_fonts/montserrat/light-300-normal.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('/_fonts/montserrat/regular-400-normal.woff2') format('woff2'), 
     url('/_fonts/montserrat/regular-400-normal.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('/_fonts/montserrat/regular-400-italic.woff2') format('woff2'),
     url('/_fonts/montserrat/regular-400-italic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('/_fonts/montserrat/medium-500-normal.woff2') format('woff2'), 
     url('/_fonts/montserrat/medium-500-normal.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('/_fonts/montserrat/medium-500-italic.woff2') format('woff2'),
     url('/_fonts/montserrat/medium-500-italic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
font-display: swap;
}

html {font-size: 16px; color: #00443d; scroll-behavior: smooth;}
body {font-size: 16px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: 400; font-style: normal; line-height: 1.125;  background-color: #d4d6c8; color: #00443d; overflow-y: scroll;}
@media screen and (max-width: 599px) {body {font-size: 16px;}}
bold, strong {font-weight: 500 !important;}
.fnt-reg.bld-y {font-weight: 500;}
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.45; margin-bottom: 1em;}
.ul-nobl {list-style: none;}
.ul-withbl {list-style: disc outside; margin-left: 1em;}
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;}
.clearfix::after {display: block; clear: both; content: "";}
.scalable {width: auto; height: auto; max-width: 100% !important;}
.hidden {display: none;}
.fnt-inh {font-size: inherit !important;}

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

/* HEADINGS */
h1, h2, h3, h4, h5, h6 {line-height: 1.25;}
h1 {font-weight: 300;}
h2, h3, h4, h5, h6 {font-weight: 400;}
h1.h1-std {font-size: 2rem; text-align: center; margin-left: auto; margin-right: auto;}
h3.h3-std-xsm {font-size: 1.125rem; font-weight: 500; margin-bottom: .5em;}
@media screen and (max-width: 468px) {
h1.h1-std {font-size: 1.75rem; font-weight: 400;}
h2.h2-std, h3.h3-std, h4.h4-std, h5.h5-std {font-size: 1.25rem;}
h2.h2-std-sm, h3.h3-std-sm, h4.h4-std-sm, h5.h5-std-sm {font-size: 1.125rem;}
}
@media screen and (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.375rem;}
h2.h2-std-sm, h3.h3-std-sm, h4.h4-std-sm, h5.h5-std-sm {font-size: 1.25rem;}
}
@media screen and (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.5rem;}
h2.h2-std-sm, h3.h3-std-sm, h4.h4-std-sm, h5.h5-std-sm {font-size: 1.3125rem;}
}
@media screen and (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.625rem;}
h2.h2-std-sm, h3.h3-std-sm, h4.h4-std-sm, h5.h5-std-sm {font-size: 1.375rem;}
}

/* FONT SIZE */
.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-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-25rem {font-size: 2.5rem;}
@media screen and (max-width:480px) {.fnt-28, .fnt-30 {font-size: 1.3889rem;}}
.sz60, h1.sz60, h2.sz60, h3.sz60, h4.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%;}
.sz90, h1.sz90, h2.sz90, h3.sz90, h4.sz90 {font-size: 90%;}

/* COLOR */
.clr-wht {color: #d1d1d1;}
.clr-blk {color: #222;}
.clr-grn-dk {color: #00443d;}
.clr-red {color: #d2042d;}

.bkgd-clr-wht {background-color: #d1d1d1;}
.bkgd-clr-grn-dk {background-color: #00443d;}
.bkgd-clr-grn-md {background-color: #d4d6c8;}

.bkgd-clr-b2c5aa {background-color: #b2c5aa;} /* lt grn lighter */
.bkgd-clr-aac1a2 {background-color: #aac1a2;} /* lt grn */
.bkgd-clr-a3ba9c {background-color: #a3ba9c;} /* lt grn subtley darker */
.bkgd-clr-dc504e {background-color: #dc504e;} /* med red-orange */


/* --------- 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-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-1000 {max-width: 1000px; margin-left: auto; margin-right: auto;}
.wdemax-1100 {max-width: 1100px; margin-left: auto; margin-right: auto;}
.wdemax-1222 {max-width: 1222px; 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-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)**********  */

/* 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;}
/* FLEX 100% width @ breakpoint */

/* 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: 500 !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;}
.marlft-auto {margin-left: auto;}
.marlft-00 {margin-left: 0;}
.marlft-10 {margin-left: 1em;}
.marrgt-auto {margin-right: auto;}
.marrgt-00 {margin-right: 0;}
.marrgt-02 {margin-right: .2em;}
.marrgt-05 {margin-right: .5em;}
.mar-bth-auto {margin-right: auto; margin-left: auto;}

/* 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 */
.rad-03, .rad-05 /* 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;}

/* FA ICONS */
.icn::before {display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased;}

/* ACCESSIBILITY */
@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#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;}
a[href^=tel], .tel, .tel:visited, a[href^=tel]:hover, a[href^=tel]:focus {color: inherit; text-decoration: none; border-bottom: none;}
a[href^=tel]:hover {text-decoration: underline;}
.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;}

/* MOBILE BLOCKS */
.mbl-no {display: none;}
@media screen and (max-width: 480px) {.mblblck, .mblblck-480 {display: block;}}


/* ********* ATLANTICLANDSCAPECONSTRUCTION **************** */

/* PG CONTAINER */
#pg-container {padding-bottom: 2.5rem;}

/* HEADER */
header {display: flex; justify-content: center; align-items: flex-start; flex-direction: row; width: 100%; max-width: 1800px; margin: 0 auto; padding: 15px 50px 0px; position: relative;}
@media screen and (min-width: 481px) and (max-width: 900px) {
header {flex-wrap: wrap; padding: 10px 30px 0px;}
.bdy-subpg header {padding: 10px 30px 0;}
}
@media screen and (max-width: 480px) {
header {flex-direction: column; flex-wrap: wrap; padding: 5px 20px;}
.bdy-subpg header {padding: 5px 20px 0;}
}

/* LOGO */
.lgo {flex: 0 0 280px; margin: 0 auto 0 0; text-align: left;}
.bdy-subpg .lgo {max-width: 260px;}
@media screen and (max-width: 768px) {
.lgo {flex: 0 0 240px;}
.lgo .scalable {max-width: 240px !important;}
}
@media screen and (max-width: 481px) {.lgo {flex: 0 1 auto; margin: 0 auto 0 0; text-align: left;}}
@media screen and (max-width: 480px) {
.lgo {flex: 0 1 auto; margin: 0 auto; text-align: center;}
.lgo .scalable {max-width: 220px !important; margin: 0 auto .5rem;}
}
@media screen and (orientation: landscape) and (max-height: 360px) {.lgo .scalable {max-height: 30vh;}}

/* NAV */
#navtop {flex: 1 1 auto; margin: 5px 0 0 auto; text-align: right;}
@media screen and (max-width: 480px) {#navtop {flex: 0 1 auto; margin: 0 auto; text-align: center;}}
.navtoggle, .navtoggle span {display: none;}
.navtoggle {display: block; position: absolute; top: 40px; right: 50px; z-index: 1000; display: block; z-index: 1000; font-size: 1.5rem; background: none; border: none; color: #d1d1d1; cursor: pointer;}
#bdy-hme .navtoggle {top: 50px;}
.navtoggle.active {position: fixed; top: 1rem; right: 1rem; left: auto; transform: none;}
@media screen and (min-width: 481px) and (max-width: 900px) {.navtoggle {right: 30px;}}
@media screen and (max-width: 480px) {
.navtoggle { /* Default (inactive) */ 
position: relative; top: auto; left: 50%; right: 0; transform: translate(-50%, -50%); z-index: 1000; margin: 2.25rem 0 0 auto; cursor: pointer; transition: all 0.3s ease;}
#bdy-hme .navtoggle {top: auto; right: 0;}
}
.navtoggle span {display: block; width: 35px; height: 4px; margin: 6px auto; background-color: #00443d; transition: all 0.3s ease-in-out;}
#bdy-hme .navtoggle span {background-color: #d1d1d1;}
.navtoggle.active span {background-color: #d1d1d1;}
.navtoggle.active span:nth-child(1) {transform: translateY(10px) rotate(45deg);}
.navtoggle.active span:nth-child(2) {opacity: 0;}
.navtoggle.active span:nth-child(3) {transform: translateY(-10px) rotate(-45deg);}

#nav-main {display: flex; position: fixed; left: -100%; top: 0; width: 100%; height: auto; align-items: center; justify-content: center; transition: 0.3s; z-index: 999; color: #d1d1d1; background-color: rgba(0, 68, 61, 0.85); overflow-x: hidden; -ms-overflow-style: none; scrollbar-width:none;}
@media screen and (max-width: 600px) {#nav-main {background-color: rgba(0, 68, 61, .9);}}
#nav-main.active {left: auto; right: 0; height: 100vh;}
#nav-main ul {flex-direction: column; align-items: center; max-width: 100%; margin: 0; padding: 0 1em 0 0; list-style-type: none; font-size:1.5rem; text-align: left; text-transform: uppercase;}
#nav-main ul li {margin: 1em 0;}
@media screen and (min-width: 600px) {#nav-main {max-width: 320px;}}
#nav-main ul li:first-child {cursor: default;}
#nav-main ul ul {font-size: 1.125rem; margin-bottom: 1.25em; text-transform: none;}
#nav-main ul ul li {margin: .75em 0 .25em;}
#nav-main a {text-decoration: none; color: #d1d1d1;}
#nav-main li a:hover {text-decoration: underline; color: #d1d1d1;}
#nav-main .icn {margin-right: .375em; font-size: 80%;}
#nav-main #svc .icn {margin-right: 0.25em;}
@media screen and (max-width: 480px) {
#nav-main {font-size: 1.375rem;}
#nav-main ul {align-items: center;}
#nav-main ul li {margin: .75em 0;}
}
@media screen and (max-height: 500px) {
/* very short viewport */
#nav-main {align-items: flex-start;} 
#nav-main ul {padding-bottom: 1.5rem;}
}
/* -------------- END NAV ---------------- */


/* MAIN CONTENT - ALC */
main {flex-grow: 1; padding: 0 50px;}
@media screen and (min-width: 481px) and (max-width: 900px) {main {padding: 0 30px;}}
@media screen and (max-width: 480px) {main {padding: 0 20px;}}

@media screen and (max-width: 900px) {#maincontent {margin-top: 20px;}}

/* FTR */
footer {color: #d1d1d1; padding-bottom: 10px; background-image: url(/_img/ele/bkgd-leaves.jpg); background-size: cover; background-repeat: no-repeat; background-position: right top; background-color: #00443d;}
#ftr p {text-align: center; line-height: 1.25;}
#ftr tel {display: inline-block; padding: 5px 3px;}
#ftr a {text-decoration: none; color: #d1d1d1;}
#ftr {max-width: 1600px; min-height: auto; margin: 0 auto; padding: 20px 25px 0; display: flex; align-items: center; justify-content: space-between; color: #d1d1d1;}
#ftr .col-lft {width: 65%;}
#ftr .col-rgt {width: 35%;}
#ftr p {text-align: right; margin: 0 15px 0 auto; line-height:1.25;}
#phn, #eml {display: inline-block;}
/*#eml::before {content: '|'; margin: 0 10px;}*/
.sep {display: inline-block; width: 1px; height: 1em; background-color: #d1d1d1; margin: 0 10px; vertical-align: middle;}
@media screen and (max-width: 980px) {#addr {display: block;}}
@media screen and (max-width: 680px) {
#ftr {flex-direction: column; padding: 20px 10px 0px;}
#ftr .col-lft, #ftr .col-rgt {width: 100%;}
#ftr h2, #ftr p {text-align: center;}
#addr, #bdg {display: block;}
#bdg {font-size: 12px;}
nav .sep {display: none;}
}

/* CONTACT FORM */
#panel {width: 100%; min-width: 350px; max-width: 480px; height: 100vh; position: fixed; left: -2000px; top: 0; transition: left 0.5s ease-in-out; overflow-y: auto; background-color: #f1f1f1; background-image: url(/_img/ele/bkgd-frm-450x100.jpg); background-repeat: no-repeat; background-position: center top; }
@media screen and (max-width: 480px) {#panel {max-width: none;}}
#panel.open {left: 0;}
#close-panel {display: inline-block; margin: 0 .5em 0 auto; padding: 5px 8px; font-size: 90%; font-weight: bold; text-decoration: none; background-color: rgba(255,255,255,.90); border-radius: 0px 0px 3px 3px;}
#close-panel::after {display: inline-block; margin-right: .25em; content: '\00a0X'; font-size: 1.375em; font-weight: bold;}
#close-panel::after a {text-decoration: none !important;}
#contact-form {margin: 0; padding: 20px 20px 30px; line-height: 1.25; background-color: #fdf9e1; border-radius: 8px;}
#contact-form fieldset {margin-bottom: 20px; border: 1px solid #b7d8b5; border-radius: 5px;}
#contact-form legend {width: calc(100% - 22px); margin: 0 auto; font-size: 1.0625rem; font-weight: bold;}
#contact-form label {display: block; width: calc(100% - 22px); margin: 12px auto 3px; font-weight: bold;}
#contact-form .checklist-group label {margin-top: .25em; font-weight: normal;}
#contact-form input[type="text"], #contact-form input[type="email"], #contact-form input[type="tel"], #contact-form textarea {display: block; width: calc(100% - 22px); padding: 5px 10px; background-color: #fff; border: 2px solid #b7d8b5; border-radius: 4px; margin-top: 0; margin-right: auto; margin-bottom: 15px; margin-left: auto; }
#contact-form .radio-group, #contact-form .checklist-group {display: block; margin: 10px auto;}
#contact-form .radio-group label, #contact-form .checklist-group label {margin: 5px auto;}
.checklist-group input[type="checkbox"] {width: 1.5em; height: 1.5em; margin-right: 0.5em; vertical-align: middle;}
.checklist-group label {display: flex; align-items: center; margin-bottom: 0.5em; font-size: 1em;}
#contact-form input[type="submit"] {display: block; margin: 0 auto; padding: 10px 20px; border-radius: 4px; color: #f3f3f3; background-color: #00443d; transition: background-color 0.3s ease; cursor: pointer; }
#contact-form input[type="submit"]:hover {background-color: #099d8d;}
#contact-form .file-upload {margin-top: 20px;}
#file-upload {margin-top: 5px;}
#file-info {margin-top: 5px; font-size: 0.9em;}
#error-message {margin-top: 10px; color: #d05353;}
/* end FORM */

/* CMS */
body#tinymce {padding: .5em; line-height: 1.375em; background-image: none; background-color: #fff;}
#tinymce .h3-std-xsm {margin-top: .5em; margin-bottom: .3125em;}
.cmscontent li {margin-bottom: .5em;}
#tinymce ul, #tinymce ol, .cmscontent ul, .cmscontent ol, .cmscontent ul ul, .cmscontent ol ol {list-style-position: outside; margin-left: 1em; margin-bottom: 1em; padding-left: 0; text-align: left;}
#tinymce ul, .cmscontent ul {list-style: disc;}
#tinymce ul ul, .cmscontent ul ul {list-style: circle; margin-top: .25em;}
#tinymce ol, .cmscontent ol {list-style: decimal;}

@media print {
.nopr, #nav-main, .btn-cta, .btn-cta-dsc, #toppg, #ftr-nav, footer #fb {display: none !important;}
body {font-size: 12pt; background-image: none !important; background-color: #fff;}
.fnt-25rem {font-size: 26pt;}
.bdy-std h1.h1-std {font-size: 26pt; padding-top: .25in;}
#lgo img.scalable {max-width: 1.5in !important;}
main {min-height: 1px;}
footer {color: #fff; border: none; border-top: 1px solid #222; border-right: none; border-bottom: none; border-left: none;}
.pgbrk-in-avoid {page-break-inside: avoid;}
@page {margin: .55in .75in;}
}