/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
.main_content{
	display: block;
}
.main_content.hidden{
	display: none
}
.inside-header {
    padding: 5px 32px 25px 32px;
}
.yesno_grid{
	gap:15px;
    justify-content: center;
    max-width: 768px;
    margin: 0 auto;
}
/* Card backsides */ 
.yesno_grid img{
	width:100%;
    max-width: 141px;
    display: block;
    margin: 0 auto;
    filter: drop-shadow(0px 0px 0px white);
    transform: translateY(0px);
    transition:.2s
}
.page-id-48905{
	background:#000
}
.page-id-48905 .site-content{
	background:#000;
    color:#fff
}
/* Main text desktop */ 
.page-id-48905 .site-content .yesno_answers{
	width:100%;
    text-align: center;
    font-size: 25px;
    color:#fff;
    max-width: 615px;
    margin: 0 auto
}
/* Main header desktop */ 
.page-id-48905 .site-content h1{
	margin:0 auto 40px auto;
    font-size: 45px;
}
/* Pick a card text desktop */ 
.page-id-48905 .site-content h2{
	margin:65px auto 40px auto;
    font-size: 27px;
}
.page-id-48905 .site-content h1 { 
	text-align: center;
	color:#fff
} 
.page-id-48905 .site-content h2{ 
	color:#fff
}
.page-id-48905 .gb-element-f0c6758e{
	display:none; 
}
.yesno_grid .wp-block-column{
	cursor:pointer
}
/* Card on hover */ 
.yesno_grid .wp-block-column:hover img{ 
    filter: drop-shadow(0px 0px 8px white);
    transform: translateY(-20px);
    transition:.2s
}
.gb-element-ff8c003b, .site-header{
	position: relative;
	z-index: 101!important;
}
.yesno-modal{ 
    position: relative;
    width: 100%;  
    z-index: 100;
    background: #000; 
	display: none; 
}
.yesno-modal.active{
	display: block; 
}
.yesno-modal__content{  
    width: 100%; 
    padding: 40px 15px 50px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.yesno-modal__scrolled{
	width: 100%; 
    margin: 0 auto; 
    display: flex;
    flex-direction: column;
    overflow: auto;
    align-items: center;
}
/* Modal image desktop */ 
.yesno-modal__image{
    width: 100%;
    max-width: 200px;
}
/* Modal heading desktop */ 
h3.yesno-modal__heading{
	font-size: 32px;
	width: 100%;
    max-width: 720px;
    color: #fff;
    text-align: center;
    margin: 45px auto 20px auto
}
/* Modal text desktop */ 
p.yesno-modal__text{
	font-size: 25px;
	width: 100%;
    max-width: 720px;
    text-align: center;
    margin: 0 auto 40px auto
}
/* Modal button desktop */ 
a.yesno-modal__button{
    cursor: pointer;
    padding: 0 15px 0 15px;
    width: calc(100% - 30px);
    max-width: 310px;
	position: relative;
    bottom: 15px;
    background: #E58D00E5;
    height: 50px; 
    display:flex;
    justify-content: center;
    align-items: center;
	text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-family: var(--gp-font--higuen);
	line-height: 50px;
    border-radius: 5px;
    opacity: 0;
    pointer-events: none;
    transition:.2s;
}
.yesno-modal.active 
a.yesno-modal__button{
    opacity: 1;
    pointer-events: all;
    transition:.2s;
}
.yesno-game{
	height: calc(100vh - 187px)
}
a.yesno-modal__button:hover{
	background: #d88f1a !important
}
.page-id-48905.one-container .site-content{
	        padding: 30px 24px 30px 24px;
}
@media (max-width: 768px){ 
	/* Main text mobile */ 
    .page-id-48905 .site-content .yesno_answers{ 
        max-width: 540px; 
        font-size: 18px; 
    }
.page-id-48905.one-container .site-content{
	        padding: 30px 24px 30px 24px;
}
	/* Main header mobile */ 
    .page-id-48905 .site-content h1{
        margin:0 auto 30px auto;
        font-size: 26px;
    }
	/* Pick a card text mobile */ 
    .page-id-48905 .site-content h2{
        margin:42px auto 30px auto;
        font-size: 22px;
    }
	
	/* Modal header mobile */ 
	h3.yesno-modal__heading{
		font-size: 26px; 
	}
	/* Modal text mobile */ 
	p.yesno-modal__text{
		font-size: 18px; 
	}
	
.yesno-modal__content{   
    padding: 30px 15px 0px 15px; 
}
.yesno-modal__scrolled{  
	padding: 0 0 40px;
}
}