/* Raleway is used by #mobilemenu and .quicklinks. @import must be the first rule in the file. */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,200);

/* ===== LAYOUT ===== */

DIV.setsize {
max-width : 1060px ;
margin: 0px auto;
position : relative;
text-align : left;
background : linear-gradient(to top, rgba(0,0,0,.01), rgba(255,255,255,1));
}

DIV.setsize .table1 {
background: rgba(255,255,255,0.5);
}

body {
margin-top : 0px ;
margin-left : 0px ;
margin-right : 0px ;
min-height : 400px ;
background-color : #fff ;
background-image : url(images/bg_full.jpg);
background-repeat : no-repeat ;
background-position : top left ;
background-attachment : fixed;
font-family: Arial, sans-serif;
line-height: 1.6;
color: #333;
}

/* ===== LINKS (restored from the original stylesheet) =====
   Blue, no underline, Roboto; bold (550) on mouse-over. */
:link, :visited {
font-family : 'Roboto', sans-serif;
color : #0652D0;
text-decoration : none;
}

a:hover {
font-family : 'Roboto', sans-serif;
color : #0652D0;
text-decoration : none;
font-weight : 550;
}

img {
padding : 0;
max-height : 100%;
max-width : 100%
}

input[type=checkbox] {
transform: scale(1.5);
padding : 5px
}

.spacing {
line-height : 130%;
overflow:hidden;
}

/* ===== STANDARDS-OF-PRACTICE CONTENT (scoped to <section> so layout tables and page headings are not affected) ===== */

section h1, section h2, section h3 {
color: #1a365d;
border-bottom: 2px solid #cbd5e1;
padding-bottom: 5px;
margin-top: 30px;
}

.intro-note {
background-color: #f8fafc;
border-left: 4px solid #3b82f6;
padding: 15px;
margin-bottom: 25px;
font-style: italic;
}

.footer {
margin-top: 40px;
font-size: 0.9em;
color: #64748b;
border-top: 1px solid #e2e8f0;
padding-top: 10px;
}

section table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
}

section th, section td {
border: 1px solid #94a3b8;
padding: 10px;
text-align: left;
vertical-align: top;
}

section th {
background-color: #f1f5f9;
color: #1e293b;
}

/* ===== HEADINGS AND TEXT STYLES ===== */

.heading1 {
font-size : 22pt ;
font-style: italic;
color: #000;
text-shadow: 1px 2px 1px rgba(159, 125, 69, .8);
font-weight : normal ;
line-height : 120%;
}

.headingmember {
font-size : 16pt ;
font-style: italic;
color: #000;
text-shadow: 1px 2px 1px rgba(159, 125, 69, .8);
line-height : 120%;
}

.headingmain {
font-family : "Bank Gothic", Roboto, sans-serif ;
font-size : 18pt ;
color: #000;
text-shadow: 1px 2px 1px rgba(159, 125, 69, .8);
line-height : 120%;
}

.heading2 {
font-size : 14pt ;
font-style: italic;
color: #000;
text-shadow: 1px 2px 1px rgba(159, 125, 69, .8);
}

.heading-h2 {
font-size : 16pt ;
font-style: italic;
color: #000;
text-shadow: 1px 2px 1px rgba(159, 125, 69, .8);
}

.heading4 {
font-size : 12pt ;
font-style: italic;
color: #000;
text-shadow: 1px 2px 1px rgba(159, 125, 69, .8);
padding-left : 0px;
}

.facebook {
font-family : 'Roboto', sans-serif ;
color : #3A578B ;
font-size : 12.5pt ;
font-weight : bold ;
font-style: italic;
line-height : 1.4em
}

/* ===== TABS ===== */

.tabs {
width:100%;
display:inline-block;
}

.tab-links:after {
display:block;
clear:both;
content:'';
}

.tab-links li {
margin:0px 1px;
float:left;
list-style:none;
}

.tab-links a {
padding:8px 12px;
display:inline-block;
border-radius:3px 3px 0px 0px;
background:#a7cce5;
font-size:14.5px;
font-weight:600;
color:#353535;
transition:all linear 0.15s;
}

.tab-links a:hover {
background:#D9EAF4;
text-decoration:none;
}

li.active a, li.active a:hover {
background: #b8c9e4;
color:#4c4c4c;
}

.tab {
display:none;
}

.tab.active {
display:block;
}

/* ===== SIDE MENU AND FOOTER BAR ===== */

.sidemenu {
background-color: #4897e4;
background-image: linear-gradient(#4897e4, #2e6ca8);
}

.roundedtable {
border : 5px solid #3F5D90;
border-radius: 5px ;
color : #ffffff;
}

.roundedtable a {
color: #ffffff;
}

/* ===== SLIDEOUT MENU ===== */

.slideout-menu {
color: #24558A;
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 0;
width: 256px;
overflow-y: scroll;
display: none;
}

.slideout-panel {
position: relative;
z-index: 1;
will-change: transform;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
overflow: hidden;
}

.slideout-open .slideout-menu {
display: block;
}

/* ===== MOBILE MENU ===== */

.mobilemenu a {
color: #000;
}

#mobilemenu,
#mobilemenu ul,
#mobilemenu ul li,
#mobilemenu ul li a {
margin: 0;
padding: 0;
padding-right : 0px;
padding-left : 5px;
border: 0;
list-style: none;
line-height: .4;
display: block;
box-sizing: border-box;
}

#mobilemenu {
width: 220px;
font-family: Raleway, sans-serif;
color: #000;
}

#mobilemenu ul ul {
display: none;
}

#mobilemenu > ul > li.active > ul {
display: block;
}

#mobilemenu > ul > li > a {
padding: 10px 10px;
cursor: pointer;
position: relative;
z-index: 2;
font-size: 12.5px;
line-height: 1.5;
text-decoration: none;
text-transform: uppercase;
color: #02267B;
-webkit-transition: color .2s ease;
transition: color .2s ease;
}

#mobilemenu > ul > li > a:hover {
color: #02267B;
}

/* Sub-menu markers: the NAIS menu is a flat list, so these rules are currently unused. */
#mobilemenu ul > li.has-sub > a:after {
position: absolute;
right: 23px;
top: 13px;
z-index: 5;
display: block;
height: 10px;
width: 2px;
background: #3F5D90;
content: "";
transition: all 0.1s ease-out;
}

#mobilemenu ul > li.has-sub > a:before {
position: absolute;
right: 19px;
top: 17px;
display: block;
width: 10px;
height: 2px;
background: #3F5D90;
content: "";
transition: all 0.1s ease-out;
}

#mobilemenu ul > li.has-sub.open > a:after,
#mobilemenu ul > li.has-sub.open > a:before {
transform: rotate(45deg);
}

#mobilemenu ul ul li a {
padding: 10px 15px;
cursor: pointer;
z-index: 2;
font-size: 14px;
text-decoration: none;
color: #000;
-webkit-transition: color .2s ease;
transition: color .2s ease;
}

#mobilemenu ul ul li a:hover {
color: #000;
}

#mobilemenu ul ul ul li a {
padding-left: 10px;
}

#mobilemenu ul ul > li.has-sub > a:after {
top: 5px;
right: 10px;
background: #ddd;
}

#mobilemenu ul ul > li.has-sub > a:before {
top: 10px;
background: #ddd;
}

.btn-hamburger {
border: none;
z-index:1;
position: fixed;
top: 0px;
left: 10px;
background: url('images/menu.png') no-repeat center;
width: 104px;
height: 25px;
}

.btn-hamburger:focus-visible {
outline: 2px solid #3F5D90;
}

/* ===== SHOW / HIDE BY SCREEN WIDTH ===== */

#topspace,
#topofpagemobile {
display : none
}

@media only screen and (max-width: 900px) {
#topspace,
#topofpagemobile {
display: block
}
#topofpage,
.hidetables {
display: none
}
td, th {
border : 0px
}
/* iOS Safari does not support fixed background attachment well */
body {
background-attachment : scroll;
}
}

/* ============================================================
   RULES BELOW ARE NOT REFERENCED BY ANY NAIS PAGE OR SCRIPT.
   Kept for safety; delete this whole block once confirmed.
   ============================================================ */

.align-right {
float: right;
}

.chatbutton {
position : fixed;
bottom : 0;
right : 0px;
width : 200px;
height : 4em;
text-align : center;
}

.toptag {
font-family : Roboto, sans-serif ;
font-size : 11pt ;
}

.quicklinks {
font-family: Raleway, sans-serif;
color: #42D9FF;
font-size : 11pt ;
text-shadow: 0 1px 1px #000;
}

.quicklinks a {
color: #ffffff;
}

.quicklinks a:hover {
color: #fff;
-webkit-transition: color .2s ease;
transition: color .2s ease;
}

.prodborder {
margin-top: 10px;
margin-left: 1px;
height: 185px;
width: 190px;
background-color: #fff;
padding: 0px;
text-align: center;
display: inline-block;
border: solid 1px #ccc;
border-radius:5px;
}

.prodborder:hover {
box-shadow:3px 3px 3px rgba(0, 0, 0, .2);
border: solid 1px #ccc;
}

.tab-content {
line-height : 150%;
}

.heading1b {
font-size : 20pt ;
color: #9FB3D7;
font-weight : bold ;
text-shadow: 2px 1px 0px rgba(0, 0, 0, 1);
line-height : 175%;
}

.heading3 {
font-size : 11pt ;
font-style: italic ;
font-weight : bold ;
padding-left : 5px ;
color: #CC0000;
}

.heading5 {
font-size : 15pt ;
color: #3F5D90;
font-weight : bold ;
line-height : 120%;
}

.testimonialtext {
font-family : 'Roboto', sans-serif ;
color : #25385A ;
font-size : 11pt ;
font-weight : normal ;
font-style: normal;
line-height : 130%;
padding-left: 10px;
}

.quotetext {
font-family : 'Roboto', sans-serif ;
color : #4465A2 ;
font-size : 11.5pt ;
font-weight : bold ;
font-style: italic;
line-height : 1.4em
}

.roundedtable-mbg {
border : 5px solid #515151;
border-radius: 5px ;
color : #F8F8F8;
background-color : #515151;
font-size : 16pt ;
}

.mybutton {
color: rgb(91,80,58);
border-radius: 7px;
padding: 5px;
border: 1px groove rgb(91,80,58);
padding-left:7px; padding-right: 7px;
font-family: tahoma, arial, sans-serif;
font-weight: bold;
font-size: 1.1em;
box-shadow: 1px 1px 1px rgb(91,80,58);
cursor: pointer;
background:#e8cd94;
}

.mybutton:hover {
background: rgb(255, 236, 198);
}

.mybutton:active {
box-shadow: inset 0px 10px 11px rgba(0,0,0,0.5);
}

#bodytext {
font-family : 'Roboto', sans-serif ;
color : black ;
font-size : 10.5pt ;
line-height : 1.4em
}

#footertext {
font-family : 'Roboto', sans-serif ;
color : black ;
font-size : 9pt ;
line-height : 1.5em
}

#contentstext {
font-family : 'Roboto', sans-serif ;
color : black ;
font-size : 10pt ;
line-height : 1.4em
}

#headlinetext {
font-family : 'Roboto', sans-serif ;
color : #4465A2 ;
font-size : 18pt ;
}

#largetext {
font-family : 'Roboto', sans-serif ;
color : #4465A2 ;
font-size : 18pt ;
line-height : .4em
}

#guaranteetext {
font-family : 'Roboto', sans-serif ;
color : black ;
font-size : 14pt ;
line-height : 1.1em
}

/* Edge fix for course images (z-index stacking) */
#homeinspectioncoursesImage,
#continuingedcoursesImage,
#environmentalcoursesImage,
#weatherizationcoursesImage,
#moldcoursesImage,
#infraredcoursesImage,
#reportsoftwareImage,
#kitstoolsformsImage,
#specialcoursesImage {
position: relative;
z-index: 1;
}

.panel-footer {
margin: 10px auto 20px;
}

.panel-footer p {
padding-bottom: 20px;
}

.heart {
font-style: normal;
font-weight: 500;
color: #c0392b;
text-decoration: none;
}

@media all and (min-width:40em) {
.panel-header {
margin-top: 40px;
width: 455px;
}
.title {
font-size: 4.2em;
}
}

@media all and (min-width: 54em) {
.box {
width: 70%;
max-width: 1200px;
margin: 50px auto;
}
}

/* Interactive USA map */

#mapwrapper {
max-width: 705px;
margin: 0 auto;
padding: 0 0;
background-color: transparent;
min-width: 200px;
}

#map_base svg {
max-height: 100%;
width: 100%;
margin: 0;
}

@media screen and (min-width: 200px) {
#map_base svg {
height:500px;
}
}

#map-tip {
font: 14px/16px "Trebuchet MS", 'Roboto', sans-serif;
display: none;
padding: 3px;
border: 1px solid #EBECED;
color: #edeef0;
z-index: 1000;
float: left;
position: absolute;
background: rgb(73, 73, 73);
background: linear-gradient(to bottom, rgba(73, 73, 73, 1) 0%, rgba(101, 101, 101, 1) 100%);
word-break: keep-all;
white-space: nowrap
}

#map-tip p {
margin: 0!important;
}

#map-tip img {
float: left;
padding: 3px;
}