/* Podcast The Tenacious Teacher Styles */

/* Fonts */

@import url("https://use.typekit.net/byo2ecg.css");

@font-face {
  font-family: "Thinkthin";
  src: url("../fonts/Thinkthin.woff") format("woff"),  url("../fonts/Thinkthin.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

html{
  font-size: 100%;
}

body{
	font-family: "sofia-pro", sans-serif;
	font-size:1.25rem;
	font-weight: 400;
	line-height: 120%;
	color:#1A1818;
}
h1{
	font-family: "sofia-pro", sans-serif;
	font-weight: 700;
    font-size: 2.875rem;

}
h2, .h2{
	font-family: 'Thinkthin', sans-serif;
	font-size: 3.125rem;
	color: #1A1818;
	font-weight: 400;
}
.h1{
	font-size:4.375rem;
}
h3{
	font-family: 'Thinkthin', sans-serif;
}
p{
	 font-size: 1.25rem;
}
.button {
    background: #fff;
    color: #1A1818;
    border-radius: 26px;
    padding: 15px 30px;
    font-family: 'sofia-pro', sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    opacity: 1;
    transition: all 0.25s ease-out;
          -webkit-transition: all 0.25s ease-out;
          -moz-transition: all 0.25s ease-out;
          -o-transition: all 0.25s ease-out;
}
.button:hover, .button:focus{
	background: #fff;
    color: #1A1818;
	opacity: 0.75;
	text-decoration: none;
	border-radius: 26px;
    padding: 15px 30px;
    font-size: 1.125rem;
    font-weight: 700;

}
.button.blue-button{
	background: #397A91;
	color: #fff;
}
.podcast-header {
    padding-top: 25px;
}
header .logo-tenacious{
	width: 100%;
	max-width: 160px;
}
header .podcast-nav li{
	display: inline-block;
}
header .podcast-nav a {
    color: #1A1818;
    font-size: 1.125rem;
    text-decoration: none;
    font-weight: 400;
    margin: 0 50px;
}
header .podcast-nav {
    display: flex;
    align-items: center;
}
header .podcast-nav .contact {
    margin-left: auto;
}
header .podcast-nav .contact .button {
    font-weight: 700;
    margin: 0px;
}
footer.podcast-footer {
    color: #397A91;
    background: #1A1818;
    text-align: center;
    padding: 28px 0 30px;
    font-size: 1rem;
}
footer .copy{
	font-size: 1rem;
	margin:0px;
}
.page-template-page-tenacious-teacher .fancybox-bg{
	background: #FFD400;
}
.page-template-page-tenacious-teacher .fancybox-is-open .fancybox-bg {
    opacity: 0.90;
}
.fancybox-container .fancybox-content {
    max-width: 880px;
    padding: 50px 30px 30px;
    border-radius: 20px;
    font-family: 'sofia-pro', sans-serif;
}
.fancybox-container .fancybox-content .fancybox-iframe{
	border-radius: 20px;
}
.fancybox-container .fancybox-content .h2 {
    text-align: center;
    margin-bottom: 50px;
}
.fancybox-container .fancybox-close-small{
	/*display: none;*/
	background: transparent;
    color: #1A1818;
}
.fancybox-container p {
    margin-bottom: 27px;
    font-family: 'sofia-pro', sans-serif;
}
.fancybox-container .logo-nominate {
    width: 100%;
    max-width: 170px;
    margin: auto auto 50px auto;
    display: block;
}
.fancybox-container form .wpcf7-text, .fancybox-container form .wpcf7-email, .fancybox-container form .wpcf7-textarea{
	background: #E4EDF0;
    border-radius: 10px;
    border: 0px;
    width: 100%;
    max-width: 450px;
    font-size: 1.125rem;
    font-family: 'sofia-pro', sans-serif;
    padding: 12px 16px;
}
.fancybox-container form .wpcf7-text:focus, .fancybox-container form .wpcf7-email:focus, .fancybox-container form .wpcf7-textarea:focus{

    padding: 12px 16px;
}

.fancybox-container form{
	width: 100%;
}
.fancybox-container .wpcf7-textarea {
    height: 240px;
}
.fancybox-container .wpcf7-submit{
	border: 0px;
    background: #397A91;
    text-transform: none;
	color: #fff;
	border-radius: 26px;
    padding: 15px 30px;
    font-family: 'sofia-pro', sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    opacity: 1;
    transition: all 0.25s ease-out;
          -webkit-transition: all 0.25s ease-out;
          -moz-transition: all 0.25s ease-out;
          -o-transition: all 0.25s ease-out;
}
.fancybox-container .wpcf7-submit:hover, .fancybox-container .wpcf7-submit:focus{
	background: #397A91;
	color: #fff;
	opacity: 0.75;
	text-decoration: none;
	border-radius: 26px;
    padding: 15px 30px;
    font-size: 1.125rem;
    font-weight: 700;
}
.fancybox-container .link{
	font-size: 1.125rem;
	font-weight: 400;
	text-decoration: none;
	color: #1A1818;
	margin-right:20px;
    font-family: 'sofia-pro', sans-serif;
}
.fancybox-container .wpcf7-spinner{
	    position: absolute;
    bottom: -32px;
    right: 25px;
}
.fancybox-container .wpcf7 form .wpcf7-response-output {
    border: 0px;
    padding: 0px;
    font-size: 1.125rem;
    max-width: 420px;

    margin-right: 0px;
    margin-left: 0px;
}
.fancybox-container .wpcf7-not-valid-tip{
	font-size: 1rem;
}
.fancybox-container form p{
	margin-bottom: 12px;
}
.fancybox-container h2 {
    text-align: center;
    margin-bottom: 50px;
}
.fancybox-container .wpcf7-form.sent p{
	display:none;
}

.tenacious-template{
	/*background: url('../img/podcast/bg-hero.png') no-repeat top -400px center;*/
	background: url('../img/podcast/bg-hero-new.png') no-repeat top -400px center;
    background-size: 2250px;
}
.tenacious-template .overview {
    padding-top: 235px;
    margin-top: -180px;
}
.tenacious-template .overview .banner-img {
    max-width: 613px;
    width: 100%;
}
.tenacious-template .overview .intro{
   margin-bottom:32px;
}
.tenacious-template .overview .note {
    margin-top: 20px;
}
.tenacious-template .host {
    /*padding: 320px 0 200px 0;*/
	padding: 0 0 130px 0;
}
.tenacious-template .host-img {
    width: 100%;
    max-width: 313px;
}
.tenacious-template .latest {
    padding: 380px 0 200px 0;
}
.tenacious-template .empty-section {
    padding-top: 350px;
}
.tenacious-template .latest .img-wrap{
	background:url('../img/podcast/image-latest-episode-bg.png') no-repeat center center transparent;
	background-size: contain;
	padding:55px 58px 106px 58px;
}
.tenacious-template .latest .latest-img{
	width: 100%;
	max-width: 454px;
	border-radius: 20px;
}
.tenacious-template .latest .latest-cat {
    color: #7C7C7C;
    font-size: 1.125rem;
    margin-bottom: 10px;
}
.tenacious-template .latest .summary {
    font-size: 1.125rem;
    line-height: 150%;
    margin-bottom: 30px;
}
.tenacious-template .latest .read-more {
    color:#1A1818;
    text-decoration: none;
    font-weight: 400;
    font-size: 1.125rem;
    margin-left: 30px;
}
.tenacious-template .latest .listen {
    font-size: 1rem;
    margin-top: 20px;
    margin-left: 10px;
    margin-bottom: 0px;
}
.tenacious-template .episodes-nominate {
    position: relative;
    background: #FFD400;
    padding: 96px 0 154px 0;
}
.tenacious-template .episodes-nominate:before{
	content:'';
	background:url('../img/podcast/top-wave.png') no-repeat center top transparent;
	background-size: cover;
	height: 82px;
	width: 100%;
	position: absolute;
	top: -81px;
	left: 0px;
}
.tenacious-template .episodes-nominate:after{
	content:'';
	background:url('../img/podcast/wave-bottom.png') no-repeat center top transparent;
	background-size: cover;
	height: 82px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.tenacious-template .episodes-nominate h2{
	text-align: center;
	margin-bottom:57px;
}
.tenacious-template .episodes-nominate .box{
	margin-bottom:30px;
	border-radius: 20px;
	overflow: hidden;
}
.tenacious-template .episodes-nominate .box .img-wrap{
	width: 100%;
    overflow: hidden;
}
.tenacious-template .episodes-nominate .episode-img {
    object-fit: cover;
    object-position: center;
}
.tenacious-template .episodes-nominate .episode-link{
	text-decoration: none;
}
.tenacious-template .episodes-nominate .box .title {
    text-decoration: none;
    font-size: 1.625rem;
    margin-bottom: 13px;
	min-height: 72px;
}
.tenacious-template .episodes-nominate .box .info {
    color: #666666;
    font-size: 1rem;
    font-weight: 400;
}
.tenacious-template .episodes-nominate .box .episode-num {
    text-align: left;
    display: inline-block;
    width: calc(55% - 5px);
}
.tenacious-template .episodes-nominate .box .duration {
    text-align: right;
    display: inline-block;
    width: 45%;
}
.tenacious-template .episodes-nominate .box .text-wrap{
	padding:25px 30px 30px;
	background: #fff;
	color:#1A1818;
}
.tenacious-template .episodes-nominate .nominate {
    padding: 120px 0 90px 0;
    position: relative;
}
.tenacious-template .episodes-nominate .bg-nominate{
	background: url('../img/podcast/bg-nominate-a-tt.png') no-repeat center top transparent;
	background-size: 6574px;
	opacity: 0.15;
	position: absolute;
	bottom: 0px;
    left: 0px;
    width: 100%;
    height: 900px;
}
.tenacious-template .episodes-nominate .logo-nominate {
    max-width: 364px;
    width: 100%;
}
.tenacious-template .episodes-nominate .nominate-text{
	font-size: 2.25rem;
    line-height: 120%;
    margin-bottom: 25px;
}
.tenacious-template .about{
	padding:180px 0 100px 0;
}
.tenacious-template .about .friendship-title {
    margin-top: 160px;
}
.tenacious-template .cta-podcast {
    background: #397A91;
    color: #fff;
    padding: 190px 0 130px;
    position: relative;
}
.tenacious-template .cta-podcast .bg-cta{
	background: url('../img/podcast/bg-cta.png') no-repeat center top transparent;
	background-size: 6574px;
	opacity: 0.04;
	position: absolute;
	bottom: 0px;
    left: 0px;
    width: 100%;
    height: 900px;
}
.tenacious-template .cta-podcast:after{
	content:'';
	background:url('../img/podcast/wave-top.png') no-repeat center bottom transparent;
	background-size: cover;
	height: 82px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: -1px;
}
.tenacious-template .cta-podcast h2{
	color: #fff;
	margin-bottom: 22px;
}
.tenacious-template .cta-podcast .join{
	margin-bottom: 48px;
}
.tenacious-template .cta-podcast .button{
	background-color:#FFD400;
}
/* Teachers Nominees List */
.teacher-list{
	background: #fff;
	padding: 100px 0;
	min-height: 600px;
}
.teacher-list .table-row {
    display: table-row;
    background: #f2f2f2;
}
.teacher-list .table-row:nth-child(2n){
	background: #20a1a138;
}
.teacher-list .table-cell {
    display: table-cell;
    padding: 25px 20px;
    /*width: 15%; */
	width: 35%;
}
.teacher-list .table{
	border-radius: 20px;
	overflow: hidden;
	margin-top: 30px;
}
.teacher-list .name{
	font-weight: 700;
}
.teacher-list a{
	color: #397A91;
}
.teacher-list .table-cell.cell-document {
   /* width: 30%; */
	width: 10%;
}
.teacher-list .table-cell.cell-video {
    width: 10%;
}
.nominees-header .friendship-logo{
	max-width: 250px;
	width: 100%;
}
.teacher-list h1{
    font-family: 'Cabin', sans-serif;
    font-weight: 700;
    font-size: 2.875rem;
    text-align: center;
}
.teacher-list h2{
	font-family: 'Cabin', sans-serif;
    font-weight: 700;
    font-size: 2rem;
    text-align: center;
}
.teacher-list h3, .teacher-list h4{
	font-family: 'Cabin', sans-serif;
}
.teacher-list .intro {
    margin-bottom: 100px;
}
.teacher-list .protocol_title{
	margin-bottom:50px;
}
.teacher-list .table li {
    margin-bottom: 10px;
}
.teacher-list .post-password-form > p:first-child {
    font-size: 1.5rem;
}
.teacher-list .post-password-form input[type="submit"] {
    margin-top: -3px;
}
.teacher-list .post-password-form {
    max-width: 600px;
    margin: 0 auto;
}
.teacher-list .portfolio-row {
		padding: 5px 0px 0px 0px;
}
.teacher-list .judges-row {
		padding: 5px 0px 40px 0px;
}
.judges-form ol{
	margin:10px 0 60px 0;
	padding-left:20px;
}
.judges-form ol li{
	margin-bottom: 25px;
    list-style-type: decimal;
}
.judge-button {
	position: absolute;
	right: 150px;
    top: 35px;
}
.judge-mobile-button {
    max-width: 250px;
    margin: -50px auto 40px auto;
}

@media all and (max-width:1200px){
	.tenacious-template .host {
	    padding-top: 0px;
	}
	.tenacious-template{
		background-position: top -480px center;
	}
	.tenacious-template .empty-section {
        padding-top: 300px;
	}
	.tenacious-template .latest {
        padding: 350px 0 200px 0;
	}
}
@media all and (min-width:992px) and (max-width:1200px){
	.tenacious-template .episodes-nominate .box .title{
		font-size: 1.325rem;
	}
}

@media all and (max-width:991px){
	header .logo-link{
		text-align: center;
		display: block;
	}
	.tenacious-template .overview .banner-img {
	    max-width: 500px;
	    width: 100%;
	    margin: 0 auto 50px auto;
	    display: block;
	}
	.tenacious-template {
	    background-position: top -220px center;
	}
	.tenacious-template .latest .img-wrap{
    	padding: 35px 28px 50px 28px;
	}
	.tenacious-template .about {
	    padding: 120px 0 100px 0;
	}
	.teacher-list .portfolio-row {
		padding: 50px 0px;
	}
	.teacher-list .protocol_title{
		margin-bottom:20px;
	}
}

@media all and (max-width:767px){
	h1{
		font-size: 2.5rem;
	}
	.tenacious-template .host-img {
	    max-width: 280px;
	    margin-bottom: 20px;
	}
	.tenacious-template .host {
	    padding-top: 0px;
	}
	.tenacious-template {
    	background-position: top -150px right 46%;
	}
	.tenacious-template .latest {
	    padding: 300px 0 120px 0;
	}
	.tenacious-template .latest .img-wrap {
	    margin-bottom: 40px;
	}
	.tenacious-template .episodes-nominate .logo-nominate {
	    max-width: 300px;
	    margin: auto auto 40px auto;
	    display: block;
	}
	.tenacious-template .about {
	    padding: 90px 0 90px 0;
	}
	.fancybox-container .fancybox-content {
	    padding: 50px 10px 30px;
	}
	.tenacious-template .episodes-nominate .box .title {
	    min-height: 0px;
	}
	
}

@media all and (max-width:410px){
    .tenacious-template {
    	background-position: top -50px right 46%;
	}
}