Theme Name: Discovery Toys
Theme URI: http://underscores.me/
Author: Brian Kuhar, Danielle LaVeau
Author URI: http://underscores.me/
Description: Proprietary theme for Discovery Toys
Version: 1.2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: discoverytoys
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Discovery Toys is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


/* Small menu. */
#post-5841 .entry-title {text-align:center;}
.entry-title {font-size:40px !important;}

.shadow {display:;}
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.signup {display:}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.single-post {overflow-x:hidden;}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.testimonial {display:none;}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#post-6107.page.type-page.status-publish.hentry {overflow:hidden;}
.aligncenter{max-width:100%;height:auto;}
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.page {overflow-x:hidden;}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/* ========================================================================================================================================== */
/* ========================================================================================================================================== */
/* ========================================================================================================================================== */
/* ========================================================================================================================================== */
/* ========================================================================================================================================== */
/* ========================================================================================================================================== */
/* ========================================================================================================================================== */

/*

TEAL: #79c7c9

=====================================
...TABLE OF CONTENTS
.................................
... GLOBAL
... MASTHEAD
... FEATURE SECTION
... NEW ARRIVALS
... TESTIMONIALS
... CATEGORIES OF PLAY
... AUTISM GUIDE 

=====================================
*/



/* ====================================================== */
/* ======================= GLOBAL ======================= */
/* ====================================================== */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Oswald", sans-serif;
	color: #666;
	font-size: 22px;
	font-weight:300;
	line-height: 28px;
	font-style:normal;
}

p {font-family:'Oswald';font-size:20px;letter-spacing:1px;}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

h1, h2, h3, h4, h5 {
	font-family: "Oswald";
	font-style:normal;
}

h1 {
	color: black;
	font-size: 54px;
	font-style:normal;
}

header h4 {
	text-align: center;
	font-size: 21px;
	line-height: 28px;
	color: #666;
}

.container {
	max-width: 1056px;
	/*width:80%;*/
}

.well {	
	margin-top: 75px;
	padding: 10px 30px;
}
#mega-menu-wrap-topbar #mega-menu-topbar > li.mega-menu-item > a.mega-menu-link {font-family:"Oswald"; letter-spacing:1.5px;}
.iheu-data p, h1, h2, h3, h4 {font-style: normal !important;}
.iheu-button {font-style:normal;}

/*#quote .quote {margin-top: -20px !important;}

.col-md-6.video1 {padding-top:35px;}
.col-md-6.quote1 p {padding-right:15px;}

#quote p {
  margin-top: 0px !important;
  text-align: justify;
  padding-left: 15px;
  width:100%;
  font-size: 16px;}

.quote-img {width:100%;}
.quote, .cited {
	color: #666;
	text-align: right;
}

.quote {
	margin-top: 40px;
	color: black;
	font-style: italic;
	font-size: 24px;

}
*/
.quote.col-sm-12 {padding-bottom:50px;}
.cited {
	font-weight: bold;
	margin-right: 25%;
	color: #79c7c9;
	font-size: 20px;
}

.cited:before {
	content: "~ ";
}


.head-text {	
	text-align: center;
	font-family: "Oswald", sans-serif;
	font-weight:300;
	letter-spacing:2px;
	font-size:60px;
	
}


.bar-left {
	position: absolute;
	top: 50px;
	right: -25px;
}

.bar-right {
	position: absolute;
	top: 50px;
	left: -25px;
}

header {
	margin-top: 50px;
	margin-bottom: 20px;
}

.btn {
	background-color: #79c7c9;
	border: none;
}

.btn:hover {
	background-color: orange;
}


/* ======================================================== */
/* ======================= MASTHEAD ======================= */
/* ======================================================== */
.navbar {
	min-height: 0;
}

.topbar ul {
	margin-top: 5px;
}

.nav > li > a {
	line-height: 20px;
}

.navbar-nav > li > a {
	padding-top: 0;
	padding-bottom: 0;
}

.topbar ul > li {
	margin: 0;
	padding: 0px 5px;
	border-right: 1px solid #ccc;
}

.topbar ul > li:last-child {
	border-right: none;
}


.topbar ul > li > a {
	font-size: 10px;
	color: #79c7c9;
}

.topbar ul > li > a:hover {
	font-size: 10px;
	color: orange;
	background-color: white;
}

.navbar-form {
	padding: 0 15px;
	margin-top: 4px;
	margin-bottom: 4px;
	display: inline-block;
	position: absolute;
	top: -5px;
	right: 0px;
}

.form-control {
	height: 20px;
}

.navbar-form .btn {
	height: 20px;
	font-size: 15px;
	line-height: 20px;
	border: none;
	padding-top: 0;
}

.main-nav {
	height: 147px;
	width: auto;
}

.brand {
	max-width: 350px;
	width: 125%;
	position: relative;
	margin-top: 27px;
}

.main-nav ul {
	position: relative;
	right: -10%;
	bottom: -65px;
}

.main-nav ul > li > a {
	padding: 10px 40px;
	background-color: #79c7c9 !important;
	border-radius: 0px;
	color: white;
	margin-right: 15px;
	font-size: 18px !important;
	font-weight: bold !important;
}

.main-nav .active {
	background-color: orange !important;
}

.main-nav ul > li > a:hover {
	background-color: orange !important;
}


/* ======================================================== */
/* ======================= PAGE NAV ======================= */
/* ======================================================== */

#secondary-nav {
	margin-top: -50px;
}

.container.page-container {
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

.container.page-container ul > li > a {
	font-weight: 400;
	color: #666;
	font-size: 12px;
}

.container.page-container ul > li > a:hover {
	background-color: white;
	color: #999;
}





/* =============================================================== */
/* ======================= FEATURE SECTION ======================= */
/* =============================================================== */

#feature {
	height: 599px;
	margin-top: 25px;
        margin-bottom: 125px;
}

.feature-img {
	width: 725px;
	height: 599px;	
	display: table;
}

.feature-img img {
	width: 100%;
}


.shadow {
    display: none;
	position: absolute;
	bottom: 8px;
	left: 0;
	margin-left: 25px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.feature-img .btn, .promo-text .btn, .testimonial-text .btn {
	display: block;
	width: 200px;
	position: relative;
	bottom: 60px;
	background-color: #000000;
	font-family: Oswald;
	letter-spacing:2.5px;
	color: white;
	font-weight: 400;
	font-size: 20px;
	margin: 0 auto;
    cursor:pointer;
}

.promo-sm, .testimonial-sm {
	width: 306px;
	height: 300px;
}

.promo-sm img, .testimonial-sm img {
	width: 100%
}

.testimonial-sm {
	margin-top: 5px;
}


.educator-content p {float:left !important;}

/* ============================================================ */
/* ======================= NEW ARRIVALS ======================= */
/* ============================================================ */
#new-arrivals {/* display:none; */}
.new-toy {
	width: 100%;
}

.carousel-inner img {
	/* height: 100%; */
}

.toy-desc {
	padding-left: 5px;
}

.toy-desc p {
	/* height: 450px; */
	width:100%;
	font-family:sans-serif;
	text-align:justify;
	padding-top:0px;
}



.toy-desc h4 {
	color: black;
	font-weight: 600 !important;
	padding-top: 10px;
	width:100% !important;
	margin:0 !important;
	text-align:center !important;
	letter-spacing:1px;
	height:100% !important;
	font-family: sans-serif;
}
#new-arrivals .head-text {font-size:3em; letter-spacing:1px;margin-top:0;}
#new-arrivals h4 {letter-spacing:1px; padding-bottom:25px !important;text-align:justify;}
.carousel-inner {
	/* height: 3500px; */
}

#new-toys-carousel {
	/* height: 450px; */
}

.carousel-control {
	width: 5%;
}

.carousel-control.left, .carousel-control.right {
	background-image: none;
	color: #666;
	position: absolute;
}

.carousel-control.left {
	top: 0;
	bottom: 0;
	left: -75px;
}

.carousel-control.right {
	top: 0;
	bottom: 0;
	right: -75px;
}

.carousel-indicators {
	bottom: -50px;
}

.carousel-indicators li {
  border: 1px solid #ccc;
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #ccc;
}

#shop-all-btn {
	background-color: #79c7c9;
	color: white;
	border: none;
	font-size: 20px;
	line-height: 40px;
	display: block;
	width: 30%;
	height: 50px;
	margin: 0 auto;
	margin-top: 75px;
	border-radius:0px;
}

#shop-all-btn:hover {
	background-color: orange;
}

/* ============================================================ */
/* =================== EDUCATOR OF THE YEAR =================== */
/* ============================================================ */

img.educator-img {margin-top:45px !important;}
.educator-content {margin-top:25px;}
.educator-content h3 {padding-top:45px; font-size:18px !important;font-weight:200;}
.educator-content p {font-size:18px !important; font-weight:600;}
.educator-img {width:80% !important;margin-top:-25px !important;} 

/* ============================================================ */
/* ======================= TESTIMONIALS ======================= */
/* ============================================================ */

.ec-picture {
	height: 250px;
	width: 250px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	overflow: hidden;
	margin: 0 auto;
}

.ec-picture img {
	width: 100%;
	height: 100%;
}

.ec-test {
	margin-top: 15px;
	color: #666;
}

.ec-name {
	text-align: center;
	color: #666;
}
.wrapper {
    text-align: center;
    margin-bottom:40px;
    padding-top:10px;
    padding-bottom:10px; }

#join .copy {margin:0px !important;}


#opportunity {
	display:none;}

#join-cta, #host-cta {
	display: inline-block;
	min-width: 200px;
	font-size: 20px;
	height: 50px;
	line-height: 38px;
	margin-top: 40px;
	margin-left: 20px;
}

.ctas {
	text-align: right;
}

.divider {
    position: relative;
    width: 95%;
    height: .5px;
    background: #79c7c9;
    margin-left: 35px !important;
    margin-top: 30px;}

.divider:after{
  content: '\f006';
  font-family: 'FontAwesome';
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  font-size: 12px;
  color: #79c7c9;
  background: #fff;
  border:1px solid #f0f0f0;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  margin-bottom:-15px;
  text-align: center;
}

/*.quote-img {
	width: 75%;
	margin-left: 50px;
}*/
.col-md-6.video1 {padding-top:25px;}
.col-md-6.video2 {padding-top:25px;}
.col-md-6.quote1 p {padding-right:15px;}
.col-md-6.quote1 p {line-height:1.5em;}
/*#quote {
	margin-top: 80px;
}*/

.cta-info {
	color: black;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	margin-bottom: -20px;
	margin-top: 40px;
}

#join-cta, #host-cta {
	background-color: #79c7c9;
	border: none;
}

#join-cta:hover, #host-cta:hover {
	background-color: orange;
}



/* ================================================================== */
/* ======================= CATEGORIES OF PLAY ======================= */
/* ================================================================== */

.toy-cat a {
}

#cat-of-play .row {
	margin-bottom: 50px;
}

.toy-cat {
	padding: 2px;
}

.toy-cat img {
	width: 100%;	
	display: block;
	margin: 0 auto;
}




/* ============================================================ */
/* ======================= AUTISM GUIDE ======================= */
/* ============================================================ */

#autism-guide .btn {
	display: block;
        width: 50%;
}

#autism-guide .autism-desc {
	text-align: center;
}

#autism-guide p {
        text-align: justify}

#autism-guide .cat-img {
	width: 146px;
	height: 130px;
}


/* ==================================================== */
/* ======================= NEWS ======================= */
/* ==================================================== */

#news-btn {
	display: block;
	margin-top: 30px;
	border: none;
	background-color: #79c7c9;
}

#news-btn:hover {
	background-color: orange;
}

.news-content h3 {text-align:start; font-size: 20px;font-weight:500;text-transform:uppercase;}
.news-content {float:right; width:97%; padding-bottom:15px;text-align:justify;}	
.news-img {float:left;margin-top:30px;width:97%;}
#events {display:none;}

/* ====================================================== */
/* ======================= SOCIAL ======================= */
/* ====================================================== */

#social a {
	color: white;
}

#social p {text-align:center; font-size: 20px; color: #666;}

.social {
	width: 370px;
	margin-left: auto;
	margin-right: auto;
        margin-bottom: -100px
        text-align: center;

}

.facebook, .pinterest, .instagram, .twitter, .youtube {
	display: inline-block;
	color: white;
	background: #e1e1e1;
	width: 50px;
	height: 50px;
	text-align: center;
	font-size: 30px;
	border-radius: 100%;
	line-height: 50px;
	margin-bottom: 55px !important;
}

.facebook:hover, 
.pinterest:hover, 
.instagram:hover, 
.twitter:hover, 
.youtube:hover {
	cursor: pointer;
}

.facebook:hover {
	background-color: #3b5998;
}

.pinterest:hover {
	background-color: #cb2027;
}

.instagram:hover {
	background-color: #517fa4;
}

.twitter:hover {
	background-color: #00aced;
}

.youtube:hover {
	background-color: #bb0000;
}


/* ====================================================== */
/* ======================= AWARDS ======================= */
/* ====================================================== */

#awards img {
	width: 100%;
}

#awards p {
	text-align: center;
}
.col-8 {
    width: 12.5%;
}

#awards-section .btn {display:block; width:40%; margin-top: 10px;}


/* ========================================================== */
/* ======================= BOTTOM NAV ======================= */
/* ========================================================== */
#bottom-nav {

	margin-bottom: 0;
}

.bottom-nav {
	width: 100%;
	background: #e1e1e1;
	border-radius: 2px;
}

.bottom-nav ul {
	width: 820px;
	margin: 0 auto;
	text-align: center;
}

.bottom-nav li {
	display: inline-block;
}

.bottom-nav li > a {
	color: #666;
	font-size: 16px;
}

.bottom-nav li > a:hover {
	border-radius: 0;
}


/* ====================================================== */
/* ======================= FOOTER ======================= */
/* ====================================================== */

footer {
	background-color: #FAFAFA;
	padding: 30px 0 0 0;
}

footer img {
	width: 200px;
	display: block;
	margin: 0 auto;
	margin-top: 50px;
}


.footer-menu ul {
	width: 400px;
	margin: auto;
	text-align: center;
}

.footer-menu li {
	display: inline-block;
}

.footer-menu li > a {
	font-size: 10px;
	color: #666;
	padding: 0;
	margin: 2px 10px;
}

.footer-menu li > a:hover {
	border-radius: 0;
	background-color: #FAFAFA;
}



.copyright {
	font-size: 8px;
	color: #666;
	text-align: center;
	margin-bottom: 0px;
	padding: 30px 0 10px 0;
}



/* ==================================================== */
/* ======================= BLOG ======================= */
/* ==================================================== */

.post, .widget, #comments {
	position: relative;
	border: solid 1px #ddd;
	background: white;
	margin: 0 0 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}


.post header,
.post .post-excerpt,
.post .post-body,
#comments .comments-wrap {
	padding: 20px;
}

.post header h3,
.post header h1 {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: solid 1px #ddd;
}

.post header h1 {
	font-size: 24px;
}

.post-image img {
	height: auto;
}

.post-image img {
	width: 100%;
}

.post-details {
	font-size: 12px;
	width: 90%;
}

.post-details i.fa {
	padding-left: 10px;
	padding-right: 2px;
}

.post-details i.fa:first-child {
	padding: 0;
}



/* ======================================================= */
/* ======================= WIDGETS ======================= */
/* ======================================================= */
.widget {
	padding: 20px;
}

.widget h4 {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: solid 1px #ddd;
}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget ul li {
	margin 0 0 5px;
}

.widget ul li:hover {
	position: relative;
	left: 1px;
}

.blog_template.bdp_blog_template.classical {padding:200px;}

/* ======================================================== */
/* ======================= COMMENTS ======================= */
/* ======================================================== */
.post-comments-badge {
	height: 70px;
	width: 70px;
	position: absolute;
	top: 25px;
	right: 20px;
	border: none;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background: #79c7c9;
	text-align: center;
	display: table;
}

.post-comments-badge a {
	display: table-cell;
	vertical-align: middle;
	color: white;
	font-size: 20px;
	line-height: 20px;
}

.post-comments-badge i.fa {
	display: block;
	font-size: 15px;
	padding: 0;
	margin-bottom: 4px;
}

.post-comments-badge:hover {
	background-color: #8bc653;
}

#comments h3 {
	text-align: center;
}

#comments h4 {
	font-size: 1.3em;
}

#comments ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

#comments ol li {
	background: rgba(0,0,0,0.02);
	padding: 10px 20px;
	margin: 10px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px rgba(0,0,0,0.03);
}

#comments ol li ol.children {
	padding: 0;
	list-style: none;
	font-size: 0.96em;
}

#leave-comment {
	margin: 40px 0 0;
	padding: 20px 0 0;
	border-top: solid 1px #eee;
}

.comment-wrap a {
	color: black;
}

#comments footer {
	background: none;
	color: inherit;
}

#comments footer a {
	color: inherit;
}

#comments .comment-metadata {
	margin: 10px 0 0;
}

.educator-content-page p {text-align:left;}




/* ========================== OPPORTUNITIES ========================== */
#host-row {display:none;}

.sws_style1 {cursor:default;}

.opp-image {
	width: 100%;
	max-height: 394px;
	overflow: hidden;
}

.btn-primary {
	background-color: #79c7c9;
	border: none;
	border-radius:0px;
}

.btn-primary:hover {
	background-color: orange;
}
#ways .col-md-7.col-sm-12 .btn.btn-default {display:none;}

#opp-header h3 {
	color: black;
	font-weight: bold;
	margin-top: 0;
	font-style: italic;
}

.opp-img-2 {
	width: 550px;
	height: 200px;
}


#menu-opportunity li > a:hover {
	color: #79c7c9;
}

#opportunity ul > li {
	font-weight: normal;
}

#opportunity h4 .pull-right {
	margin-right: 50px;
}

.row.testimonial {display:none !important;}

.test-right {
	float: right;
	padding-right: 100px;
	clear: all;
	display:none;
}

.testim-img {
	margin-top: 70px;
	display:none;
}

#new-toys-carousel .col-md-3 {
	margin-bottom: -500px;
}


.shop-header h4 {
	text-align: left;
}

#shop-item {
	margin-bottom: 15px;
	padding-bottom: 50px;
	text-align: center;
}

#shop-item h4 small {
	font-weight: bold;
	font-size: 16px;
}

.shop-image {
	width: 194.656px;
	height: 181px;
    white-space: nowrap;    
    text-align: center; margin: 1em 0;
}

.shop-image img {
	width: 100%;
	height: auto;
	vertical-align: center;
}

#shop-item a {
	display: block;
}

#shop-item p{
	font-size: 12px;
	text-align: left;
}

.clearfix .btn {
	margin-top: 10px;
	margin-right: 65px;
}

#news-ticker .tickerText a:last-child {
font-size: 30px;
background-color:#ffa500;
padding:5px;
color:#ffffff;
border-radius: 4px;
font-weight: 500;
line-height: 1.6em;
text-transform: uppercase;}

#news-ticker li {
	display: block;
	clear: all;
	height: 200px;
	margin-bottom: 100px;
	width:100%;}



.tickerImg {
	float: left;
	margin-right: 40px;
	width:100%;
	max-width:250px;
	height:250px;}

.tickerText {width:100%;display:block;}



.tickerLink a {
	font-weight: bold;
	font-size: 26px;
	color: #4ac3bf !important;
	font-weight: 500;
    line-height: 1.6em;
    text-transform: uppercase;
    display:block;
    width:100%;}



.tickerDate {
	font-weight: bold;
}

#EventBtn h3 {
	display:block;
	font-size:1.985em;
	font-weight:200 !important;
	text-transform:uppercase; 
	letter-spacing:1.5px !important; 
	margin-bottom:-35px;}

#event-btn {
	background-color: #79c7c9;
	color: white;
	border: none;
	font-size: 40px;
	line-height: 60px;
	display: block;
	width: 40%;
	height: 70px;
	margin: 0 auto;
	margin-top: 75px;}

#event-btn:hover {
	background-color:red;}


/* ========================== OUR STORY PAGE ========================== */

.story-img {
	width: 400px;
	max-height: 384px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 85px;
}

.test-body {
	display: block;
	margin-top: 75px;
	font-style: italic;
}

.testimonial h4 {
	color: black;
}

.testimonial img {
	height: 192px;
}

h1.autism-heading {
	padding: 0 50px;
	text-align: center;
}

.learn-buttons {
	width: 100%;
	padding: 0 35%;
}

.btn-toys {
	margin: 50px 0 0;
}

.toys-images {
	text-align: center;
}

#menu-storynav li > a:hover {
	color: #79c7c9;
}

.btn-story {
	color: white;
	text-align: center;
	margin-left: 45%;
	margin-top: 50px;
}

.btn-shop {
	color: white;
	text-align: center;
	margin-left: 45%;
	margin-top: 20px;
}

#connect {
	text-align: center;
}

#connect h1 {
	padding: 0 20%;
}

#connect .btn {
	color: white;
}

.wpcf7-form-control.wpcf7-submit {border:0; background-color: #ffa500 !important; font-size:20px !important;}
.wpcf7-form-control.wpcf7-submit:hover {background-color: #79c7c9 !important;}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {background-color:#79c7c9 !important; border:0;color: #ffffff;font-size:25px;text-align:center;line-height:1.5;}

/* ========================== SHOP PAGE ========================== */
#shop-content header {
	margin-top: 0;
}


#shop-content header img {
	display: block;
	margin: 0 auto;
	/* width: 100%  !important; */
	/* height: 200px  !important; */
}

#shop-content .content img {
	display: block;
	margin: 0 auto;
	width: 75% !important;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#shop-content .content {
	text-align: center;
}

#shop-content .content a {
	margin-top: 20px;	
	font-weight: bold;
	font-size: 26px;
	background-color: #79c7c9;
	border: none;
}

.shop-wide-image {
	margin-top: 30px;
	text-align: center;
}

.shop-wide-image img {
	width: 100%  !important;	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.shop-wide-image a {
	margin-top: 20px;
	font-weight: bold;
	font-size: 26px;
	background-color: #79c7c9;
	border: none;
}

.shop-wide-image a:hover {
	background-color: orange;
}


/* ============================= CATALOG ============================= */
#catalog .catalog-buttons {
	text-align: center;
}

#catalog .catalog-buttons a {
	margin: 10px 5px 20px;
}

#catalog .catalog-image img {
	width: 100%;
	max-height: 500px;
	overflow: hidden;
}

#searchsubmit {
	background-color: white;
}

.tribe-events-back a{
	background-color:#c1d832; 
	color: #ffffff!important;
	font-size: 20px;   
    padding: 7px;
    color: #ffffff;
    border-radius: 6px;
    font-weight: 500;
    line-height: 1.6em;
    text-transform: uppercase;}
.tribe-events-back a:hover {background-color:red;}

.tribe-events-calendar th {background-color:#c1d832;font-family:sans-serif;color:#ffffff; border-right: 1px solid #ffffff !important;}

.tribe-events-calendar  th:last-child {border:0px solid #bbb !important;}

#tribe-events label {font-family:sans-serif; font-size:14px;}

#tribe-events a {font-family:sans-serif; font-size:14px;}

.tribe-events-viewmore {margin:0;}

.tribe-events-viewmore a {color:blue;}

.tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-]>a {
     font-family:sans-serif;font-size:14px !important;}

.tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a {
		background-color:red;}

#tribe-bar-form .tribe-bar-submit input[type=submit] {background-color: #c1d832; border-radius:6px; font-size:20px; font-family:sans-serif;letter-spacing:1px;}

#tribe-bar-form .tribe-bar-submit input[type=submit]:hover {background-color:red;}

h2.tribe-events-page-title {font-size:35px;}

h2.tribe-events-page-title:before {font-family:inherit; content:"Discovery Toy "}

#tribe-events .tribe-events-button {background-color:#c1d832;font-size:16px; margin-bottom:15px;}
.tribe-events-calendar td div[id*="tribe-events-daynum-"] {
    line-height: 1.2;
    padding: 6px 9px;
    font-size: 14px;
    font-family: sans-serif;}
.tribe-events-tooltip h4 {background-color: #c1d832 !important;font-size:16px !important;font-family: sans-serif !important;width:100%;}
.tribe-events-tooltip .tribe-events-event-thumb {
    float: none !important;
    padding-left: 27px !important;
    width: 100%;
    max-width: 250px;
    text-align: center !important;
    margin: 0 !important;}
/* ============================= HIDE FEATURE SECTION FOR SLIDESHOW ============================= */
#feature {display:none;}
/*#educator {display:none;}*/
#testimonials {display:none;}

/* ============================= FULL WIDTH BLOG ============================= */
#post-6463 {width:1100px;margin-left:-50px; float:left;border:none;}
.widget-area {display:none !important;}
#post-6463 h1,p {text-align:center;}
.entry-title a {color:#2c2c2c; font-family:"Oswald";}

/* ============================= SLIDESHOW ============================= */
/*
Theme Name: Discovery Toys
Theme URI: http://underscores.me/
Author: Brian Kuhar
Author URI: http://underscores.me/
Description: Proprietary theme for Discovery Toys
Version: 1.2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: discoverytoys
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Discovery Toys is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


/* Small menu. */

.entry-title {font-size:40px !important;}

.shadow {display:;}
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.signup {display:}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

#post-5841 {text-align:center;overflow:hidden;margin-left:10px;}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/* ========================================================================================================================================== */
/* ========================================================================================================================================== */
/* ========================================================================================================================================== */
/* ========================================================================================================================================== */
/* ========================================================================================================================================== */
/* ========================================================================================================================================== */
/* ========================================================================================================================================== */

/*

TEAL: #79c7c9

=====================================
...TABLE OF CONTENTS
.................................
... GLOBAL
... MASTHEAD
... FEATURE SECTION
... NEW ARRIVALS
... TESTIMONIALS
... CATEGORIES OF PLAY
... AUTISM GUIDE 

=====================================
*/



/* ====================================================== */
/* ======================= GLOBAL ======================= */
/* ====================================================== */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Oswald", sans-serif;
	color: #666;
	font-size: 20px;
	line-height: 28px;
	letter-spacing:1px;}

.educator-content-page {
	font-family: "Oswald", sans-serif;
	color: #666;
	font-size: 20px;
	line-height: 28px;
	letter-spacing:1px;}



a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

h1, h2, h3, h4, h5 {
	font-family: "Oswald";
}

h1 {
	color: black;
	font-size: 54px;
}

header h4 {
	text-align: center;
	font-size: 21px;
	line-height: 28px;
	color: #666;
}
.single-post {overflow-x:hidden;}
.container {
	max-width: 1056px;
	/*width:80%;*/
}

.well {	
	margin-top: 75px;
	padding: 10px 30px;
}

#quote .quote {margin-top: -20px !important;}

.col-md-6.video1 {padding-top:35px;}
.col-md-6.quote1 p {padding-right:15px;}

#quote p {
  margin-top: 0px !important;
  text-align: justify;
  padding-left: 15px;
  width:100%;
  font-size: 16px;}

.quote-img {width:100%;}
.quote, .cited {
	color: #666;
	text-align: right;
}

.quote {
	margin-top: 40px;
	color: black;
	font-style: italic;
	font-size: 24px;

}

.cited {
	font-weight: bold;
	margin-right: 25%;
	color: #79c7c9;
	font-size: 20px;
}

.cited:before {
	content: "~ ";
}


.head-text {	
	text-align: center;
}


.bar-left {
	position: absolute;
	top: 30px;
	right: -20px;
}

.bar-right {
	position: absolute;
	top: 30px;
	left: -20px;
}

header {
	margin-top: 50px;
	margin-bottom: 20px;
}

.btn {
	background-color: #79c7c9;
	border: none;
}

.btn:hover {
	background-color: orange;
}
.btn.btn-default {color:#ffffff;}

/* ======================================================== */
/* ======================= MASTHEAD ======================= */
/* ======================================================== */
.navbar {
	min-height: 0;
}

.topbar ul {
	margin-top: 5px;
}

.nav > li > a {
	line-height: 20px;
}

.navbar-nav > li > a {
	padding-top: 0;
	padding-bottom: 0;
}

.topbar ul > li {
	margin: 0;
	padding: 0px 5px;
	border-right: 1px solid #ccc;
}

.topbar ul > li:last-child {
	border-right: none;
}


.topbar ul > li > a {
	font-size: 10px;
	color: #79c7c9;
}

.topbar ul > li > a:hover {
	font-size: 10px;
	color: orange;
	background-color: white;
}

.navbar-form {
	padding: 0 15px;
	margin-top: 4px;
	margin-bottom: 4px;
	display: inline-block;
	position: absolute;
	top: -5px;
	right: 0px;
}

.form-control {
	height: 20px;
}

.navbar-form .btn {
	height: 20px;
	font-size: 15px;
	line-height: 20px;
	border: none;
	padding-top: 0;
}

.main-nav {
	height: 147px;
	width: auto;
}

.brand {
	max-width: 350px;
	width: 125%;
	position: relative;
	margin-top: 27px;
}

.main-nav ul {
	position: relative;
	right: -10%;
	bottom: -65px;
}

.main-nav ul > li > a {
	padding: 10px 40px;
	background-color: #79c7c9 !important;
	border-radius: 0px;
	color: white;
	margin-right: 15px;
	font-size: 18px !important;
	font-weight: bold !important;
}

.main-nav .active {
	background-color: orange !important;
}

.main-nav ul > li > a:hover {
	background-color: orange !important;
}


/* ======================================================== */
/* ======================= PAGE NAV ======================= */
/* ======================================================== */

#secondary-nav {
	margin-top: -50px;
}

.container.page-container {
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

.container.page-container ul > li > a {
	font-weight: 400;
	color: #666;
	font-size: 12px;
}

.container.page-container ul > li > a:hover {
	background-color: white;
	color: #999;
}





/* =============================================================== */
/* ======================= FEATURE SECTION ======================= */
/* =============================================================== */

#feature {
	height: 599px;
	margin-top: 25px;
        margin-bottom: 125px;
}

.feature-img {
	width: 725px;
	height: 599px;	
	display: table;
}

.feature-img img {
	width: 100%;
}


.shadow {
    display: none;
	position: absolute;
	bottom: 8px;
	left: 0;
	margin-left: 25px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.feature-img .btn, .promo-text .btn, .testimonial-text .btn {
	display: block;
	width: 200px;
	position: relative;
	bottom: 60px;
	background-color: #000000;
	font-family: Oswald;
	letter-spacing:2.5px;
	color: white;
	font-weight: 400;
	font-size: 20px;
	margin: 0 auto;
    cursor:pointer;
}

.promo-sm, .testimonial-sm {
	width: 306px;
	height: 300px;
}

.promo-sm img, .testimonial-sm img {
	width: 100%
}

.testimonial-sm {
	margin-top: 5px;
}


.educator-content p {float:left !important;}

/* ============================================================ */
/* ======================= NEW ARRIVALS ======================= */
/* ============================================================ */
#new-arrivals {display:none;}

.new-toy {
	width: 100%;
}

.carousel-inner img {
	/* height: 100%; */
}

.toy-desc {
	padding-left: 5px;
}

.toy-desc p {
	/*height: 450px; */
	width:100%;
	font-family:"Oswald";
	text-align:justify;
	padding-top:0px;
}



.toy-desc h4 {
	color: black;
	font-weight: 600 !important;
	padding-top: 10px;
	width:100% !important;
	margin:0 !important;
	text-align:center !important;
	letter-spacing:1px;
	height:100% !important;
	font-family: "Oswald";
}
#new-arrivals .head-text {font-size:3em; letter-spacing:1px;margin-top:0;}
#new-arrivals h4 {letter-spacing:1px; padding-bottom:25px !important;text-align:justify;}
.carousel-inner {
	/* height: 3500px; */
}

#new-toys-carousel {
	/* height: 450px; */
}

.carousel-control {
	width: 5%;
}

.carousel-control.left, .carousel-control.right {
	background-image: none;
	color: #666;
	position: absolute;
}

.carousel-control.left {
	top: 0;
	bottom: 0;
	left: -75px;
}

.carousel-control.right {
	top: 0;
	bottom: 0;
	right: -75px;
}

.carousel-indicators {
	bottom: -50px;
}

.carousel-indicators li {
  border: 1px solid #ccc;
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #ccc;
}

#shop-all-btn {
	background-color: #79c7c9;
	color: white;
	border: none;
	font-size: 20px;
	line-height: 40px;
	display: block;
	width: 30%;
	height: 50px;
	margin: 0 auto;
	margin-top: 75px;
	border-radius:0px;
}

#shop-all-btn:hover {
	background-color: orange;
}

/* ============================================================ */
/* =================== EDUCATOR OF THE YEAR =================== */
/* ============================================================ */

img.educator-img {margin-top:45px !important;}
.educator-content {font-family:'Oswald';margin-top:25px;}
.educator-content h3 {padding-top:45px; font-size:20px !important; letter-spacing:1px; font-weight:200;}
.educator-content p {font-size:20px !important; letter-spacing: 1px; font-weight:600;}
.educator-img {width:80% !important;margin-top:-25px !important;} 

/* ============================================================ */
/* ======================= TESTIMONIALS ======================= */
/* ============================================================ */

.ec-picture {
	height: 250px;
	width: 250px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	overflow: hidden;
	margin: 0 auto;
}

.ec-picture img {
	width: 100%;
	height: 100%;
}

.ec-test {
	margin-top: 15px;
	color: #666;
}

.ec-name {
	text-align: center;
	color: #666;
}

#join-cta, #host-cta {
	display: inline-block;
	min-width: 200px;
	font-size: 20px;
	height: 50px;
	line-height: 38px;
	margin-top: 40px;
	margin-left: 20px;
}

.ctas {
	text-align: right;
}

.divider {
    position: relative;
    width: 95%;
    height: .5px;
    background: #79c7c9;
    margin-left: 35px !important;
    margin-top: 30px;}

.divider:after{
  content: '\f006';
  font-family: 'FontAwesome';
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  font-size: 12px;
  color: #79c7c9;
  background: #fff;
  border:1px solid #f0f0f0;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  margin-bottom:-15px;
  text-align: center;
}

/*.quote-img {
	width: 75%;
	margin-left: 50px;
}*/
.col-md-6.video1 {padding-top:25px;}
.col-md-6.video2 {padding-top:25px;}
.col-md-6.quote1 p {padding-right:15px;}
.col-md-6.quote1 p {line-height:1.5em;}
#quote {
	margin-top: 80px;
}

.cta-info {
	color: black;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	margin-bottom: -20px;
	margin-top: 40px;
}

#join-cta, #host-cta {
	background-color: #79c7c9;
	border: none;
}

#join-cta:hover, #host-cta:hover {
	background-color: orange;
}



/* ================================================================== */
/* ======================= CATEGORIES OF PLAY ======================= */
/* ================================================================== */

.toy-cat a {
}

#cat-of-play .row {
	margin-bottom: 50px;
}

.toy-cat {
	padding: 2px;
}

.toy-cat img {
	width: 100%;	
	display: block;
	margin: 0 auto;
}




/* ============================================================ */
/* ======================= AUTISM GUIDE ======================= */
/* ============================================================ */

#autism-guide .btn {
	font-family:'Oswald';font-size:25px;letter-spacing:1px;
	display: block;
        width: 50%;
}

#autism-guide .autism-desc {
	text-align: center;
}

#autism-guide p {
        text-align: justify}

#autism-guide .cat-img {
	width: 146px;
	height: 130px;
}


/* ==================================================== */
/* ======================= NEWS ======================= */
/* ==================================================== */

#news-btn {
	display: block;
	margin-top: 30px;
	border: none;
	background-color: #79c7c9;
}

#news-btn:hover {
	background-color: orange;
}

.news-content h3 {text-align:start; font-size: 22px;}
.news-content p {font-family:'Oswald'; font-size:20px;letter-spacing:1px;text-align:left; padding-top:25px }	
.news-img {float:left;margin-top:30px;width:97%;}
#news-btn {font-family:'Oswald'; line-height:20px; font-size:25px;letter-spacing:1.5px;text-transform:uppercase;}
#events {display:none;}

/* ====================================================== */
/* ======================= SOCIAL ======================= */
/* ====================================================== */

#social a {
	color: white;
}

#social p {text-align:center; font-size: 20px; color: #666;}

.social {
	width: 450px;
	text-align:center;
        margin-bottom: -100px
        

}

.facebook, .pinterest, .instagram, .twitter, .youtube {
	display: inline-block;
	color: white;
	background: #e1e1e1;
	width: 50px;
	height: 50px;
	text-align: center;
	font-size: 30px;
	border-radius: 100%;
	line-height: 50px;
	margin: 10px;
}

.facebook:hover, 
.pinterest:hover, 
.instagram:hover, 
.twitter:hover, 
.youtube:hover {
	cursor: pointer;
}

.facebook:hover {
	background-color: #3b5998;
}

.pinterest:hover {
	background-color: #cb2027;
}

.instagram:hover {
	background-color: #517fa4;
}

.twitter:hover {
	background-color: #00aced;
}

.youtube:hover {
	background-color: #bb0000;
}


/* ====================================================== */
/* ======================= AWARDS ======================= */
/* ====================================================== */

#awards img {
	width: 100%;
}

#awards p {
	text-align: center;
}
.col-8 {
    width: 12.5%;
}

#awards-section .btn {font-family:'Oswald'; font-size:25px; letter-spacing:1px;display:block; width:40%; margin-top: 10px;}


/* ========================================================== */
/* ======================= BOTTOM NAV ======================= */
/* ========================================================== */
#bottom-nav {

	margin-bottom: 0;
}

.bottom-nav {
	font-family:'Oswald';
	letter-spacing:1px;
	font-size:25px; 
	width: 110%;
	background: #e1e1e1;
	border-radius: 2px;
}

.bottom-nav ul {
	width: 820px;
	margin: 0 auto;
	text-align: center;
}

.bottom-nav li {
	display: inline-block;
}

.bottom-nav li > a {
	color: #666;
	font-size: 16px;
}

.bottom-nav li > a:hover {
	border-radius: 0;
}


/* ====================================================== */
/* ======================= FOOTER ======================= */
/* ====================================================== */

footer {
	background-color: #FAFAFA;
	padding: 30px 0 0 0;
}

footer img {
	width: 200px;
	display: block;
	margin: 0 auto;
	margin-top: 50px;
}


.footer-menu ul {
	width: 400px;
	margin: auto;
	text-align: center;
}

.footer-menu li {
	display: inline-block;
}

.footer-menu li > a {
	font-size: 10px;
	color: #666;
	padding: 0;
	margin: 2px 10px;
}

.footer-menu li > a:hover {
	border-radius: 0;
	background-color: #FAFAFA;
}



.copyright {
	font-size: 8px;
	color: #666;
	text-align: center;
	margin-bottom: 0px;
	padding: 30px 0 10px 0;
}



/* ==================================================== */
/* ======================= BLOG ======================= */
/* ==================================================== */

.post, .widget, #comments {
	position: relative;
	border: solid 1px #ddd;
	background: white;
	margin: 0 0 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}


.post header,
.post .post-excerpt,
.post .post-body,
#comments .comments-wrap {
	padding: 20px;
}

.post header h3,
.post header h1 {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: solid 1px #ddd;
}

.post header h1 {
	font-size: 24px;
}

.post-image img {
	height: auto;
}

.post-image img {
	width: 100%;
}

.post-details {
	font-size: 12px;
	width: 90%;
}

.post-details i.fa {
	padding-left: 10px;
	padding-right: 2px;
}

.post-details i.fa:first-child {
	padding: 0;
}




/* ======================================================= */
/* ======================= WIDGETS ======================= */
/* ======================================================= */
.widget {
	padding: 20px;
}

.widget h4 {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: solid 1px #ddd;
}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget ul li {
	margin 0 0 5px;
}

.widget ul li:hover {
	position: relative;
	left: 1px;
}



/* ======================================================== */
/* ======================= COMMENTS ======================= */
/* ======================================================== */
.post-comments-badge {
	height: 70px;
	width: 70px;
	position: absolute;
	top: 25px;
	right: 20px;
	border: none;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background: #79c7c9;
	text-align: center;
	display: table;
}

.post-comments-badge a {
	display: table-cell;
	vertical-align: middle;
	color: white;
	font-size: 20px;
	line-height: 20px;
}

.post-comments-badge i.fa {
	display: block;
	font-size: 15px;
	padding: 0;
	margin-bottom: 4px;
}

.post-comments-badge:hover {
	background-color: #8bc653;
}

#comments h3 {
	text-align: center;
}

#comments h4 {
	font-size: 1.3em;
}

#comments ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

#comments ol li {
	background: rgba(0,0,0,0.02);
	padding: 10px 20px;
	margin: 10px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px rgba(0,0,0,0.03);
}

#comments ol li ol.children {
	padding: 0;
	list-style: none;
	font-size: 0.96em;
}

#leave-comment {
	margin: 40px 0 0;
	padding: 20px 0 0;
	border-top: solid 1px #eee;
}

.comment-wrap a {
	color: black;
}

#comments footer {
	background: none;
	color: inherit;
}

#comments footer a {
	color: inherit;
}

#comments .comment-metadata {
	margin: 10px 0 0;
}






/* ========================== OPPORTUNITIES ========================== */
#host-row {display:none;}


.opp-image {
	width: 100%;
	max-height: 394px;
	overflow: hidden;
}

.btn-primary {
	background-color: #79c7c9;
	border: none;
	border-radius:0px;
}

.btn-primary:hover {
	background-color: orange;
}

#opp-header h3 {
	color: black;
	font-weight: bold;
	margin-top: 0;
	font-style: italic;
}

.opp-img-2 {
	width: 550px;
	height: 200px;
}


#menu-opportunity li > a:hover {
	color: #79c7c9;
}

#opportunity ul > li {
	font-weight: normal;
	font-family:'Oswald';
	letter-spacing:1px;
}
#ways, #host {
	color: black;
	font-family: 'Oswald';
	font-size:20px;
	letter-spacing:1px;
}
#opportunity h4 .pull-right {
	margin-right: 50px;
}

.test-right {
	float: right;
	padding-right: 100px;
	clear: all;
}

.testim-img {
	margin-top: 70px;
}

#new-toys-carousel .col-md-3 {
	margin-bottom: -500px;
}


.shop-header h4 {
	text-align: left;
}

#shop-item {
	margin-bottom: 15px;
	padding-bottom: 50px;
	text-align: center;
}

#shop-item h4 small {
	font-weight: bold;
	font-size: 16px;
}

.shop-image {
	width: 194.656px;
	height: 181px;
    white-space: nowrap;    
    text-align: center; margin: 1em 0;
}

.shop-image img {
	width: 100%;
	height: auto;
	vertical-align: center;
}

#shop-item a {
	display: block;
}

#shop-item p{
	font-size: 12px;
	text-align: left;
}

.clearfix .btn {
	margin-top: 10px;
	margin-right: 65px;
}

#news-ticker .tickerText a:last-child {
font-size: 30px;
background-color:#ffa500;
padding:5px;
color:#ffffff;
border-radius: 4px;
font-weight: 500;
line-height: 1.6em;
text-transform: uppercase;}

#news-ticker li {
	display: block;
	clear: all;
	height: 200px;
	margin-bottom: 100px;
	width:100%;}



.tickerImg {
	float: left;
	margin-right: 40px;
	width:100%;
	max-width:250px;
	height:250px;}

.tickerText {width:100%;display:block;}



.tickerLink a {
	font-weight: bold;
	font-size: 26px;
	color: #4ac3bf !important;
	font-weight: 500;
    line-height: 1.6em;
    text-transform: uppercase;
    display:block;
    width:100%;}



.tickerDate {
	font-weight: bold;
}

#EventBtn h3 {
	display:block;
	font-size:1.985em;
	font-weight:200 !important;
	text-transform:uppercase; 
	letter-spacing:1.5px !important; 
	margin-bottom:-35px;}

#event-btn {
	background-color: #79c7c9;
	color: white;
	border: none;
	font-size: 40px;
	line-height: 60px;
	display: block;
	width: 40%;
	height: 70px;
	margin: 0 auto;
	margin-top: 75px;}

#event-btn:hover {
	background-color:red;}


/* ========================== OUR STORY PAGE ========================== */

.story-img {
	width: 400px;
	max-height: 384px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 85px;
}

.test-body {
	display: block;
	margin-top: 75px;
	font-style: italic;
}

.testimonial h4 {
	color: black;
}

.testimonial img {
	height: 192px;
}

h1.autism-heading {
	padding: 0 50px;
	text-align: center;
}

.learn-buttons {
	width: 100%;
	padding: 0 35%;
}

.btn-toys {
	margin: 50px 0 0;
}

.toys-images {
	text-align: center;
}

#menu-storynav li > a:hover {
	color: #79c7c9;
}

.btn-story {
	color: white;
	text-align: center;
	margin-left: 45%;
	margin-top: 50px;
}

.btn-shop {
	color: white;
	text-align: center;
	margin-left: 45%;
	margin-top: 20px;
}

#connect {
	text-align: center;
}

#connect h1 {
	padding: 0 20%;
}

#connect .btn {
	color: white;
}

.wpcf7-form-control.wpcf7-submit {border:0; background-color: #ffa500 !important; font-size:20px !important;}
.wpcf7-form-control.wpcf7-submit:hover {background-color: #79c7c9 !important;}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {background-color:#79c7c9 !important; border:0;color: #ffffff;font-size:25px;text-align:center;line-height:1.5;}

/* ========================== HIDE CAPTCHA BADGE ========================== */
.grecaptcha-badge {
display: none !important;
}

/* ========================== SHOP PAGE ========================== */
#shop-content header {
	margin-top: 0;
}


#shop-content header img {
	display: block;
	margin: 0 auto;
	/* width: 100%  !important; */
	/* height: 200px  !important; */
}

#shop-content .content img {
	display: block;
	margin: 0 auto;
	width: 75% !important;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#shop-content .content {
	text-align: center;
}

#shop-content .content a {
	margin-top: 20px;	
	font-weight: bold;
	font-size: 26px;
	background-color: #79c7c9;
	border: none;
}

/*-----HIDE CUSTOM FIELDS SHOP PAGE----*/
.shop-wide-image a {display:none;}
.shop-wide-image {
	margin-top: 30px;
	text-align: center;
	display:none;
}

.shop-wide-image img {
	width: 100%  !important;	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.shop-wide-image a {
	margin-top: 20px;
	font-weight: bold;
	font-size: 26px;
	background-color: #79c7c9;
	border: none;
}

.shop-wide-image a:hover {
	background-color: orange;
}



/* ============================= CATALOG ============================= */
#catalog .catalog-buttons {
	text-align: center;
}

#catalog .catalog-buttons a {
	margin: 10px 5px 20px;
}

#catalog .catalog-image img {
	width: 100%;
	max-height: 500px;
	overflow: hidden;
}

#searchsubmit {
	background-color: white;
}

.tribe-events-back a{
	background-color:#c1d832; 
	color: #ffffff!important;
	font-size: 20px;   
    padding: 7px;
    color: #ffffff;
    border-radius: 6px;
    font-weight: 500;
    line-height: 1.6em;
    text-transform: uppercase;}
.tribe-events-back a:hover {background-color:red;}

.tribe-events-calendar th {background-color:#c1d832;font-family:sans-serif;color:#ffffff; border-right: 1px solid #ffffff !important;}

.tribe-events-calendar  th:last-child {border:0px solid #bbb !important;}

#tribe-events label {font-family:sans-serif; font-size:14px;}

#tribe-events a {font-family:sans-serif; font-size:14px;}

.tribe-events-viewmore {margin:0;}

.tribe-events-viewmore a {color:blue;}

.tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-]>a {
     font-family:sans-serif;font-size:14px !important;}

.tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a {
		background-color:red;}

#tribe-bar-form .tribe-bar-submit input[type=submit] {background-color: #c1d832; border-radius:6px; font-size:20px; font-family:sans-serif;letter-spacing:1px;}

#tribe-bar-form .tribe-bar-submit input[type=submit]:hover {background-color:red;}

h2.tribe-events-page-title {font-size:35px;}

h2.tribe-events-page-title:before {font-family:inherit; content:"Discovery Toy "}

#tribe-events .tribe-events-button {background-color:#c1d832;font-size:16px; margin-bottom:15px;}
.tribe-events-calendar td div[id*="tribe-events-daynum-"] {
    line-height: 1.2;
    padding: 6px 9px;
    font-size: 14px;
    font-family: sans-serif;}
.tribe-events-tooltip h4 {background-color: #c1d832 !important;font-size:16px !important;font-family: sans-serif !important;width:100%;}
.tribe-events-tooltip .tribe-events-event-thumb {
    float: none !important;
    padding-left: 27px !important;
    width: 100%;
    max-width: 250px;
    text-align: center !important;
    margin: 0 !important;}
/* ============================= HIDE FEATURE SECTION FOR SLIDESHOW ============================= */
#feature {display:none;}
/*#educator {display:none;}*/
#testimonials {display:none;}

/* ============================= FULL WIDTH BLOG ============================= */
#post-6463 {width:1100px;margin-left:-50px; float:left;border:none;}
.widget-area {display:none !important;}
#post-6463 h1,p {text-align:center;}
.entry-title a {color:#2c2c2c; font-family:"Oswald";}
#post-6974 {width: 1100px;margin-left: -50px;float: left; border: none;}
#post-6974 h1, h2, {text-align:justify;}
#post-6974 p {text-align:justify;}
/* ============================= SLIDESHOW ============================= */
#feature {display:none;}
.slideshow 
{position: relative;margin: 10px auto;width: 100%;max-width: 1000px;min-width: 260px;height: 460px;border:}

.contenu
{position: relative;width: 100%;height: 100%;overflow: hidden;}

.slideshow input 
{position: absolute;bottom:15px;left:50%;width:9px;height:9px;z-index:1001;cursor:pointer;opacity: 0;}

.slideshow input + label 
{position: absolute;bottom: 15px;left: 50%;width: 6px;height: 6px;display: block;z-index: 1000;border: 3px solid #fff;border: 3px solid rgba(255,255,255,0.9);border-radius: 20%;transition: background-color linear 0.1s;}

.slideshow input:checked + label
{background-color: #fff;background-color: rgba(255,255,255,0.9);}

.selecteur-1, .button-label-1 
{margin-left: -36px;}
.selecteur-2, .button-label-2 
{margin-left: -18px;}
.selecteur-4, .button-label-4 
{margin-left: 18px;}
.selecteur, .button-label-5
{margin-left: 36px;}

.sp-arrow
{position: absolute;top: 50%;width: 25px;height: 35px;margin-top: -19px;display: none;opacity: 0.7;cursor: pointer;z-index: 1000;background: transparent url('https://i.imgur.com/yeMfI0Q.png') no-repeat;transition: opacity linear 0.3s;}

.sp-arrow: hover
{opacity: 1;}

.sp-arrow:active
{margin-top: -18px;}

.selecteur-1:checked ~ .sp-arrow.sp-a2,
.selecteur-2:checked ~ .sp-arrow.sp-a3,
.selecteur-3:checked ~ .sp-arrow.sp-a4,
.selecteur-4:checked ~ .sp-arrow.sp-a5 
{right: 15px;display: block;background-position: top right;}

.selecteur-2:checked ~ .sp-arrow.sp-a1,
.selecteur-3:checked ~ .sp-arrow.sp-a2,
.selecteur-4:checked ~ .sp-arrow.sp-a3,
.selecteur-5:checked ~ .sp-arrow.sp-a4 
{left: 15px;display: block;background-position: top left;}

.slideshow input:checked ~ .contenu 
{transition: background-position linear 0.6s, background-color linear 0.8s;}

input.selecteur-1:checked ~ .contenu 
{background-position: 0 0;background-color:#79c7c9;}

input.selecteur-2:checked ~ .contenu 
{background-position: -100px 0;background-color:#79c7c9;}

input.selecteur-3:checked ~ .contenu
{background-position: -200px 0;background-color:#79c7c9;}

input.selecteur-4:checked ~ .contenu 
{background-position: -300px 0;background-color:#79c7c9;}

.slider 
{position: relative;left: 0;width: 500%;height: 100%;list-style: none;margin: 0;padding: 0;animation: slider 20s infinite;}

.slider > li 
{color: #fff;width: 20%;box-sizing: border-box;height: 100%;float: left;text-align: center;}

.slider > li img 
{box-sizing: border-box;display: block;margin: 0 auto;max-height: 100%;width:100%;height:100%;max-width: 100%;}

input.selecteur-1:checked ~ .contenu .slider {left: 0;}
input.selecteur-2:checked ~ .contenu .slider {left: -100%;}
input.selecteur-3:checked ~ .contenu .slider {left: -200%;}
input.selecteur-4:checked ~ .contenu .slider {left: -300%;}

input.selecteur-1:checked ~ .contenu .slider > li:first-child,
input.selecteur-2:checked ~ .contenu .slider > li:nth-child(2),
input.selecteur-3:checked ~ .contenu .slider > li:nth-child(3),
input.selecteur-4:checked ~ .contenu .slider > li:nth-child(4)
{opacity: 1;}

/**MEDIAS QUERY**/
@media screen and (max-width: 840px)
{
	.slideshow { height: 345px; }
	.blog_template.bdp_blog_template.classical {padding:15px;}
}
@media screen and (max-width: 680px)
{
	.slideshow { height: 285px; }
	.bottom-nav {width:100%;}
}
@media screen and (max-width: 560px)
{
	.slideshow { height: 235px; }
}   .blog_template.bdp_blog_template.classical {padding:15px;}
.btn-us, .btn-ca {margin:0px !important; min-width:150px !important;}
@media screen and (max-width: 320px)
{
	.slideshow { height: 158px; }
}
.bdp_blog_template.classical .bd-post-image img {width:100% !important; height:auto;}

@keyframes slider {
	0%, 20%, 100%	{ left: 0 }
	25%, 45%		{ left: -100% }
	50%, 70%		{ left: -200% }
	75%, 95%		{ left: -300% }
}

.image-ultimate-hover-5 .iheu-img:before {cursor: pointer !important;}
/* =================== Media Queries ================== */
@media screen and (max-width: 417px){
   #sthoverbuttons  { display: none; }
     #_dytid_4351 embed, iframe, object {height:220px;}}

@media screen and (max-width: 736px){
   #sthoverbuttons  { display: none; }
embed, iframe, object {}}

@media screen and (max-width: 770px) {
	body {
		margin: 0;
		padding: 0;
	}

	nav.col-md-8 {
		width: 100%;
	}

	.container {
		width: 100%;
	}
/*HOMEPAGE JOIN VIDEO MAKE RESPONSIVE*/
embed, iframe, object {   
   /* width:400px; */
   /* height:200px; */
  /*  margin-top:950px;*/}

#cat-of-play {display:none !important;}

.clearfix .btn{float:right;margin-top:-35px; margin-right:auto; margin-bottom:-60px;}

 #cat-of-play {display:none;}

	.topbar {
		display: block; 

	}
	#searchform {display:none;}

	.main-nav ul {
		display: block;
		float: left;
		width: 100%;
		text-align: center;
		position: relative;
		right: 0px;
		bottom: 0px;
	}

	.navbar-nav {
		margin: 0;
	}

	.main-nav ul > li > a {
		border-radius: 0px;
		left: 0px;
		right: 0px;
		padding: 0;
		margin: 5px 0;
		height: 40px;
		line-height: 40px;
	}

	img.shadow {
		display: none;
	}

	


	
	.mailmunch-popover-container {}

	#feature {
		height: auto;
	}

#feature-right img {
		 display: block;
		 width:100%;
		 height: auto;
		  
	}


.feature-img {display:block;width:100%;height:auto;z-index:-1;float:none !important;}
.feature-img .btn {margin-top:35px;}
         
	.promo-sm {
		display: block;
		 width:100%;
		 height: auto;
	}

	.testimonial-sm {
		 display: block;
		 width:100%;
		 height: auto;
	}

	.fluid-width-video-wrapper {margin-top:650px !important;}

	
	.bar-left, .bar-right {
		display: none;
	}

	.new-toy {
		/* max-width: 250px; */
	}
	.opp-image {margin-top:80px;}
	#new-arrivals {
		/* display: none; */
	}
        
        .carousel-control.left, .carousel-control.right {display:none;}
            
        #testimonials {display:none;}

	.toycat img {
		max-width: 200px;
	}

	#autism-guide img {
		margin: 0 auto;
	}

	h1.head-text {
		font-size: 2em;
	}

	.news-img {
		width: 100%;
	}

	#news-ticker li {
		display: block;
		clear: both;
		height: 100%;
	}

	.facebook, .pinterest, .instagram, .twitter, .youtube {
		width: 40px;
		height: 40px;
		font-size: 20px;
		line-height: 40px;
	}
      
       #awards img {margin-left:50px;}
       #awards-section h1.head-text {margin-left:0px !important;}

	.bottom-nav ul {
		display: block;
	}

	.menu-footernav ul > li > a {
		float: left;
		display: block;
	}

	.img-row {
		display: none;
	}

	.opp-img-2, opp-img {
		width: 95%;
	}

	h1 {
		font-size: 2em;
	}

	.testimonial {
		display: none;
	}

	.launch-img {
		width: 95%;
	}

	.join-img {
		width: 95%;
	}

	#stories .carousel {
		width: 100%;
	}

	#stories .carousel-inner {
		height: 100%;
	}

	#stories a.right.carousel-control {
		display: none;
	}

	.story-img {
		width: 95%;
	}

	.layers-img-left {
		margin-left: 0px;
		width: 100%;
	}

	.bottom-nav ul {
		display: block;
		float: left;
		width: 100%;
		position: relative;
		text-align: center;
		right: 0px;
		bottom: 0px;
	}

	.bottom-nav li {
		position: relative;
		display: block;
		width: 100%;
		text-align: center;
		background-color: #e1e1e1;
	}

	.footer-menu ul {
		width: 100%;
	}

	.footer-menu li {
		font-size: .8em;
		position: relative;
		display: block;
		width: 100%;
	}

	.brand {
		width: 100%;
	}

	.row {
		margin: 0;
	}

	.social {
		width: 100%;
	}

	#shop-all-btn {
		font-size: 14px;
		width: 75%;
	}

	.nav >li >a {
		padding: 10px 5px;
	}
       
       #Advisers .profile-content {width: 100%; max-width:300px; margin: 0px !important; padding-right:15px; padding-left:15px; }
       #Advisers .intro h2 {font-size: 2em; margin-top:-50px;}

       .tribe-events-calendar td div[id*=tribe-events-daynum-], .tribe-events-calendar td div[id*=tribe-events-daynum-] a {font-family:sans-serif; font-size:14px;}

.tribe-events-calendar .tribe-events-present, .tribe-events-calendar .tribe-events-present.mobile-active div[id*=tribe-events-daynum-], .tribe-events-calendar .tribe-events-present.mobile-active div[id*=tribe-events-daynum-] a, .tribe-events-calendar td.tribe-events-present.mobile-active {         background-color: red !important;padding:0 !important; position:absolute;}

ul.tribe-events-sub-nav a {background-color:red; letter-spacing:1.5px !important;text-transform:uppercase;}

.tribe-events-calendar th {font-size:8px; letter-spacing:-0.75px; font-weight:100;}

 #tribe-events .tribe-events-button {background-color:#c1d832;}

 #tribe-events .tribe-events-button:hover {background-color:red;}
 #event-btn {font-size: 24px;width: 75%;}
}

.su-custom-gallery-slide {max-width:600px !important;}
.su-custom-gallery {
    margin-bottom: 1.5em;
    max-width: 600px !important;}
/* Default styles (for desktops) */
/* Ensure responsive design for mobile devices */

/* General Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    font-size: 16px;
    line-height: 1.6;
    overflow-x: hidden;
    width: 100%;
}

/* Make images responsive */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Prevent elements from causing horizontal scroll */
.container,
.wrapper,
.row {
    max-width: 100%;
    overflow-x: hidden;
}

/* Adjust navigation for mobile */
.menu-toggle {
    display: none;
    background: #79c7c9;
    color: white;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
}

@media screen and (max-width: 768px) {
    .main-nav ul {
        display: none;
        flex-direction: column;
        width: 100%;
        text-align: center;
        background: #79c7c9;
        padding: 10px 0;
    }
    .menu-toggle {
        display: block;
    }
    .main-nav ul.active {
        display: flex;
    }
}

/* Make containers full width on small screens */
.container {
    width: 100%;
    padding: 15px;
    max-width: 100%;
    overflow-x: hidden;
}

/* Adjust typography for mobile */
@media screen and (max-width: 480px) {
    body {
        font-size: 14px;
    }
    h1 {
        font-size: 28px;
    }
    h2 {
        font-size: 24px;
    }
    .btn {
        width: 100%;
        text-align: center;
        padding: 12px;
        font-size: 16px;
    }
}

/* Ensure proper spacing and layout */
@media screen and (max-width: 600px) {
    .col-md-6, .col-md-4, .col-md-3 {
        width: 100%;
        float: none;
        display: block;
    }
    .clearfix {
        clear: both;
    }
    .container {
        padding: 10px;
    }
    .row {
        margin: 0;
    }
}

/* Optimize tables for mobile */
@media screen and (max-width: 600px) {
    table {
        width: 100%;
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

/* Ensure buttons and links are touch-friendly */
button, a {
    padding: 12px;
    font-size: 18px;
    display: inline-block;
    text-align: center;
}

/* Ensure carousel images fit */
@media screen and (max-width: 768px) {
    .carousel-inner img {
        width: 100%;
        height: auto;
    }
}

/* Prevent horizontal scrolling */
body, html {
    overflow-x: hidden;
}

.row, .container, .wrapper, section, header, footer {
    max-width: 100%;
    overflow-x: hidden;
}

.homepage {
    width: 100vw !important;
    overflow-x: hidden !important;
}
.slider-container {
    width: 100%;
    height: auto;
    max-height: 100vh; /* Ensure it does not exceed the viewport height */
    overflow: hidden;
}

.carousel-inner img {
    width: 100%;
    height: auto; /* Ensures proportional scaling */
    object-fit: cover; /* Covers the container without cropping */
}

@media screen and (max-width: 768px) {
    .carousel-inner img {
        height: 100%; /* Ensures full visibility */
    }
}

body, html {
    margin: 0 !important;
    padding: 0 !important;
}
html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}
.container, .wrapper, .row {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

@media screen and (max-width: 768px) {
    .main-nav ul {
        display: none;
        flex-direction: column;
        width: 100%;
        text-align: center;
        background: #79c7c9;
        padding: 10px 0;
    }
    .menu-toggle {
        display: block;
    }
    .main-nav ul.active {
        display: flex;
    }
}

/* Make containers full width on small screens */
.container {
    width: 100%;
    padding: 15px;
}

/* Adjust typography for mobile */
@media screen and (max-width: 480px) {
    body {
        font-size: 14px;
    }
    h1 {
        font-size: 28px;
    }
    h2 {
        font-size: 24px;
    }
    .btn {
        width: 100%;
        text-align: center;
        padding: 12px;
        font-size: 16px;
    }
}

/* Ensure proper spacing and layout */
@media screen and (max-width: 600px) {
    .col-md-6, .col-md-4, .col-md-3 {
        width: 100%;
        float: none;
        display: block;
    }
    .clearfix {
        clear: both;
    }
    .container {
        padding: 10px;
    }
}

/* Optimize tables for mobile */
@media screen and (max-width: 600px) {
    table {
        width: 100%;
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

/* Ensure buttons and links are touch-friendly */
button, a {
    padding: 12px;
    font-size: 18px;
    display: inline-block;
    text-align: center;
}

/* Ensure carousel images fit */
@media screen and (max-width: 768px) {
    .carousel-inner img {
        width: 100%;
        height: auto;
    }
}

/* Tablets (768px and smaller) */
@media (max-width: 768px) {
    body {
        font-size: 16px;
        padding: 10px;
    }
    .container {
        width: 100%;
        padding: 10px;
    }
    .menu {
        display: flex;
        flex-direction: column;
    }
    .menu a {
        padding: 10px;
        font-size: 18px;
    }
}

/* Mobile Phones (480px and smaller) */
@media (max-width: 480px) {
    .container {
        padding: 5px;
    }
    .menu {
        flex-direction: column;
    }
    .menu a {
        font-size: 16px;
    }
}
img {
    max-width: 100%;
    height: auto;
}


@media screen and (max-width: 770px) {
#autism-guide .btn {
	display: block;
	width: 95%
}
	.rhcol.span6 {padding-bottom:40px;}
	.navbar-nav>li {display:block;float:none;width:auto;margin-left:150px;margin-right:150px;}
	.brand {}
	.clearfix .btn {margin-top:15px;}
@media screen and (max-width: 770px) {
#autism-guide .col-md-2.col-sm-4 {display:none;} 
.aligncenter.size-full.wp-image-6222 {display:block;max-width:380px !important; height:auto; margin-left:-15px;}  

@media screen and (max-width: 770px) {
#awards.row {display:none; margin-top: 10px;}
#awards-section .btn {display:block;width:75%;}
#awards-section {margin-top:-40px;} 
.video2 {margin-bottom:50px !important;}
.quote1 {float:left;clear:both !important;margin-top:250px !important;}
.divider{
    position:relative;
    vertical-align:middle;
    width: 85%;
    height: 1.5px;
    background: #79c7c9;
    margin-top: 25px;
    text-align:center !important;
    
}

#post-6463 {max-width:400px !important;margin-left:-40px;border:none;padding:5px;}
.widget-area {display:none !important;}
.iheu-fade-up  {font-size:95% !important;}
	
	.wp-image-6269 {width:100% !important;height:auto;}}

	embed, iframe, img, object, video {max-width: 100%;}


/**MEDIAS QUERY**/
  .catalog-image img {
    width: 100%;
    height: auto;
}

@media (max-width: 767px) {
    .catalog-image {
        /* Adjustments for smaller screens */
        padding: 10px;
        margin: 0;
    }
}

@media (min-width: 768px) {
    .catalog-image {
        /* Adjustments for medium and larger screens */
        padding: 15px;
    }
}
@media screen and (max-width: 840px)
{
	.slideshow { height: 345px; }
}
@media screen and (max-width: 680px)
{
	.slideshow img { max-width:100% !important }
	.slideshow {max-width:100% !important; }
	/*.image-ultimate-map-5 {max-width: 300px; width: 100%; margin: 0 auto; position: relative;}*/
	.row-fluid {width:350px;}
@media screen and (max-width: 560px)
{
	.slideshow { height: 235px; }
}
@media screen and (max-width: 320px)
{
	.slideshow { height: 235px; }
	#autism-guide .btn {white-space: normal;word-wrap: break-word;line-height:1;font-size:20px}
    img.educator-img {width:100% !important;display:block;}
    #educator {margin-bottom:-35px !important;}
}


@keyframes slider {
	0%, 20%, 100%	{ left: 0 }
	25%, 45%		{ left: -100% }
	50%, 70%		{ left: -200% }
	75%, 95%		{ left: -300% }
}

#video {padding-bottom:50px;}
/* =================== Media Queries ================== */
@media screen and (max-width: 417px){
   #sthoverbuttons  { display: none; }
     #_dytid_4351 embed, iframe, object {height:220px;}}

@media screen and (max-width: 736px){
   #sthoverbuttons  { display: none; }
embed, iframe, object {}}

@media screen and (max-width: 770px) {
	body {
		margin: 0;
		padding: 0;
	}

	nav.col-md-8 {
		width: 100%;
	}

	.container {
		width: 100%;
	}
/*HOMEPAGE JOIN VIDEO MAKE RESPONSIVE*/
embed, iframe, object {   
   /* width:400px; */
   /* height:200px; */
  /*  margin-top:950px;*/}

#cat-of-play {display:none !important;}
.join-img.sws_style1 {width:45%;}
.clearfix .btn{float:right;margin-top:-35px; margin-right:auto; margin-bottom:-60px;}

 #cat-of-play {display:none;}

	.topbar {
		display: block; 

	}
	#searchform {display:none;}

	.main-nav ul {
		display: block;
		float: left;
		width: 100%;
		text-align: center;
		position: relative;
		right: 0px;
		bottom: 0px;
	}

	.navbar-nav {
		margin: 0;
	}

#mega-menu-wrap-topbar .mega-menu-toggle .mega-toggle-block-1:after {font-size:50px; background: white;}

	.main-nav ul > li > a {
		display:none;
		border-radius: 0px;
		left: 0px;
		right: 0px;
		padding: 0;
		margin: 5px 0;
		height: 40px;
		line-height: 40px;
	}


	img.shadow {
		display: none;
	}

	


	
	.mailmunch-popover-container {}

	#feature {
		height: auto;
	}

#feature-right img {
		 display: block;
		 width:100%;
		 height: auto;
		  
	}


.feature-img {display:block;width:100%;height:auto;z-index:-1;float:none !important;}
.feature-img .btn {margin-top:35px;}
         
	.promo-sm {
		display: block;
		 width:100%;
		 height: auto;
	}

	.testimonial-sm {
		 display: block;
		 width:100%;
		 height: auto;
	}

	.fluid-width-video-wrapper {margin-top:650px !important;}

	
	.bar-left, .bar-right {
		display: none;
	}

	.new-toy {
		/* max-width: 250px; */
	}
	.opp-image {margin-top:80px;}
	#new-arrivals {
		/* display: none; */
	}
        
        .carousel-control.left, .carousel-control.right {display:none;}
            
        #testimonials {display:none;}

	.toycat img {
		max-width: 200px;
	}

	#autism-guide img {
		margin: 0 auto;
	}

	h1.head-text {
		font-size: 2em;
	}

	.news-img {
		width: 100%;
	}

	#news-ticker li {
		display: block;
		clear: both;
		height: 100%;
	}

	.facebook, .pinterest, .instagram, .twitter, .youtube {
		width: 40px;
		height: 40px;
		font-size: 20px;
		line-height: 40px;
	}
      
       #awards img {margin-left:50px;}
       #awards-section h1.head-text {margin-left:0px !important;}

	.bottom-nav ul {
		display: block;
	}

	.menu-footernav ul > li > a {
		float: left;
		display: block;
	}

	.img-row {
		display: none;
	}

	.opp-img-2, opp-img {
		width: 95%;
	}

	h1 {
		font-size: 2em;
	}

	.testimonial {
		display: none;
	}

	.launch-img {
		width: 95%;
	}

	.join-img {
		width: 95%;
	}

	#stories .carousel {
		width: 100%;
	}

	#stories .carousel-inner {
		height: 100%;
	}

	#stories a.right.carousel-control {
		display: none;
	}

	.story-img {
		width: 95%;
	}

	.layers-img-left {
		margin-left: 0px;
		width: 100%;
	}

	.bottom-nav ul {
		display: block;
		float: left;
		width: 100%;
		position: relative;
		text-align: center;
		right: 0px;
		bottom: 0px;
	}

	.bottom-nav li {
		position: relative;
		display: block;
		width: 100%;
		text-align: center;
		background-color: #e1e1e1;
	}

	.footer-menu ul {
		width: 100%;
	}

	.footer-menu li {
		font-size: .8em;
		position: relative;
		display: block;
		width: 100%;
	}

	.brand {
		width: 100%;
	}

	.row {
		margin: 0;
	}

	.social {
		width: 100%;
	}

	#shop-all-btn {
		font-size: 14px;
		width: 75%;
	}

	.nav >li >a {
		padding: 10px 5px;
	}
       
       #Advisers .profile-content {width: 100%; max-width:300px; margin: 0px !important; padding-right:15px; padding-left:15px; }
       #Advisers .intro h2 {font-size: 2em; margin-top:-50px;}

       .tribe-events-calendar td div[id*=tribe-events-daynum-], .tribe-events-calendar td div[id*=tribe-events-daynum-] a {font-family:sans-serif; font-size:14px;}

.tribe-events-calendar .tribe-events-present, .tribe-events-calendar .tribe-events-present.mobile-active div[id*=tribe-events-daynum-], .tribe-events-calendar .tribe-events-present.mobile-active div[id*=tribe-events-daynum-] a, .tribe-events-calendar td.tribe-events-present.mobile-active {         background-color: red !important;padding:0 !important; position:absolute;}

ul.tribe-events-sub-nav a {background-color:red; letter-spacing:1.5px !important;text-transform:uppercase;}

.tribe-events-calendar th {font-size:8px; letter-spacing:-0.75px; font-weight:100;}

 #tribe-events .tribe-events-button {background-color:#c1d832;}

 #tribe-events .tribe-events-button:hover {background-color:red;}
 #event-btn {font-size: 24px;width: 75%;}
}

.su-custom-gallery-slide {max-width:600px !important;}
.su-custom-gallery {
    margin-bottom: 1.5em;
    max-width: 600px !important;}

@media screen and (max-width: 770px) {
#autism-guide .btn {
	display: block;
	width: 95%
}
	.rhcol.span6 {padding-bottom:40px;}

@media screen and (max-width: 770px) {
#autism-guide .col-md-2.col-sm-4 {display:none;} 
.aligncenter.size-full.wp-image-6222 {display:block;max-width:380px !important; height:auto; margin-left:-15px;}  

@media screen and (max-width: 770px) {
#awards.row {display:none; margin-top: 10px;}
#awards-section .btn {display:block;width:100%;}
#awards-section {margin-top:-40px;} 
.video2 {margin-bottom:50px !important;}
.quote1 {float:left;clear:both !important;margin-top:250px !important;}
.divider{
    position:relative;
    vertical-align:middle;
    width: 85%;
    height: 1.5px;
    background: #79c7c9;
    margin-top: 25px;
    text-align:center !important;
    
}
	
#post-6463 {max-width:400px !important;margin-left:-40px;border:none;padding:5px;}
#post-6974 {max-width:400px !important;margin-left:-40px;border:none;padding:5px;}
.widget-area {display:none !important;}
.iheu-fade-up  {font-size:95% !important;}
	.image-ultimate-hover-5:active {overflow:hidden;}
	
	.wp-image-6269 {width:100% !important;height:auto;}}

	embed, iframe, img, object, video {max-width: 100%;}