body { background-color: #fff; z-index: 0; font-family: "Quicksand", sans-serif; font-size: 1em; line-height: 1.6; margin: 0px 0px 0px 0px; font-weight: 400; }
.clicker-script-regular { font-family: "Clicker Script", cursive; font-weight: 400; font-style: normal; }
.quicksand-400 { font-family: "Quicksand", sans-serif; /*font-optical-sizing: auto;*/ font-weight: 400; font-style: normal; }
.poppins-regular { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; }
.poppins-bold { font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; }
img { vertical-align: bottom; }
/*Logo and Banner  100%*/
#logo, #masthead { max-width: 100%; margin: 0 auto 0 auto; padding: 0; }
/*Banner-Slideshow 100%*/
#banner { margin: 0 auto 0 auto; padding: 0; }
/*Images - Accents*/
img.scalable { height: auto !important; width: auto !important; max-width: 100%; vertical-align: bottom; }
img.fltlf { float: left; padding: .5em 1em .5em .5em; border-radius: .5em; }
img.rnd { border-radius: 2em; padding: 1em; }
.fancy { border: 1px solid rgba(255,255,255,.5); box-shadow: 0px 0px 20px rgba(0,0,0,.5); }
.accented { border-radius: 5px; border: 1px solid #222; }
.ctr { text-align: center; }
.circle { border-radius: 2em; padding: 1em; background-color: #c7d3e0; }
.bluetx { color: #014cad; }
.ht100 {height:100px;}
.ht400 {height:400px;}
/*Layout Wrapper*/
#layout { background: url(../images/magic-book.jpg); background-size: 100% 100%; background-repeat: no-repeat; background-color: #012643; }
#layout, #footerwrap { max-width: 100%; margin: 0px auto; padding: 0; }
#footerwrap { color: #fff; background-color: #012643; text-align: center; }
.ftrw { margin-top: 2em; }
div.wid100 { max-width: 100%; margin: 0px auto; }
div.wid80 { max-width: 80%; margin: 0px auto; }
div.wid60 { max-width: 60%; margin: 0px auto; }
div.wid50 { max-width: 50%; margin: 0px auto; }
div.wid40 { max-width: 40%; margin: 0px auto; }
div.trans { position: relative; background: white; opacity: .8; z-index: 100; margin-top: 1em; padding: .5em 1.5em .5em 1.5em; border-radius: 2em; }
.blue { background-color: #9CF; }
.affinity-row { padding: 0px; }
/*.affinity-row:nth-child(even) { background-color: #EEE; background-image: linear-gradient(#EEE, #CCC); }
.affinity-row .affinity-row:nth-child(even) { background-color: transparent; background-image: none; background-image: none; }*/
.affinity-row:after { visibility: hidden; display: block; content: "\0020"; clear: both; height: 0; }
.affinity-row .column-half { width: 50%; float: left; }
.affinity-row .column-third { width: 33.3333333%; float: left; }
.affinity-row .column-fourth { width: 25%; float: left; }
.affinity-row .column-fifth { width: 20%; float: left; }
.affinity-row.sidebar-left .column-1 { width: 67%; float: right; }
.affinity-row.sidebar-left .column-2 { width: 33%; float: right; }
.affinity-row.sidebar-left .column-content { line-height: 1.6; }
.affinity-row.sidebar-left .column-2 .column-content { font-size: 1em; }
.affinity-row.sidebar-right .column-1 { width: 67%; float: left; }
.affinity-row.sidebar-right .column-2 { width: 33%; float: left; }
.affinity-row.sidebar-right .column-content { line-height: 1.6; }
.affinity-row.sidebar-right .column-2 .column-content { font-size: 1em; }
.left-border { border-left: 1px solid #000; }
.right-border { border-right: 1px solid #000; }
.left-right-border { border-left: 1px solid #000; border-right: 1px solid #000; }
.rounded { border-radius: 2em; }
/*Column Content*/
.column-content { line-height: 1.6; padding: 15px 24px; }
.affinity-row.sidebar-right .column-content, .affinity-row.sidebar-left .column-content, .affinity-row.thirds.full-height .column-content { padding: 30px; }
/*Padding*/
.no-pad-left-top-bottom { padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
.no-pad-right-top-bottom { padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; }
.no-pad-top-bottom { padding-top: 0px !important; padding-bottom: 0px !important; }
/*Headings*/
h1, h2, h3, h4 { line-height: normal; margin: 30px 0px 0px 0px; color: #000; }
h1 { font-family: "Clicker Script", cursive; text-align: center; font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
p { font-size: 1.2em; }
a { color: #000; }
a:hover { color: #014cad; }
.spacer { height: 1em; }
ul.funfacts { margin: 1em; padding: 1em; line-height: 2; }
ul.funfacts li { padding: 1em; list-style-position:inside; list-style-image: url(../images/pen.png); vertical-align: text-top; }
.column-content h1:first-child, .column-content h2:first-child, .column-content h3:first-child, .column-content h4:first-child { margin-top: 10px; }
.inner-row-heading { position: relative; top: 20px; margin: 0px 0px 10px 0px; }
.inner-row-heading h2 { font-size: 2em; line-height: 2; text-align: center; }
/*FAQ Page*/
h2.dt { margin-left: 1em; }
details { font-size: 1.1em; color: #000; background-color: transparent; padding: .5em; }
details:hover { color: #014cad; }
summary {  /*list-style: none; /* Hides the native arrow */ /*position: relative;*/ margin: .25em 1em; padding: .5em; padding-left: 25px; /* Make space for the custom arrow */ }
details[open] { margin: 0; padding: .5em; border-radius: 4px; }
details[open] summary { margin: .5em 2em; padding: .5em .25em .5em .5em; font-size: 1em; background-color: #fff; }
details p { margin: .5em 3em; padding: .5em; font-size: 1em; font-weight: bold; color: black; background-color: #9CF; }
details div p { font-size: 1em; }
/*Footer*/
.footer { max-width: 80%; margin: 0 auto; padding: 0; color: #014cad; font-size: 0.9em; }
/*.footer h2 { font-weight: normal; text-transform: uppercase; margin: 10px 0px 0px 0px; color: #fff; }*/
.footer ul { margin: 0px; padding: 0px; margin-top: 10px; color: #bdced8; }
.footer li { list-style-type: none; line-height: 2.5; font-size: 1.2em; }
.footer a { color: #bdced8; text-decoration: none; }
.footer a:hover, .footer a:focus { color: #fff; }
.copyright {list-style-type: none; line-height: 2; font-size: 1em;color: #bdced8;text-transform: uppercase;}
.webdesigner { clear: both; padding: 2em 0; font-size: 0.8em; text-align: center; text-transform: uppercase; line-height: 1.6; }
.column-content.largesse, .largesse { font-size: 1.25em; line-height: 1.75em; }
.affinity-row .blast { font-size: 1.25em; line-height: 1.75; color: #000; border-radius: 0px 0px 10px 10px; padding: 28px 36px; background: linear-gradient(#9CF, #fff); background-color: #fff; margin-bottom: 20px; }
.affinity-row .blast.peach { background: linear-gradient(#fe9a81, #fff); background-color: #fe9a81; color: #000; }
.affinity-row.sidebar-left .column-content .blast, .affinity-row.sidebar-right .column-content .blast, .full-round { border-radius: 6px !important; }
 @media only screen and (min-width: 0px) and (max-width: 700px) {
body { margin: 0px; }
#layout { max-width: none; padding: 0px; }
.column, .column-1, .column-2, .column-3, .column-half, .column-third, .column-fourth, .column-fifth { float: none !important; width: auto !important; }
.column-content { height: auto !important; max-height: 888678px; border: none !important; }
p { font-size: 1em; line-height: 1.5; }
div.trans { margin-top: .5em; padding: .125em; border-radius: 2em; }

details { font-size: 1em; color: #000; background-color: transparent; padding: .125em; }
summary { margin: .25em; padding: .25em; padding-left: 10px; }
details[open] { margin: 0; padding: .25em; border-radius: 4px; }
details[open] summary { margin: .25em 1em; padding: .25em; font-size: 1em; }
details p { margin: .5em 3em; padding: .5em; font-size: .9em; }
details div p { font-size: 1em; }


img.fltlf { float: none; text-align: center; padding: 0; border-radius: .5em; }
img.rnd { border-radius: 2em; padding: .5em; }
.circle { border-radius: 2em; padding: .5em; background-color: #c7d3e0; }
img.ftimg { max-width: 90%; }
div.wid80 { max-width: 100%; margin: 0px auto; }
div.wid60 { max-width: 100%; margin: 0px auto; }
div.wid50 { max-width: 100%; margin: 0px auto; }
div.wid40 { max-width: 100%; margin: 0px auto; }

ul.funfacts { margin: 1em; padding: .25em; line-height: 1.7; }
ul.funfacts li { padding: 0 0 1em 1em; list-style-image: url(../images/pen.png);  }

.footer ul { margin: 0px; padding: 0px; margin-top: 0; color: #bdced8; }
.footer li { list-style-type: none; line-height: 2.2; font-size: 1em; }
}
 @media only screen and (min-width: 700px) and (max-width: 1380px) {
#layout { max-width: none; }
div.trans { margin-top: .5em; padding: .125em; border-radius: 2em; }
img.fltlf { float: left; padding: .25em; border-radius: .5em; max-width: 50%; }
img.rnd { border-radius: 2em; padding: .5em; }
div.wid80 { max-width: 90%; margin: 0px auto; }
div.wid60 { max-width: 98%; margin: 0px auto; }
div.wid50 { max-width: 70%; margin: 0px auto; }
div.wid40 { max-width: 90%; margin: 0px auto; }
ul.funfacts { margin: .75em; padding: .5em; line-height: 1.8; }
ul.funfacts li { padding: 0 0 1em 1em; list-style-image: url(../images/pen.png); vertical-align: text-top; }
.footer ul { margin: 0px; padding: 0px; margin-top: 0; color: #bdced8; }
.footer li { list-style-type: none; line-height: 2.4; font-size: 1.1em; }
}
@media (min-width: 2000px) {
body { font-size: 2em; line-height: 1.8; }
}
/*Copyright 2026 CityScope Net - Ingrid Kast Fuller*/