/*!
Theme Name: eye
Theme URI: http://www.teziafrica.com
Author: Tezi Africa (Eric Ochieng & Peninah Muchiri)
Author URI: http://www.teziafrica.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: _eye
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

eye is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */




/* Mailchimp Newsletter Signup */

			.mailchimp_newsletter {

				padding-top: 17em !important;
			}

				#mc_embed_signup {
			    background: #114f92 !important;
				font-family: Roboto Condensed !important;
				text-align: -webkit-center !important;
			}

			#mc_embed_signup label {
			    color: #fff !important;
			    font-weight: normal;
			    font-size: 18px;
			}

			#mc_embed_signup .button {
				background-color: #0a8847 !important;
			}

			#mc_embed_signup form {
			    text-align: -webkit-center;
			}

			#mc_embed_signup input.email {
			    width: 90%;
			    }

/* END OF Mailchimp Newsletter Signup */
.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .event-title {
    color: inherit;
    display: inline-block;
    margin: .5rem .25rem .25rem;
    text-decoration: none;
    font-size: 1em !important;
    font-weight: 700 !important;
}

.popular-pic img {
    width: 125px;
    height: 120px;
    object-fit: cover;
}

.container-fluid.playing-it {
    background: linear-gradient(90deg, #0a8847 50%, #094e93 50%);
    height: 128px;
    margin-top: 53px;
    display: inline-block;
	position: relative !important;
}

.square-ad {
    background: #f9f9f9 !important;
}

.square-ad-pictures {
    background: #f9f9f9 !important;
    padding: 5px !important;
	float: right !important;
	width: 340px;
	height: 310px;
}
/*Date picker background colour on header*/
select.selectpicker {
    background-color: #f0f0ef;
}

@media screen and (max-width: 768px) and (min-width: 60px) {
    .donation {
    margin-top: 10px;
    padding-top: 5px;
    padding-left: 4px !important;
}
}

/*Centering Ads*/
.break-ad {
    text-align: -webkit-center;
    padding-bottom: 1em;
}

.container.latest-eye {
    margin-top: 50px !important;
}

.the-second-main-story:nth-child(n+2) {
    width: 200px !important;
}

.the-second-main-story img:nth-child(n+2){
	width: 200px !important;
}

.container-fluid.color-us {
    background: #dfe3e6;
    padding: 10px 10px;
}

.container-fluid.color-us {
    background: #f0f0ef;
    padding: 2px 0px 22px 0px;
}

.container-fluid.main-nav {
    background: #063c72;
    height: 55px;
    margin-top: -10px !important;
    position: sticky;
    top: 0;
    z-index: 9999999999;
}

.the-main-story {
    width: 730px !important;
    float: left;
}

.the-main-story img {
    width: 730px !important;
    height: 360px;
    object-fit: cover;
}

.the-second-main-story img {
    width: 225px !important;
    height: 160px !important;
    object-fit: cover;
}
.the-second-main-story{
    width: 225px !important;
}

@media screen and (max-width: 768px) and (min-width: 60px) {
.square-ad{
    display:none !important;
}
}

.second-top-content {
    width: 225px !important;
    background: #fff;
    margin-left: 0 !important;
    margin-top: -32px;
    position: absolute;
    padding-left: 11px;
    padding-top: 9px;
}

.the-second-main-story {
    float: left;
    margin-left: 0 !important;
    margin-bottom: 50px !important;
    margin-top: 47px !important;
}

.the-second-main-story{
    margin-right: 18px;
}

.the-second-main-story:nth-child(4n){
    margin-right: 0px !important;
}

.the-main-story h1 {
    color: #004d98;
	font-weight: bold;
}

span.author {
    font-size: 12px !important;
    color: #094e93;
    font-family: verdana;
}

@media screen and (max-width: 768px) and (min-width: 60px) {
.the-main-story {
    width: 100% !important;
    float: left;
}
}
@media screen and (max-width: 768px) and (min-width: 60px) {
.the-main-story img {
    width: 100% !important;
	object-fit: cover;
	height: 260px !important;
}
}

@media screen and (max-width: 10000px) and (min-width: 768px) {
.middle-fold{
    display:none !important;
}
}

@media screen and (max-width: 768px) and (min-width: 60px) {
.the-second-main-story {
    float: left;
    width: 100% !important;
    margin-left: 0;
    margin-top: 230px;
    margin-bottom: -156px;
}
}


@media screen and (max-width: 768px) and (min-width: 60px) {
.square-ad-pictures{
    display:none !important;
}
}

@media screen and (max-width: 768px) and (min-width: 60px) {
.the-second-main-story img {
    width: 100% !important;
    height: 200px;
    object-fit: cover;
}
}

@media screen and (max-width: 768px) and (min-width: 60px) {
.folder{
    display:block !important;
}
}


@media screen and (max-width: 10000px) and (min-width: 768px) {
.folder{
    display:none !important;
}
}

@media screen and (max-width: 768px) and (min-width: 60px) {
span.top-story-badge-popular {
    color: #094e93;
    font-size: 22px;
    font-family: Roboto Condensed;
    display: block;
    margin-top: 50px !important;
    margin-left: 0;
    margin-bottom: 23px;
    text-transform: uppercase;
    font-weight: 700;
}
}

.the-main-story h1 {
    color: #000 !important;
    font-weight: bold;
}

.second-top-content h1 {
    color: #000 !important;
    font-size: 18px;
    font-family: Roboto Condensed;
    line-height: 24px;
    font-weight: 600;
}

.article-pic img {
    width: 714px;
    object-fit: contain !important;
}

@media screen and (max-width: 768px) and (min-width: 60px) {
.top-ad{
    display:none !important;
}
}
@media screen and (max-width: 10000px) and (min-width: 768px) {
.top-fold{
    display:none !important;
}
}
@media screen and (max-width: 768px) and (min-width: 60px) {
.top-fold{
  	width: 320px;
	height: auto;
}
}
.top-ad{
    width: 728px;
    margin: auto;
    height: auto !important;
    /* margin-top: 20px; */
    padding: 10px;
}

@media screen and (max-width: 768px) and (min-width: 60px) {
.top-ad{
    display: none;
}
	
	.second-top-content {
    width: 225px !important;
     }
	
	/*Newsletter*/
	.newsletter-2 {
    /* float: right; */
    background: #094e93;
    /* padding: 10px 10px; */
    margin-top: 55px;
    }
	
	/*Currently playing on Mobile */
	.now-pic img {
    width: 120px;
    }
	
   /* Podcasts */
   .pod {
    position: relative;
    }
	
	/*AD above videos below Soundcloud */
	.break-ad {
    display: none;
    }
	
	/*Video inner page */

	.video-inner-view iframe {
    width: 100% !important;
    margin: 1px;
    }
	
	h1.video-title-inner {
    color: #094e93;
    font-family: Roboto Condensed;
    font-weight: 700;
    font-size: 1.5em;
    text-align: center;
    background: #fff;
    position: relative;
    margin-left: 0;
    padding: 13px;
}
	
   /*Footer*/
	.language-select-2 {
    float: none;
    margin-top: -12px;
    }
	
	
	.social-links-2 {
    float: none; 
    /* margin-top: 8px; */
}
	
	
}

/*Hide IG*/
.follow-me {
    display: none;
}


/*Navigation Hover Color*/
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #F5ED24 !important;
}

.donation a {
    background: #e4e841 !important;
    border-radius: 50px;
    padding: 6px 12px;
    color: #212121 !important;
    margin-right: 10px;
    text-decoration: none;
}
.donation a:hover {
    background: #094e93 !important;
    border-radius: 50px;
    padding: 6px 12px;
    color: #fff !important;
    margin-right: 10px;
    text-decoration: none;
}

.search {
    position: relative;
    float: right;
    margin-top: 0px !important;
    clear: right !important;
}

.breaking-story img {
    width: 668px;
    height: 420px !important;
    object-fit: cover;
}

.breaking-words {
    float: right;
    background: #fff;
    margin-top: -243px !important;
    z-index: 1;
    position: relative;
    width: 561px;
    padding-left: 24px;
    padding-bottom: 20px;
}

/*Podcast Page*/
.more-podcas-title {
    width: 100%;
}
/*END OF Podcast Page*/


/*first_ad bground*/
.container-fluid.clearfix.first_ad {
    background-color: #F0F0EF;
}
/*END of first_ad */



/* SEARCH PAGE PAGINATION */
ul.page-numbers {
    list-style: none !important;
    margin: 0;
}

.page-numbers:after {
    content: ".";
    display: block !important;
    clear: both!important;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

ul.page-numbers li {
    display: block;
    float: left;
    margin: 0 4px 4px 0 !important;
    text-align: center;
}

.page-numbers a,
.page-numbers span {

	display: block;
    padding: 0;
    height: 100%;
    line-height: 18px;
    font-size: 1em;
    text-decoration: none;
    font-weight: 400;
    cursor: pointer;
    border: none;
    color: #888;
    margin: 1em;

}

.page-numbers a span { padding: 0 }

.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
    color: #063C72;
    background: none;
    text-decoration: none;
	font-weight: bold;
}

.page-numbers:hover { text-decoration: none }

a.next.page-numbers {
    padding: 0;
    background: none;
    width: 100%;
    color: #063c72;
}

/* END OF SEARCH PAGE PAGINATION */


img.trustees-images {
    float: left;
    margin: 1em;
}