/*fonts used - font-family: 'Noto Sans', sans-serif;
font-family: 'Roboto', sans-serif; 
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&family=Roboto:ital,wght@0,300;0,700;1,400&display=swap" rel="stylesheet">*/

body { background-color: #fff; font-family: 'Roboto', sans-serif; font-size: 1em; margin: 0px 0px 0px 0px; padding: 0; color: #009; }
.ctr { text-align: center; }
img { vertical-align: bottom; }
img.rnd { border-radius: 2em; padding: 5px; box-shadow: 0px 1px 5px rgba(0,0,0,.3); background-color: #ECF2F9; }
/*Logo and Banner  100%*/
#logo { margin-top: .7em; position: relative; z-index: 10; border-bottom: 5px solid #009; text-align: center; }
#logo p { margin: 0; padding: 0; color: #009; }
#logo img { width: 100%; margin: 0 auto 0 auto; }
p.home { font-size: 1.2em; }
p.company { font-size: 2.2em; font-weight: 700; text-align:center;}
p span.motto { font-size: 1.2em; color: #ff0000; font-weight: 700; font-style: italic; }
p span.phone a { font-size: 1.4em; text-decoration: none; color: #009; font-weight: 700; }
p span.phone a:hover { color: #ff0000; }
h3.highlight, h3.highlight a {color:#F00; font-weight:700;}
/*Banner-Slideshow 100%*/
#banner { margin: 0 auto; padding: 0; }
/*Images - Accents*/
img.scalable { height: auto !important; width: auto !important; max-width: 100%; vertical-align: bottom; }
.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; }
/*Layout Wrapper*/
#layout, #footwrapper { max-width: 100%; margin: 0px auto; }
#layout { background-color: #fff; min-height:400px;}
/*#footwrapper {background-image: linear-gradient(#03C, #009); background-color: #009; color:#fff;  }*/
#footwrapper { background-image: linear-gradient(#fff, #75b6e5, #206ebb); background-color: #3b8db5; padding-top: 2em; }
.wid100 { max-width: 100%; margin: 0px auto; }
.wid80 { max-width: 80%; margin: 0px auto; }
.wid50 { max-width: 50%; margin: 0px auto; }
.wid60 { max-width: 60%; margin: 0px auto; }
.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: 60%; float: right; }
.affinity-row.sidebar-left .column-2 { width: 40%; float: right; }
.affinity-row.sidebar-left .column-content { line-height: 1.5; }
.affinity-row.sidebar-left .column-2 .column-content { font-size: .9em; }
.affinity-row.sidebar-right .column-1 { width: 60%; float: left; }
.affinity-row.sidebar-right .column-2 { width: 40%; float: left; }
.affinity-row.sidebar-right .column-content { line-height: 1.5; }
.affinity-row.sidebar-right .column-2 .column-content { font-size: .9em; }
.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; }
/*Column Content*/
.column-content { line-height: 1.7; 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; }
.spacer { height: 40px; }
/*Headings*/
h1, h2, h3, h4 { font-family: 'Noto Sans', sans-serif; line-height: normal; margin: 30px 0px 0px 0px; font-weight: 700; }
h1 { font-size: 2em; text-align: center; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
p { font-size: 1em; line-height: 2; }
ul.nod { margin: 0; padding: 0; }
ul.nod li { list-style: none; }
.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: 0px; margin: 0px 0px 0px 0px; text-align: center; }
.blue { background-color: #75b6e5; }
.blueop3 { background-color: #75b6e5; opacity: .3; }
.blueop6 { background-color: #75b6e5; opacity: .6; }
/*Footer*/
.footer { max-width: 90%; margin: 0 auto; padding: 1em 0; font-size: 1.2em; border-radius: 0px 0px 5px 5px; }
/*.footer h3, .footer h4 { font-family: 'Noto Sans', sans-serif; font-weight: normal; text-transform: uppercase; margin: 10px 0px 0px 0px;color:#9CF; }*/
.footer .column-content { line-height: 1.7; padding: 15px 12px; }
.footer ul { margin: 0px; padding: 0px; margin-top: 10px; color: #009; }
.footer li { list-style-type: none; line-height: 2.5; font-weight: 700; }
.footer a { color: #009; text-decoration: none; }
.footer a:hover, .footer a:focus { color: #ff0000; }
.copyright { clear: both; padding: 0; font-size: 0.8em; text-align: center; text-transform: uppercase; font-weight: bold; line-height: 1.5; color: #009; }
.webdesigner { clear: both; padding: 0; font-size: 0.8em; text-align: center; text-transform: uppercase; font-weight: bold; line-height: 1.5; color: #009; }
.copyright a, .webdesigner a { color: #009; }
.copyright a:hover, .webdesigner a:hover { color: #CCC; }
.column-content.largesse, .largesse { font-size: 1.25em; line-height: 1.75em; font-family: Cuprum, Optima, Arial, Helvetica, sans-serif; }
.affinity-row .blast { font-family: 'Noto Sans', sans-serif; font-size: 1.25em; line-height: 1.75; color: #009; border-radius: 0px 0px 10px 10px; padding: 28px 36px; background: linear-gradient(#75b6e5, #fff); background-color: #fff; margin-bottom: 20px; }

/*.affinity-row .blast.gray {  background: linear-gradient(#EEE, #AAA); background-color: #DDD; 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; }
#logo p { margin: 0; padding: 0; color: #009; }
p.company { font-size:1.5em; }
p span.motto { margin: 0; padding: 0; font-size: 1.1em; }
p span.phone a { margin: 0; padding: 0; font-size:1.2em ; }
#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; }
.wid80 { max-width: 100%; margin: 0px auto; }
.wid50 { max-width: 100%; margin: 0px auto; }
.wid60 { max-width: 96%; margin: 0px 2%; }
.footer { max-width: 100%; margin: 0 auto; padding: 1em 0; }
.footer li { text-align: center; line-height: 2.0; font-size: .9em; }
.spacer { height: 10px; }
h1 { font-size: 1.4em; text-align: center;}
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
p { font-size: 1em; line-height: 1.7; }
}
@media only screen and (min-width: 700px) and (max-width: 1420px) {
#logo p { margin: 0; padding: .25em 0 .25em 0; color: #009; }
p.company { font-size: 1.6em; }
.spacer { height: 20px; }
p span.motto { margin: 0; padding: 0; font-size: 1.2em; }
p span.phone a { margin: 0; padding: 0; font-size:1.3em ; }
h1 { font-size: 1.6em; text-align: center;}
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
p { font-size: 1em; line-height: 2; }
.wid80 { max-width: 100%; margin: 0px auto; }
.wid50 { max-width: 90%; margin: 0px auto; }
.wid60 { max-width: 96%; margin: 0px auto; }
#layout { max-width: none; }
.footer { max-width: 100%; margin: 0 auto; padding: 1em 0; font-size: .9em; }
}
/* 
  PVII Affinity  Copyright (c) 2013 Project Seven Development
  www.projectseven.com  Boardroom Theme
*/