@import url('https://cdn.ravensburger.com/fonts/handlee.css');
/* Enter Your Custom CSS Here */
.site-inner { overflow-x: hidden; }
.slide-content > h2 { margin-bottom: 5px; }
.featured-slide a { padding: 0.8em 1.4em 0.8em; }
img.product-logo-instructions {
max-width: 100px;
height: auto;}
.online-games-sidebar-ad {
	box-sizing: border-box;
	width: 16.5vw;
	max-width: 240px;
	border-radius: 10px;
	overflow: hidden; }
.tf-product-archives .content-sidebar-wrap {
	margin-top: 5px; }
.footer-widgets .tf-worldwide-menu {
display: none;
}
table#trt { margin-left: 10%; }
.page-id-4767 .highlights, .page-id-14576 .highlights { text-align: center; }
.page-id-14576 .branding-banner-wrap { margin-bottom: 0; }
.product-title-image-area { display: none; }
.product-title-image-area h1 { line-height: 22px; }
.home-featured-games .game-wrap {vertical-align: top;}


.grey-back-box-content .gfield_checkbox li input[type=checkbox] {
  margin-top: 0 !important; }

@media screen and (max-width: 767px) {
  .product-title-image-area {
    display: block; }
  .product-title-text-area {
    display: none; } }

h4.widget-title.widgettitle {
margin-top: 10px;
margin-bottom: 12px; }

.home-featured-games h4 { font-size: 21px; }
.home-featured-games > .wrap h3 { font-size: 28px; }

article .testimonials { padding: 0 !important; }
article .testimonials p {
color: #772480;
margin-bottom: 0; }

nav ul li { transition: 100ms ease-out; }
nav ul li:last-child:hover, nav ul li:last-child:active { transform: scale(1.1); }

li.costume-image { height:297px; width: 297px; }

.page-template-template-play-online .content { padding-left: 15px; }

.test-reports-row:nth-child(odd) { background: #e7f8fb; }

.home_colorbox #cboxTopLeft,
.home_colorbox #cboxTopCenter,
.home_colorbox #cboxTopRight,
.home_colorbox #cboxBottomLeft,
.home_colorbox #cboxBottomCenter,
.home_colorbox #cboxBottomRight,
.home_colorbox #cboxMiddleLeft,
.home_colorbox #cboxMiddleRight {background: none;}
.home_colorbox #cboxLoadedContent { box-sizing: border-box; margin-bottom: 0; }

.colorbox-subscribe-text { text-align: center; }
h2.colorbox-subscribe-text { 
  color: #0083C8; 
  font: 32px/28px 'Cafeteria', sans-serif; 
  text-transform: uppercase; 
  padding-top: 30px  }
p.colorbox-subscribe-text { 
  font-size: 16px;
  line-height: 16.5px;
  padding-bottom: 10px; }
a.colorbox-subscribe-text { 
  padding: 20px 0 28px 0;
  display: inline-block; 
  color: #0083C8; 
  font: normal small-caps normal 24px/36px 'Cafeteria', sans-serif; 
  text-decoration: none; 
  width: 100%; }

.home_colorbox input {
	position: relative;
	border-radius: 4px;
	border: none;
	transform: translateX(-50%);
	outline: 0; }

.home_colorbox .input input {
	background: #e5e5e5;
	color: #666;
	font-size: 16px;
	font-family: "Agenda Light", sans-serif;
	padding: 6px;
	height: 40px;
	width: 280px;
	margin: 0 auto 10px 50%; }

.home_colorbox .hs-button {
	background: url(http://www.thinkfun.com/wp-content/themes/thinkfun/images/button-symbol.jpg) center no-repeat;
	background-size: auto 100%;
	height: 40px;
	width: 180px;
	margin-left: 50%;
	color: white;
	text-transform: uppercase;
	font-family: "Agenda Semibold", sans-serif;
	font-size: 20px; }

.demo-video-title-block, .demo-video-content-block { padding: 0 15px; }
.demo-video-content-block li { list-style-type: none; }
.demo-video-instance { padding: 20px 0; }
.demo-youtube { width: 60%; display: inline-block; }

.demo-video-words { width: 39%; float: right; margin-top: -25px; }

.demo-video-words span {
font-family: 'Agenda Semibold';
margin-right: 10px;
margin-left: -40px; }

.demo-video-words h3 { color: #3e7cda; font-family: 'Agenda Semibold'; }

/* ETR REFRESH */
.etr-refresh-de .goto-reassemble { width: 370px; }
.etr-refresh-de .home-nav li { height: 230px; }


.yoga-warmup-title { width: 80%;
left: 0; right: 0; margin: auto; }
.yoga-image {
	float: left;
	display: inline-block;
	height: 360px; }
.yoga-words {
	width:80%;
	height: 360px;
	padding-top: 140px; }

@media (max-width: 680px) {
    .post-3180 .wp-caption { display: none; }
	.demo-video-words {
		float: none;
		width: 100%;
		text-align: center;
		margin-top: 0; }
	.demo-youtube { width: 100%; display: block; }
	.yoga-content-block { text-align: center; }
	.yoga-image { float: none; }
	.yoga-words { padding: 0; width: 90%; height: auto; } }
@media (max-width: 639px) {
    .online-games-sidebar-ads {
        min-height: 380px;
    }
    .online-games-sidebar-ad {
        width: 200px;
        height: 380px;
        display: inline-block;
        margin: 10px;
    }
    .online-games-sidebar-ad img {
        width: 100%;
        height: 100%;
	} }

@media (min-width: 1680px) {
  .home-featured-image .slide:after {
    padding-top: 620px !important; } }


/* Stargazer invite CSS */

.stargazer {
background: url("http://www.thinkfun.com/wp-content/themes/thinkfun/images/natural_paper.jpg");
padding: 40px;
font: 20px/34px 'Handlee'; }

.stargazer .gfield_label { 
float: left; 
margin: 0 !important; 
padding: 0; 
border: 0; 
padding-left: 2%; 
height: 34px;
font-weight: normal !important; }

.stargazer_wrapper.gform_wrapper p, .stargazer_wrapper.gform_wrapper .top_label .gfield_label {	font: 20px/34px 'Handlee' !important; }

.stargazer_wrapper.gform_wrapper .top_label .gfield_label {
	margin: -4px 0 0 !important;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.25); }

.stargazer .gfield_required { font-size: 0; display: none; }

.stargazer p { margin: 20px 2%;
  max-width: 1100px;
  z-index: +1; }

.stargazer input { outline: 0;
border: 0;
padding: 0 !important;
background: none;
font: 20px/20px'Handlee';
height: 26px; 
border-bottom: 1px solid #aaa;
border-radius: 0; }

.stargazer input::-webkit-input-placeholder { color: #ff3322;
line-height: 26px; }

p.caretaker-label { margin-top: 0; }

.large-invite .ginput_container {
clear: both;
padding-left: 1%;
width: 100%; }

.large-invite input.medium { width: 100% !important; }

.stargazer .escape-info .gchoice_6_7_1 { clear: both; }

.stargazer input#choice_6_7_1 { margin: 0 2%; }
.stargazer #input_6_4 { width: 150px; }

.stargazer .gform_footer input[type="submit"] {
border-radius: 0;
width: 250px;
height: 80px;
position: relative;
left: 50%; 
transform: translateX(-50%);
background: white;
border: 2px solid #4e411c;
color: #4e411c;
font: 400 22px/14px 'Agenda Semibold', sans-serif;
transition: all 150ms ease; }

.stargazer .gform_footer input[type="submit"]:hover {
background: rgba(14,12,7,0.5);
border: 2px solid #efeeee;
color: #efeeee; }

.stargazer .gform_footer input[type="submit"]:active {
border: 2px solid #ddba49;
color: #ddba49; }

.etr-subscribe { width: 90%; margin-left: 5%; }
.etr-subscribe .hbspt-form { margin-top: -50px; overflow: hidden; }
.reassemble-step .etr-subscribe .hbspt-form { margin-top: 0; }
.etr-subscribe label {
	position: absolute; left: 0; width: 85px; text-align: left; }
.etr-subscribe .hs_email label { display: inline-block; }
.etr-subscribe .hs-form-field {
	display: block;
	position: relative;
	height: 30px;
	padding-left: 85px;
	margin-bottom: 10px;
	width: 90%; }

.etr-subscribe input.hs-button {
	position: absolute;
	right: 0; top: 5px;
	height: 73px;
	width: 25%; }
.reassemble-step .etr-subscribe input.hs-button { top: 0; }
.etr-subscribe .inputs-list { list-style-type: none; }
.etr-subscribe label.hs-form-booleancheckbox-display {
	width: 90%; margin-left: 5%; }
.etr-subscribe .hs-form-booleancheckbox input{
	width: 30px; }
/* Quick ETR button */
.escape-content .chest-link {
display: block;
position: relative;
width: 70%;
left: 15%;
line-height: 2;
border: 2px solid #DDD;
cursor: pointer;
transition: border 150ms ease-out;
}
.escape-content .chest-link:hover {
transition: border 50ms ease-in;
border: 2px solid #CCC;
}
.escape-content .chest-link:active {
  box-shadow: 0 0 0 1px #BBB;}
.etr-spanish-date-wide input { width: 50% !important;}

.mathdice-tournament-button {
	text-transform: uppercase;
	font-style: bold;
	margin: 0.5%;
	text-align: center;
	box-shadow: 3px 2px 4px rgba(150,150,150,0.5);
	position: relative; }

.mathdice-tournament-button a {
	display: block;
	height: 100%;
	width: 100%;
	padding: 15px 5px;
	color: white;
	font-size: 24px;
	text-decoration: none;
	transition: all 150ms ease-out; }

.mathdice-tournament-button a:hover {
	background: rgba(150,150,150,0.5);
	text-decoration: underline;
	color: black;
	transition: all 50ms ease-in; }

.mathdice-tournament-button a:active {
	background: rgba(0,0,0,0.25);
	color: white; }

.daily-challenge-game-header {
  	font-size: 21px;
	font-weight: 700;
	padding-top: 10px;
	text-align: center; }

.styleguide-colorguide {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	border: 1px solid #ccc;
	padding: 5px 2px;
	margin: 5px;
	box-shadow: 0 10px 10px -10px rgba(0,0,0,0.25); }
.styleguide-colorguide .color {
	height: 50px;
	min-width: 100px;
	margin: 0 auto; }
.styleguide-colorguide p {
	margin-bottom: 0; }
.styleguide-colorguide p label {
	font-size: 14px;
	text-transform: uppercase; }

/* Survey Page CSS */

#game-switch-buttons { text-align: center; }
#game-switch-target { position: relative; }
#game-switch-target h1 {
	color: white;
	font-family: "Agenda Semibold Cond";
	text-align: center;
	margin-bottom: 0; }
.game-with-ads #game-switch-target h1 { font-size: 1.5em; }

.gamebutton {
	display: inline-block;
	border: 2px solid #ccc;
	box-shadow: 0 10px 10px -10px rgba(0,0,0,0.25);
	transition: border 150ms ease-out;
	width: 30%;
	min-width: 180px;
	vertical-align: top;
	padding: 5px;
	margin: 5px;
	cursor: pointer; }
.gamebutton:hover {
	border: 2px solid #2d619e;
	transform: translateY(1px);
	transition: border 75ms ease-in; }
.gamebutton p {
	font-size: 14px;
	padding-top: 5px; }
.gamebutton h2 {
	font-family: "Cafeteria", "Agenda Semibold", sans-serif;
	color: #FFFFFF;
  	margin: 5px auto; }
.gamebutton img {
	width: 100%;
	height: auto; }

.postid-8452 .site-inner { background: url('http://www.thinkfun.com/wp-content/uploads/2016/06/tt-bg2.jpg'); }
.postid-8452 .footer-widgets { margin-top: 0; }
.thinktank { margin-top: -30px; }
.thinktank img {
  max-width: 100%;
  height: auto; }
.thinktank .gamebutton {
	box-shadow: inset 0 60px 80px -20px rgba(0,0,50,0.5), 5px 5px 10px rgba(0,0,0,0.35);
	border: 0;
	border-radius: 8px;
	width: 48%;
	margin: 0;
	margin-top: 20px;
	text-align: center;
	transition: all 150ms ease-out; }
.thinktank .gamebutton:hover {
	border: 0;
	transition: all 75ms ease-in;
	box-shadow: inset 0 60px 80px -20px rgba(0,0,50,0.5), 3px 3px 8px rgba(0,0,0,0.35); }
.thinktank .gamebutton:last-child {	float: right; }
.thinktank #game-switch-buttons { text-align: left; }
.thinktank #game-switch-target h1 {
	box-shadow: inset 0 50px 80px -20px rgba(0,0,50,0.5), 5px 5px 5px rgba(0,0,0,0.25);
	border-left: 1px solid #eee; }
.thinktank .gamebutton h2 {
	font-size: 3em;
	margin-top: 5px;
	margin-bottom: -15px;
	font-weight: 100; }
.thinktank .gamebutton p {
	color: #ddd;
	font-size: 1.1em;
	font-family: "Open Sans";
	font-weight: 100; }
.thinktank iframe {
	box-shadow: 5px 5px 5px rgba(0,0,0,0.25);
	border-left: 1px solid #eee; }
.thinktank form { position: relative; }
.thinktank .form {
	padding: 20px;
	background: #fff;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.25);
	margin: 35px 0; }
.thinktank .instructions {
	position: absolute;
	top: 50px;
	pointer-events: none;
	opacity: 0;
    transition: all 100ms ease-in-out;
	box-shadow: 0 0 5000px 5000px rgba(0,0,0,0.45);
  	-webkit-transition-delay: 150ms; /* Safari */
    transition-delay: 100ms; }
.thinktank .instructions img {
	max-width: 100%;
	height: auto; }

.hubspot-survey form {
	margin-top: 20px;
	width: 90%;
	margin-left: 10%;
	position: relative; }
.hubspot-survey form input {
	float: none;
	display: inline-block; }
.hubspot-survey .hbspt-form form label {
	margin-right: 15px;
	width: 80px;
	position: relative;
	display: inline-block; }
.hubspot-survey .hs_email > label { position: relative; }
.hubspot-survey .hs-form-required {
	position: absolute;
	margin-left: 5px; }
.hubspot-survey .hs_firstname { width: 100%; }
.hubspot-survey .input {
	display: inline-block;
	width: 80%;
	margin-bottom: 5px; }
.hubspot-survey .input .hs-input { width: 100%; }
.hubspot-survey .hs_educator li {
	list-style-type: none;
	display: inline-block;
	width: 100%;
	text-align: left; }
.hubspot-survey .hs_educator label {  width: auto; }
.hubspot-survey  .hs_educator .input .hs-input {
	width: 20px;
	vertical-align: top; }
.hubspot-survey .hs_educator li span {
	position: absolute;
	width: 300px; }

.confirmation-spacer {
	text-align: center;
	width: 100%;
	margin-top: 25px; }
.confirmation-spacer .one-half{
	width: 40%;
	padding: 5px; }
.confirmation-spacer .first {
	margin-left: 10%;
	padding: 0; }

.about-tourneys { margin-top: 66px; }

#field_13_3 {
	float: left;
	clear: none; }
#gform_submit_button_13 {
	float: right;
	margin-top: -30px; }

.special-popup .hs-error-msgs {
	display: none !important; }
.special-popup h1 {
	font-size: 2.2em;
	margin-bottom: 0; }

.promo-image img {
	width: 100%;
	margin-top: 25px;
	box-shadow: 0 5px 10px -3px rgba(0,0,0,0.25);
	transition: all 50ms ease-in-out; }
.promo-image { height: auto; }
.promo-image img:hover {
	box-shadow: 0 4px 5px -2px rgba(0,0,0,0.25);
	transform: translateY(1px); }
#destroy-popup {
	display: block;
	position: absolute;
	top: 0;
	right: 10px;
	font-family: sans-serif;
	cursor: pointer;
	color: #ccc;
	text-shadow: 1px 1px #666; }
#destroy-popup:hover {
	color: #999;
	text-shadow: 1px 1px #333; }
#destroy-popup:active {
	transform: translate(1px 1px);
	text-shadow: 0px 0px 1px #333; }

.gform_wrapper .gfield_radio li label { margin: 8px 0 0 24px ; }
.grey-back-box-content .site-inner { background: #f0f0f1; }
.grey-back-box-content article {
	background: #fff;
	padding: 1em;
	box-shadow: 0 1em 2em -1em rgba(0,0,0,0.25), 0 0 2em -1em rgba(20,0,90,.025); }

.questiontile-background .site-inner {
  background: url("http://www.thinkfun.com/wp-content/uploads/2017/01/questiontile.png"); }
.questiontile-background article {
	background: #fff;
	padding: 1em;
  padding-top: 1.5em;
	box-shadow: 0 1em 2em -1em rgba(0,0,0,0.25), 0 0 2em -1em rgba(20,0,90,.025); }
.questiontile-background .content form {
  padding: 0 25px; }
.questiontile-background img {
  max-width: 100%; }

.custombg article {
	background: #fff;
	padding: 1em;
	box-shadow: 0 1em 2em -1em rgba(0,0,0,0.25), 0 0 2em -1em rgba(20,0,90,.025); }

.bg_thinktank .site-inner {
  background: url('http://www.thinkfun.com/wp-content/uploads/2016/06/tt-bg2.jpg'); }

#special-banner {
	background: #22a3e8;
	letter-spacing: 0.6px;
	border: 2px solid #004987;
	border-radius: 5px;
	padding: 10px;
	margin-top: 25px;
	margin-bottom: 10px;
	position: relative;
	font-family: Cafeteria;
	font-size: 1.5em;
	text-align: center;
	color: #fff; }
#special-banner a { color: #fff; }
#special-banner a span { color: #f5cb1d; }
#close-special-banner {
	position: absolute;
	right: 10px;
	cursor: pointer;
	width: 15px; }


.active-special-cta .section-0.mission {
  margin-bottom: 0; }

.active-special-cta .section-1 {
  padding: 0;
  width: 100%;
  background: #b8e4fb;
  height: 100%;
  border-bottom: 6px solid #fcbb13;
  margin: 0;
  height: 195px; }

.special-cta-img {
  position: absolute;
  left: -50px;
  bottom: 0px; }

.special-cta-banner-button {
  height: 100%;
  max-width: 1200px;
  left: 0;
  right: 0;
  margin: 0 auto;
  vertical-align: bottom;
  position: relative; }

.special-cta-banner-button p {
  margin: 0; }

.special-cta-banner-button .text-block {
  position: relative;
  display: inline-block;
  text-align: left;
  width: 75%;
  margin-left: 12.5%;
  margin-top: 2%;
  line-height: auto; }

.special-cta-banner-button .text-block span {
  display: inline-block;
  color: #1484c4;
  font-size: 50px;
  margin-left: 25px;
  line-height: 1.1; }

.special-cta-banner-button .text-block img {
  display: inline-block; }

.special-cta-banner-button a.action-block {
  background-color: #f39c3d;
  background-image: url("http://www.thinkfun.com/wp-content/themes/thinkfun/images/button-playonline.jpg");
  background-size: cover;
  background-position: center;
  border-radius: 6px;
  color: white;
  display: inline-block;
  font-size: 20px;
  text-transform: uppercase;
  font-size: 18px;
  padding: 10px 50px 10px 50px;
  position: absolute;
  top: 55%;
  right: 50px;
  transition: all 150ms ease-out;
  font-family: "Agenda Semibold", sans-serif; }

.special-cta-banner-button a.action-block:hover {
  top: 55%;
  transform: scale(1.1); }

@media screen and (max-width: 1123px) {
  .active-special-cta .section-1 {
    height: auto;  }
  .special-cta-img {
    display: none; }
  .special-cta-banner-button .text-block {
    text-align: center;
    margin-left: 0;
    display: block;
    width: 100%;
    transform: scale(0.9);
    margin-top: 0; }
  .special-cta-banner-button .text-block img {
    margin-left: 10px; }
  .special-cta-banner-button .text-block span {
    display: block;
    margin-left: 0; }
  .special-cta-banner-button a.action-block {
    position: relative;
    right: 0;
    left: 0;
    width: 220px;
    text-align: center;
    margin: 0 auto 15px auto;
    display: block; } }

#brainlab-terms {
	border: 2px inset #ccc;
	overflow-y: scroll; 
	margin: 10px; 
	padding: 10px; 
	background: #efefef; 
	height: 300px; 
	font-size: 10px; }
#terms {
	display: inline-block;
	position: relative;
	top: 0; }
#terms:after {
	content: 'I have read and accept to the terms outlined above.';
	display: inline-block;
	position: relative;
	margin-left: 25px;
	top: 8px; }
#bl-register-link{
	background: #fcb715; }
.tobrainlab {
	display: block;
	background: #299bd6;
	width: 200px;
	margin-left: calc(50% - 100px);
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
	border-radius: 6px; }
.tobrainlab a {
	color: #fff;
	text-decoration: none; }
.tobrainlab:hover {
	box-shadow: inset 0 0 200px rgba(0,0,0,0.2); }
.bl-preview-page .site-inner {
	background: url(http://www.thinkfun.com/wp-content/uploads/2016/11/Brainlab-Lightbulbs-Tile.png) fixed;
	background-size: 400px; }
.bl-preview-page .content {
	padding: 20px;
	background: #fff;
	box-shadow: 3px 4px 2px rgba(0, 0, 0, 0.25); }
.bl-disabled {
	pointer-events: none;
	opacity: 0.5; }
.gform_wrapper .top_label li.gfield.gf_middle_third.gfield_error {
	margin-top: 0; }
/* mathdice weekly challenge form styling */
.md_scoring {
	display: inline-block;
	border: 1px solid black;
	text-align: center;
	padding-right: 0 !important;
	box-sizing: border-box;
	vertical-align: middle;
	margin: 0 !important;
	font-size: 28px;
	position: relative; }

.md_scoring label {
	background: #1482c4;
	color: #fff;
	width: 100%;
	position: absolute;
	bottom: 0; left: 0; margin: 0 !important;}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield_html.md_scoring.md_header {
	width: 98%;
  max-width: 98% !important;
	border-top: 4px solid black;
	border-left: 3px solid black;
	border-right: 3px solid black;
	margin-top: 25px!important; }
	body .gform_wrapper ul li.gfield.gfield_html.md_scoring.md_header img {
		width: 100%;
  		max-width: 100% !important;
		height: auto;
	}

.md_header_row {
	font-size: 16px;
	padding-top: 5px !important;
	height: 40px; }

.md_number_row {
	padding-top: 10px !important;
	height: 60px; }

.md_footer_row {
	border-bottom: 5px solid black;
	min-height: 90px; }

.md_footer_row .md_row_header {
	width: 100%;
	background: #1482c4;
	color: #fff; }

.md_scoring div { margin: 0 !important; } 
.md_scoring input {
	width: 100%;
	height: 42px;
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
	border-radius: 0;
	text-align: center; }

.md_first_column {
	width: 22%;
	border-left: 3px solid black; }
.md_second_column { width: 10%; }
.md_third_column { width: 41%; }
.md_last_column {
	width: 25%;
	clear: both;
	border-right: 3px solid black; }

.md_challenge_column {
	border-left: 3px solid black;
	width: 37%; }
.md_level_column { width: 36%; }
/* end mathdice weekly challenge form styling */
/* pta page */
.pta-page .site-inner {
	background: url('http://www.thinkfun.com/wp-content/uploads/2017/06/pta-background.jpg'); }
.pta-page .site-inner img {
	max-width: 100%;
	height: auto; }
.pta-page .entry {
  background: #0081c8;
  color: #fff;
  font-family: 'Cafeteria';
  text-align: center; }
.pta-page .entry-content { padding-bottom: 25px; }
.pta-page article { padding: 0; }
#pta-head { margin-top: 25px;text-align: left; }
#pta-head aside {
  display: inline-block; 
  width: 25%; 
  color: #fcb614; 
  text-align: center;
  vertical-align: middle; }
#pta-head h4 { font-size: 32px; line-height: 36px; }
#pta-head h5 { font-size: 24px; line-height: 24px; }
#pta-head h4, #pta-head h5 { display: block; margin: 0; }
#pta-head h1 {
  font-size: 70px; 
  line-height: 70px;
  text-align: left;
  text-shadow: 4px 4px #045097; 
  width: 73%; 
  vertical-align: bottom; 
  display: inline-block;
  margin: 0; }
#pta-head h2 {
  font-size: 70px; 
  line-height: 70px;
  text-align: center;
  text-shadow: 4px 4px #045097;  
  vertical-align: bottom; 
  display: inline-block;
  margin: 0; }

#pta-main { margin-top: 10px; }
.pta-details { 
  font-size:27px;
  line-height: 34px; 
  font-family: "Agenda Light Cond";
  display: block; 
  position: relative; 
  width: 70%; 
  left: 0; right: 0; 
  margin: 0 auto 10px; }

#pta-signup {
  background: #fff;
  border: 8px solid #FDAE00;
  border-radius: 15px;
  width: 70%;
  min-height: 220px;
  left: 0; right: 0; margin: 0 auto;
  padding: 0 10px;
  text-align: center; }
#pta-signup h1 {
  color: #0081c8;
  text-shadow: 2px 2px #ccc;
  font-family: Cafeteria;
  font-size: 70px;
  margin: 0;
  border-bottom: 2px solid   #0081c8;
  width: 90%; }
#pta-signup .hbspt-form {
  margin-top: -30px;
  height: 50px; }
#pta-disclosure {
  font-family: "Agenda Light", sans-serif;
  font-size: 14px; }
@media (max-width: 900px) {
  #pta-head h1 {
    font-size: 65px;
    line-height: 65px; }
}

@media (max-width: 630px) {
  .pta-page .site-inner {
    padding: 0; }
  #pta-signup {
    width: 100%; 
    border-left: 0; 
    border-right: 0; 
    border-radius: 0; }
  #pta-details { width: 90%; }
  #pta-head h1 {
    vertical-align: top;
    font-size: 45px;
    line-height: 45px; }
  #pta-head h2 {
    font-size: 50px;
    line-height: 50px; }
  #pta-head h4 { font-size: 24px; line-height: 26px; }
  #pta-head h5 { font-size: 18px; line-height: 14px; }
}
/* CSTA Custom Details */
.csta .entry p, .csta .entry li { padding: 0 30px; }
.csta hr { border-top: 5px solid #7862AE; }
.csta .hbspt-form { min-height: 50px; }
.csta .hs-error-msgs { display: none!important; }

/* RC Challenge Instructions Table */
.rc-table { margin: auto 25px;
	font-size: 1em; }
.rc-table td { vertical-align: top;
	padding-bottom: 15px;
	color: #000; }
.rc-table-title { width: 15%; }
/* Responsive Iframe code, add to regular CSS asap */
.responsive-iframe {
	position: relative;
	height: 0;
	overflow: hidden; 
	left: 0; right: 0; margin: 0 auto;}
.responsive16x9 { padding-bottom: 56.25%; }
.responsive4x3 { padding-bottom: 75%; }
.responsive-iframe iframe {
	position: absolute;
	top: 0; left: 0;
  	width: 1px;
  	min-width: 100%;
	*width: 100%;
	height: 100%; }
.full-width {
	width: 100%;
	position: relative; }
.half-width-centered {
	position: relative; 
	left: 0; right: 0; 
	margin: 0 auto; 
	width: 50%; 
	min-width: 220px; 
	height: auto; }
.hourofcode .site-inner{
	background: url("http://www.thinkfun.com/wp-content/uploads/2017/09/hourofcode-background.jpg") fixed no-repeat;
	background-size: cover;
	background-position: top center;
}

.hoc .one-third {
	float: none;
	display: inline-block;
	width: 33%;
	margin: 0;
	margin-left: -2px;
	padding: 15px; }
.hoc .one-third a {
	display: block;
	opacity: 1;
	transition: all 150ms ease-out;
	box-shadow: 2px 5px 5px rgba(0,0,0,0.25); }
.hoc .one-third a:hover {
	opacity: 0.6;
	transition: all 50ms ease-in;
	box-shadow: 0 2px 2px rgba(0,0,0,0.25); }
.one-third img {
	width: 100%;
	height: auto; }
.hoc p.hoc-followup {
	margin: 15px 25px;
	text-align: center; }
.hourofcode.full-width-content .content article { 
	position: relative;
	max-width: 1000px;
	padding: 15px;
	background: rgba(255,255,255,0.7);
	border-radius: 20px;
	border-top: 15px groove rgba(130,130,133,0.5);
	border-left: 15px groove rgba(130,130,133,0.5);
	border-right: 15px groove rgba(229,229,229,0.5);
	border-bottom: 15px groove rgba(229,229,229,0.5);
}
.hoc-head {
	text-align: center; }
.full-width.hoc {
	border-radius: 20px;
	box-shadow: 0 15px 15px -10px rgba(0,0,0,0.25);
	border: 1px solid #ddd; }
a.hoc-button {
	font: 1.6em/1.2em 'Cafeteria';
	letter-spacing: 1.3px;
	background: #a44cc2;
	color: #FFFFFF;
	display: block;
	position: relative;
	padding: 10px;
	margin: 15px 0;
	text-decoration: none;
	transition: all 150ms ease-out;
	box-shadow: 0 6px 6px -4px rgba(0,0,0,0.25); }
a.hoc-button:hover {
	transform: translateY(1px);
	transition: all 50ms ease-in;
	box-shadow: 0 2px 2px rgba(0,0,0,0.25); }
a.hoc-button:active {
	transform: translateY(2px);
	box-shadow: 0 1px 0 rgba(0,0,0,0.25);}

#hoc-congrats > .particle {
  opacity: 0;
  position: absolute;
  -webkit-animation: confetti 1500ms ease-in;
          animation: confetti 1500ms ease-in;
}
#hoc-congrats > .particle.c1 {
  background-color: rgba(215, 215, 20, 0.5);
}
#hoc-congrats > .particle.c2 {
  background-color: rgba(47, 153, 215, 0.5);
}
#hoc-congrats > .particle.c3 {
  background-color: rgba(215, 53, 22, 0.5);
}
@keyframes confetti {
   0% {
      opacity:0;
      transform:translateY(0%) rotate(0deg);
   }
   10% {
      opacity:1;
   }
   25% {
      transform:translateY(-110%) rotate(110deg);
   }
   60% {
      opacity:1;
      transform:translateY(950%) rotate(180deg);
   }
   100% {
      opacity:0;
      transform:translateY(1500%) rotate(210deg);
   }
}
.cornerimg { position: absolute; pointer-events: none; margin: 2px; height: 15px; width: 15px; }
span.cornerimg img { height: 100%; width: auto; }
#tl { top: 2px; left: 2px; }
#tr { top: 2px; right: 2px; }
#bl { bottom: 2px; left: 2px; }
#br { bottom: 2px; right: 2px; }

.hourofcode .target {
	position: relative;
	width: 100%;
	margin: 30px 0;
	padding: 5px; }
.hourofcode .target img {
	max-width: 100%;
	height: auto; }
.hourofcode .target span {
	position: absolute;
	border-radius: 5px;
	top: 0;
	left: 40%;
	width: 50%;
	font-size: 18px;
	background: rgba(255,255,255,0.8);
	padding: 5px 10px;
	pointer-events: none; }
.hourofcode .left-column {
	max-width: 50%;
	display: inline-block;
	margin: 0 10px; }
.hourofcode .right-column {
	max-width: 44%;
	margin: 0 0 25px 0;
	vertical-align: top;
	display: inline-block;
	border-radius: 5px;
	font-size: 18px;
	background: rgba(255,255,255,0.8);
	padding: 15px 15px; }
.hourofcode .right-column, .hourofcode .right-column li { color: #1864a4; }
.hourofcode .right-column h4 { font-weight: bold; margin-left: 20px; }
.hourofcode .right-column li span { color: #666666; }
#middle-hoc { display: none; }
@media (max-width: 740px) {
	a.hoc-button { font: 1.2em/1em 'Cafeteria'; }
	.full-width.hoc .one-third {
		margin: 0; padding: 2px; width: calc(33% - 5px); }
	.hourofcode .target span {
		position: relative;
		display: block;
		text-align: center;
		margin-bottom: 10px;
		left: 0; right: 0; width: auto; }
	.hourofcode .left-column { max-width: 100%; }
	.hourofcode .right-column { max-width: 90%; margin-left: 5%; }
	.hourofcode h1 { padding-bottom: 15px; border-bottom: 4px solid #00b6c3; }
	.hourofcode #top-hoc { display: none; }
	.hourofcode #middle-hoc { display: block; }}
.hourofcode .hbspt-form {
	width: 85%;
	margin-left: 7.5% }
.hourofcode .hbspt-form label {
	float: none;
	display: inline-block;
	margin: 0; padding: 0; outline: 0;
	width: 25%;
	vertical-align: middle;
	line-height: 1; }
.hourofcode .hs_email > label {
	display: inline-block;
	position: relative;	}
.hourofcode .hbspt-form .input {
	float: none;
	display: inline-block;
	margin: 5px 0; padding: 0; outline: 0;
	width: 75%;
	vertical-align: middle;	}
.hourofcode .hbspt-form input {	width: 100%; }
.hourofcode .hbspt-form .hs-button {
	float: none;
	margin-top: 15px; }
.hourofcode .hs-error-msgs {
	box-shadow: 0 -3px 2px -2px #00A1CF;
	width: 75%;
	margin-left: 25%; }
.hourofcode .hs-error-msgs > li {
	position: relative;
	display: inline-block;
	width: 100%; }
.hourofcode .hs-error-msgs > li label {
	width: 100%;
	margin: 0 10px;
	color: #00A1CF;
	text-shadow: 0 0 3px #fff; }
.hourofcode .hbspt-form .hs_additional_comments label {
	margin-top: 25px;
	width: 100%; }
.hourofcode .hbspt-form .hs_additional_comments .input { width: 100%; }
.hourofcode .hbspt-form .hs_additional_comments textarea {
	width: 100%;
	min-height: 5em; }
@media screen and (max-width: 900px) {
  	.hourofcode .full-width.hoc.teachers { padding: 15px !important; }
  	.hourofcode .hbspt-form {
    	width: 100%;
	    margin-left: 0; }
	.hourofcode .hbspt-form .input { width: 100%; }
	.hourofcode .hbspt-form label {
		width: 100%;
		margin-left: 15px; }}
.hoc-lessonplan { text-align: center; }
.hoc-lessonplan a {
	position: relative;
	display: block;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	text-shadow: 1px 1px #eee;
	width: 250px;
	border-radius: 5px;
	padding: 5px;
	box-shadow: 0 4px 4px -4px rgba(0,0,0,0.25);
	left: 0; right: 0; margin: 0 auto;
	background: #efeeee; background: -moz-linear-gradient(top, #efeeee 0%, #cccccc 93%, #efeeee 100%); background: -webkit-linear-gradient(top, #efeeee 0%,#cccccc 93%,#efeeee 100%); background: linear-gradient(to bottom, #efeeee 0%,#cccccc 93%,#efeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efeeee', endColorstr='#efeeee',GradientType=0 ); }
.hoc-lessonplan a:after {
	opacity: 0;
	position: absolute;
	top: 0; left: 0;
	width:100%;
	height: 100%;
	border-radius: 5px;
	padding: 5px;
	content: 'Hour of Code Lesson Plan';
	text-shadow: 1px 1px #a5f7f3;
	color: black;
	transition: all 50ms ease-in;
	background: #a5f7f3;
	background: -moz-linear-gradient(top, #a5f7f3 0%, #02cc74 93%, #a5f7f3 100%);
	background: -webkit-linear-gradient(top, #a5f7f3 0%,#02cc74 93%,#a5f7f3 100%);
	background: linear-gradient(to bottom, #a5f7f3 0%,#02cc74 93%,#a5f7f3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5f7f3', endColorstr='#a5f7f3',GradientType=0 ); }
	.hoc-lessonplan a:hover:after {	opacity: 1; }
.inline-radio li { display: inline-block; position: relative; }
.inline-radio li input { display: none; }
.inline-radio li label {
	display: block;
	background: #eee;
	border: 1px solid rgba(0,0,0,0.25);
	border-radius: 5px;
	padding: 3px !important;
	min-width: 20px !important;
	text-align: center;
	cursor: pointer; }
.inline-radio li input:checked +label {
	background: #0080C5;
	color: #fff; }
.hourofcode form { text-align: center; }
.hourofcode input, .hourofcode textarea {
	position: relative;
	left: 0; right: 0; margin: 0 auto; }
.hourofcode .inline-radio li label {
	background: #fff;
	border: 3px solid #748c8d;
	padding: 3px 5px !important; }
.hourofcode .inline-radio li input:checked +label {	
	border: 3px solid #1864a4;
	background: #BBF1D0;
	color: #1864a4; }
/***************** INTL */
.home-international {
    padding: 20px;
    background: #efeeee;
    background-image: url('https://www.thinkfun.com/wp-content/uploads/2015/10/fadedglobe.jpg');
    background-position: center;
    background-repeat: no-repeat; }
.home-international .wrap {
    padding: 0 0 50px 0;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
.home-international .wrap h3 {
    text-transform: uppercase;
    color: #BF277A;
    display: inline-block;
    font-size: 28px; }
.home-international ul { list-style-type: none; }
.home-international ul li {
    display: inline-block;
    padding: 15px; }
.home-international a:hover { text-decoration: underline; }
.error404 .content {
    float: none;
    position: relative;
    left: 0; right: 0; margin: 20px auto; }
.inline-image {
    display: inline-block;
    height: auto; }
img.search-rank-survey { width: 33%; }
@media screen and (max-width: 900px ){
    img.search-rank-survey { width: 45% } }
.wide-survey.full-width-content .content .type-page {
    max-width: 1200px !important; }
/******** HYPNOGRAPH **********/
.hypnograph .site-inner { padding-top: 0; }
.hypnograph .entry-content { overflow: hidden; }
    .hypnograph h2 {
        text-transform: uppercase;
        display: block;
        width: 100%; }
    #hypno-logo-tall { display: none; }
    #hypno-logo-wide {
        position: relative;
        width: 100%;
        right: 0; }
.hypno-section {
    position: relative;
    height: auto;
    padding-bottom: 5px; }
.hypno-ribbon {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: -1; }
#hypno-first {
    text-align: right;
    padding-top: 40px;
    padding-left: 30%; }
#hypno-feature {
    background: #00b8d1;
    color: #fff;
    text-align: center;
    padding: 5px; }
#hypno-last {
    font-size: 15px;
    line-height: 16px;
    padding-left: 40%; }
    #hypno-last h2 { color: #ce2a5c; }
#hypno-first p, #hypno-last p { text-shadow: 0 0 5px white; }
a.hypno-thumb {
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    margin: 5px;
    transition: color 50ms ease-in-out; }
    .hypno-img {
        width: 200px;
        border: 0px solid #fff;
        border-radius: 50%;
        overflow: hidden;
        transition: border 100ms ease-in-out; }
    .hypno-img img {
        max-width: 100%;
        height: auto; }
    a.hypno-thumb:hover, a.hypno-thumb:active { color: #1C2A80; }
    a.hypno-thumb:hover > .hypno-img, a.hypno-thumb:active > .hypno-img {
        border: 2px solid #1c2a80; }
@media screen and (max-width: 745px) {
    #hypno-logo-tall {
        display: inline-block;
        max-width: 357px; }
    #hypno-logo-wide {
        display: none; }
    #hypno-first, #hypno-last {
        padding-left: 0;
        text-align: center; }
    .hypno-ribbon {
        opacity: 0.4; } }
.subpage #hypno-first a {
    color: #999;
    font-size: 14px; }
.subpage #hypno-feature { padding: 40px 30px 60px; }
.subpage #hypno-last { padding: 0; }
.subpage #hypno-last .setup { margin-top: 40px; }
.subpage #hypno-last h2 { color: #00b8d1; }
.hypnograph.subpage img { max-width: 100%; }
.subpage #hypno-last ul li {
    list-style-type: none;
    font-size: 1.2em;
    line-height: 1.4em; }
/* Pocket Brainteasers minipage */
.pocket-brainteasers-minipage { text-align: center; }
.pocket-brainteasers-minipage a {
	display: inline-block;
	border: 3px solid white;
	transition: border 125ms ease-in; }
.pocket-brainteasers-minipage a:hover {
	border: 3px solid #0082C6;
  transition: border 75ms ease-out; }
/* ETR Checklist minipage */
.checklist-map {
  width: 100%;
  max-width: 920px;
  padding: 0 15px;
  left: 0;
  right: 0;
  margin: 0 auto; }
.checklist-map .map-wrapper {
  display: inline-block;
  position: relative;
  width: 100%;
  vertical-align: middle; }
.checklist-map svg {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0; }
.checklist-map svg a {
  cursor: pointer; }
.checklist-map svg a > * {
  transition: opacity 150ms ease-out; }
.checklist-map svg a:hover > * {
  opacity: 0.5;
  transition: opacity 50ms ease-in; }
.checklist-container {
  min-height: 60px;
  max-width: 890px;
  left: 0; right: 0; margin: 20px auto; }
.checklist-item {
  box-sizing: border-box;
  overflow: hidden;
  opacity: 0;
  height: 0;
  visibility: hidden;
  transition: all 250ms ease-out; }
.checklist-item.show-checklist-item {
  transition: opacity 150ms ease-in;
  opacity: 1;
  visibility: visible;
  height: auto; }
.checklist-sublink {
  display: block;
  position: relative;
  width: 70%;
  left: 15%;
  padding: 1em 2em;
  border: 2px solid #ddd;
  cursor: pointer;
  transition: border 150ms ease-out; }
.checklist-sublink:hover {
  transition: border 50ms ease-in;
  border: 2px solid #666; }
.checklist-container h2 {
  text-align: center; }
.checklist-container ul {
  display: block;
  width: 50%; 
  left: 0; right: 0; margin: 0 auto; }
a.checklist-top {
  text-align: center;
  margin-top: 20px;
  display: block; }
.checklist-head {
  text-align: center; }
.checklist-flags {
  margin-bottom: 1em; }
.checklist-flags a {
  padding: 0 5px 2px 5px;
  margin: 0 5px;
  border-bottom: 2px solid transparent; }
.checklist-flags a:hover {
  border-bottom: 2px solid #f39c3d; }
/* Instagram Page CSS */
.ig-social a.btn {
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  background: #1865a1;
  color: white;
  border: 4px solid;
  border-top: 0px solid;
  border-bottom: 8px solid;
  border-color: #fdb716;
  border-radius: 30px;
  font-weight: 700;
  min-height: 56px;
  padding: 20px 20px;
  font-size: 1.1em;
  width: 85%;
  left: 0; right: 0; margin: 0 auto;
  box-shadow: inset 0 -2px 0 4px white, 0 5px 5px -5px rgba(0,0,0,0.5); }
.ig-social a.btn:hover, .ig-social a.btn:active, .ig-social a.btn:focus {
  background: #0082c6;
  box-shadow: inset 0 0 0 4px white;
  border-bottom: 6px solid #fdb716;
  border-top: 2px solid #fdb716;
  transition: all 50ms ease-out; }
.ig-social a.btn span {
  margin-right: 10px;
  color: #ffe9b5;
	background: #0082c5;
	padding: 5px 1em;
  border-radius: 10px; }
/* etr difficulty */
.etr-difficulty h1 {
	font-size: 24px;
	line-height: 1; }
.cta.etr-difficulty ul {
	margin: 10px auto;
	left: 0; right: 0;
	padding: 0 15px;
	max-width: 500px;
	text-align: left; }
.cta.etr-difficulty li {
	display: block;
	max-width: 100%;
	min-width: auto;
	color: #4e411c;
	font: 400 16px/24px 'Agenda Light', sans-serif;
	position: relative;
	padding-left: 10px; }
.cta.etr-difficulty li ul {
	margin: 0; }
.cta.etr-difficulty li:before {
	content: '\2022';
	position: absolute;
	line-height: 20px;
	font-size: 16px;
	left: 0; }
.cta.etr-difficulty li li:before {
  content: "\26AC";
	font-size: 10px; }
.cta.etr-difficulty a.etr-difficulty-download {
	color: #333;
	border-color: #333; }
.cta.etr-difficulty a.etr-difficulty-download:hover,
.cta.etr-difficulty a.etr-difficulty-download:active {
	border-style: solid; }
/* TEMP */
.olapic#olapic_specific_widget { background: white; }