:root {
  --darkblue: #1E2945;
  --lightblue: #56BDD0;
  --red: #A12A40;
  --yellow: #F3D448;

}




body{font-family:'Karla', sans-serif;}
html{background: #f6f6f6;}
h1,h2,h3,h4,h5,h6{font-family:'Karla', sans-serif;}
.container{background: #fff;}
.header{background:#fff; border:none; position: relative; border-bottom: 3px solid var(--darkblue); z-index: 499;}
.innerheader{position: relative;padding: 40px 0;}
.nav{outline: 0px solid red; margin: 0; padding: 0 20px; }
.nav li{list-style-type: none; padding: 0;}
.nav li a{color: var(--darkblue); margin: 0 20px 0 0; font-size: 16px; font-weight: 700; text-transform: uppercase; font-family:'Karla', sans-serif; letter-spacing: 2px;}
.nav li a:hover{color: var(--red);}
.nav li a.current{color: var(--red);}
.nav li a.current:hover{color: var(--red);}
.logo{outline: none; width:160px; padding: 10px; position: absolute; top: 0px; right: 20px;}


.footer{border: none; border-top: 5px solid var(--darkblue);}
.innerfooter{font-family: 'Karla', sans-serif; }

.content{border: none;background: #efefef;}
.lotterylist{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.lotterycontrols{width: 300px; padding: 20px; }
.lotterygrid{width: calc(100% - 300px); padding: 20px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; }
.lotterycontent{min-height: 100vh; background: #efefef;}

.downloadgrid{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px;}
.eachdlgrid{background: #e6e6e6; padding: 20px; transition: all 0.3s ease;}
.eachdlgrid:hover{opacity: 0.6;}

.field-group .label{font-family: 'Karla', sans-serif; }
input, select, textarea{font-family: 'Karla', sans-serif;}
.generatebutton{font-family: 'Karla', sans-serif; }
.image-controls{padding-top: 20px;}

.backbtn{color: var(--darkblue);}
.backbtn:hover{color:#0C1A30;}
.generatebutton{background: var(--darkblue);}
.generatebutton:hover{background:#0C1A30;}
.postersection{border-top: 3px solid var(--darkblue); background: #efefef;}


.lotteryitem{border:none; background: #f6f6f6; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); padding: 0; border-radius: 5px;}
.itemheader{border-bottom: 2px solid var(--darkblue);}
.itemfooter{border-top: 2px solid var(--darkblue);font-family: 'smart_sans_stdbold', 'Karla', sans-serif; position: relative; background: #f6f6f6; padding: 10px;}
.ihead{font-family: 'smart_sans_stdbold', 'Karla', sans-serif; font-weight: 400;}
.togglegrid{font-family: 'smart_sans_stdbold', 'Karla', sans-serif; font-weight: 400;}
.itemimage{opacity: 0.6; filter: sepia(0%); position: relative; overflow: hidden;}
.itemimage img{transform: scale(1.02,1.02)}
.eachtag{padding: 5px; background: #fff; margin: 0 5px 5px 0;}

.searcher{width: 100%;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); margin-bottom: 10px;}
.checkgroup{display: flex; justify-content: space-between; flex-wrap: wrap; background: #f6f6f6; padding: 10px; margin-bottom: 10px;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
.checkinput{width: 30px;}
.checklabel{width: calc(100% - 40px);}

.lotteryitem:hover .itemimage{opacity: 1;}
.gtoggler:checked + .slider {background-color: var(--darkblue);}
.gtoggler:focus + .slider {box-shadow: 0 0 1px var(--darkblue);}

.backbtn{position: absolute; bottom: -25px; right: 10px; color: var(--darkblue); font-size: 30px; z-index: 100;}
.backbtn:hover{color: var(--lightblue);}

.homedivider{opacity: 0;}
.homesplitlink{border: 0px solid var(--darkblue);}
.profileform{outline: none; border-right: 2px solid var(--darkblue);}

.loneformer{border: 2px solid var(--darkblue); font-family: 'Karla', sans-serif; }
.loneformhead{border-bottom: 2px solid var(--darkblue);}

.resp-tab-content {border: 2px solid #0B1A31;}
.submitbutton{font-family: 'Karla', sans-serif;}
@media screen and (max-width: 1000px) {
    .lotterycontrols{width: 100%;  }
.lotterygrid{width: 100%;grid-template-columns: 1fr 1fr;}
.lotterycontent{min-height: 30vh;}
}