/*

Theme Name: TeachRock
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/
:root {
  --pink: #ff009a;
  --blue: #00aeef;
  --gold: #afa400;
  --gray: #f8f8f8;
  --dark-gray: #dedede;
}

@font-face {
    font-family: 'ProximaNovaReg';
     src: url('framework/fonts/proximanova/ProximaNova-RegWeb.eot');
     src: url('framework/fonts/proximanova/ProximaNova-RegWeb.eot?iefix') format('eot'),
          url('framework/fonts/proximanova/ProximaNova-RegWeb.woff') format('woff'),
          url('framework/fonts/proximanova/ProximaNova-RegWeb.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
 }


@font-face {
    font-family: 'ProximaNovaRegIT';
     src: url('framework/fonts/proximanova/ProximaNova-RegIt.eot');
     src: url('framework/fonts/proximanova/ProximaNova-RegIt.eot?iefix') format('eot'),
          url('framework/fonts/proximanova/ProximaNova-RegIt.woff') format('woff'),
          url('framework/fonts/proximanova/ProximaNova-RegIt.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
 }


@font-face {
    font-family: 'ProximaNovaBold';
     src: url('framework/fonts/proximanova/ProximaNova-BoldWeb.eot');
     src: url('framework/fonts/proximanova/ProximaNova-BoldWeb.eot?iefix') format('eot'),
          url('framework/fonts/proximanova/ProximaNova-BoldWeb.woff') format('woff'),
          url('framework/fonts/proximanova/ProximaNova-BoldWeb.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
 }

 @font-face {
    font-family: 'ProximaNovaLight';
     src: url('framework/fonts/proximanova/ProximaNova-Light.eot');
     src: url('framework/fonts/proximanova/ProximaNova-Light.eot?iefix') format('eot'),
          url('framework/fonts/proximanova/ProximaNova-Light.woff') format('woff'),
          url('framework/fonts/proximanova/ProximaNova-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
 }

body, input, button, select, textarea {
	font-family: "ProximaNovaReg", sans-serif !important;
}
html, html a {
    -webkit-font-smoothing: antialiased !important;
}
video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}

p{
	font-size:18px;
	margin-bottom: 21px;
}
li{
	font-size:18px;
}
footer li{
	font-size:14px;
}
h2{
	font-size:30px;
  	margin-bottom: .1em;
}
.tr-pink-header{
	color:white;
	background-color:var(--pink);
	/* padding: 15px 15px; **/
	padding: 0px 12px 3px;
	margin-bottom:0;
	margin-top:-24px !important;
}
.fancybox-slide>*{
	background-color:#000;
}
.fancybox-close-small:after, .fancybox-close-small:hover:after{
	background:#000;
	color: var(--pink);
}
.vid-auto{
	max-width:80%;
}
.vid-auto > video{
	max-width:100%;
}
.rev_slider_wrapper .x-btn{
	padding-top:0.813em !important;
}
.x-btn{
	padding-top:0.813em;
}
.x-btn-navbar.collapsed, .x-btn-navbar.collapsed:hover{
	color: var(--pink);
	border: 1px solid var(--pink);
	background-color: #000;
	text-shadow: 0 1px 1px rgba(255,0,154,0.75);
}
.x-btn-navbar, .x-btn-navbar:hover{
	color: var(--pink);
	border: 1px solid var(--pink);
	background-color: #000;
	text-shadow: 0 1px 1px rgba(255,0,154,0.75);
}

/* FOR NAV UPDATES

.masthead-inline .desktop .x-nav{
    float: left;
    margin-left:250px;
}**/
.social-icons {
	display: flex;
	justify-content: space-evenly;
	font-size: 2.5em;
	float: right;
	align-items: center;
	height: 100px;
	padding-top: 10px;
}
.social-icons a {
	margin: 0 5px;
	color: white;
}
.social-icons a:hover{
	color: var(--pink);
	transition: color 0.3s ease;
}

.x-nav-wrap.mobile > .social-icons {
	width: 100%;
	padding-top:0;
}
.x-navbar-inner > .x-container.max {
	max-width: 1510px;
}
.x-menu-item-social>a>i{
	font-size:2em;
}

@media only screen and (max-width : 1491px){
	.x-menu-item-register {
		width: 150px !important;
	}
}


@media only screen and (max-width: 1024px) {
	.x-nav-wrap.desktop {
	  display:none
	}
	.x-nav-wrap.mobile {
	  display:block
	}
	.x-nav-wrap.mobile.collapse {
	  display:none
	}
	.x-nav-wrap.mobile.collapse.in {
	  display:block
	}
	.masthead-inline .x-btn-navbar {
		display:block;
		float:right
	}
	.masthead-stacked .x-btn-navbar {
		display:inline-block
	}
}

@media only screen and (min-width : 1025px) {
	.x-navbar .desktop .x-nav{
		text-align: center;
	}
	
	.x-navbar .desktop .x-nav > li {
		display: inline-block;
		float: none;
	}
	
	ul.sub-menu {
		text-align: left;
	}

	li.x-menu-item-register {
		float: right;
	}
}

@media only screen and (min-width : 1025px) and (max-width : 1047px) {
    .x-menu-item-register{
        width: 135px !important;

    }
}

@media only screen and (max-width : 1024px) {
	.x-menu-item-register {
    	width: 100% !important;
	}
    /* #menu-top-navigation-1{
        height: 400px;
    } */
}

@media only screen and (min-width: 1025px) and (max-width : 1491px) {
	.x-navbar-inner > .x-container.max {
		height: 200px;
	}
	.x-nav-wrap.desktop {
		display: grid;
		grid-template-columns: 1fr;
	}
	.social-icons{
		justify-content: end;
	}
	.x-navbar .desktop .x-nav{
		text-align: right !important;
	}
	.x-brand{
		position: absolute !important;
  		z-index: 2;
	}
}

/* Force mobile nav on iPads */
/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	.x-nav-wrap.desktop {
		display:none !important;
	}
	.x-nav-wrap.mobile {
		display:block !important;
	}
	.x-nav-wrap.mobile.collapse {
		display:none !important;
	}
	.x-nav-wrap.mobile.collapse.in {
		display:block !important;
	}
	.masthead-inline .x-btn-navbar {
		display:block !important;
		float:right !important;
	}
	.masthead-stacked .x-btn-navbar {
		display:inline-block !important;
	}
	.x-navbar-inner > .x-container.max {
		height: unset !important;
	}
	.x-menu-item-register {
		width: 100% !important;
	}
	.social-icons {
		justify-content: space-evenly !important;
	}
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	.x-nav-wrap.desktop {
		display:none !important;
	}
	.x-nav-wrap.mobile {
		display:block !important;
	}
	.x-nav-wrap.mobile.collapse {
		display:none !important;
	}
	.x-nav-wrap.mobile.collapse.in {
		display:block !important;
	}
	.masthead-inline .x-btn-navbar {
		display:block !important;
		float:right !important;
	}
	.masthead-stacked .x-btn-navbar {
		display:inline-block !important;
	}
	.x-navbar-inner > .x-container.max {
		height: unset !important;
	}
	.x-menu-item-register {
		width: 100% !important;
	}
	.social-icons {
		justify-content: space-evenly !important;
	}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
	.x-nav-wrap.desktop {
		display:none !important;
	}
	.x-nav-wrap.mobile {
		display:block !important;
	}
	.x-nav-wrap.mobile.collapse {
		display:none !important;
	}
	.x-nav-wrap.mobile.collapse.in {
		display:block !important;
	}
	.masthead-inline .x-btn-navbar {
		display:block !important;
		float:right !important;
	}
	.masthead-stacked .x-btn-navbar {
		display:inline-block !important;
	}
	.x-navbar-inner > .x-container.max {
		height: unset !important;
	}
	.x-menu-item-register {
		width: 100% !important;
	}
	.social-icons {
		justify-content: space-evenly !important;
	}
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.x-nav-wrap.desktop {
		display:none !important;
	}
	.x-nav-wrap.mobile {
		display:block !important;
	}
	.x-nav-wrap.mobile.collapse {
		display:none !important;
	}
	.x-nav-wrap.mobile.collapse.in {
		display:block !important;
	}
	.masthead-inline .x-btn-navbar {
		display:block !important;
		float:right !important;
	}
	.masthead-stacked .x-btn-navbar {
		display:inline-block !important;
	}
	.x-navbar-inner > .x-container.max {
		height: unset !important;
	}
	.x-menu-item-register {
		width: 100% !important;
	}
	.social-icons {
		justify-content: space-evenly !important;
	}
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.x-nav-wrap.desktop {
		display:none !important;
	}
	.x-nav-wrap.mobile {
		display:block !important;
	}
	.x-nav-wrap.mobile.collapse {
		display:none !important;
	}
	.x-nav-wrap.mobile.collapse.in {
		display:block !important;
	}
	.masthead-inline .x-btn-navbar {
		display:block !important;
		float:right !important;
	}
	.masthead-stacked .x-btn-navbar {
		display:inline-block !important;
	}
	.x-navbar-inner > .x-container.max {
		height: unset !important;
	}
	.x-menu-item-register {
		width: 100% !important;
	}
	.social-icons {
		justify-content: space-evenly !important;
	}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.x-nav-wrap.desktop {
		display:none !important;
	}
	.x-nav-wrap.mobile {
		display:block !important;
	}
	.x-nav-wrap.mobile.collapse {
		display:none !important;
	}
	.x-nav-wrap.mobile.collapse.in {
		display:block !important;
	}
	.masthead-inline .x-btn-navbar {
		display:block !important;
		float:right !important;
	}
	.masthead-stacked .x-btn-navbar {
		display:inline-block !important;
	}
	.x-navbar-inner > .x-container.max {
		height: unset !important;
	}
	.x-menu-item-register {
		width: 100% !important;
	}
	.social-icons {
		justify-content: space-evenly !important;
	}
}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 1112px)
  and (-webkit-min-device-pixel-ratio: 2) {
	.x-nav-wrap.desktop {
		display:none !important;
	}
	.x-nav-wrap.mobile {
		display:block !important;
	}
	.x-nav-wrap.mobile.collapse {
		display:none !important;
	}
	.x-nav-wrap.mobile.collapse.in {
		display:block !important;
	}
	.masthead-inline .x-btn-navbar {
		display:block !important;
		float:right !important;
	}
	.masthead-stacked .x-btn-navbar {
		display:inline-block !important;
	}
	.x-navbar-inner > .x-container.max {
		height: unset !important;
	}
	.x-menu-item-register {
		width: 100% !important;
	}
	.social-icons {
		justify-content: space-evenly !important;
	}
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.x-nav-wrap.desktop {
		display:none !important;
	}
	.x-nav-wrap.mobile {
		display:block !important;
	}
	.x-nav-wrap.mobile.collapse {
		display:none !important;
	}
	.x-nav-wrap.mobile.collapse.in {
		display:block !important;
	}
	.masthead-inline .x-btn-navbar {
		display:block !important;
		float:right !important;
	}
	.masthead-stacked .x-btn-navbar {
		display:inline-block !important;
	}
	.x-navbar-inner > .x-container.max {
		height: unset !important;
	}
	.x-menu-item-register {
		width: 100% !important;
	}
	.social-icons {
		justify-content: space-evenly !important;
	}
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.x-nav-wrap.desktop {
		display:none !important;
	}
	.x-nav-wrap.mobile {
		display:block !important;
	}
	.x-nav-wrap.mobile.collapse {
		display:none !important;
	}
	.x-nav-wrap.mobile.collapse.in {
		display:block !important;
	}
	.masthead-inline .x-btn-navbar {
		display:block !important;
		float:right !important;
	}
	.masthead-stacked .x-btn-navbar {
		display:inline-block !important;
	}
	.x-navbar-inner > .x-container.max {
		height: unset !important;
	}
	.x-menu-item-register {
		width: 100% !important;
	}
	.social-icons {
		justify-content: space-evenly !important;
	}
}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {
	.x-nav-wrap.desktop {
		display:none !important;
	}
	.x-nav-wrap.mobile {
		display:block !important;
	}
	.x-nav-wrap.mobile.collapse {
		display:none !important;
	}
	.x-nav-wrap.mobile.collapse.in {
		display:block !important;
	}
	.masthead-inline .x-btn-navbar {
		display:block !important;
		float:right !important;
	}
	.masthead-stacked .x-btn-navbar {
		display:inline-block !important;
	}
	.x-navbar-inner > .x-container.max {
		height: unset !important;
	}
	.x-menu-item-register {
		width: 100% !important;
	}
	.social-icons {
		justify-content: space-evenly !important;
	}
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.x-nav-wrap.desktop {
		display:none !important;
	}
	.x-nav-wrap.mobile {
		display:block !important;
	}
	.x-nav-wrap.mobile.collapse {
		display:none !important;
	}
	.x-nav-wrap.mobile.collapse.in {
		display:block !important;
	}
	.masthead-inline .x-btn-navbar {
		display:block !important;
		float:right !important;
	}
	.masthead-stacked .x-btn-navbar {
		display:inline-block !important;
	}
	.x-navbar-inner > .x-container.max {
		height: unset !important;
	}
	.x-menu-item-register {
		width: 100% !important;
	}
	.social-icons {
		justify-content: space-evenly !important;
	}
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.x-nav-wrap.desktop {
		display:none !important;
	}
	.x-nav-wrap.mobile {
		display:block !important;
	}
	.x-nav-wrap.mobile.collapse {
		display:none !important;
	}
	.x-nav-wrap.mobile.collapse.in {
		display:block !important;
	}
	.masthead-inline .x-btn-navbar {
		display:block !important;
		float:right !important;
	}
	.masthead-stacked .x-btn-navbar {
		display:inline-block !important;
	}
	.x-navbar-inner > .x-container.max {
		height: unset !important;
	}
	.x-menu-item-register {
		width: 100% !important;
	}
	.social-icons {
		justify-content: space-evenly !important;
	}
}

/* SUB NAV */
.x-menu-item-register{
    width: 200px;
    /* height: 60px; */
    font-family: 'Oswald', sans-serif;
    color:#FFF;
    font-size:18px;
    text-align: center;
}

.x-navbar .mobile .x-nav > li.x-menu-item-register{
    float: left !important;
    width: 100%;
}

.x-menu-item-register a{
    padding-top: 24px !important;
}

.x-menu-item-register a:hover{
    box-shadow: none !important;
}

.x-navbar-register{
    border: 3px solid rgb(255, 0, 154);
    height: 60px;
    display: flex;
  	align-items: center;
  	justify-content: center;
}


.desktop .x-nav .x-megamenu.col-4 > .sub-menu > li {
	width: 18%;
}

.desktop .x-nav .x-megamenu.col-4 > .sub-menu > li:first-child {
	margin-left: 253.5px;
}

.desktop .sub-menu{
	background: rgba(0,0,0,0.7) !important;
	border-radius: 0;
}

.desktop .x-nav .x-megamenu>.sub-menu>li{
	border-right: none;
	float: none;
	margin: 0;
}

.desktop .x-nav .x-megamenu>.sub-menu>li:last-child{
	margin-bottom: 18px;
}
.desktop .x-nav .x-megamenu>.sub-menu>li:first-child{
	margin-top: 18px;
}

.x-navbar .desktop .x-nav > li ul{
	top:100px !important;
}

@media screen and (max-width: 1491px){
	.x-navbar .desktop .x-nav > li ul{
		top:200px !important;
	}
}

.desktop .x-nav .x-megamenu>.sub-menu>li>.sub-menu{
	background: transparent !important;
}

.desktop .x-nav .x-megamenu>.sub-menu>li>a>span{
	font-family:"Oswald" !important;
	font-size: 19px !important;
	text-transform: none;
}

.desktop .x-nav .x-megamenu>.sub-menu>li>a>span:hover{
	color: var(--pink);
	transition: color 0.3s ease,background-color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease;
}

.desktop .x-nav .x-megamenu>.sub-menu a{
	font-family:"Oswald" !important;
	font-size: 18px !important;

}

.x-navbar .mobile .x-nav li>a{
	font-family:"Oswald" !important;
	text-transform: uppercase;
}

.desktop .x-nav .x-megamenu>.sub-menu a{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.desktop .sub-menu a{
	display: inline-block !important;
}

.desktop .x-nav .x-megamenu>.sub-menu>li>a{
	padding-bottom: 0px;
}

.desktop .x-nav .x-megamenu.col-3>.sub-menu>li{
	width:246.53px;
}

.desktop .x-nav .x-megamenu>.sub-menu>li>ul>li>a:hover{
	color: var(--pink);
	transition: color 0.3s ease,background-color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease;
}

.x-navbar-static-active .desktop .x-nav .x-megamenu > .sub-menu, .x-navbar-fixed-top-active .desktop .x-nav .x-megamenu > .sub-menu {
    left: auto;
    padding: 0;
    right: auto;
}


@media only screen and (max-width : 1380px) {
#menu-item-6408>ul{
	/*position: fixed;
	width: 100%;
	left: 0;
	padding-left: calc((100% * .88) - 843px + ((100% - (100% * .88))/2));*/
	top: 200px !important; 
}
}
.x-navbar .desktop .sub-menu li:before,
.x-navbar .desktop .sub-menu li:after {
    background: transparent;
}

.x-brand img{
	width:275px;
}

/* .x-brand {
	position: unset !important;
} */
@media only screen and (max-width: 1065px){
	.x-brand img{
		width:214px;
	}
}
@media only screen and (max-width : 979px) {
     .x-brand{
        position:initial !important;
		margin:5px 0;
    }
}

.x-btn, .button, [type="submit"]{
	font-family:"Oswald";
	border-radius:0 !important;
}
#slide-bar{
	width:100%;
}

.banner-header{
	position:absolute;
	bottom:0;
	color:white;
	font-size:45px;
	line-height:1.2em;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
}

.banner-header-bg{
    display: inline-block;
    background: rgba(0,0,0,.75);
    padding: 2px 11px 4px 10px;
}

.entry-title{
	margin-bottom:20px;
}

/* HOMEPAGE */
.home-mission-slider{
	display:flex;
	align-items:center;
	flex-flow:column;
	max-width: 90%;
	margin: 0 auto;
}

.home-mission-slider > ul > li{
	font-size: 24px;
}

.ares .tp-bullet-title {
  display: none;
}

.ares .tp-bullet{
	background:rgba(133, 133, 133, 1) !important;
}

.ares .tp-bullet.selected{
	background:rgba(255, 0, 154, 1) !important;
}

.x-navbar .desktop .x-nav > li > a{
	font-size: 18px !important;
}
.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a{
	color:#999 !important;
	transition:color 0.3s ease,background-color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease;
}

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
	padding-left:15px !important;
	padding-right:15px !important;
}

.x-recent-posts-excerpt{
	color:#000;
}
.x-recent-posts div.x-recent-post3{
	width: 30.6666%;
	overflow: hidden;
	float: left;
	display: block;
	margin: 0 4% 0 0;
	padding: 5px 5px 0;
}
.x-recent-posts div:last-child{
	margin-right:0;
}

.x-recent-posts a{
	border: none;
	background-color:transparent;
	box-shadow: none;
	float:none;
}

.tr-recent-posts-img{
	margin: 10px 0;
	padding:0 !important;
}


@media only screen and (min-width : 767px){
	#tr-news-slider .flex-prev{
		top:50%;
		left:-10%;
	}

	#tr-news-slider .flex-next{
		top:50%;
		left:initial;
		right:-10%;
	}
}

@media only screen and (max-width : 766px){
	#tr-news-slider .flex-prev{
		top:-3.5%;
		left:0;
	}

	#tr-news-slider .flex-next{
		top:-3.5%;
		right:0;
		left:initial;
	}
}


#tr-news-slider .flex-direction-nav a{
	font-size:60px;
	background-color:initial;
	color:var(--pink);
}

#tr-news-slider .flex-prev [data-x-icon]:before, #tr-news-slider .flex-prev [class*="x-icon-"]:before{
	content:'\f104';
}

#tr-news-slider .flex-next [data-x-icon]:before, #tr-news-slider .flex-next [class*="x-icon-"]:before{
	content:'\f105';
}

/* News Slider Media page **/
@media only screen and (min-width : 767px){
	#tr-media-news-slider .flex-prev{
		top:45%;
		left:-5%;
	}

	#tr-media-news-slider .flex-next{
		top:45%;
		left:initial;
		right:-5%;
	}
}

@media only screen and (max-width : 766px){
	#tr-media-news-slider .flex-prev{
		top:-60px;
		left:0;
	}

	#tr-media-news-slider .flex-next{
		top:-60px;
		right:0;
		left:initial;
	}

	#media-news{
		position: relative;
		left: 45px;
	}
}


#tr-media-news-slider .flex-direction-nav a{
	font-size:60px;
	background-color:initial;
	color:var(--pink);
}

#tr-media-news-slider .flex-prev [data-x-icon]:before, #tr-media-news-slider .flex-prev [class*="x-icon-"]:before{
	content:'\f104';
}

#tr-media-news-slider .flex-next [data-x-icon]:before, #tr-media-news-slider .flex-next [class*="x-icon-"]:before{
	content:'\f105';
}

/* Tiles */

.tr-tile-img{
	position:relative;
	padding-bottom:56.25%;
	background: top center/cover no-repeat;
}

.tr-tile-caption{
	font-size: 18px;
	color:var(--pink);
	padding:5px 10px;
	background-color: rgba(0,0,0,.8);
	position: absolute;
	bottom:0;
}

.tr-recent-posts-title{
	font-size:24px;
	margin:0;
	text-transform:none;
}

.tr-tile-img a{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
}

.taxonomies{
	/*font-size: 14px;*/
	font-size: 18px;
	color: var(--pink);
	text-transform: uppercase;
	font-family: "Oswald",sans-serif;
	font-style: normal;
	font-weight: 700;
}

/* FOOTER */
footer, footer div{
	background-color: #000 !important;
	color: #858585;
	border: none;
	box-shadow: none;
}

footer.x-colophon.bottom{
	box-shadow: none;
}

footer.x-colophon.top{
	border: none;
}

footer h4{
	color: white;
	text-shadow: none;
	text-transform: none;
}

#text-6{
	margin-top:20px;
}
#text-6 .h-widget{
	margin: 0;
}

/*#menu-footer, #menu-my-account, #menu-special-collections, #menu-core-lessons, #menu-unit-plans{
	box-shadow:none;
	border:none;
}
#menu-footer li, #menu-footer a, #menu-my-account li, #menu-my-account a, #menu-special-collections li, #menu-special-collections a, #menu-core-lessons li, #menu-core-lessons a, #menu-unit-plans li, #menu-unit-plans a, {
	color: #666666;
	text-shadow:none;
	border:none;
	box-shadow:none;
}

#menu-footer li.current-menu-item>a, #menu-my-account li.current-menu-item>a, #menu-special-collections li.current-menu-item>a, #menu-core-lessons li.current-menu-item>a, #menu-unit-plans li.current-menu-item>a{
	background-color:#000000;
}*/

ul.menu{
	box-shadow:none;
	border:none;
}
ul.menu li, ul.menu>li>a {
	color: #FFFFFF !important;
	text-shadow:none;
	border:none;
	box-shadow:none;
}

ul.menu li.current-menu-item>a {
	background-color:#000000;
	color:var(--pink) !important;
}

footer ul li a:hover, footer .widget_nav_menu ul li a:hover{
	background-color:transparent;
	color:var(--pink) !important;
}

footer .widget_nav_menu ul li a:before{
	content:"";
	padding:0;
}

footer .widget_nav_menu ul li a{
	padding:0;
}

/* Lesson Plans */
.lesson-plan-more{
	color:#999;
}
.tr-relative-wrap{
	position:relative;
}
.tr-lessons-block{
	margin-bottom:75px;
	padding-left:13px;
}
.tr-lessons-more {
  height: 150px;
  overflow: hidden;
  margin-bottom:20px;
}
.tr-lessons-more .more-btn {
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 100%;
  text-align: left;
  margin: 0;
  background:transparent;
  /* "transparent" only works here because == rgba(0,0,0,0) */
  text-transform:uppercase;
  font-weight:bold;
}

/* CHAPTERS **/
.tr-chptr-hdr{
	color:white;
	background-color:var(--pink);
	padding:30px 25px;
	margin-top:0px;
}

/* LESSONS */
.tr-lesson-content .aligncenter{
	margin: 1.313em auto;
}

.tr-credit-container{
	position:relative;
	bottom:0;
	background: rgba(0,0,0,.75);
	height: 40px;
	width: 100%;
}
.tr-caption{
	line-height:40px;
	padding:0 10px 5px 10px;
	max-height:40px;
	color: white;
	font-size:14px;
}
.tr-lesson-content img.lessonbloc{
	padding:10px 0 30px 30px;
	float:right;
}

.tr-lesson-content img.lessonblocleft{
	padding:10px 30px 30px 0;
	float:left;
}

.tr-lesson-text ul {
	list-style: none;
	margin-left:1.2em;
	padding-left: 1em;
	text-indent: -2.2em;

}

.tr-lesson-text ul li:before {
    color: var(--pink);
    content: '>';
	margin-right:1em;
	font-size: 20px;
}

ul.pink-arrows li::marker{
	color: var(--pink);
	content: '>  ';
    font-size: 1em;
}

.tr-lesson-hdr{
	color:white;
	background-color:var(--pink);
	padding: 0px 12px 4px;
	margin-top:0px;
	margin-bottom:0;
}

.tr-lesson-chapter{
	font-size:36px;
}

.tr-lesson-lesson{
	font-size:33px;
}
.tr-lesson-explore{
	font-size:25px;
}
/*@media only screen and (min-width : 700px){*/
	.tr-lesson-lesson{
		margin-right:15px;
	}
/*}*/


#lesson-overview{
	height: 150px;
	overflow: hidden;
	margin-bottom:65px;
}

#lesson-overview .more-btn {
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 100%;
  text-align: left;
  margin: 0;
  padding-top: 20px;
  background:transparent;
  /* "transparent" only works here because == rgba(0,0,0,0) */
  text-transform:uppercase;
  font-weight:bold;
}

.tr-lesson-nav{
	background:#000;
	color:#FFF;
	padding: 4px 15px 2px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.tr-lesson-nav-sticky{
	background:#000;
	color:#FFF;
	padding: 4px 15px 2px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.tr-lesson-nav-scrolled{
	color:#FFF;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index: 99;
}

.tr-lesson-nav  a{
	font-family: "Oswald",sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	background:#000;
	color:#FFF;
	margin-right: 10px;
}

.tr-lesson-nav-sticky  a{
	font-family: "Oswald",sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	background:#000;
	color:#FFF;
	margin-right: 10px;
}
@media only screen and (max-width : 1200px) {
	.banner-header{
		font-size:45px;
	}
}

@media only screen and (max-width : 640px) {
    #homepage-lp-collection{
        padding: 0 !important;
    }
}

@media only screen and (max-width : 915px) {
    .tr-lesson-chapter{
        font-size:30px;
    }

    .tr-lesson-lesson{
        font-size:28px;
    }

    .tr-lesson-explore{
		font-size:21px;
	}

    h2{
        font-size:30px;
    }

    .banner-header{
        font-size:40px;
    }
}

@media only screen and (min-width : 700px) and (max-width : 795px) {
    .tr-lesson-hdr{
        line-height:1.3em;
        padding:5px 10px;
    }
    .tr-pink-header{
        line-height:1.3em;
        padding:5px 10px;
    }
    .tr-lesson-chapter{
        font-size:20px;
    }

    .tr-lesson-lesson{
        font-size:23px;
    }

    .tr-lesson-explore{
		font-size:16px;
	}
    h2{
        font-size:28px;
    }

    .banner-header{
        font-size:35px;
    }
}

@media only screen and (min-width : 475px) and (max-width : 699px) {
    .tr-lesson-hdr{
        line-height:1.2em;
        padding:5px 10px;
    }
    .tr-pink-header{
        line-height:1.2em;
        padding:5px 10px;
    }
    .tr-lesson-nav-scrolled .print{
        margin-top:0;
    }
    .tr-lesson-chapter{
        font-size:15px;
    }

    .tr-lesson-lesson{
        font-size:23px;
    }

    .tr-lesson-explore{
		font-size:16px;
	}

    h2{
        font-size:23px;
    }

    .banner-header{
        font-size:35px;
    }
}

@media only screen and (max-width : 474px) {
	.tr-lesson-hdr{
		line-height:1.2em;
		padding:5px 5px;
	}
	.tr-pink-hdr{
		line-height:1.2em;
		padding:5px 5px;
	}
	.tr-lesson-nav-scrolled .print{
		margin-top:0;
	}
	.tr-lesson-chapter{
		font-size:12px;
	}

	.tr-lesson-lesson{
		font-size:20px;
	}

	.tr-lesson-explore{
		font-size:13px;
	}

	h2{
		font-size:20px;
	}

	.banner-header{
		font-size:30px;
	}

  .print{
    font-size: 16px;
    line-height: 21px;
  }

  .tr-lesson-nav > a{
    font-size: 16px;
  }
}

@media only screen and (max-width : 473px) {
	.banner-header{
		font-size:30px;
	}
}

.tr-lesson-txt{
	padding: 0px 35px;
}

.tr-lesson-txt h2{
	color: #000;
}

.tr-underline div{
	color: #000;
    display: inline-block;
    padding-bottom: 9px;
    border-bottom: 6px solid var(--pink);
}

.tr-lesson-content h2{
	text-transform: none;
	color:#000;
}

.bluebox{
	line-height: 1.7 !important;
}

.x-scroll-top{
	border-radius:0;
	background-color:black;
	color:var(--pink);
	border-color:black;
	font-weight:bold;
}

.x-scroll-top:hover{
	color:var(--pink);
}

.x-scroll-top.in{
	opacity:1;
}

.tr-handout-link{
	font-size:20px;
	margin-right:50px;
}

.print{
	font-size:18px;
	margin-top:10px;
}

.print a{
	color:#FFF !important;
}
@media only screen and (min-width : 1200px) {
	.print{
		bottom:43px;
		position:absolute;
		right:15px;
	}

}

/* LOGIN/REGISTRATION */
#wpmem_reg input[type="text"], #wpmem_reg input[type="password"], #wpmem_reg input[type="email"], #wpmem_reg input[type="url"], #wpmem_reg textarea, #wpmem_login input[type="text"], #wpmem_login input[type="password"]{
	border:none !important;
	background: none repeat scroll 0% 0% #f2f2f2 !important;
	box-shadow:none;
}
#wpmem_login legend{
	display:none;
}
#wpmem_reg label, #wpmem_login label{
	font-family:Oswald;
	font-weight:bold;
	font-size:25px;
	color:#000;
}
#wpmem_reg .button_div, #wpmem_login .button_div{
	text-align:left !important;
}

#is_teacher, #is_school_admin{
	margin: 15px 20px 0 0 !important;
}

#is_student{
	margin: 15px 20px 0 0 !important;
}

#outside_us{
	margin: 15px 20px 0 0 !important;
}

#email_updates{
	margin: 15px 20px 0 0 !important;
}

.tr-reg-btn{
	display:block;
	font-family:Oswald !important;
	width:74% !important;
	border-color:none;
	border:none;
	text-shadow:none !important;
	box-shadow:none !important;
	border-radius:none !important;
	text-transform:uppercase;
	font-size:25px !important;
	font-weight:bold;
}

@media only screen and (max-width : 709px) {
	.tr-reg-btn{
		width: 100% !important;
	}
}

/* ARTICLES */
.tr-print-article p{
	margin:0 0 1.313em !important;
	line-height:1.7 !important;
	text-align:initial !important;
}

/* ABOUT */
.partner_box_logo{
	float:left;
	width:20%;
	min-width:100px;
	padding:10% 0;
}
.partner_box_txt{
	padding:10px;
}

.category-news .x-sidebar.right {
    display: none;
}

.category-news .x-main.left {
    width: 100%;
}

.single-post .x-sidebar.right {
    display: none;
}

.single-post .x-main.left {
    width: 100%;
}

/* MAPS */

.map-container{
	margin: 0px;
	padding: 0px;
	max-width:100% !important;
	width:100% !important;
}

.sh-map-pane{
	position:absolute;
	left:0;
	z-index:2;
	background:rgba(0,0,0,.85);
	height:100%;
	padding:0;
	margin-right:0;
	width:calc(6% + 421.59px) !important;
	display:none;
}

.map-pin-info{
	width:400px;
}

.map-pin-info .bodyContent img{
	width:400px;
	margin-bottom:15px;
}

.bodyContent{
	width:400px;
}

@media only screen and (min-width : 1200px) {
	.sh-map-pane{
		width:calc(((100% - 1200px)/2) + 421.59px) !important;
	}
}

@media only screen and (min-width : 916px) and (max-width: 1199px) {
	.sh-map-pane{
		width:calc(6% + 421.59px) !important;
	}
}

@media only screen and (min-width : 796px) and (max-width: 915px) {
	.sh-map-pane{
		width:calc(6% + 342.14px) !important;
	}
}

@media only screen and (min-width : 768px) and (max-width: 795px) {
	.sh-map-pane{
		width:calc(6% + 299.58px) !important;
	}
}

.sh-city-hdr{
	color:white;
	background-color:var(--pink);
	padding: 15px 15px;
	margin-top:0px;
	margin-bottom:0;
}

.sh-sub-hdr{
	color:white;
}

.sh-sidebar-content{
	padding:10px;
}

.sh-back{
	width:97.9%;
	position:absolute;
	z-index:2;
	bottom:0;
	background:var(--pink);
	color:white;
	text-transform:uppercase;
	padding:5px 10px;
}

a.sh-back:hover{
	color:#000;
}

.sh-lesson-link{
	position:absolute;
	width:97.9%;
	background:white;
	left:0;
	bottom:33px;
	color:var(--pink);
	text-transform:uppercase;
	padding:5px 10px;
}

a.sh-lesson-link:hover{
	color:#000;
}

.sonic-sidebar{
	display:none;
	color:white;
	height:100%;
	overflow-y:scroll;
}

.sonic-sidebar::-webkit-scrollbar
{
	width: 12px;
	background-color: #000;
}

.sonic-sidebar::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

@media only screen and (max-width : 767px) {
	.sh-map-pane{
		height:40%;
		width:100% !important;
		bottom:0;
	}
}

/* SEARCH */
.search-dropdown{
	display: none;
	list-style: none;
	margin: 0;
	position: absolute;
	top: calc(100% + 3px);
	z-index: 1;
	height: 35vh;
	overflow-y: scroll;
	background-color: white;
	width: calc(100% + 6px);
	border: 1px solid var(--dark-gray);
}
.search-dropdown li>label{
	display: inline;
}
.search-dropdown>li{
	display: grid !important;
	grid-template-columns: 10% 90%;
	align-items: baseline;
	padding: 5px !important;
}
.search-dropdown>li>input[type=checkbox]{
	margin-top: 10px !important;
}
.search-form-filter{
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 10px;
	list-style: none;
	margin: 0;
	width: 100%;
}

ul.search-form-filter #s{
	width: 100%;
}

@media (max-width: 850px) {
	.search-form-filter{
		grid-template-columns: 1fr;
		row-gap: 10px;
		width: 100%;
	}
	#s{
		width: 100%;
	}
}
.search-form-filter li>span::after{
	/*content: '\f078';*/
	/*content: '\f107';*/
	content: '\f0d7';
	font-family: "FontAwesome";
	margin-left: 10px;
	color: var(--pink);
}
.search-form-filter>li{
	display: flex !important;
	align-items: center;
	justify-content: center;
	position: relative;
	background-color: white;
	font-family: "Oswald",sans-serif;
	text-transform: uppercase;
	border: 3px solid var(--pink);
}
input.search-query{
	margin-bottom: 0;
}
.x-searchform-overlay .form-search #s{
	font-size:50px !important;
	background-color: rgba(0,0,0,0.04);
}

.search-form-filter input[type="submit"] {
	border: none;
	text-shadow: none;
	box-shadow: none;
	margin-bottom: 0;
	width: 100%;
	font-family: "Oswald", sans-serif !important;
}

.search-form-filter input[type="submit"]:hover {
	border: none;
}

@media only screen and (max-width : 979px) {
#ajax-search{
	width: 100%;
}
}
/*@media only screen and (max-width : 767px) {
.x-searchform-overlay .form-search #s{
	font-size:75.2px !important;
}
}

@media only screen and (max-width : 480px) {
.x-searchform-overlay .form-search #s{
	font-size:56.4px !important;
}
}*/

.searchandfilter h4{
	padding: 5px 0 10px;
	text-align:left;
}

.searchandfilter ul li{
	float:left;
	padding:0;
}

.searchandfilter label{
	font-size:20px !important;
	margin-bottom:0 !important;
}

.searchandfilter ul li li{
	padding:5px 10px;
	float:left;
}

.sf-input-checkbox{
	width:auto !important;
	margin-top:0 !important;
}

#advanced-search{
	cursor:pointer;
}

#search-tabs{
	text-align:left;
	padding-top: 25px;
	display:inline-block;
}
#search-tabs a:first-child{
	font-size:18px;
	margin:0 10px 0 0;
}
#search-tabs a{
	font-size:18px;
	margin:0 10px;
}
.active-tab{
	color:black;
}
.search-query{
	font-size:initial !important;
}

option.search-query{
	font-size:13px !important;
}

.advanced-search-menu>li{
	float:none !important;
	text-align: left;
	font-size:18px !important;
	margin: 10px 0 !important;
	cursor: pointer;
}

.advanced-search-menu::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
    }
.advanced-search-menu::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

#search-close{
	position: absolute;
	top: 0;
	right: 0;
}
#search-close:after, #search-close:hover:after{
	background: initial;
	color: initial;
	font-size: 50px;
	top:50px;
	right: 26px;
}

.no-float{
	float: unset !important;
}

.soundwave-break{
	width: 100%; 
	height:86px; 
	display: block;
}

.soundwave-break:nth-child(1){
	margin-top: -75.5px;
}

.soundwave-break{
	background:url('images/soundwave-pink.png') repeat-x center center;
}

.soundwave-break.even{
	background:url('images/soundwave-blue.png') repeat-x center center;
}

/** FAVORITES **/
.simplefavorite-button.active{
	opacity: 1 !important;
}

.simplefavorite-button{
	cursor: pointer;
}

.simplefavorite-button:hover, .simplefavorite-button:hover>i{
	color: var(--pink) !important;
}

.simplefavorite-button>i {
	text-decoration: none;
	background-color: transparent;
	-webkit-transition: color 0.3s ease,background-color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease;
	transition: color 0.3s ease,background-color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease;
}

/** NEW CARDS **/
div.search-card-container {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0px 2px 9.8px 0.2px rgba(0, 0, 0, 0.2);
  display: grid;
  grid-template-columns: 85% 15%;
  row-gap: 0;
  grid-template-rows: 250px auto;
}

div.search-card-container > div.thumb {
  display: inline-block;
  flex: 0 1 25%;
  padding: 0;
  grid-column-end: span 2;
  grid-column-start: 1;
}

div.search-card-container > div.thumb img {
    border-radius: 10px 10px 0 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

div.info>p{
    display: none;
}

#ajax-search div.search-card-container {
	background-color: white;
	border-radius: 10px;
	box-shadow: 0px 2px 9.8px 0.2px rgba(0, 0, 0, 0.2);
	display: flex;
}

#ajax-search div.search-card-container > div.thumb {
	display:inline-block;
	flex: 0 1 25%;
	padding: 0;
}

#ajax-search div.search-card-container > div.thumb img{
	border-radius: 10px 0 0 10px;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

#ajax-search div.info>p{
    display: unset;
}

.slick-slide > div{
	width: 100%;
}
.slick-slide .search-card-container{
	width: 100%;
}
/*div.search-card-container {
	background-color: white;
	border-radius: 10px;
	box-shadow: 0px 2px 9.8px 0.2px rgba(0, 0, 0, 0.2);
	display: flex;
}

div.search-card-container > div.thumb {
	display:inline-block;
	flex: 0 1 25%;
	padding: 0;
}

div.search-card-container > div.thumb img{
	border-radius: 10px 0 0 10px;
	object-fit: cover;
	width: 100%;
	height: 100%;
}*/

div.search-card-container > div.info {
	display:inline-block;
	flex: 0 1 65%;
	padding: 25px 0 25px 25px;
}

div.search-card-container > div.info > h2 {
	margin-bottom: 20px;
}

div.search-card-container > div.info > h2 > span.post-type {
	font-size: 24px;
}

div.search-card-container > div.info > h2 > span.post-title {
	font-size: 30px;
}

div.search-card-container > div.info > div.taxonomy-container{
	margin-bottom: 20px;
}

div.search-card-container > div.info > p{
	font-family: 'ProximaNovaLight', sans-serif !important;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 18px;
}

div.search-card-container > div.fav {
	display:inline-block;
	flex: 0 1 10%;
	font-size: 30px;
	padding: 25px 25px 25px 0;
	text-align: right;
}

div.search-card-container > div.fav > .simplefavorite-button, div.search-card-container > div.fav > .simplefavorite-button > i{
    color: var(--pink) !important;
}

@media (max-width: 979px) {
  div.card-grid { grid-template-columns: 1fr; }
}

@media (min-width: 980px) {
  div.card-grid { grid-template-columns: repeat(2, 1fr); }
}

div.card-grid{
	display: grid;
	grid-column-gap: 40px;
	grid-row-gap: 40px;
	padding: 40px 0 0;
}

@media only screen and (min-width : 980px) {
	#ajax-search div.thumb {
		border-radius: 10px 0 0 10px;
	}
	#ajax-search div.thumb.lesson{
		border-right: 5px solid var(--gold);
		border-bottom: none;
	}
	#ajax-search div.thumb.traceitback{
		border-right: 5px solid var(--pink);
		border-bottom: none;
	}
	
	#ajax-search div.thumb.activity{
		border-right: 5px solid var(--blue);
		border-bottom: none;
	}
}
div.thumb.lesson{
	border-bottom: 5px solid var(--gold);
	border-radius: 10px 10px 0 0;
}

/* div.thumb.lesson img, div.thumb.traceitback img{
	filter: grayscale(100%);
	mix-blend-mode: multiply;
} */

div.thumb.traceitback{
	border-bottom: 5px solid var(--pink);
	border-radius: 10px 10px 0 0;
}

div.thumb.activity{
	border-bottom: 5px solid var(--blue);
	border-radius: 10px 10px 0 0;
}

#loading-container{
	display: flex;
	height: 50vh;
	align-items: center;
	justify-content: center;
}

#loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 3px solid rgba(0,0,0,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}