@font-face {
  font-family: "Poppins";
  font-display: swap;
  src: url(../fonts/Poppins-Light300.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  font-display: swap;
  src: url(../fonts/Poppins-Medium500.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Teko";
  font-display: swap;
  src: url(../fonts/Teko-SemiBold600.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
}

body { font-family: 'Poppins', sans-serif; font-weight: 300; color: #666666; font-size: 17px;background-color: #eee}

body.white {background-color:white;}

h1 {
font-family: 'Teko', sans-serif;
color: rgb(255,185,0);;
margin-bottom:0;
 }

.small {font-weight: 300; font-size: 70%;}

p { margin-bottom:0px; }

.black { color: #000; }

.btn-primary {
    color: #000;
    background-color: rgb(255,185,0);;
    border-color: rgb(249,162,0); ;
}

.btn-primary:hover {
    color: #000;
    background-color: rgb(249,162,0);;
    border-color: rgb(255,185,0);;
}
.btn-primary.disabled, .btn-primary:disabled
{
    color: #666;
    background-color: #FFEAB5;
    border-color: #FFDB89;
}

.red {color: #B22222;  }

.bggrey { background-color: #666; }
.bg-yellow {
background: rgb(249,162,0);;
background: -moz-linear-gradient(left,  rgb(249,162,0); 0%, rgb(255,185,0); 100%);
background: -webkit-linear-gradient(left,  rgb(249,162,0); 0%,rgb(255,185,0); 100%);
background: linear-gradient(to right,  rgb(249,162,0); 0%,rgb(255,185,0); 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(249,162,0);', endColorstr='rgb(255,185,0);',GradientType=1 );
padding:15px 0; color:#000
}
.selection { display:block; }
.selection p {margin-bottom:15px; }

.m-height-100 { max-height: 100px; }

.header p  {color:white; }
.header img  {max-height: 75px; min-height: 75px;  }

.heroimage { max-height: 35vh; min-height: 30vh; overflow:hidden; background: url("/img/hero.jpg") top -400px center no-repeat;}

.innercontent-0 { padding-top: 0vh; background-color: #fff;}
.innercontent-1 { padding-top: 1vh; background-color: #fff;}
.innercontent-2 { padding-top: 2vh; background-color: #fff;}
.innercontent-3 { padding-top: 3vh; background-color: #fff;}
.innercontent-4 { padding-top: 4vh; background-color: #fff;}
.innercontent-5 { padding-top: 5vh; background-color: #fff;}


.img-thumbnail { height: 125px; padding: .75rem; border-radius: .50rem;}
.bordered { border:2px solid #666;  }
.bordered.active { border:2px solid green;  }

.icons a:hover {cursor:pointer}
.icons p { margin-top: 10px; font-size: .9rem; }

.shadow {
-webkit-box-shadow: 4px 4px 9px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 4px 4px 9px 4px rgba(0,0,0,0.2);
box-shadow: 4px 4px 9px 4px rgba(0,0,0,0.2);
}

.list-inline li a, .small-link { font-weight: 300; color: #000; text-decoration:underline; font-size:.7rem; cursor:pointer;}
.small-link:hover { font-weight: 500;}

.form-control  { font-weight: 300; }
.form-control:focus {border-color: rgb(255,185,0);; box-shadow: 0 0 0 .2rem rgba(255,186,0,.25)}

#timeresult { text-align:center; }
#timeresult .form-check { display:none; }
#loadMore {cursor:pointer; display:none;}


.double {font-weight:500; border-bottom: double 3px;}
.form-check-input { margin-top: .5rem; }
label { font-weight: 400; }
@media only screen
    and (min-device-width: 320px)
    and (max-device-width: 480px){


    h1 { font-size: 1.75rem; }
    .pagetype { font-size: 1rem; }
    .small-link { font-size:.85rem;}
 }

@media (min-width: 768px) {
    .container-small {
        width: 500px;
    }


}
@media (min-width: 992px) {
    .container-small {
        width: 500px;
    }
}
@media (min-width: 1200px) {
    .container-small {
        width: 500px;
    }
}

.container-small, .container-large {
    max-width: 100%;
}