/* BRANDING */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@font-face {
  font-family: 'HelveticaKVAFont';
  src: url('../fonts/HelveticaKVAFont.eot?#iefix') format('embedded-opentype'),  
    url('../fonts/HelveticaKVAFont.woff') format('woff'), 
    url('../fonts/HelveticaKVAFont.ttf')  format('truetype'), 
    url('../fonts/HelveticaKVAFont.svg#HelveticaKVAFont') format('svg');
  font-weight: normal;
  font-style: normal;
}
ul li{list-style: none;}
*{margin:0px; padding:0px;}
.clearfix{clear:both;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 font-family: 'Open Sans', sans-serif;
 color: #111111;
}
.color-white{
color: #ffffff;;
}
.color-dark{
color: #111111;;
}
.bg-dark{
background-color: #111111;;
}
.color-blue{
color: #001996;;
}
.color-red{
color: #F00000;;
}
.bg-blue{
background-color: #001996;;
}
.bg-lightblue{
background-color: #eef3f3;
}
.bg-lightgrey{
background-color: #F5F6F6;
}
.bg-darkgrey{
background-color: #4a4a4a;
}
.bg-yellow{
background-color: #ffdd40;
}
.bg-red{
background-color: #F00000;
}
.bg-white{
background-color: #FFFFFF;
}
.btn-yellow{
color:#111 !important;
background-color: #fbdd40;
}
.btn-yellow:hover{
background-color: #f8c81e;
}




/* custom styles */
body {
    background:#eef3f3;
    }
    .page-wrapper {
    background: #ffffff;
    max-width:1090px;
    margin:0 auto;
    }
    .container {
    max-width:1090px;
    }
   
    /* HERO SECTION */

    .intro-content {
        WIDTH:80%;
        margin:0 auto;
    }
    .hero-section{
    background: url("https://image.connect.purolator.com/lib/fe43157075640475771570/m/2/9e82148e-45fb-42c7-86ff-a80db99d78a2.jpg") no-repeat;
    /* min-height:410px; */
    background-position:top;
    position:relative;
    }

  .overlay {
    /* background-color: rgba(0,0,0,0.3); */
    color: #808285;
    text-align: left;
    font-size: 12px;
    position: absolute;
 text-shadow: -1px 3px 2px #00000026;
    /* top: 0; */
    bottom: 20px;
    right: 0;
}





    section#blue-section {
    background:#001996;
    color:white!important;
    padding-top: 10px;
    padding-bottom: 10px;
    background: url(https://image.connect.purolator.com/lib/fe43157075640475771570/m/1/187ea0ee-d5a8-4bd3-8009-7c6f9dae77a2.jpg);
    }
    .img-container {
    /* background:red; */
    height:140px;
    }
    section#blue-section h4, section#blue-section h2 {
    color:white;
    }
    section#timeline {
    background:#ebebeb;
    }
    section#photo-winner .col-md-3.text-center img {
    -webkit-box-shadow: -1px 11px 15px -4px #8C8C8C;
    box-shadow: -1px 11px 15px -4px #8C8C8C;
    }
    
    .bold {font-weight: 700;}
    /* LEFT COL STYLES */
    .left-col h2 {
    font-weight: 700;
    margin-top:40px;
    margin-bottom:15px;
    }
    .align-center {
    display:block;
    margin:0 auto;
    }
    .left-col h3 {
    margin-top: 30px;
    }
    .accordian-container {
    margin-top: 30px;
    }
    .panel-body ul li {
    list-style: disc;
    }
    .panel-body ul {
    margin-left: 20px;
    }

    /* NAV LINK FOR TOGGLE FORM STYLES */

    .nav-tabs, .nav-link {border:none!important;}

    ul.nav-custom.row.col-lg-11.mx-auto img {
        width: 100%;
    }

    ul.nav-custom.row.col-lg-11.mx-auto sup {
        font-size: 14px;
        vertical-align: 5px;
    }


    /* form 1 styles */

    ul.blue-list-style li {
      list-style-type: disc;
      margin-left: 20px;
  }

  #nominate-blue ul li {
    font-size: 14px;
  }


  /* submit button */
    .btn.bg-yellow {
      padding-left:30px;
      padding-right:30px;
      font-weight: bold;
    }


ul.blue-list-style {
    font-size: 14px;
}

@media (max-width:990px) {
 section.col-lg-12.mx-auto.no-gutters.mb-5.mt-4.bg-blue .col-lg-8 {
        padding-top:20px; 
  padding-bottom:20px;
    }
}




    /* END TOGGLE FORM STYLES */


    /* FAQ accordian style */
  /* FAQ accordian style */
    .panel-body ul li ul li {
        list-style-type: circle;
    }
    .panel.panel-default {
    border: 1px solid #999999;
    padding: 20px 10px 10px;
    margin-bottom: 20px;
    }
    .accordian-container .panel-title a {
    color:#001996;
    }
    @import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
    .panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    color:#999999;
    display: flex;
    justify-content: center;
    }
    .panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
    display: flex;
    justify-content: center;
    }
    .panel-title > a:hover, 
    .panel-title > a:active, 
    .panel-title > a:focus  {
    text-decoration:none;
    }
    .panel-heading {
    margin-bottom: 10px;
    }
    .panel-title > a:before {
    /* background:yellow; */
    border:1px solid #999999;
    height:25px;
    width:25px;
    border-radius: 50%;
    }
    /* form styles */
    label.form-check-label.radio.manual-checkbox {
    font-size: 1.2rem;
    }
    .form-container {
    border:1px solid #999999;
    padding:40px;
    }
    .form-container h3 {
    text-align: center;
    font-weight: 700;
    margin-bottom: 30px;
    }
    .form-container label {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.75rem;
    }
    .form-container input {
    border-bottom: 1px solid #000;
    padding-left: 0;
    padding-right: 0;
    font-style:italic;
    }
    .form-container .form-group {
    margin-bottom: 30px;
    }
    .form-check.submit {
    text-align: center;
    }
    label.form-check-label.radio{text-transform: none;}
    input#manualcheck_id {
    transform: scale(1.5) translateY(1px);
    }
    label.form-check-label {
    font-size:1rem;
    }
    .form-check.form-copy.manual-row {
    /* padding-left: 0; */
    padding-left: 1.7rem;
    margin-top: 20px;
    }
    /* button */
    .btn.btn-primary.red{
    background-color:#ee352a!important;
    border:none!important;
    padding-left: 40px!important;
    padding-right: 40px!important;
    padding-top: 13px!important;
    padding-bottom: 13px!important;
    font-weight: bold;
    margin-top: 30px;
    opacity:1;
    }
    .btn.btn-primary.red:hover {
    opacity:.8;
    }
    .form-check.form-copy {
    margin-top: 10px;
    }

section#faq sup {font-size:10px;  vertical-align:3px}

    #legal {padding-top: 30px; padding-bottom: 30px;}




section#legal a {
    text-decoration: underline;
}