/*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: #000; font-family: 'Roboto', sans-serif; font-size: 1em; margin: 0px 0px 0px 0px; }
img { vertical-align: bottom; }
/*Logo and Banner  100%*/
#logo { margin: 0 auto; padding: 10px 20px;background-color:#ef2e29; color: #fff; text-align:center; font-size:1.4em; }
/*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: #000; }
#footwrapper {max-width: 100%; color: #fff; }
div.wid100 { max-width: 100%; margin: 0px auto; }
div.wid80 { max-width: 80%; margin: 0px auto; }
div.wid60 { max-width: 60%; margin: 0px auto; }
/*.blue { background-color: #9CF; }
.gray { background-color: #333; }*/
.salmon {background-color: #ef2e29;}
.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.5; }
.affinity-row.sidebar-left .column-2 .column-content { font-size: .9em; }
.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.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.35; 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 { font-family: 'Noto Sans', sans-serif; line-height: normal; margin: 30px 0px 0px 0px; text-align:center;color:#fff;}
p {margin:0 auto 0 auto;font-size:1.2em; color:#fff; text-align:center;}


.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 0px 24px; }
/*Footer*/
.footer { max-width: 100%; margin: 0 auto; padding: 1em 0; color: #fff; font-size: 1em; text-align:center;border-top:1px solid #999;}
.footer p {font-size:1em; color:#fff; }
/*.footer h3, .footer h4 { font-family: 'Noto Sans', sans-serif; font-weight: normal; text-transform: uppercase; margin: 10px 0px 0px 0px; color: #9CF; }
.footer ul { margin: 0px; padding: 0px; margin-top: 10px; color: #CCC; }
.footer li { list-style-type: none; line-height: 2.5; }*/
.footer a { color: #fff;  }
.footer a:hover, .footer a:focus { color: #fff; }
.footer .copyright { clear: both; padding: 2em 0; font-size: 0.9em; text-align: center; text-transform: uppercase; line-height: 1.6;  }
.webdesigner { clear: both; padding: 2em 0; font-size: 0.9em;}
.webdesigner a {color: #CCC;font-size: 0.9em; text-align: center; text-transform: uppercase; line-height: 1.6;}
.webdesigner a:hover { color: #fff;}
/*.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: #fff; border-radius: 0px 0px 10px 10px; padding: 28px 36px; background: linear-gradient(#9CF, #fff); background-color: #000; margin-bottom: 20px; }
.affinity-row .blast.gray { background: linear-gradient(#EEE, #AAA); background-color: #DDD; color: #fff; }
.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; }
div.wid80 { max-width: 100%; margin: 0px auto; }
div.wid60 { max-width: 100%; margin: 0px auto; }
.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; }
}
 @media only screen and (min-width: 700px) and (max-width: 1380px) {
#layout { max-width: none; }
}
/* 
  PVII Affinity  Copyright (c) 2013 Project Seven Development
  www.projectseven.com  Boardroom Theme
*/