/*
Theme Name: News 24 Child
Description: Child theme for News 24. Child themes are the recommended way of making modifications to a theme. <a href="http://codex.wordpress.org/Child_Themes">Read More</a>
Author: ThemeHeap
Author URI: https://themeforest.net/user/themeheap
Template: news24
Tags: one-column, two-columns, right-sidebar,sticky-post,theme-options, custom-background, custom-menu, editor-style, featured-images, threaded-comments, translation-ready
Text Domain: news24-child
Domain Path: /languages
License: 
License URI:
*/


/* =Theme customization starts here
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Fredoka+One|Open+Sans');

body {font-size: 16px !important;}

@media (max-width: 991px){
.th-mostpopularpost .th-contentbox, .th-contentbox {width:100%;}  
.th-header .container .th-logoarea {background-position:right !important;}

.news24-elm-section {padding:0px !important;}
.th-addbox {margin-bottom:30px !important;}
.th-themepost-img figcaption {position:static; color:#000 !important; }
.th-themepost-img figcaption .th-postmatadata li time, .th-themepost-img figcaption a {color:#000 !important; }
}

.th-footertitle {padding-bottom:20px;}

.th-postdetail .th-description p {margin:0 0 20px !important;}
/*.th-postauthor{display: none;}*/
.blog-grid-v1 .th-themepost {min-height:auto;}
.th-themepost {margin-top:0px;}
.news24-elm-section {padding:25px 0px;}
.th-main {padding:50px 0px;}
.th-header {background:none;}
.th-header .container .th-logoarea {background: url("/wp-content/uploads/2017/05/the-football-girl-header.jpg") center center no-repeat; -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.th-logo {padding: 7px 0px;}

.th-postdetail iframe { float:none;}

.th-posttitle a:hover {color:#18aa9c!important;}

#th-main .news24-elm-section:nth-child(1){padding:0px 0px 30px 0px;}

.home .blogs-large-view .th-posttitle, .home .th-threecolumns.blog-grid-v2 .th-posttitle {
	background: rgb(0, 0, 0); /* Fall-back for browsers that don't support rgba */
   	background: rgba(0, 0, 0, .5);
	padding:5px 15px !important;
}

.th-nav > div > ul > li {padding:10px 40px 15px 0;}

/*.home .th-postmatadata {display:none;}*/

.th-widget ul.th-socialicons li {width:50%;}

.simple-links-widget-item img {
    float: left;
    margin-right: 10px;
    padding-bottom: 15px;
}

.newsletter-widget input.form-control {margin-bottom:10px; border:solid 1px #555;}

a img.alignnone {margin-top:0px !important;}

figcaption, .th-post-tags {display:none;}
.btn-primary {color:#fff !important; height:45px !important;}

/* Teal Color #18aa9c */
.th-nav > div > ul > li > a:hover, .th-nav > div > ul > li.dropdown > a:hover:before {color:#18aa9c;}
.th-btn.th-active, .th-btn:hover, .th-btntwo.th-active, .th-btntwo:hover, .th-nav > div > ul > li > ul li a:before, .th-newsletterbox, .th-post-count, .th-adds li .th-btn:hover, .th-shopbanner figcaption .th-btn, .th-banner .th-trandingcategory .th-themetabnav ul li a:after, .th-producttabnav li a:hover, .th-producttabnav li.active a, .th-number, .th-accounttabs > ul > li.active, .page-links > span:hover, .page-links a:hover, .th-postdetail .th-description p  input[type="submit"]:hover, .woocommerce .cart .actions input.button:hover, .woocommerce #respond input#submit:hover, .th-theme-tag {background:#18aa9c !important;}

.th-btn.th-active, .th-btn:hover, .th-theme-tag:after, .th-themesocialicon li a:hover, .th-theme-tag:before, .th-adds li .th-btn:hover, .th-shopbanner figcaption .th-btn, .page-links > span:hover, .page-links a:hover, .th-postdetail .th-description p  input[type="submit"]:hover {border-color:#18aa9c !important;}

.th-pagination ul li a:hover, .th-socialicons li a:hover em, .th-pagination ul li.th-active a, .th-nav > div > ul li, .th-nav, .th-navigation, .cd-main-header{border-color:#18aa9c !important;}

.th-pagination ul li a:hover, .th-pagination ul li.th-active a {background:#18aa9c !important;}

.th-btnsearch:before {background:#18aa9c !important; height:5px;}
.th-btnsearch {border:none;}


.th-description a, .th-breadcrumb li.th-active {color:#18aa9c !important;}
.nc_socialPanel a {color:#fff !important;}

.th-themepost { margin-bottom:40px;}
.category-nfl-rundown .th-description,.category-nfl-rundown .th-themepost-img {display:none;}

/*FIX TWITTER EMBED FLOATTING ISSUES*/
@media screen and (max-width: 640px) {
	.twitter-video div[style]{
		padding-bottom: 0 !important;
		height: unset !important;
	}
	.twitter-video iframe[style]{
		position: inherit !important;
		height: 50vw !important;
	}
}

/*FIX HOMEPAGE & GENERAL TABLET/MOBILE DESIGN INCONSISTENCIES*/
.th-themepost.th-thumbpost .th-posttitle h2, .th-lifestylepost .th-themepost .th-posttitle h2{
	padding-bottom: 10px;
}

/**
 * MailChimp Newsletter
 * Added by Karen Gill - 07/06/18
 */
section.yikes-mailchimp-form-description {
    margin-bottom: 12px;
}
aside .yikes-easy-mc-form input,
footer .yikes-easy-mc-form input{
	padding: 10px !important;
    font-weight: normal;
	text-transform: none;
}
aside .yikes-easy-mc-form input {
    background: #fff !important;
    border: 1px solid #000 !important;
}
footer .yikes-easy-mc-form input {
    border: none !important;
    border-radius: 3px 0 0 3px;	
}
footer .yikes-easy-mc-form label, footer .yikes-easy-mc-form button {
    float: left;
    width: 70%;
}
aside .yikes-easy-mc-form button,
footer .yikes-easy-mc-form button {
	font-weight: bold;
	text-transform: uppercase;
	border: none;
}
aside .yikes-easy-mc-form button{
	background: #000;
    display: inline-block !important;
    width: auto !important;
    padding: 10px 30px !important;
    border-radius: 8px;
    min-height: unset !important;
    height: unset !important;
	margin-top: -10px !important;
}
footer .yikes-easy-mc-form button {
    border-radius: 0 3px 3px 0;
    margin: 0 !important;
    width: 30% !important; 
	background: #3d3d3d;
}
aside .yikes-easy-mc-form button:hover,
footer .yikes-easy-mc-form button:hover{
	background: #18aa9c;
}

@media screen and (max-width: 768px) {
	.home .th-postmatadata,
	.home .wpb_text_column p:last-child{
		display: none;	
	}
	.home .th-themepost-img figcaption {
    	padding: 20px 0 !important;
    	box-sizing: border-box;
	}
	.home .wpb_single_image .vc_figure,
	.home .wpb_single_image .vc_single_image-wrapper{
		display: block !important;
	}
	.home .wpb_single_image img {
    	width: 100%;
	}
	.home .blogs-large-view .th-posttitle, .home .th-threecolumns.blog-grid-v2 .th-posttitle,
	.home .th-posttitle{
		background: none !important;
		padding: 15px 0 10px 0 !important;
	}
	.home .th-posttitle h2, .home .th-posttitle h3 {
    	font: 500 22px/30px 'Roboto', Arial, Helvetica, sans-serif !important;
	}
	.home .th-themepost-img figcaption{
		padding-bottom: 0 !important;
		margin-bottom: -20px;
	}
	.home .th-section-head h2 {
    	line-height: 38px;
	}
	
	footer .th-footerbar{
	 	display: none;
	}
	footer .th-footerthreecolumns {
    	padding: 40px 0 20px;
		margin-bottom: 15px;
	}
	footer .th-widget ul.th-socialicons li {
    	width: 50% !important;
	}
	footer .th-socialwidgets {
		text-align: center;
		margin: 10px 0;
		padding: 0 0 15px 0;
	}
	footer .th-socialwidgets .col-md-4{
		padding: 4px 0;
	}
	footer .th-socialwidgets > div .th-footercol {
		min-height: unset !important;
	}
	footer .th-socialwidgets > div + div + div .th-footercol, 
	footer .th-footerthreecolumns > div + div + div .th-footercol {
		padding: 0 !important;
	}
	footer .th-socialicons {
		padding-bottom: 40px;
	}
	
	.th-thumbpost .th-themepost-img {
    	float: none;
		margin: 0;
	}
	.th-postmatadata {
		padding: 5px 0;
	}
}




/*************MAILCHIMP POPUP (POPUP MAKER)*************/

.newsletter {
    display: flex;
    align-items: center;
	flex-direction: row-reverse;
}
.newsletter .fleft, .newsletter .fright {
    padding: 0 20px;
}
.newsletter .fleft {
    width: 40%;
}
.newsletter .fright {
    width: 60%;
}
.newsletter .fleft img {
    margin: 20px 0;
}

.pum-container h3 {
    text-transform: uppercase;
    font-size: 32px;
    padding: 0 0 10px;
    letter-spacing: 2px;
    color: #fff;
    font-family: Fredoka One;
    line-height: 38px;
}
.pum-container p {
	font-size: 16px;
	font-family: 'Open Sans';
	margin-bottom: 20px;
}

.pum-container .pum-form__field--email, 
.pum-container .pum-form__field--submit {
    float: left;
    width: 70% !important;
}
.pum-container .pum-form__field--email input {
    border: none;
    border-radius: 3px 0 0 3px;
    font-weight: 400;
}
.pum-container .pum-form__field--submit{
	width: 30% !important;
}
.pum-container .pum-form__field--submit button{
    margin: 0;
    border-radius: 0px 3px 3px 0px;
    border: none;
    background: #3c3c3c;
    text-transform: uppercase;
    font-weight: 600;
	height: 45px;
}
.pum-container .pum-form__field--submit button:hover{
	background: #0a2338;
}

.pum-container .pum-close::after {
    content: '\f00d';
    display: block;
    font-family: FontAwesome;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    line-height: 20px;
    color: #00243a;
    font-size: 18px;
    position: relative;
    top: -12px;
    left: -4px;
}

.pum-container .pum-form__field--{
	display: none !important;
}
.pum-container .yikes-easy-mc-success-message,
.pum-container .yikes-easy-mc-error-message{
    color: #0a2439;
    background: transparent !important;
    padding: 0;
    position: relative;
    font-size: 16px !important;
}
.pum-container .pum-form__messages {
    display: block !important;
    border: none !important;
    margin: 30px 0 0;
    padding: 0 !important;
    position: relative !important;
    text-align: left;
    top: -18px;
    color: #0a2439;  
}
.pum-container .pum-form__message--success {
    color: #0a2439 !important;
	font-size: 14px !important;
}
.pum-container span.edit-link{
	display: none;
}

@media screen and (max-width: 603px) {
	.newsletter {
		display: block;
	}
	.newsletter .fleft,
	.newsletter .fright {
		width: 100%;
		padding: 0 8px;
	}
	.pum-container .yikes-easy-mc-form label, 
	.pum-container .yikes-easy-mc-form button {
		width: 60%;
	}
	.pum-container .yikes-easy-mc-form button {
    	width: 40% !important;
	}
}
@media screen and (max-width: 480px) {
	.newsletter .fleft img {
		display: none;
	}
	.pum-container h3 {
		font-size: 26px;
		line-height: 32px;
	}
	.pum-container p {
		font-size: 16px;
	}
}

/*********** FIX FOR GOOGLE ADS NOT SHOWING ON MOBILE IN MAIN BLOG CONTENT ***********/
.th-description .adsbygoogle { width: 320px; height: 100px; }
@media (min-width:500px) { .th-description .adsbygoogle { width: 468px; height: 60px; } }
@media (min-width:800px) { .th-description .adsbygoogle { width: 728px; height: 90px; } }