/* Globals ____________________ */

a {}
a:hover { opacity: 0.8; } 

.entry-content a { text-decoration: underline; }
body.et_pb_button_helper_class .entry-content a.et_pb_button { text-decoration: none; }

h1.entry-title { display: inline-block;  background: black; padding: 0.25em 0.75em; }

p, p:not(.has-background):last-of-type { padding: 0; margin: 0 0 1em;  }



.caption p { text-align: center; font-size: 13px; line-height: 1.2; }

blockquote { border: none; background: #EEE; border-bottom: solid 5px #CCC; padding: 1em 1.5em;  font-style: italic; font-size: 18px;  line-height: 1.6; }

input[type=submit]:hover { cursor: pointer; }

	.wp-template {
    position: fixed;
    left: 10px;
    top: 100px;
    z-index: 11;
    font-weight: bold;
    display: inline-block;
    padding: 0.25rem 0.5rem;
    background: #000;
    color: #fff;
}

.wp-template span {
    display: block;
    font-size: 0.7rem;
    text-transform: uppercase;
    margin-bottom: 0.25rem;
}

.callout {     
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	font-size: 1.6rem; 
	line-height: 1.3;
}

.callout.sqe { 
	background: #f7ecdb url(/wp-content/themes/emotionslab/img/logos/sqe.avatar.48x.png) no-repeat;
	background-size: 32px 32px;
	background-position: 0.5em center; 
	padding: 0.5em 1em 0.5em 3.5em;
	color: #222;
	min-height: 48px;
}


table thead { background: #EEE; }

.btn-inline .et_pb_button_module_wrapper {
    display: inline-block;
    margin: 0 5px;
}

.btn-inline {
    text-align: left !important;
}



/* Banner ____________________ */

#top-header #et-info { display: none; }



/* Main content area  ____________________ */


body.postid-87 h1.entry-title { background: red; }
.page-template-game h1.entry-title{
	background: transparent;
	padding: 0;
}
.form-container{
	text-align: center;
}
input[type="submit"] {
    font-size: 1.2rem;
    margin: 10px;
    padding: 3px 10px;
    background: 
}
textarea[name="emotions"] {
    width: 100%;
    padding: 5px 10px;
    font-size: 1.2rem;
    margin:0 10px;
}
.butn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.butn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
.single .et_pb_post { margin-bottom: 0; }
.emotion-image{
	
  flex:1;
}

#emotion-form{
	display: flex;
	flex:1 1 0;
}
.form-input{
	flex:1;
	display: flex;
    flex-direction: column;
    /*justify-content: space-evenly;*/
    padding:20px 0;
    /*align-items: center;*/
}
.progress{
	margin-bottom: 30px;
}
/* .entry {
    display: flex;
} */


/* Footer ____________________ */

.footer-widget img { height: 50px !important; width: auto !important; }
.footer-widget:last-of-type .et_pb_widget { clear: right; float: right; margin-bottom: 0.75em !important; }


.footer-widget .widget_media_image { display: inline; float: left;  max-width: none; width: 50%; word-wrap: normal; }



footer a, .footer-widget .textwidget a { color: #ffee99; }

ul.zoom-social-icons-list, ul.zoom-social-icons-list li { list-style: none; }
#footer-widgets .footer-widget ul.zoom-social-icons-list li:before , #footer-widgets .footer-widget ul.menu li:before { display: none; }

#footer-widgets .footer-widget ul.menu { }
#footer-widgets .footer-widget ul.menu li { display: inline-block; }



/* Home  ____________________ */

.home .emotions h4 { font-size: 32px; font-weight: bold; }

.sound-anger h4 { font-size: 24px; font-weight: bold; }



/* Login  ____________________ */

.rcp_form {}
.rcp_form label { font-weight: bold; }
.rcp_form input {padding: 0.5em 1em; font-size: 1.2em; }
.rcp_form input[type=text], .rcp_form input[type=password] { width: 100%;  } 



/* The Game  ____________________ */



/*.result-item{
	display:flex;
	align-items: center;
}*/
.result-item .image{
	margin: 10px;
}
.result-item img{
	border-radius:3px;
}
.result.lists{
	list-style: none;
}
.tag {
    padding: 4px;
    display: inline-block;
}
.tag-cloud {
    background-color: #EEE;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding: 20px;
}
.description {
    padding-top: 10px;
}

.tag-cloud .about { border-top: solid 1px #666; margin-top: 1rem !important; padding-top: 0.75rem !important; font-size: 12px;  line-height: 1.3; }

.tag-cloud .smallest{
    font-size: 18px;
    font-weight: normal;
}
.tag-cloud .small{
    font-size: 28px;
    font-weight: 500;
}
.tag-cloud .medium{
    font-size: 36px;
    font-weight: bold;
}
.tag-cloud .large{
    font-size: 48px;
    font-weight: bolder;
}
.tag-cloud .largest{
    font-size: 72px;
    font-weight: bold;
}
.single-slide h1.entry-title{
	color:#FFF;
}

.game-result {
  min-height: 400px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: space-between;
}
.game-result:after {
  display: block;
  content: "";
  flex: 999 999 auto;
}
.result-item {
 flex-basis: 258px;
    margin: 5px;
    background: gainsboro;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
}
.slide{
	text-decoration: none !important;	
}
.slide h4{
	text-align: center;
}
.col-2 {
    display: flex;
    flex: 1 1 0;
    justify-content: space-between;
    align-items: start;
}


.single-slide .item {
    margin: 10px 20px;
    width: 50%;
}
.single-slide .item .image {
    padding: 10px;
    max-width: 100%;
}
.single-slide .et_pb_post .entry-content{
	padding-top: 100px;
}
.button-area{
	text-align: center;
}
form#age-location-form {
    display: flex;

    /* flex-direction: column; */
}
.age-location{
    flex:1;
    display: flex;
    justify-content: center;
}
.pre-result{
    display:flex;
    /* flex-direction: column; */
    justify-content: center;
    align-items: center;
}

.see-results{
    margin:20px 0;
    display: inline-block;
}
.age-location .description{
   text-align: center;
}
form#age-location-form * {
    flex: 1;
}
.form-input input {
    margin: 25px 0;
    padding: 5px;
    font-size: 24px;
}
#post-816 .et_pb_fullwidth_section .et_pb_fullwidth_post_title_0.et_pb_post_title,
#post-828 .et_pb_fullwidth_section .et_pb_fullwidth_post_title_0.et_pb_post_title,
#post-69 .et_pb_fullwidth_section .et_pb_fullwidth_post_title_0.et_pb_post_title{
	padding-top: 100px !important;
	padding-bottom: 15px!important;
}
#post-69 .et_pb_section{
	padding-top:0;
	}
.form-input select {
	    font-size: 25px;
    }


.select2-container .select2-selection--single{
    height: auto !important;
    font-size:1.4rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    padding-top:5px;
    padding-bottom: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 38px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    font-size: 1.3rem !important;
}
.select2-container{
    margin-bottom: 1rem !important;
}
.description {
    width: 50%;
}



/* GravityForm & GravityView   ________________________________________________________ */


span.gv-field-label { font-weight: bold; font-size: 1.2rem; }

/* .gf_readonly input, .gf_readonly input:focus, .gf_readonly input:active { color: #CCC; } */

.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { font-size: 1em; }

.gv-grid ul.bulleted { list-style: none; padding: 0; margin: 0 0 1.5rem; }
.gv-grid ul.bulleted li { display: inline-block; background: #EEE; 
font-weight: bold; padding: 0.25rem 0.5rem; margin-right: 0.5rem; 
	border: solid 1px #CCC; font-size: 0.9rem; }

.gv-list-view-title { background: white;  padding-bottom: 0.5rem; border-bottom: 3px solid #158a7f; margin-bottom: 0.5rem;  }	
.gv-list-view-title h3 { color: #158a7f;  font-weight: 700; font-family: 'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif; }
.gv-list-view-title p, .gv-list-view-title p:not(.has-background):last-of-type { display: inline-block; margin: 0; }

.gv-list-view-title h3.school-logo { 
	background-repeat: no-repeat;
	background-position: center right;
	background-size: auto 100%; 
	 
	height: 80px;}

.gv-list-view-title h3.DameJanet { background-image: url(/wp-content/uploads/developing-emotions/logos/DameJanet.png); }
.gv-list-view-title h3.DrapersMills { background-image: url(/wp-content/uploads/developing-emotions/logos/DrapersMills.jpg); }
.gv-list-view-title h3.Napier { background-image: url(/wp-content/uploads/developing-emotions/logos/Napier.png); }
.gv-list-view-title h3.Newlands { background-image: url(/wp-content/uploads/developing-emotions/logos/Newlands.png); }
.gv-list-view-title h3.Pebsham { background-image: url(/wp-content/uploads/developing-emotions/logos/Pebsham.jpg); }
.gv-list-view-title h3.Pluckley { background-image: url(/wp-content/uploads/developing-emotions/logos/Pluckley.png); }
.gv-list-view-title h3.Salmestone { background-image: url(/wp-content/uploads/developing-emotions/logos/Salmestone.jpg); }
.gv-list-view-title h3.Smarden { background-image: url(/wp-content/uploads/developing-emotions/logos/Smarden.jpg); }

.gv-grid img.gv-image, .gv-grid .asked { margin-bottom: 1em; }



/* Theme My Login */

.tml input, .tml input[type=submit] { padding: 0.5rem 1rem; font-size: 1.4rem; }

.tml input[type=submit] { background: #158a7f; color: white; }


/* Sound of Anger  ________________________________________________________ */

.page-id-6375 .emotional-shorts .et_pb_blurb_container { padding: 0 1em; }




/* MEDIA QUERIES _____________________ */


/* Small __________________ */

@media only screen {
	
	#shiftnav-toggle-main .shiftnav-main-toggle-content { padding: 10px 40px; }
	
	.footer-widget .widget_media_image { text-align: center; }
	.footer-widget .widget_media_image:first-of-type { width: 50%; }
	.footer-widget .widget_media_image:last-of-type { width: 50%; }
	.footer-widget .fwidget , #footer-widgets .footer-widget:nth-child(n), #footer-widgets .footer-widget .fwidget, #footer-widgets .footer-widget:nth-child(n) { margin-bottom: 0.75em !important; }
	.footer-widget .fwidget {   width: 100%; }
	
	.footer-widget:last-of-type .et_pb_widget .textwidget p { text-align: center; }
	
	.footer-widget .widget_nav_menu { width: 100%; }
	
	#footer-widgets .footer-widget ul.menu, .footer-widget .et_pb_widget ul { text-align: center; }
	#footer-widgets .footer-widget ul.menu li, .footer-widget .et_pb_widget ul li { display: inline-block; }
	
	.single-emotion #et-boc .et_pb_row { padding: 15px 0; }
	.single-emotion #et-boc .et_pb_column { margin-bottom: 15px; }
	
	
	.home .et_pb_fullwidth_header .et_pb_fullwidth_header_container { width: 100%; }
	.home .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1 { font-size: 36px; }
	
	.home .et_pb_main_blurb_image { margin-bottom: 5px; }
	.home .et_pb_blurb_container { margin-bottom: 30px; }
	
	.home div.et_pb_section.et_pb_section_0 { background-position: left center; }
	
	body #main-header .et_mobile_menu { background-color: rgba(0,0,0,1); }
	
	 } /* Define mobile styles */

@media only screen and (max-width: 40em) { 
	#post-816 .et_pb_fullwidth_section .et_pb_fullwidth_post_title_0.et_pb_post_title,
	#post-828 .et_pb_fullwidth_section .et_pb_fullwidth_post_title_0.et_pb_post_title{
		padding-top: 0px !important;
	}
	.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;

    }
    .description{width:auto;}
    form#age-location-form{
        flex-direction: column;
    }
	 #emotion-form{
	 	flex-direction: column;
    }
    .game-result{
    	display: block;
    }
    .single-slide .item {
    margin: 10px 20px;
    width: 100%;
	}
	.single-slide .item{
		margin:0;
	}
	.col-2 {
		flex-direction: column-reverse;
	}
	.single-slide .et_pb_post .entry-content{
	padding-top: 0;
	}
	.entry{
		display: block;
	}
	

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium __________________ */

@media only screen and (min-width: 40.063em) {
	
	.single-emotion #et-boc .et_pb_row { padding: 30px 0; }
	.single-emotion #et-boc .et_pb_column { margin-bottom: 30px; }
	
	.home .et_pb_fullwidth_header .et_pb_fullwidth_header_container { width: 80%; }
	.home .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1 { font-size: 52px; }
	
	.home div.et_pb_section.et_pb_section_0 { background-position: 50% 50%; }
	
	.home .et_pb_main_blurb_image { margin-bottom: 30px; }
	.home .et_pb_blurb_container { margin-bottom: 0; }
   
     .entry{
       display: block;
    }
	 } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
     .entry{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
  
 } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
     
/* Large __________________ */

@media only screen and (min-width: 64.063em) {
    
	.footer-widget, .footer-widget .fwidget { width: auto; }
	
	#footer-widgets .footer-widget .widget_media_image:first-of-type { width: 25%; }
	#footer-widgets .footer-widget .widget_media_image:last-of-type { width: 75%; }
	
	.footer-widget:last-of-type .et_pb_widget .textwidget p { text-align: right; }
	
	.footer-widget .widget_nav_menu { width: auto; }  
	#footer-widgets .footer-widget ul.menu, .footer-widget .et_pb_widget ul.zoom-social-icons-list { text-align: right; }
	
    body #main-header .et_mobile_menu { background-color: rgba(0,0,0,0.8); }
     .entry{
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
    }
	
	 } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
     .entry{
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
    }
 } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* X Large __________________ */

@media only screen and (min-width: 90.063em) {
     .entry{
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
    }
 } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
     .entry{
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
    }
 } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XX Large __________________ */

@media only screen and (min-width: 120.063em) { 
     .entry{
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
    }
} /* min-width 1921px, xxlarge screens */