/*	This is the master css of the website where all css code should go.
        NOTE: If you are using individual css for each page this should only contain the items you want to be constant throughout the website.
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic|Amaranth&subset=latin,latin-ext);
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css?family=Dosis');
body{font-family: 'Open Sans', sans-serif; font-size:1em; padding: 0px; margin:0px; width:100%; color:#111111;  background:url('/styles/stylesets/201806sadrf/images/bg.jpg') center top fixed no-repeat #ffffff;}
img{border:0px; max-width:100%; height:auto !important;}
img[src*="gstatic.com/"], img[src*="googleapis.com/"] {max-width: none;}
a:link, a:visited{text-decoration:none; color:#009833;}
a:hover, a:active{text-decoration:none; color:#454545;}
h1, h2, h3, h4, h5, h6, .title, .boxtitle, .boxtitledefault{margin-bottom:5px;font-family: 'Dosis', sans-serif; color: #d1aa67;}
.title, .boxtitle, .boxtitledefault{font-size:2.5em;}

h1{font-size: 3em; margin: 0 auto 10px !important;}
h2{font-size: 2em; margin: 0 auto 10px !important;}
h3{}

#container{width:100%; margin:0; padding:0;}
#header{width:100%;  margin:0 auto; padding:0;}
#header #hdrWrap{margin:auto;text-align: center; background: #454545;}
#audioWrap{text-align: left;}
#header #hdrLogo{ max-width: 100%;margin: -40px auto 0;}
#header #hdrLogo #logoWrap{max-width: 1200px;padding:5px; margin: auto;display: flex; justify-content: space-between;align-items: center;padding: 10px 0 20px 0;}
#header #hdrLogo #logoWrap #largeLogo{margin: auto; text-align: center;}
#header #hdrLogo #logoWrap #largeLogo #largeLogoText1 h1{font-size: 1.5em; color: #d1aa67;font-family: 'Dosis', sans-serif;}
#header #hdrLogo #logoWrap #largeLogo #largeLogoText2 h2{font-size: 1.2em; color: #d1aa67; font-family: 'Dosis', sans-serif; margin: 0 !important;}
#smallLogo{margin: 0 30px 0 80px;}
#doves{width: 25%;}

#header #navBar{font-family: 'Dosis', sans-serif;background:#009833; font-size:1.4em;}
#header #navBar.mobile{height:50px; overflow:hidden;}
#header #navBar #navWrap{margin:auto;}
#header #navBar .navIcon{display:none;}
#header #navBar.mobile .navIcon{display:inline-block; line-height:50px;height:50px;vertical-align: middle;padding:0px 20px;transition:0.2s linear;color:#fff;cursor:pointer;font-size:1.5em;}
#header #navBar.mobile .navIcon:hover{background:rgba(255,255,255,0.3)}
#header #navBar #navWrap>ul{display:block;margin:0;padding:0;text-align: center;}
#header #navBar #navWrap>ul>li{display:inline-block;list-style: none;margin:0;padding:0;}
#header #navBar.mobile #navWrap>ul>li{display:block;text-align: left;}
#header #navBar #navWrap>ul>li>a:link, #header #navBar #navWrap>ul>li>a:visited{display:inline-block;line-height:50px;height:50px;vertical-align: middle;padding:0px 15px;transition:0.2s linear;color:#fff;}
#header #navBar #navWrap>ul>li>a:hover{background:#454545; color: #d1aa67;}

#header #navBar #navWrap>ul>li>ul{display:none;margin:0;padding:0;text-align: left;position: absolute;background:#009833; z-index: 1000;}
#header #navBar.mobile #navWrap>ul>li>ul{display:block;position: relative;}
#header #navBar #navWrap>ul>li>ul>li{display:inline-block;list-style: none;margin:0;padding:0;}
#header #navBar #navWrap>ul>li>ul>li{display:block;text-align: left;}
#header #navBar #navWrap>ul>li>ul>li>a:link, #header #navBar #navWrap>ul>li>ul>li>a:visited{display:inline-block;line-height:50px;height:50px;vertical-align: middle;padding:0px 20px;transition:0.2s linear;color:#fff;}
#header #navBar #navWrap>ul>li>ul>li>a:hover{background:#454545; color: #d1aa67;}

#salesBarMainWrap{justify-content: center; margin: 20px auto 20px; font-family: 'Colonna MT', sans-serif; color: #d1aa67;  text-align: center;}
#salesWrap{margin: 10px;  border: 3px solid #454545; font-size:4em; border-radius: 3px;}
#salesWrap a:link, #salesWrap a:visited{text-decoration:none; background: #d1aa67; color: #454545;padding: 10px; transition: ease-in-out 0.3s; display: block;}
#salesWrap a:hover, #salesWrap a:active{text-decoration:none; background: #2b2a2a; color: #d1aa67;  border: 5px solid #d1aa67;}

.secBox1{padding: 30px 10px 0px 10px;margin:0; }
.secBox2{padding: 30px 10px 30px 10px; background: #f8f2e8; margin: 50px auto 20px; color: #d1aa67;background: #454545;}
.secBox1 .textBox, .secBox2 .textBox{ max-width: 1200px; margin: 0 auto; text-align: justify;}

#quicklinks{background:#efefef; border:1px solid #cfcfcf;}
#quicklinks ul, #quicklinks li{list-style:none; display:inline;}
#contentmask{width:auto; height:100%;margin:auto 0;}
#contentbox{width:auto; margin:auto 0;}
#sidebar{width:auto; margin:auto 0;}
#footerWrap{display: flex; justify-content: space-around;align-items: center;max-width: 800px;padding: 20px 0 10px 0; margin: auto; text-align: center;}
#footerWrap a:link, #footerWrap a:visited{text-decoration:none !important; color:#ffffff;}
#footerWrap a:hover, #footerWrap a:active{text-decoration:none !important; color:#ffffff;}

#ftrInfo{}
#ftrText{font-size: 0.8em;margin: auto;}
#footer{width:100%;margin: 20px auto 0;padding:0;background:#454545;color:#fff;}
#footer a:link, #footer a:visited{text-decoration:none; color:#fff;}
#footer a:hover, #footer a:active{text-decoration:underline; color:#ddd;}
#footer #copytext{text-align:center; line-height:2em; min-height:3em; font-size:0.8em;padding:10px;}


.clearboth{clear:both;}
.list_row1{padding:5px;border-bottom:1px solid rgba(0,0,0,0.1); background-color:rgba(200,200,200,0.1); border-top:1px solid rgba(0,0,0,0.1);transition: 0.3s ease-in-out;}
.list_row2{padding:5px;background-color:rgba(250,250,250,0.1);transition: 0.3s ease-in-out;}
.highlight, .list_row1:hover, .list_row2:hover{background-color:rgba(255,255,255,0.9);}
form{ background: rgba(150,150,150, 0.25); border: solid 1px rgba(50,50,50, 0.2); margin:2px;padding:5px;border-radius:2px;}
.buttons{width: 98%;display:inline-block;padding:4px 2px 4px;font-size:1em;line-height:1.5em;color:#303030;text-align:left;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#fefefe;border:1px solid #a0a0a0;border-bottom-color:#505050;border-radius:2px;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);margin:1px;}
.buttons:hover{box-shadow:0 0 4px #808080;background-color:#e0e0e0; background:linear-gradient(#e0e0e0, #e0e0e0 25%, #fefefe);}
input[type="text"]{cursor:text;}
input[type="submit"]{cursor:pointer;}
input[type="reset"]{cursor:pointer;}
input[type="checkbox"]{cursor:pointer;}
textarea{cursor:text;}
select{cursor:pointer;}

@media screen and (max-width:1600px){
  #header #hdrLogo{margin: -10px auto 0;}  
}

@media screen and (max-width:1200px){
    
}

@media screen and (max-width:1100px){
    
}

@media screen and (max-width:1000px){
    #map-canvas{ width: 90% !important; margin:0 !important;}
    #smallLogo{margin: 0 30px 0 10px;}
}

@media screen and (max-width:900px){
    #header #hdrLogo #logoWrap{flex-wrap: wrap; justify-content: center; padding: 10px; margin: auto;}
    #smallLogo{display: none;}
    #doves{display: none;}
    #audioWrap{text-align: center;}
    #header #hdrLogo{margin:auto;}  
}

@media screen and (max-width:800px){
    #ddb_left_column{float:none !important;width:auto !important;}
    #ddb_right_column{float:none !important;width:auto !important;}
    .secBox1 .textBox, .secBox2 .textBox{text-align: left;}
    h1{font-size: 2em;}
    h2{font-size: 1.5em;}
}

@media screen and (max-width:700px){
    #salesWrap{font-size:3em;}
}

@media screen and (max-width:600px){
    #map-canvas{ width: 80% !important; margin:0 !important;}
    #footerWrap{display: block;}
    #ftrInfo{margin: 10px auto 0;}
}

@media screen and (max-width:500px){
    #header #hdrLogo #logoWrap #largeLogo #largeLogoText1 h1{font-size: 1.2em; }
    #header #hdrLogo #logoWrap #largeLogo #largeLogoText2 h2{font-size: 1em; }
    #salesWrap{font-size:2em;}
}

@media screen and (max-width:400px){
}

@media screen and (max-width:360px){
}