@font-face {
    font-family: 'frutiger';
    src: url('/wp-content/themes/berio2025/fonts/frutiger_cn-webfont.woff2') format('woff2'),
         url('<?php bloginfo('template_directory');?>/fonts/frutiger_cn-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'frutiger_bold';
    src: url('/wp-content/themes/berio2025/fonts/frutiger_boldcn-webfont.woff2') format('woff2'),
         url('/wp-content/themes/berio2025/fonts/frutiger_boldcn-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'shimmer';
    src: url('/wp-content/themes/berio2025/fonts/shimmer_bold_regular-webfont.woff2') format('woff2'),
         url('/wp-content/themes/berio2025/fonts/shimmer_bold_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'goudy';
    src: url('/wp-content/themes/berio2025/fonts/goudyhandtooledbt_regular-webfont.woff2') format('woff2'),
         url('/wp-content/themes/berio2025/fonts/goudyhandtooledbt_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.mobile {
	display: none;
}

#sub-heading {
	font-family: 'frutiger';
	color: #000000 !important;
}

h1 {
	color: #000000 !important;
	margin-top: 20px !important;
}

.splash-container {
	background-color:#ffffff;
	background-image:url(../images/pestonality/pestonality-wood-background.jpg);
	background-size: contain;
	background-position: top center;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.content-container {
	background-image: url('../images/bg_paper.jpg');
	background-repeat: no-repeat;
    background-size: cover;
    display: none;
}

.site-content {
	font-family: filson-pro,sans-serif; 
	height: 100%;
	overflow: hidden;
}

/* hide other screens besides splash */

#q1, #q2, #q3, #q4, #q5, #q6, #q7, #q8, #results1, #results2, #results3, #results4, #results5 {
	display: none;
}

h1 {
	text-transform: uppercase;
	font-family: filson-pro,sans-serif; 
	font-size: 32px;
	line-height: 1.5;
	letter-spacing: 5px;
}

#sub-heading {
	font-size: 17px;
}

.cursor {
	cursor: pointer;
}

.heading-icons {
	margin-top: 10px;
}

.paginator {
	border-radius: 27px;
	box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2);
	display: block;
	width: 325px;
	margin: 0 auto;
}

.paginator .paginator-numbers {
	font-family: filson-pro,sans-serif; 
	font-size: 16px;
	color: #2c2c2c;
	text-align: center;
	display: inline-block;
	padding: 10px;
}

.paginator .paginator-numbers.active {
	border-radius: 50%;
	background-color: #394424;
	width: 36px;
	height: 36px;
	padding: 7px;
	color: #ffffff;
}

/* questions */

.list-group {
  margin-top: 10px;
}

.list-group-image {
	display: inline-block;
}

.list-group-image img {
	width: 100%;
	height: auto;
	max-width: 250px;
	cursor: pointer;
}

.list-group-item {
	background-color: #ffffff;
	font-family: filson-pro,sans-serif; 
	text-align: center;
	font-size: 18px;
	color: #2c2c2c;
	width: 250px;
	height: 250px;
	cursor: pointer;
	border: 5px solid #293218;
	display: inline-block;
	margin: 15px;
}

.list-group-item p {
	color: #2c2c2c;
}

#splash .row {
	margin-top: 70px;
}

#splash #splash-header {
	margin-bottom: 15px;
}

#splash p {
	text-align: center;
	font-size: 16px;
	margin-bottom: 25px;
	color: #ffffff;
}

#splash #splash_tap {
	font-family: filson-pro,sans-serif; 
	font-size: 16px;
	color: #ffffff;
	padding: 10px 20px 10px 21px;
	border-radius: 20px;
	box-shadow: 0 0 11px 0 rgba(89, 120, 30, 0.7);
	background-color: #59781e;
	cursor: pointer;
	width: 150px;
	border-color: transparent;
}

.pestonality-bottles {
	position: relative;
	bottom: -175px;
	margin-top: -150px;
}

#q1 h1 {
	margin-top: 40px;
}

#q2 #circles {
	margin-top: 20px;
}

#q4 #circles {
	margin-top: 20px;
}

#q7 #circles {
	margin-top: 20px;
}

/* results */
#results1, #results2, #results3, #results4, #results5 {
	margin-top: 70px;
}

#results1 #cta, #results2 #cta, #results3 #cta, #results4 #cta, #results5 #cta {
	font-family: filson-pro,sans-serif;
	font-size: 30px;
	padding: 20px 20px 10px;
}

#results1 h2, #results2 h2, #results3 h2, #results4 h2, #results5 h2 {
	text-align: center;
	font-family: filson-pro,sans-serif;
	font-size: 40px;
}

#results1 p, #results2 p, #results3 p, #results4 p, #results5 p {
	font-family: filson-pro,sans-serif;
	font-size: 16px;
	line-height: 1.2;
	text-align: center;
	color: #2c2c2c;
}

#results1 p.shine, #results2 p.shine, #results3 p.shine, #results4 p.shine, #results5 p.shine {
	font-family: filson-pro,sans-serif;
	font-size: 20px;
	line-height: 1.5;
	text-align: center;
	color: #000000;
	font-weight: bold;
}

/* mobile overrides */
@media only screen and (max-width: 767.98px) {
.pestonality-bottles {
    bottom: -65px;
    margin-top: -50px;
 }
}

@media only screen and (max-width: 500px) {
	.desktop {
		display: none;
	}

	.mobile {
		display: block;
	}
    h1 {
       font-size: 24px;
    }

    .list-group-item {
    	font-size: 14px;
    	height: 50px;
    }

    .list-group-item p {
		margin-top: 5px;
	}

	#splash .row {
	  margin-top: 30px;
	}

	#q6 .list-group-item img {
		height: 30px !important;
	}

	.well {
		background-color: black;
		color: white;
		font-family: filson-pro,sans-serif; 
		font-size: 14px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.well h2 {
     font-family: 'goudy';
     font-size: 28px;
    }

    br {
    	display: inline;
    }

    #results1 #cta, #results2 #cta, #results3 #cta, #results4 #cta, #results5 #cta {
    	font-size: 20px;
    	margin-bottom: 10px;
    }

    #results1 h2, #results2 h2, #results3 h2, #results4 h2, #results5 h2 {
 	  text-align: center;
 	  font-family: filson-pro,sans-serif; 
 	  font-size: 40px;
	}

	#results1 p, #results2 p, #results3 p, #results4 p, #results5 p {
	  text-align: center;
	}
}

@media all and (max-height: 630px) {

	#results1 #cta, #results2 #cta, #results3 #cta, #results4 #cta, #results5 #cta {
    	font-size: 55px;
    	margin-bottom: 10px;
    }

}