body {
font-family: Poppins;
}

.tg-site-menu--default ul ul a {
line-height: 1.2!important;
}

.tg-site-menu--default ul ul {
width: 300px!important;
margin-left: -150px!important;
}


h1, h2, h3, h4, h5, h6 {
font-family: 'Poller One', cursive;
text-transform: uppercase;
letter-spacing: 2px;
}

h2 {
    font-size: 1.2rem!important;
}

.site-content {
background: #f4f4f4!important;
margin-top: 20px!important;
margin-bottom: 0px!important;
padding-top: 40px;
}

.cenote-header-media .cenote-header-media__title {
font-size: 21px;
}

.cenote-header-sticky {
background-color: white;
}

.site-branding .custom-logo-link {
margin-bottom: 0px;
}

.tg-site-menu--default a {
font-size: 18px;
}

.tg-footer-bottom {
display: none;
}

@media screen and (max-width: 480px) {
.cenote-header-media__text {
    display: inline!important;
}
}

/* QUIZZES */

.wpvqgr, .wpvqgr-wrapper button {
font-weight: 400!important;
}

.wpvqgr-wrapper code {
font-family: Poppins!important;
color: #000!important;
font-size: 1.125rem!important;
}

.wpvqgr, .wpvqgr-wrapper button {
font-family: Poppins!important;
font-weight: 600;
font-size: 1.125rem!important;
}

button:hover {
background: #2797C6!important;
}

.wpvqgr-wrapper button.wpvqgr-button:hover {
    filter: brightness(100%)!important;
}

.wpvqgr-question-label {
font-family: 'Poller One', cursive;
text-transform: uppercase;
font-size: 1.2em!important;
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-explanation h3.wpvqgr-thats-right, .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-explanation h3.wpvqgr-thats-wrong {
font-family: 'Poller One', cursive;
text-transform: uppercase;
font-size: 1.2em!important;
}

.wpvqgr-intro {
font-family: 'Poller One', cursive;
text-transform: uppercase;
font-size: 1.2em!important;
text-align: center;
}

button.wpvqgr-start-button {
margin-top: 40px!important;
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer {
border: 0px solid white!important;
padding: 10px!important;
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-explanation {
border: 0px solid white!important;
padding: 20px!important;
}

.wpvqgr-explanation-content {
color: #000;
font-weight: 400;
}

.wpvqgr-explanation-content a, .wpvqgr-explanation-content a:hover{
color: #000;
font-weight: 500;
text-decoration: none;
}

.wpvqgr-wrapper .progress-bar {
background-color: rgba(39,151,198,1)!important;
}

.wpvqgr-wrapper .progress {
background-color: rgba(39,151,198,0.2)!important;
padding: 10px 10px 10px 10px!important;
}

.wpvqgr-wrapper div.progress div.progress-bar {
padding-top: 3px!important;
}

button.wpvqgr-askinfo-submit {
margin-top: 55px!important;
}


.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer:hover {
background: rgba(39,151,198,0.2)!important;
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer {
color: #000000!important;
}

.wpvqgr-wrapper div.wpvqgr-askinfo h3 {
font-family: 'Poller One', cursive!important;
font-size: 19px!important;
text-align: center;
line-height: 1.3!important;}

.wpvqgr-wrapper div.wpvqgr-results h3 {
font-family: 'Poller One', cursive!important;
font-size: 19px!important;
text-align: center;
}

.wpvqgr-wrapper div.wpvqgr-results div.wpvqgr-result-description {
    margin-bottom: 30px;
}

.wpvqgr-wrapper div.wpvqgr-results div.wpvqgr-quiz-name {
margin-bottom: 30px!important;
}

.wpvqgr-wrapper div.wpvqgr-results div.wpvqgr-sharing {
    width: 50%!important;
    margin: 0 auto;
}

button.wpvqgr-playagain {
margin-top: 50px!important;
}

@media screen and (min-width: 992px) {
.tg-container {
    max-width: 840px!important;
}
}




@media screen and (max-width: 740px) {

.wpvqgr-intro {
font-family: 'Poller One', cursive;
text-transform: uppercase;
font-size: 1.0em!important;
line-height: 1.3;
text-align: center;
}

.wpvqgr-question-label {
font-size: 1.0em!important;
line-height: 1.3;
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-explanation h3.wpvqgr-thats-right, .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-explanation h3.wpvqgr-thats-wrong {
font-size: 1.0em!important;
}

.entry-content {
    line-height: 1.3;
}

}