/*
Theme Name: The EdTech Podcast
Theme URI: https://theedtechpodcast.com/wp-content/themes/theedtechpodcast
Description: Child-theme based on Ultra from Themify.me for The EdTech Podcast
Author: Michael Oglesby - www.michaeloglesby.com
Version: 1.5.0
Template: themify-ultra
Tags:
*/

/* Colours: Main Blue - #7CC2E5 | Deep Blue - #437C98 */
/* Main Body Styles */
p { margin-bottom: 1.5em; }
body { background-color: #FFFFFF; font-family: 'Playfair Display', serif; font-weight: 400; color: #292929; font-size: 1.20em; }
blockquote:before { color: #7CC2E5; }
#content { padding-bottom: 0; }

/* Links */
a { color: #437C98; }

/* Headings */
h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display', serif; font-weight: 700; color: #000000; text-transform: none; letter-spacing: 0em; }
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

/* Header and Site Logo*/
#headerwrap { background-color: #FFFFFF; }
#headerwrap.fixed-header, .transparent-header #headerwrap.fixed-header { background-color: #FFFFFF; }
#header { padding: 0.1em 0 0.5em 0; }
#site-logo { margin-top: 0.25em; margin-bottom: 0; }
.header-block #headerwrap.fixed-header .header-bar #site-logo { width: 250px; }


/* Main Navigation */
#main-nav a { font-family: 'Playfair Display', serif; font-weight: 700;  font-size: 1em; }
#main-nav a, #main-nav > li > a { color: #FFFFFF; }
#main-nav a:hover, #main-nav > li > a:hover { color: #FFFFFF; text-decoration: underline; }
#main-nav .current_page_item > a, #main-nav .current-menu-item > a, #main-nav > .current_page_item > a, #main-nav > .current-menu-item > a { color: #FFFFFF; }
#main-nav .current_page_item a:hover,  #main-nav .current-menu-item a:hover { color: #333333; text-decoration: underline; }
#main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a, .fixed-header #main-nav ul a, #main-nav .has-mega-column > .sub-menu a { color: #333333; }
/* Donate Menu Item */
li#menu-item-7853 a { border: 2px solid #FFFFFF; border-radius: 3px; }
li#menu-item-7853 a:hover { background: #000000; }

/* Mobile Menu */
.menu-icon-inner { color: #FFFFFF; }
.mobile_menu_active .header-icons { top: 40px; }
.mobile_menu_active #menu-icon-close { color: #FFFFFF; }
/* Search Icon */ .search-button { color: #FFFFFF; }

/* Footer navigation */
#footer-nav a {	color: #FFFFFF; }
#footer-nav a:hover, #footer-nav li:hover > a { color: #FFFFFF; text-decoration: underline; }
#footer-nav .current_page_item a, #footer-nav .current-menu-item a { color: #FFFFFF; }
#footer-nav .current_page_item a:hover, #footer-nav .current-menu-item a:hover { color: #FFFFFF; text-decoration: underline; }

/* Post and Page Design */
.single .post-meta, .single .post-title { text-align: left; }
.loops-wrapper.list-post .post-date, .single .post-content .post-date { background-color: rgba(124,194,229,.8); text-align: left; }
.loops-wrapper.list-post .post-date, .single .post-content .post-date .post-title a { color: #437C98; }
.post-title a { color: #437C98; }
.post-title a:hover { color: #333333; }
.loops-wrapper.list-post .post-author, .loops-wrapper.list-post .post-author, .single .post-author { text-transform: none!important; }
.post-nav .arrow { color: #7CC2E5; }
/* .loops-wrapper.boxed .post, .loops-wrapper.grid3 .post { background-color: #FFFFFF; box-shadow: 0 2px 8px 0px rgba(0,0,0,0.3); } */
.post-date { font-size: 0.6em; text-align: left; letter-spacing: 0; text-transform: none; font-weight: 700; }
.post-content { padding: 0 15px 0 15px; }
.loops-wrapper .post { text-align: left; }
/* Related Posts */
.related-posts .post-meta { display: none; font-size: 1em; }

/* Comments */
.commentlist cite { font-style: inherit !important; }
.commentlist .comment-time { text-transform: none!important; }

/* Form Components */
input[type=reset], input[type=submit], button { background-color: #7CC2E5; }
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { width: 100%; }
input.wpcf7-form-control.wpcf7-text { width: 100%; }

/* Footer */
#footerwrap { background-color: #333333; }
#footer { color: #FFFFFF; }
#footer a { color: #FFFFFF; text-decoration:underline; }
#footer, #footer-logo, .footer-nav a, .footer-text { font-family: Fira Sans; font-weight: 400; }
#footerwrap h4 { text-transform: none; color: #FFFFFF; margin-top: 0; letter-spacing: 0; }

/* Page Flush to top */
.page-id-10 #content { padding-top: 0%; }
.page-id-1673 #content { padding-top: 0%; }
.page-id-8196 #content { padding-top: 0%; }

/* Countdown Module Styling */
.module-countdown .builder-countdown-holder .ui { margin-right: 1%; border-radius: 5px; }

/* Testimonial Slider */
figure.testimonial-image { margin-bottom: 25px; }
.testimonial-author { font-weight: bold; }

/* Amazon Affiliation Links */
.aalb-pa-ad-unit { background: transparent !important; padding: 0px 0px !important; }

/* Festival Programme Table */
.mptt-shortcode-wrapper .mptt-shortcode-table { width: 100%; }
.mptt-event-container.id-133.mptt-colorized { height: 872px !important; }

/* YouTube Videos */
.embed-youtube { padding-bottom: 0; }

/* Advert Placement */
.AdvertPlacementTop { margin-top: 2%; margin-bottom: 0; }
.AdvertPlacementBottom { margin-top: 0%; margin-bottom: 3%; }

/* TablePress Elements */
.tablepress .column-1, tablepress .column-2 { width: 35%; }
.tablepress .column-3, tablepress .column-4 { width: 15%; }

/* LearnDash LMS */
.single-sfwd-courses .entry-meta,
.single-sfwd-lessons .entry-meta,
.single-sfwd-topic .entry-meta,
.single-sfwd-quiz .entry-meta,
.single-sfwd-assignment .entry-meta {
	display: none;
}

/*Responsive Elements */
@media screen and (max-width: 1100px) {
#headerwrap #mobile-menu.sidemenu-on {	
	background-color: #654E9C; 
}
#headerwrap #mobile-menu.sidemenu-on nav li {	
	color: #FFFFFF; 
}
#headerwrap #mobile-menu.sidemenu-on nav a:hover, #headerwrap #mobile-menu.sidemenu-on nav .current-menu-item > a {	
	color: #000000; }
}
@media screen and (max-width: 1024px) { 
    #site-logo img { width: 291px; }
 }

@media screen and (max-width: 768px) { 
    #site-logo img { width: 291px; }
 }

@media screen and (max-width: 480px) {
    #site-logo img { width: 175px; }
 }