/*
 Theme Name:   generatepress Child Theme
 Description:  Child Theme of generatepress
 Author:       Nexern
 Template:     generatepress
 Version:      1.0.0
*/
.inside-header{padding:20px 40px}
.site-logo a{background: url(visual/logo.png) no-repeat center 0;width:383px;height:69px;display: inline-block;text-indent:-9998px}
.dropdown-menu-toggle:before{padding:10px}
.separate-containers .inside-article{padding:20px 40px}
.entry-content{margin-top: 10px}
h1{font-size:38px}
.italic{font-style: italic}
.table-wrapper{overflow: auto}
.jackpot-wrapper, .top3{
    background-color:#f7f7f7;
    border-radius:4px;
    box-shadow:0 4px 10px #b5b5b5;
    padding:20px;
    margin-bottom:20px;
    overflow:auto}
.jackpot-wrapper *, .top3 *{box-sizing: border-box}
.next-jackpot, .logo-and-go{float:left;width:60%}
.logo-container{margin-bottom: 20px}
.jackpot-wrapper.elGordo .logo-container{margin-bottom: 15px}
.date-result{color:#888;margin-bottom:32px}
.jackpot-wrapper.super-6 .date-result{text-align:center}
.jackpot-wrapper.elGordo .date-result{margin-bottom: 30px}
.date-result .date, .date-result .date-dot{font-weight: bold}
.jackpotnumbers ul{list-style-type: none;margin:0 auto;text-align: center}
.jackpotnumbers ul li{
    display:inline-block;
    padding:3px 8px;
    background-color:#bdbdbd;
    color:#fff;
    font-weight: bold;
    margin-right:2px;
    border-radius: 3px;
    font-size:2.3em}
.jackpotnumbers ul li.dot, .jackpotnumbers ul li.curr{background-color: transparent;color: #bdbdbd;padding:3px}
.box .jackpotnumbers ul li.dot, .box .jackpotnumbers ul li.curr{padding:1px}
.logo-and-go{text-align: center;width:40%}
.logo-container .logo{margin: 0 auto;max-width:220px;height:50px;background: url(visual/lotto-logos.png) no-repeat center 0}
.jackpot-wrapper.austriaLotto .logo-container .logo, .box.austriaLotto .logo-container .logo{background-position:center 0px}
.jackpot-wrapper.german6aus49 .logo-container .logo, .box.german6aus49 .logo-container .logo{background-position: center -200px}
.jackpot-wrapper.elGordo .logo-container .logo, .box.elGordo .logo-container .logo{background-position: center -150px}
.jackpot-wrapper.euroJackpot .logo-container .logo, .box.euroJackpot .logo-container .logo{background-position: center -100px}
.jackpot-wrapper.euroMillions .logo-container .logo, .box.euroMillions .logo-container .logo{background-position: center -50px}
.jackpot-wrapper.megaMillions .logo-container .logo, .box.megaMillions .logo-container .logo{background-position: center -250px}
.jackpot-wrapper.powerBall .logo-container .logo, .box.powerBall .logo-container .logo{background-position: center -300px}
.jackpot-wrapper.superEnalotto .logo-container .logo, .box.superEnalotto .logo-container .logo{background-position: center -350px}
.jackpot-wrapper.super-6 .logo-container .logo, .box.super-6 .logo-container .logo{background-position: center -450px}
.jackpot-wrapper.elGordo .jackpotnumbers ul li{font-size:2.1em}
.jackpot-wrapper.elGordo .jackpotnumbers ul li.dot, .jackpot-wrapper.elGordo .jackpotnumbers ul li.curr{padding:0}
.go, .go-top3{position:relative}
.go:before, .go-top3:before, .go:after,.go-top3:after{position: absolute;content: '';z-index:0;width:30%;height:13px;background-color: #000;box-shadow:0 0 20px #000;bottom:6px;}
.go:before, .go-top3:before{left:5%;-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-o-transform:rotate(-5deg);transform:rotate(-5deg)}
.go:after, .go-top3:after{right:5%;-webkit-transform: rotate(5deg);-moz-transform: rotate(5deg);-o-transform: rotate(5deg);transform: rotate(5deg)}
.go:hover:before, .go-top3:hover:before, .go:hover:after,.go-top3:hover:after{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;width:45%;bottom:3px}
a.btn-action{
    padding:9px 10px;
    color:#504001;
    background-color: #fc0;
    font-weight:600;
    text-transform: uppercase;
    display: block;
    border-radius:3px;
    position: relative;
    z-index:10;
    overflow: hidden}
a.btn-action:before{
    position: absolute;
    content: '';
    width:100%;
    height:100%;
    z-index: -1;
    top:0;
    opacity:.4;
    background-color:#fff;
    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    transform: skewX(-10deg);
    -webkit-animation: moveon 3s  ease-out infinite;
    -moz-animation: moveon 3s  ease-out infinite;
    -o-animation: moveon 3s  ease-out infinite;
    animation: moveon 3s  ease-out infinite}
a.btn-action:hover:before{
    -webkit-animation: moveon 1.5s  ease-out infinite;
    -moz-animation: moveon 1.5s  ease-out infinite;
    -o-animation: moveon 1.5s  ease-out infinite;
    animation: moveon 1.5s ease-out infinite}
@-webkit-keyframes moveon{
    0%{left:-200%}
    75%{opacity:.01}
    100%{left:100%;opacity:0}}
@-moz-keyframes moveon{
    0%{left:-200%}
    75%{opacity:.01}
    100%{left:100%;opacity:0}}
@-o-keyframes moveon{
    0%{left:-200%}
    75%{opacity:.01}
    100%{left:100%;opacity:0}}
@keyframes moveon{
    0%{left:-200%}
    75%{opacity:.01}
    100%{left:100%;opacity:0}}
a.btn-action i.fa{color:#f00;margin-right:5px}
a.btn-action:hover{background-color: #008dc3;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;color:#fff}
a.btn-action:hover i.fa{color:#fff;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.box{overflow: auto;box-shadow: 0 1px 0 #ececec, 0 2px 0 #fff;padding:10px 0}
.top3 .box:first-child{padding-top:0}
.top3 .box:last-child{box-shadow:none;padding-bottom:0}
.box .logo-container, .box .jackpot-container, .box .go-top3{float: left}
.box .logo-container{width:30%;margin-bottom:0;margin-top:21px}
.box .logo-container .logo a{display: block;width: 100%;height: 100%;text-indent: -9998px}
.box .jackpot-container{width:45%}
.box .go-top3{width:25%;margin-top:30px;}
.box .date-result{margin-bottom:10px;font-size:.9em;text-align:center;line-height: 1.4em}
.box .date-result .mob-block{display: block}
.box .jackpotnumbers ul li{font-size:1.1em}
.box a.btn-action{font-size: .7em;text-align: center;padding:9px 5px}
.site-info a:hover{color: inherit;text-decoration: underline}
@media only screen and (max-width:1280px){
    .top3{padding: 10px}
    .box .jackpot-container{width:38%}
    .box .go-top3{width:30%}
    .box .logo-container{width:32%}
    .box .date-result{font-size:.8em}}
@media only screen and (max-width:1220px){
    .date-result{font-size:15px;margin-bottom:10px}
    .jackpot-wrapper.elGordo .date-result{margin-bottom:15px}
    .logo-container{margin-bottom:25px}
    .jackpotnumbers ul li{font-size:2em;padding:1px 6px}
    .jackpot-wrapper.elGordo .jackpotnumbers ul li{font-size:1.6em;padding:1px 4px}
    a.btn-action{padding:8px 5px;font-size:.8em}
    .mob-block{display: block}
    .box .logo-container{width:28%}
    .box .jackpot-container{width:42%}
    .jackpot-wrapper.powerBall .logo-container .logo, .box.powerBall .logo-container .logo{background-position: center -412px;height:30px;width:166px}}
@media only screen and (max-width:1120px){
    .box .logo-container{float: none;display: block;width:100%;margin-top:0;margin-bottom:10px}
    .box .jackpot-container{width:60%}
    .box .go-top3{width:40%}}
@media only screen and (max-width:1024px){
    .inside-header{padding:10px 5px}
    .site-logo a{background: url(visual/logo-mobile.png) center 0;width:280px;height:50px}
    .next-jackpot, .logo-and-go {
    float: none;
    width: 100%;
    display: block}
    .mob-block{display: inline-block}
    .date-result{text-align: center;margin-bottom:10px}
    .next-jackpot{margin-bottom:15px}
    .go{max-width:75%;margin: 0 auto}}
@media only screen and (max-width:768px){.site-info{font-size:.6em}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content{padding:20px 10px}.alignleft, .alignright{margin-bottom:10px}.logo-container{margin-bottom:10px}.main-navigation ul li>ul.sub-menu{display:none}.main-navigation ul li>ul.sub-menu.sub-menu.toggled-on{display: block} }
@media only screen and (max-width:890px){.box .jackpot-container, .box .go-top3{float: none;display: block;width:100%}.top3 .box:last-child{padding-bottom:15px}.go:before, .go-top3:before, .go:after,.go-top3:after{bottom:7px;width:17%}}
@media only screen and (max-width:568px){.jackpotnumbers ul li{padding:1px 4px}}
@media only screen and (max-width:480px){.go{max-width:100%}.jackpotnumbers ul li{font-size:1.5em}.jackpot-wrapper.elGordo .jackpotnumbers ul li{font-size:1.2em} }
@media only screen and (max-width:420px){.jackpot-wrapper{padding:10px}.jackpotnumbers ul li.dot, .jackpotnumbers ul li.curr{padding:0}.jackpotnumbers ul li{font-size:1.2em}a.btn-action{font-size:.7em}a.btn-action i.fa{margin-right: 0}}
@media only screen and (max-width:345px){.jackpot-wrapper{padding:10px 5px}.jackpotnumbers ul li{font-size: 1em}}