﻿/* Quiz */
/*Quiz Style add here!! */

.page-quiz h2 {
font-family: "Burford Base"; 
font-size: 55px;
line-height: 1;
margin: 0 0 50px;
}

.page-quiz .wpvqgr-wrapper div.wpvqgr-askinfo h3 {
font-size: 30px;
    line-height: 1.3;
    margin: 0 0 40px;
    text-align: center;
}

.page-quiz .wpvqgr-wrapper div.wpvqgr-results h3 {
font-family: "Burford Base"; 
font-size: 30px;
line-height: 1;
}

.page-quiz .wpvqgr-wrapper div.wpvqgr-results h3 span {
display: block;
font-size: 45px;
}


.page-quiz .site-main.page{
position: relative;
background-color: #FAF7F2;
}

.page-quiz .site-main.page:before {
content: ''; 
display: block; 
width: 100%;
height: 100%;
background-image: url('/wp-content/themes/nofo/imgs/body-bg-pattern.png');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: fixed;
top: 0; bottom: 0; left: 0; right;
opacity: .25;
z-index: 0;
}

.page-quiz .site-main.page .wrapper{
position: relative;
z-index: 1;
}

.page-quiz .entry-header, .wpvqgr-quiz-name {
display: none;
}

.page-quiz .wpvqgr-wrapper button.wpvqgr-button.wpvqgr-start-button{
    color: #D0322C;
    font-family: "Burford Base" !important;
    font-size: 65px;
    background: #fff url(/wp-content/uploads/2022/09/icon-arrow-next.png) no-repeat right 110px center;
    padding: 0px 200px;
    display: block;
    width: auto;
    margin: 0 auto;
    background-size: 65px;
    text-align: center;
    line-height: 1.3;
    box-shadow: 10px 10px 10px rgb(169 175 184 / 40%);
    margin-top: -60px;
    z-index: 2;
    position: relative;
border-radius: 0;
}
.page-quiz .wpvqgr-wrapper button.wpvqgr-button.wpvqgr-start-button:hover {
    color: #fff;
    background-color: #D0322C;
    background-image: url('/wp-content/uploads/2022/09/icon-arrow-next-white.png');
}

.page-quiz .wpvqgr-wrapper div.wpvqgr-continue button.wpvqgr-button,
.page-quiz .wpvqgr-wrapper button.wpvqgr-button.wpvqgr-playagain,
.page-quiz .wpvqgr-wrapper button.wpvqgr-button.wpvqgr-askinfo-submit  {
    color: #fff;
    font-family: "Burford Base" !important;
    font-size: 30px;
    background: #D0322C url(/wp-content/uploads/2022/09/icon-arrow-next-white.png) no-repeat right 23px center !important;
    border: 1px solid #D0322C;
    padding: 10px 90px;
    display: block;
    width: 100%;
    margin: 0 auto;
    background-size: 36px !important;
    text-align: center;
    line-height: 1.3;
border-radius: 0;
}
.page-quiz wpvqgr-wrapper div.wpvqgr-continue button.wpvqgr-button:hover,
.page-quiz .wpvqgr-wrapper button.wpvqgr-button.wpvqgr-playagain:hover,
.page-quiz .wpvqgr-wrapper button.wpvqgr-button.wpvqgr-askinfo-submit:hover {
    color: #D0322C;
    background-color: #fff !important;
border-color: #D0322C;
    background-image: url('/wp-content/uploads/2022/09/icon-arrow-next.png') !important;
}

.page-quiz .wpvqgr-wrapper button.wpvqgr-button:hover {
    filter: brightness(100%);
}


.page-quiz .wpvqgr-wrapper button.wpvqgr-social-facebook, 
.page-quiz .wpvqgr-wrapper button.wpvqgr-social-twitter {
    font-size: 21px;
    font-family: "Burford Base" !important;
    padding: 10px;
    display: block;
    margin: 0 auto 10px;
    border-radius: 0;
}

.page-quiz .wpvqgr-wrapper button.wpvqgr-button.wpvqgr-playagain,
.page-quiz .wpvqgr-wrapper button.wpvqgr-social-facebook, 
.page-quiz .wpvqgr-wrapper button.wpvqgr-social-twitter {max-width: 500px;}

.page-quiz .wpvqgr-wrapper button.wpvqgr-social-facebook {background-color: #37363F;}
.page-quiz .wpvqgr-wrapper button.wpvqgr-social-twitter {background-color:#7F8896; }

.page-quiz .wpvqgr-wrapper .wpvqgr-intro img {
 max-width: 445px;
}

.page-quiz .wpvqgr-wrapper .wpvqgr_quiz_perso {
background: #fff;
border: #707070 1px solid ;
max-width: 900px;
margin: 0 auto;
padding: 50px;
}

.page-quiz .wpvqgr-wrapper .wpvqgr-progress {
border: #707070 1px solid ;
background: #fff;
border-radius: 10px;
}

.page-quiz .wpvqgr-wrapper div.progress div.progress-bar {
    height: 34px;
    padding-top: 9px;
font-size: 0;
border-radius: 10px;
}

.page-quiz .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer {
    line-height: 110%;
    background: #EDEFF1;
    border: none;
    padding: 15px;
}

.page-quiz .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer span.wpvqgr-answer-label {
    margin-left: 10px;
    font-size: 18px;
}

.page-quiz .wpvqgr-wrapper div.wpvqgr-askinfo {
    padding: 10px 20px 10px 20px;
    background: #fff;
    border: none;
    margin: 0;
}

.page-quiz .wpvqgr-results .wpvqgr-a-d-s {
	display: none;
}

.page-quiz .wpvqgr-wrapper div.wpvqgr-results {
    padding: 0;
    border: none;
    margin: 0;
}

.page-quiz  .wpvqgr-results-box.wpvqgr_quiz_perso{
    border: none;
    padding-top: 10px;
    padding-bottom: 0;
    margin-bottom: -10px;
}

.page-quiz .wpvqgr-wrapper div.wpvqgr-results div.wpvqgr-result-description {
    margin: 0 0 50px;
}

.page-quiz .wpvqgr-question-label img {
    max-height: 200px;
    width: auto;
    margin: -20px auto 30px;
}

@media  (max-width: 960px) {
.page-quiz .wpvqgr-wrapper button.wpvqgr-button.wpvqgr-start-button {
    font-size: 45px;
}
.page-quiz .wpvqgr-wrapper .wpvqgr-intro img {
    max-width: 375px;
}

}

@media  (max-width: 825px) {

.page-quiz .wpvqgr-wrapper button.wpvqgr-button.wpvqgr-playagain,
.page-quiz .wpvqgr-wrapper button.wpvqgr-social-facebook, 
.page-quiz .wpvqgr-wrapper button.wpvqgr-social-twitter {max-width: 100%;}

.page-quiz .wpvqgr-results-box.wpvqgr_quiz_perso {
    padding-left: 0;
    padding-right: 0;
}

.page-quiz .wpvqgr-wrapper button.wpvqgr-social-facebook, 
.page-quiz .wpvqgr-wrapper button.wpvqgr-social-twitter {
    font-size: 15px;
}

.page-quiz .wpvqgr-wrapper button.wpvqgr-button.wpvqgr-playagain, .page-quiz .wpvqgr-wrapper button.wpvqgr-button.wpvqgr-askinfo-submit {
    font-size: 20px;
    padding: 10px;
    background-size: 25px !important;
}

.page-quiz .wpvqgr-wrapper button.wpvqgr-button.wpvqgr-start-button {
    font-size: 45px;
    background-size: 35px !important;
    background-position: right 30px center;
    padding: 0px;
    width: 100%;
    margin-top: -50px;
}

.page-quiz .wpvqgr-wrapper .wpvqgr-intro img {
    max-width: 295px;
}

}


@media (max-width: 641px) {

.page-quiz .wpvqgr-wrapper button.wpvqgr-button.wpvqgr-askinfo-submit {
font-size: 16px;
}

.page-quiz .wpvqgr-wrapper .wpvqgr_quiz_perso {
    padding: 20px;
}
.page-quiz .wpvqgr-results-box.wpvqgr_quiz_perso {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.page-quiz .wpvqgr-wrapper button.wpvqgr-button.wpvqgr-start-button {
    font-size: 29px;
    background-position: right 17px center;
}

.page-quiz .wpvqgr-wrapper div.wpvqgr-continue button.wpvqgr-button {
font-size: 20px;
padding: 10px;
}

.page-quiz h2 {
    font-size: 25px;
}

page-quiz .wpvqgr-wrapper .wpvqgr_quiz_perso {
    padding: 30px;
}

.page-quiz .wpvqgr-question-label img {
    max-height: 90px;
}
.page-quiz .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer span.wpvqgr-answer-label {
    font-size: 15px;
    display: contents;
}

.page-quiz .wpvqgr-wrapper div.wpvqgr-askinfo h3 {
    font-size: 16px;
}

}
/* Quiz Ends */

/*-- Post Changes Dev --*/
.memberShip.hasHover:after { display: none; }
.memberShip.hasHover { position: relative; }
.memberShip.hasHover:hover img:nth-child(1){ opacity: 0; }
.memberShip.hasHover:hover img:nth-child(2){ opacity: 1; transition: 0s; }
.memberShip.hasHover img:nth-child(2){ opacity: 0;  position: absolute; left: 0; top: 0; height: 100%; width: 100%; }

.hideMounted .sHead .slideMenu:after { display: none; }
.hideMounted .sHead .slideMenu { grid-template-rows: 1fr 60px; }
body .cocktailCard .fig, body .cocktailCard .title { pointer-events: none; }
input[type="radio"]:checked, input[type="checkbox"]:checked { background: black; }

.eventTicket .btn { min-width: 200px; justify-content: space-around; padding: 12px; }
.welcomeScreen .bgPattern { position: fixed; height: 140vh; width: 140vw; }
.welcomeScreen { background-image:none; }
.onTap .onTapmenu{ min-height:450px; }

@keyframes blinkOp {
	0% { opacity:0; }
	100% { opacity: 1; }
}

.welcomeScreen.isShow .popupContent svg {  animation: .5s ease blinkOp; }
.welcomeScreen.isShow .popupContent {  animation: 1.5s ease blinkOp; }

.sHead .nav>li:hover:after { display: none !important; }

@media (max-width: 1650px) and (min-width: 1367px) {

	.brewsArch .pDecore .leftPt { top: 180px; }	
	.singleEndHead:before { padding:0 0 0 42px; }
	
}


@media (max-width: 1015px) {

	.hideMounted .sHead .nav { padding: 40px 32px 32px; }

}

@media (max-width: 960px) {

	.feacta:not(.isOpen) .rightPt { display: none; }
}

@media (max-width: 768px) {
	
	.brewsArch .pDecore .leftPt, .brewsArch .pDecore .rightPt { width: 32px; }
	.mayLike .noSlides .card:last-child { margin-bottom: 0; }
	.mayLike .noSlides .card { max-width: 400px; margin-bottom: 54px; }

}



@media (max-width: 600px) {
	.brewsArch .pDecore .leftPt, .brewsArch .pDecore .rightPt { width: 22px; } 
}

@media (min-width: 1280px) {
	.sblog .backLink { position: absolute; left: 0; top: 40px;     transform: translate(0); } 
	.sblog .blogWrap { padding-top: 94px; }	
}


.mayLike .noSlides .abv, .mayLike .noSlides .ibu { opacity:1; }
body .crowlerPop .contWrap { padding: 22px 18px; }
body .crowlerPop { padding: 30px 26px 12px; }
body .crowlerPop .head{ font-size:30px;  max-width: 260px; }
body .crowlerPop .imgWrap { margin: 0 -64px 16px; }
body .crowlerPop .cta { font-size: 22px; }
body .crowlerPop .subhead { font-size:16px; line-height: 1.3; margin: 10px auto 16px; }
body .crowlerPop .imgWrap img { max-height: 164px; }

@media (max-width: 1600px) {
	body .crowlerPop { padding: 22px 18px 12px; }
	body .crowlerPop .contWrap { padding: 18px 12px; }
	body .crowlerPop .cta { font-size: 20px; }
	body .crowlerPop .imgWrap img { max-height: 138px; }
	body .crowlerPop .subhead { font-size: 14px; margin:10px auto 12px; max-width: 260px; }
	.crowlerCloseTrig .plusIcon:after, .crowlerCloseTrig .plusIcon:before { width:10px; }
	body .crowlerPop .head { font-size: 22px; max-width: 200px; }
	
}

@media (max-width: 1024px) {
	body .crowlerPop { bottom: 0; }
}

@media (max-width: 600px) {	
	body .crowlerPop { width: auto; }
}



/* Default Template */

.page-template-default  article.page {padding: 60px 32px 0;}


/* Header */
.sHead .submenu {top: 99px;}
/* footer */
.site-footer .adLine.terms a {text-decoration: none; padding: 10px 30px;}
@media (max-width: 1015px) {
.site-footer .adLine.terms  {text-align: center; margin: 20px auto 0;}
.site-footer .adLine.terms a {  padding: 5px;display: block;}

}
/* Home */
.menu-link-mobile {
    display: none;
    color: #d0322c;
    font-size: 24px;
    margin-left: 13px;
    text-align: center;
    margin: 0 0 20px;
}

@media (max-width: 641px) {
.menu-link-mobile { display: block;}
}

.locSlides .eveCard .txtWrap {
    padding-left: 16px;
    margin-left: 10px;
}


/* Type */
.burfordbase {font-family: "Burford Base";}

/* beers */
.mayLike .card .metaDesc .font16{width: 100%;}
/* FAQs */
.page-faqs .faqs.default  .cta {display: none;}
/* Crew */

.crewCard:nth-child(3n-1) .inWrap {
    flex-direction: inherit;
}

.crewCard:nth-child(even) .inWrap {
  justify-content: center;
  flex-direction: row-reverse;
}
/* Quiz */

.page-quiz .wpvqgr-wrapper div.progress div.progress-bar {font-size: 12px;}

.page-quiz .wpvqgr-wrapper div.wpvqgr-results h3 {
    font-size: 50px;
    margin: 0;
}
.page-quiz .wpvqgr-result-description h2 {
    font-size: 35px;
    font-weight: bold;
    font-family: "Burford Base";
    margin: 0;
}

.wpvqgr-result-description h1 {
    font-size: 4rem;
    font-family: "Burford Base";
}

.wpvqgr-wrapper h2 {font-family: "Burford Base";}

.page-quiz .wpvqgr-top-result h3, .page-quiz .wpvqgr-result-description br {display: none;}

.page-quiz .wpvqgr-result-description h1 {
    font-size: 4rem;
}

.page-quiz .quiz-shop-button {
    font-family: "Burford Base" !important;
    font-size: 30px;
    background: #D0322C url(/wp-content/uploads/2022/09/icon-arrow-next-white.png) no-repeat right 23px center !important;
    border: 1px solid #D0322C;
    padding: 10px 90px;
    display: block;
    width: 100%;
    margin: 0 auto;
    background-size: 36px !important;
    text-align: center;
    line-height: 1.3;
    border-radius: 0;
max-width: 500px;
}

.page-quiz .wpvqgr-wrapper div.wpvqgr-results div.wpvqgr-result-description {
    margin: 0 0 20px;}

@media (max-width: 825px) {
.page-quiz .quiz-shop-button {
font-size: 20px;
    padding: 10px;
    background-size: 25px !important;
max-width: 100%;
}

}


@media (max-width: 641px) {
.page-quiz .wpvqgr-result-description h1 {
    font-size: 3rem;
}
.page-quiz .wpvqgr-wrapper div.wpvqgr-results h3 {
    font-size: 35px;
}
.page-quiz .wpvqgr-result-description h2 {
    font-size: 25px;
}

.wpvqgr-wrapper div.wpvqgr-progress-top {margin-bottom: 10px;}
.page-quiz .wpvqgr-question-label img {margin-bottom: 10px;}
.page-quiz article.page {padding-top: 1px;}
.wpvqgr-wrapper div.wpvqgr-question {margin-bottom: 0;}
}

@media (min-width: 1016px) {
	
	.shopMega .leftLinks { column-count: 2; column-gap: 32px; display: block; }
	
}

@media (min-width: 1440px) { 
	
	.shopMega .leftLinks { column-gap: 44px; }
	
}

@media (min-width: 1600px) { 
	
	.shopMega .leftLinks { column-gap: 58px; }
	
}

.popup .inWrap{ overflow-x:hidden; }
body .hostEvent .descBlocks { padding-bottom: 0; }
.hostEvent .noteDesc { max-width: 860px; padding: 44px 0; }

.mayLike .card .selfLink { margin: 16px 0 28px; }

@media (max-width: 1280px) {

	.hostEvent .noteDesc { padding:32px 0; }

}

@media (max-width: 768px) {

	.hostEvent .eveDesc { text-align: center; }

}

/*-- Post Changes ends  --*/


