* { margin:0; padding:0; }
p,h1,h2,h3,h4,h5 { margin:5px 0 10px 0; }

@font-face {
    font-family: GothamBook;
    src: url('/wp-content/themes/tedm-2020/css/fonts/Gotham-Book.otf');
}

@font-face {
    font-family: GothamBold;
    src: url('/wp-content/themes/tedm-2020/css/fonts/Gotham-Bold.otf');
}

body { font-family: GothamBook, Arial, Helvetica, sans-serif !important; }
body p { font-family: GothamBook, Arial, Helvetica, sans-serif !important; }

.header-container { 
    padding:0;
    background-color: #fff;
    background: transparent;
    margin-bottom: 0;
}
.header-logo {
    margin-top: 3%;
}
.header-container .header-logo img {
    width:80%;
}

.header-buttons {
    margin-top:10px;
}
.main-buttons {
    background-color: #486c7a;
    border-color: #486c7a;
    border-radius: 25px;
    min-width: 130px;
    -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.main-buttons:hover,
.main-buttons:focus,
.main-buttons:active {
    background-color: #375c6b;
    border-color: #375c6b;
    box-shadow: none;
}
.white-buttons {
    background-color: #fff;
    border-color: #fff;
    color:#000;
    border-radius: 25px;
    min-width: 130px;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 700;
    -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.white-buttons:hover,
.white-buttons:focus,
.white-buttons:active {
    background-color: #919191;
    border-color: #919191;
    box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background-color: #375c6b;
    border-color: #375c6b;
    box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}
.header-image {
    margin-top:auto;
}

.sub-header {
    padding: 80px 0; 
}
.sub-header .container{
    max-width: 800px;
}
.sub-header .container p{
    font-size:18px;
    margin-bottom: 30px;
}

.latest-episode, 
.single-content {
    padding: 50px 0;
}
.latest-episode h1,
.single-content h1 {
    font-weight: bolder;
    margin-bottom: 50px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
}
.latest-episode .row,
.single-content .row{
    margin-bottom: 35px;
}
.latest-episode .col-3,
.single-content .col-3 {
    margin-top: auto;
    margin-bottom: auto;
}
.latest-episode img,
.single-content img{
    padding-top:20px;
    width: 80%;
    margin: 0 auto;
    max-width: 180px;
    padding-bottom: 20px;
}
.latest-episode h4,
.single-content h4{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
}
.latest-episode h4 a,
.single-content h4 a {
    text-transform: uppercase;
    color:#000;
}
.latest-episode h4 a:hover,
.single-content h4 a:hover {
    text-decoration: none;
    color: #486C7A;
}
.latest-episode p,
.single-content p {
    font-weight: 400;
}
.latest-episode .main-buttons,
.single-content .main-buttons {
    padding: 10px 20px;
}

.latest-episode .nav,
.single-content .nav {
    padding-bottom: 25px;
}
.latest-episode .nav a,
.single-content .nav a {
    border-radius:0;
    background-color: #bbbbbb;
    color:#fff;
    transition: 0.3s;
}
.latest-episode .nav a:hover,
.single-content .nav a:hover {
    background-color: #565656;
    color:#fff;
}
.latest-episode .nav a.active,
.single-content .nav a.active {
    background-color: #565656;
}

.about-section {
    padding:50px 0;
}
.about-section h1,
.about-section h4,
.about-section h5 {
    color:#fff;
    font-weight: 700;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
}
.about-section p {
    color:#fff;
    margin-top:20px;
}
.about-section .col {
    margin-top:auto;
    margin-bottom:auto;
}
.about-section img {
    width:80%;
    text-align:center;
}
.about-section .white-buttons {
    min-width:200px;
    margin-top:30px !important;
    padding: 10px 30px;
}


.support-section {
    padding: 50px 0;
    display: block;
    min-height: 600px;
}
.support-section h1,
.support-section h4 {
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
.support-section h4 {
    margin-bottom: 50px;
}
.support-section .form {
    width:60%;
    margin:30px auto;
    max-width: 600px;
}


.support-section2 {
    padding: 80px 0 15px 0;
    display: block;
    min-height: 600px;
	background-image: url(../images/tedm-new-content-bg05.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.support-section2 h1,
.support-section2 h4 {
    color:#fff;
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
.support-section2 h4 {
    margin-bottom: 50px;
}
.support-section2 .form {
    width:60%;
    margin:30px auto;
    max-width: 600px;
}

.footer-section {
    padding:50px 0;
    background-color:#E4E4E4;
}
.footer-section a {
    text-transform: uppercase;
    font-weight: 700;
    color:#000;
    padding:10px 0;
}
.footer-section a:hover{
    text-decoration: none;
    color: #486C7A;
}

.page-header-container { 
    padding:0 0 50px 0;
    background-color: #fff;
    background: transparent;
    margin-bottom: 0;
}
.page-header-container h1 {
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding-top:40px;
    padding-left:20px;
}
.page-header-container .header-logo img {
    max-width: 200px;
    width:100%;
}
.page-header-container .header-links {
    margin-top:auto;
    margin-bottom:auto;
}
.page-header-container a {
    text-transform: uppercase;
    font-weight: 700;
    color:#000;
    padding:10px 0;
}
.page-header-container a:hover{
    text-decoration: none;
    color: #486C7A;
}

.header-divider {
    height:50px;
    background-color:#486C7A;
}

.about-header {
    padding: 50px 0 50px 0;
}
.about-header h2 {
    margin-bottom:30px;
}
.about-header h2,
.about-header h5 {
    font-family: GothamBold, Arial, Helvetica, sans-serif !important;
    text-transform: uppercase;
    color:#fff;
}
.about-header ul li span {
    font-family: GothamBold, Arial, Helvetica, sans-serif !important;
}

.about-content-top-web {
    padding:50px 0 10px 0;
}
.about-content-top-web img{
    margin-top:-200px;
}
.about-content-top-mobile img{
    width:80%;
}
.about-content-top-mobile {
    display: none;
}

.about-content {
    padding:10px 0 50px 0;
}
.about-content h4{
    padding-bottom:5px;
    font-weight:700;
}
.about-content p{
    padding-bottom:20px;
}

.about-footer {
    padding:100px 0;
}
.about-footer h2,
.about-footer h5 {
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color:#fff;
}

.single-content {
    padding:50px 0;
}
.single-content h1 {
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color:#000;
}
.single-content li strong {
    font-family: GothamBold, Arial, Helvetica, sans-serif;;
    text-transform: uppercase;
    color:#000;
    font-size: 18px;
}
.single-content i {
    color:#000;
}
.single-content ul li {
    list-style-type: none !important;
}
.single-content li {
    color:#000;
    margin-bottom:10px;
}
.single-content div {
    color:#000 !important;
}
.single-content a {
    font-weight: 700;
    color:#486C7A;
    padding:10px 0;
}
.single-content a:hover{
    color: #1d343d;
}

.subscribe-content {
    padding: 50px 0;
}
.subscribe-content h3 {
    font-family: GothamBold, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color:#000;
}
.subscribe-content p {
    margin-bottom: 50px;
}
.subscribe-content img{
    max-width: 200px;
    width:60%;
    margin-bottom: 20px;
}
.subscribe-content a {
    font-weight: 700;
    color:#000;
    padding:10px 0;
}
.subscribe-content a:hover{
    color: #1d343d;
}

/* Pagination */
.pagination {
    position:relative;
    font-size:18px; /* Pagination text size */
    line-height:13px;
    align-items: center;
    justify-content: center;
    margin:75px 0 50px 0;
 }
 .pagination span, .pagination a {
    display:block;
    float:left;
    margin: 2px 2px 2px 0;
    padding: 12px 15px 12px 14px;
    text-decoration:none;
    width:auto;
    color:#fff; /* Pagination text color */
    background: #486C7A; /* Pagination non-active background color */
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
    border-radius:6px;
 }
 .pagination a:hover{
    color:#fff;
    background: #555; /* Pagination background on hover */
 }
 .pagination .current{
    padding: 12px 15px 12px 14px;
    background: #555; /* Current page background */
    color:#fff;
 }

.reinchannel-cta {
	background-color: #4A707D;
    opacity: 0.9;
    z-index: 1;
    margin-top: -160px;
    padding: 10px 0;
    height: 160px;
}

.reinchannel-cta a {
	text-align: center;
    background-color: #ED262B;
    color: #fff;
    border-radius: 15px;
    padding: 10px 30px;
    margin: 15px auto;
    display: block;
    max-width: 350px;
    text-decoration: none;
    transition: 0.3s;
}
.reinchannel-cta a:hover {
	background-color:#ca181d;
}

.frame-container {
	background-color: #ffffff6e;
	padding: 20px 50px;
    max-width: 600px;
    margin: 0 auto 20px auto;
}

@media (max-width: 1200px) {
    .reinchannel-cta {
		margin-top: -135px;
		height: 135px;
	}
}

@media (max-width: 991px) {
    .about-content-top-web img{
        margin-top:0;
    }
	.header-container .header-logo img {
		width: 40%;
		max-width: 125px;
	}
}

@media (max-width: 768px) {
	.single-content h1 {
		font-size:24px;
	}
	
    .main-buttons {
        font-size:12px;
    }
    .page-header-container .header-logo {
        text-align: center;
        padding-top:0;
        padding-bottom:40px;
    }
    .about-header {
        padding: 50px 0;
    }
    .about-content-top-web {
        display: none;
    }
    .about-content-top-mobile {
        display: block;
    }
    .subscribe-content .col-md-3 {
        margin-bottom:40px;
    }
	.reinchannel-cta {
		margin-top: -105px;
		height: 105px;
	}
	.reinchannel-cta a {
		font-size: 10px;
    	padding: 10px 10px;
		margin: 10px auto;
	}
    .latest-episode .row,
    .single-content .row{
        text-align: center;
    }
}