/* Global settings...*/

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Montserrat/Montserrat-Regular.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Montserrat/Montserrat-Regular.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Montserrat/Montserrat-Regular.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Montserrat/Montserrat-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 100%;
    background-color: #FFFFFF;
    color: black;
    font-family: Montserrat, Verdana, sans-serif;
}
p {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.3em; }
h6 { font-size: 1.1em; }
a { text-decoration: none }
address {
    font-style: normal;
}
header, main, footer, section, nav, figure, figcaption {
    display: block; /* Make all sections act like blocks */
    margin: 0em 0%;
}
header, section, nav, figure, figcaption {
    padding: 0em 0%; /* no padding for header, menu or internal sections*/
}
main, footer {
    padding: 0em 2%; /* add a little white-space around body and footer */
}
header nav, main nav { 
    text-align: center; /* center main menu and pics on home page*/
}
header nav {
    position: relative; /* create anchor for mobile menu */
}

/* Menus...*/

#imgMobileMenu {
    height: 20px;
    margin: 10px;
    position: absolute;
    left: 0px;
    top: 0px;
    visibility: visible;
}

#imgLogo {
    height: 34px;
    margin: 5px 0 0 0;
    vertical-align: top;
    opacity: 0.8;
}
#imgLogo:active {
    opacity: 1;
    /*border: 2px inset #E8E8E8;
    box-shadow: none;*/
}

#divMenu {
    font-size: 2em;
    background-color: #FFFFFF;
    white-space: nowrap;
    display: none; /* hide main menu for lower resolutions - mobile devices */
    margin-top: .25em;
}
#divMenu ul {
    display: block;
    list-style: none;
    margin: 0em 0%;
    padding: 0em 0%;
    background-color: #FFFFFF;
}
#divMenu li {
    position: relative;
    display: list-item;
    border-bottom: thin solid #000000; /* borders for mobile menu */
}
#divMenu > ul > li:first-child {
    border-top: thin solid #000000; /* borders for mobile menu */
}
/* hide parent of submenu when mobile */
/*#divMenu > ul > li:nth-child(3) {
    border: none;
}
#divMenu > ul > li:nth-child(3) > a {
    display: none;
}*/
#divMenu a {
    display: block; /* take up the whole width of the listitem */
}
.menupad {
    color: #606060;
    font-weight: bold;
    padding: 0em .5em; /* separate the pads a little bit */
    /*border: thin solid white;*/ /* avoid screen shift if border effect added/removed later */
}
.menupad:active {
    color: #000000;
}
header .menupad:active {
    background-color: #D3D3D3; /* Show selected option in mobile menu */
    /*border: thin inset #F0F0F0;*/
}
footer .menupad { line-height: 2em; }
/* don't show parent of submenu as active */
/*#divMenu > ul > li:nth-child(3) > a:active {
    color: #696969;
    background-color: unset;
    border: thin solid white;
}*/
/* Show that menu link is current page */
.aActivePage {
    color: #000000;
    /*border: 2px dotted #696969;
    border-radius: 30px;*/
}

.textlink {
    font-weight: bold;
    text-decoration: underline;
}
a.mute, a.mute:link, a.mute:hover, a.mute:visited, a.mute:active {
    color: inherit;
    text-decoration: none;
}


/* Page header... */

#pageIntro {
    text-align: center;
}
#imgBanner {
    width: 100%;
    margin-top: .25em;
}
.textConstrained {
    max-width: 38em; /* line length constrained for readability */
}
/* following used for all but home > see #divAnnouncements in home.css */
#pageIntro div.textConstrained {
    margin: 0 auto;
    padding: 0em 2%;
}
#pageIntro h1 {
    margin: .5em;
    padding: 0;
    line-height: 1em;
}
#pageIntro p {
    text-align: left;
}

/* Page content... */

/* flex box defaults with browser specific prefixes and fall backs */
.flexGrid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: center;
        align-content: center;
}
.flexGrid > div, .flexGrid > figure {
    display: inline-block;
    width: 96%;
    margin: 2%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
.flexGrid img {
    width: 100%;
}

/* button links */
.aButton {
    color: #000000;
    font-weight: bold;
    padding-left: 48px;
    padding-right: 48px;
    line-height: 3;
    background-color: #C8C8C8;
    /*border: thin outset #D8D8D8;*/
    display: inline-block;
    border-radius: 25px;
    text-align: center;
    box-shadow: 3px 3px 3px 1px rgba(48, 48, 48, .4);
}
.aButton:active {
    /*border: thin inset #D8D8D8;*/
    background-color: #B8B8B8;
    box-shadow: 3px 3px 3px 1px rgba(48, 48, 48, .4) inset;
}
.aButton-disabled {
    color: #484848;
    font-weight: bold;
    padding-left: 48px;
    padding-right: 48px;
    line-height: 3;
    background-color: #888888;
    display: inline-block;
    border-radius: 25px;
    text-align: center;
    cursor: default;
}

/* Footer content... */

/* Trade awards and badges */
.divBadges {
    width: 100%;
    text-align: center;
}
.divBadges img {
    width: 18%;
    margin: 2%;
    max-width: 100px;
}

/* Social media icons and footer links */
#footlinks {
    display: block;
    float: none;
    text-align: center;
    margin: 1em auto;
}
#divSocMed {
    display: block;
    float: none;
    text-align: center;
}
#divSocMed img, #divSocMed svg {
    height: 30px;
    width: 30px;
    margin: 8px;
}
/*#divSocMed img:nth-child(3) {
    margin-right: unset;
}*/
#mailico circle {
    fill: #000000;
}
#mailico rect {
    fill: #FFFFFF;
}
#mailico polyline {
    fill: none;
    stroke: black;
    stroke-width: 2;
}

/* Copyright, address and phone */
#divCopy {
    text-align: center;
    font-size: small;
}
#divCopy a {
    color: black;
    text-decoration: underline;
}

/* legal fine print (e.g. agree to privacy policy)  */
.fineprint {
    font-family: Times, 'Times New Roman', serif;
    font-weight: normal;
    font-size: small;
}

/* popup close control  */
.close {
    color: #A9A9A9;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover, .close:active, .close:focus {
    color: black;
    /*text-decoration: none;*/
    cursor: default;
}


/* Privacy Policy and Terms */
.docBody {
    margin: auto;
    max-width: 70em;
}
#ppTitle {
    margin-top: 1em;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
#ppSubTitle {
    margin-top: .5em;
    padding-top: 0;
    margin-bottom: 1.5em;
    padding-bottom: 0;
    font-weight: bold;
}

/* Pricing page specific */

/*.secPricing {
    text-align: center;
}
.secPricing table {
    margin: auto;
    width: 86%;
    max-width: 46em;
}
.secPricing tr:nth-child(odd) {
    background-color: #FAFAD2;
}
.secPricing tr:nth-child(even) {
    background-color: #CCFFFF;
}
.secPricing td, .secPricing th {
    text-align: left;
}
.secPricing tr > td:first-child, .secPricing tr > th:first-child {
   width: 65%;
}*/

/* Thanks page specific */

.secThanks {
    text-align: center;
}
main > section.secThanks > div {
    text-align: left;
}
.secThanks > div {
    display: inline-block;
    margin: auto;
}


/*@media only screen and (min-width: 550px) {
    header nav div:first-child a:nth-child(2):active {
        color: #000000;
        background-color: #D3D3D3;
        border: thin inset #F0F0F0;
        border-radius: 30px;
    }
}*/

@media only screen and (min-width: 600px) {
    #imgLogo {
        height: 50px;
    }
    #imgMobileMenu {
        margin: 20px;
    }

    #footlinks {
        display: inline-block;
        float: left;
        text-align: left;
        margin: unset;
    }
    #divSocMed {
        display: inline-block;
        float: right;
        text-align: right;
    }
}

@media only screen and (min-width: 800px) {
    #imgMobileMenu {
        visibility: hidden;
    }
    #imgLogo:hover {
        opacity: 0.6;
        /*border: thin solid #DCDCDC;
        box-shadow: 1px 1px 1px 1px rgba(64, 64, 64, .4);*/
    }
    /* repeat active effect because it was just overwritten by hover above */
    #imgLogo:active {
        opacity: 1;
        /*border: 2px inset #E8E8E8;
        box-shadow: none;*/
    }
    .menupad:hover {
        color: #989898;
    }
    /* repeat active effect because it was just overwritten by hover above */
    .menupad:active {
        color: #000000;
    }
    header .menupad:active {
        background-color: unset;
    }
    #divMenu {
        display: inline-block;
    }
    #divMenu > ul {
        display: inline;
    }
    #divMenu > ul > li {
        display: inline-block;
    }
    #divMenu li {
        border: none;
    }
    #divMenu > ul > li:first-child {
        border-top: none;
    }
    /*#divMenu > ul > li:nth-child(3) > a {
        display: block;
    }
    #divMenu > ul > li > ul {
        display: none;
        position: absolute;
        top: 100%;
        left: -2px;
        z-index: 1000;
        border-top: none;
        border-bottom: 2px outset #C0C0C0;
        border-left: 2px outset #C0C0C0;
        border-right: 2px outset #C0C0C0;
        border-top-right-radius: 15px;
    }
    #divMenu > ul > li:nth-child(3):hover {
        border-left: 2px outset #C0C0C0;
    }
    #divMenu > ul > li:hover > ul {
        display: block;
    }
    .svcHover {
        display: block !important;
    }
    #divMenu > ul > li > ul > li {
        text-align: left;
    }*/
    #pageIntro div {
        padding: 0em 0%;
    }
    /*header nav a:hover, footer nav a:hover {*/
    /*#divMenu a:hover, footer nav a:hover {
        color: #000000;
        background-color: #DCDCDC;
        border: thin outset #F0F0F0;
        border-radius: 30px;
        opacity: 0.6;
    }*/
    /*header nav div:first-child a:active, footer nav a:active {*/
    /*#divMenu a:active, footer nav a:active {
        opacity: 1;
        background-color: #D3D3D3;
        border: thin inset #F0F0F0;
    }*/
    /*#divMenu > ul > li:nth-child(3) > a:hover {
        color: #696969;
        background-color: unset;
        opacity: 1;
    }*/
    #imgBanner {
        margin-top: .5em;
    }
    .aButton:hover {
        /*opacity: 0.8;*/
        background-color: #D8D8D8;
        /*border: 1px solid #C0C0C0;*/
    }
    .aButton:active {
        /*border: thin inset #D8D8D8;*/
        background-color: #B8B8B8;
        box-shadow: 3px 3px 3px 1px rgba(48, 48, 48, .4) inset;
    }
}