/*
Theme Name: ManWants
Author: Kris Mayers
Description: Custom Template for ManWants
Version: 0.0.3
Tags: Wants
*/

/*
FONT(S)___________________________________________________
*/

@font-face{
    font-family: Ubuntu;
    src: url(fonts/Ubuntu-R.ttf)
}

@font-face{
    font-family: Covered By Your Grace;
    src: url(fonts/CoveredByYourGrace.ttf)
}

@font-face{
    font-family: Neucha;
    src: url(fonts/Neucha.ttf)
}

@font-face{
    font-family: Permanent Marker;
    src: url(fonts/PermanentMarker.ttf)
}

input[type="submit"] {
    font-family: FontAwesome;
}

/*
VIDEO BIT______________________________________________
*/

#video-container{
    width: 1010px;
    overflow: hidden;
    height: 450px;
    margin: 30px auto 0 auto;
}

video{
    height: 100%;
/*    transform: translate(0%, -12.5%);*/
}

.video-cell{
    width: 33.3%;
    height: 225px;
    overflow: hidden;
    display: inline-block;
    float: left;
}

#bottom-banner{
    position: absolute;
    background-color: #343f48;
    width: 50%;
    left: 25%;
    top: 272px;
    z-index: 2;
    height: 150px;
    overflow: hidden;
    opacity: 0.8;
}

#newsletter-form{
    padding-top: 4px;
}

#slogan-overlay{
    width: 40%;
    left: 28%;
    top: 50%;
    transform: translate(0, -50%);
    padding: 20px;
    position: relative;
    background-color: rgba(0,0,0,0.45);
    color: #e0e2e4;
    border: 5px solid #e0e2e4;
}

#slogan-overlay h1{
    padding: 0;
    margin: 0;
    font-family: serif;
    text-transform: none;
    font-weight: 400;
	font-size: 2em;
}

/*
LEVEL BAR______________________________________________
*/

#levelbar {
    width: 100%;
    background-color: #4b545b;
    padding: 0px;
	border-radius: 6px;		
	position: fixed;
	top: 96vh;
	height: 4vh;
	z-index: 1;
	display:none;
}
#levelstatus {
    width: 25%;
    height: 16px;
    background-color: darkgray;
    color: white;
    margin: 0px auto;
    text-align: center;
    padding: 8px;
    border-radius: 8px;
}
.bar {
    background-color: #ffc000;
    height: 98%;
    border-radius: 0px;
    position: absolute;
    left: 1%;
    top: 4px;
    width: 200px;
    text-align: center;
    font-size: 0.5em;
    padding-top: 4px;
    color: white;
	border-radius: 6px;
	z-index: 2;
}

#mobile-navbar{
    display: none;
}

/*
COOKIES______________________________________________
*/

#cookie-consent{
	background-color: #333;
	color: #fff;
	position: fixed;
	bottom: 0;
	padding: 5px 0;
	width: 100%;
	font-size: 0.8em;
	text-align: center;
}

#cookie-consent p{
	display: inline-block;
}

#cookies-ok{
	display: inline-block;
	background-color: #fff;
	color: #333;
	padding: 0 5px;
	margin-left: 10px;
	cursor: pointer
}

/*
GLOBAL______________________________________________
*/

article{
    padding: 3%;
    background-color: #e0e2e4;
}

body{
    background-color: #636f78;
    font-family: 'Open Sans', sans-serif;
    display: inline;
    font-size: 15px;
    margin: 0;
}

h1 {
    text-transform: uppercase;
    font-size: 2.5em;
    margin-top: 0;
}

h2 {
	font-size: 1.4em !important
}

h2, .article-title {
	font-size: 1em !important;
	font-weight: 100 !important;
    	text-transform: uppercase;
	color: #efefef;
}

h3 {
    font-family: 'Open Sans', sans-serif !important;
    color: #333;
    font-weight: lighter;
    font-size: 1.25em;
    line-height: 1em
}

h4 {
    text-transform: uppercase;
    color: #e0e2e4;
    font-weight: 400;
    font-size: 0.8em;
}

.youtube{
	width: 100% !important;
}

.yt-iframe{
	margin:5px 0;
}

p {
	font-size: 0.85em;
	line-height: 2em !important;
}

p img {
	display: block;
	margin: 1.5em auto;
	max-width: 75%;
	height: auto;
	border-radius: 8px;
	border: solid 2px white;
	box-shadow: 1px 1px 4px #cccccc;
}

li{
    font-family: Ubuntu;
    float: left;
}

li a {
    display: block;
    color: #636f78;
    padding: 15px;
    text-decoration: none !important;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

li a:hover{
    color: #e0e2e4 !important;
}

a{
    text-decoration: none;
    color: #e0e2e4;
}

a:link{
    color: inherit;
}

a:hover{
    text-decoration: underline;
    color: #e0e2e4;
}

a:visited{
    color: inherit;
}

#fade{
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}

#fade:hover{
    opacity: 0.6;
}

hr{
    color: #1f1f1e;
}

.clear{
    clear: both;
}

.die{
    opacity: 0;
}

.die-forever{
    display: none !important;
}

/*
BODY______________________________________________________
*/

/* --- Featured Area --- */

#featured-title{
	font-size: 1.5em;
	padding: 0 15px;
	margin-bottom: 5px;
}

#featured-author{
	margin: 0;
}

/* --- Related Posts (Plugin) --- */

.related_post_title{
    font-family: Ubuntu, sans-serif !important;
    text-transform: uppercase;
    color: #1f1f1f;
    font-size: 1.3em;
    line-height: 0.6em !important;
}

/* --- Author Bio Box --- */

.bio-description{
    font-family: Ubuntu, sans-serif;
    color: #1f1f1e;
    text-transform: none;
    font-size: 0.9em;
    margin-top: 3px !important;
}

.bio-gravatar img{
    height: 100% !important;
    width: 80px;
}

.bottom-nav-a:hover{
    text-decoration: none !important;
}

.author-cat{
    color: #1f1f1e !important;
    display: inline-block;
    vertical-align: bottom;
}

/* --- Man of the Month --- */

#motm-btn{
    height: 38px; 
    color:#e0e2e4; 
    text-transform: uppercase; 
    font-size: 1.3em; 
    padding-top: 11px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

#motm-btn:hover{
    background-color: #e0e2e4;
    color: #343f48;
    cursor: pointer; 
    text-decoration: none;
}

/* --- Related Posts Modal --- */

#modal {
	position: fixed;
	width: 100%;
	display: none;
	height: auto;
	z-index: 2;
	background-color: rgba(49,63,72,0.9);
	bottom: 0;
	text-align: center;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

#related-to{
    padding: 10px 0;
}

#close-modal {
	position: absolute;
    top: 5px;
    right: 25px;
    color: #e0e2e4;
    font-size: 0.75em;
    cursor: pointer;
}

#modal-big-title{
	color: #e0e2e4;
	padding-bottom: 10px;
	font-size: 1.5em;
}

.modal-related-title{
	height: auto;
	width: 300px;
	padding: 10px 10px;
	color: #e0e2e4;
	text-transform: uppercase;
	position: relative;
	background-color: #2b363e;
	bottom: 15px;
}

.modal-related-posts{
	display: inline-block;
	margin-right: 10px;
	background-color: #636f78;
	text-align: center;
	height: 210px;
	width: 320px;
	overflow: hidden
}

.related-modal-img{
    height: 165px;
    overflow: hidden;
}

.related-modal-img img{
	height: 100% !important;
	width: 100% !important;
}

.make-space{
	margin-bottom: 175px !important;
}

#close-me{
    color: #e0e2e4;
    position: relative;
    width: 100%;
}

#close-me p{
    background-color: rgba(49,63,72,0.97);
    cursor: pointer;
    margin: 0;
}

/* --- Subscriber Popup --- */

#subscriber-popup-background{
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.75);
    position: fixed;
    z-index: 3; 
    display: none;
}

#subscriber-popup{
    background-color: #636f78;
    height: auto;
    width: 40%;
    position: fixed;
    z-index: 4;
    display: none;
    top: 7.5%;
    left: 30%;
}

#subscriber-popup-close{
    background-color: #e0e2e4;
    color: #636f78;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    text-align: center;
    float: right;
    position: relative;
    top: -10px;
    right: -10px;
    cursor: pointer;
    z-index: 5;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#subscriber-popup-close:hover{
    background-color: #333;
    color: #e0e2e4 !important;
}

#subscriber-popup-close p{
    font-weight: 600;
    margin: 0;
}

#subscriber-image{
    width: 100%;
    position: relative;
    top: -25px;
}

#subscribe-popup-text{
    width: 80%;
    margin: 0 auto;
    position: relative;
    top: -25px;
    font-size: 0.85em;
    color: #e0e2e4;
    text-align: center;
}

#popup-form{
    width: 80%;
    max-width: 560px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: -20px;
}

#popup-email-input{
    border: 0;
    width: 98.75%;
    padding: 7.5px 0 7.5px 5px;
}

#popup-email-submit{
    width: 100%;
    font-family: Ubuntu, sans-serif;
    border: 0;
    text-transform: uppercase;
    background-color: #343f48;
    color: #e0e2e4;
    padding: 7.5px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#popup-email-submit:hover{
    background-color: #e0e2e4;
    color: #343f48;
    cursor: pointer;
}

#popup-consent{
    font-size: 10px;
    color: #e0e2e4;
    margin: 10px 0;
}

#embed-consent{
    font-size: 10px;
    color: #e0e2e4;
    margin: 5px 0;
}

#stay{
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0,0,0,0.75);
    display: none;
    z-index: 3;
    top: 0;
}

#wait{
    height: auto;
    left: 25%;
    padding: 15px 0;
    display: none;
    position: fixed;
    top: 10%;
    background-color: #636f78;
    text-align: center;
    z-index: 4;
}

#wait-wrap{
    width: 660px;
    margin: auto;
}

#wait-close{
    width: 25px;
    height: 25px;
    background-color: #343f48;
    color: #e0e2e4;
    position: absolute;
    right: -12.5px;
    top: -12.5px;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#wait-close:hover{
    background-color: #e0e2e4;
    color: #343f48;
}

.dont-go{
    color:#e0e2e4;
    margin: 5px 0;
    font-family: 'Open Sans', sans-serif;
}

#dont-go-1{;
    font-size: 1.5em;
    font-family: 'Ubuntu', sans-serif;
}

.stay-related{
    width: 300px;
    margin: 15px;
    display: inline-block;
    float: left;
}

.stay-img{
    width: 300px;
    height: 150px;
    overflow: hidden;
}

.stay-img img{
    height: auto;
    width: 100%;
}

.stay-title{
    height: 40px;
    padding: 10px;
    background-color: #343f48;
    color: #e0e2e4;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

.disappear{
    display: none !important;
}

/* 
NAVBAR____________________________________________________ 
*/

.navbar{
    text-transform: uppercase;
    background-color: #354048;
    width: 100%;
    z-index: 2;
    font-size: 1.05em;
    color: #636f78 !important;
    top: 99px;
    position: absolute;
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}

.fixed{
    position: fixed;
    top: 0;
    z-index: 1;
    background-color: rgba(49,63,72,0.95) !important;
}

#nav-wrap{
    width: 1010px;
    margin: 0 auto;
}

.topnav{
    display: inline-block;
    list-style-type: none;
    background-color: rgba(0,0,0,0.0);
    top: 0;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
}

li.icon {
	display: none;
}

.dropdown-content{
    display: none;
    position: absolute;
    background-color: #20282d;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.cat-item:hover .dropdown-content{
    display: block;
}

.helm{
    background:url("https://www.manwants.co.uk/wp-content/uploads/2017/09/helm.png");
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}

.helm:hover{
    background:url("https://www.manwants.co.uk/wp-content/uploads/2017/09/helm-hover.png");
}

/* 
CONTENT STRUCTURE_________________________________________ 
*/

/* --- Heading --- */

.heading-top{
    width: 100%;
    background-color: rgba(0,0,12,0.5);
    background-image:url("https://manwants.co.uk/wp-content/uploads/2016/12/black-tile-wood.jpg");
}

#heading-top-inner{
    width: 900px;
    margin: 0 auto;
}

/* --- Sections --- */

.section{
    text-align: center;
    width: 100%;
    display: inline-block;
}

#section-1{
    background-color: #636f78;
}

#h1-1 {
    color: #004080;
}

#p-1 {
    color: #004080;
}

#section-featured{
    margin-top: 24px;
    background-color: #636f78;
}

#section-featured-inner{
    background-color: #636f78; 
    padding: 0px; 
    width: 1010px; 
    margin: 30px auto 0 auto;
}

.section-inner{
    width: 980px;
    height: auto;
    margin: 30px auto 0 auto;
    overflow: hidden;
}

#section-1-inner{
    width: 1010px;
}

#section-1-inner-post{
    padding: 30px;
}

.section-between{
    width: 100%;
    background-color: inherit;
	margin-top: 29px;
}

#right-sidebar{
    width: 300px;
    float: right;
    display: inline-block;
}

#popular-posts{
    margin-bottom: 30px;
    background-color: #343f48;
    color: #e0e2e4;
}

.popular-title{
    padding: 15px 0;
    margin: 0;
    color: #e0e2e4;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.5em;
}

.popular-hr{
    width: 60%;
    margin: 0 auto;
}

.popular-article{
    width: 80%;
    margin: 0 auto;
    padding: 15px 0;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

#twitter-feed{
    margin-bottom: 26px;
}

#pinterest-feed{
	margin-bottom: 26px;
}

#insta-feed{
	margin-bottom: 26px;
}

/* --- Facebook Space --- */

#fb-square{
    height: 214px;
    margin: 0;
    display: block;
    background-color: #343f48;
}

/* --- Cookie Disclaimer --- */

/*
#cookie-disclaimer{
    width: 50%;
    left: 25%;
    bottom: 0px;
    position: fixed;
    background-color: #333;
    z-index: 3;
    display: none;
}

#cookie-text{
    width: 95%;
    margin: 0 auto;
    color: #e0e2e4;
    font-size: 0.75em;
    text-align: center;
    padding: 12.5px 0;
}

#cookie-close-btn{
    cursor: pointer;
    float: right;
    color: #e0e2e4;
    height: 25px;
    width: 25px;
    text-align: center;
}
*/

/* --- Footer --- */

.footer{
    text-align: center;
    width: 100%;
    height: auto;
    background-color: #636f78
}

.footer_inner{
    width: 1010px;
    margin: 30px auto 0 auto;
}

#p-f{
    font-size: 0.7em;
    margin: 0;
}

.s-icon{
    text-align: center;
    margin: 10px 25px 0px 25px;
    display: inline-block
}

.bottom-navbar{
    width: 50%;
    float: right;
}

#social-icons{
    width: 50%;
    float: left;
    text-align: center !important;
}

.follow-us{
    font-size: 0.6em !important;
    margin: 0;
    text-transform: uppercase;
    font-family: Ubuntu, sans-serif;
}

.bottom-nav-text{
    text-align: right;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: lighter;
    font-size: 0.8em;
    font-family: Ubuntu, sans-serif;
    color: #838d95;
    list-style: none;
    float: none;
}

.category-title-wrap{
    width: 100%;
    text-align: center;
    margin-top: 48px;
}

.footer-column{
    width: 50%;
    display: inline-block;
}

#footer-column-left{
    float: left;
}

#footer-column-right{
    float: right;
}

.footer-category{
    width: 33%;
    display: inline-block;
    text-align: left;
    float: left;
    color: #838f97;
    font-size: .9em;
}

.footer-category li{
    list-style: none;
    float: none;
}

/* 
WORDPRESS BOTTOM PAGE LINKS________________________
*/

#p-f{
    color: #838d95;
}

/* --- Social Icons --- */

#social-icons{
    color: #838d95;
    font-size: 2em;
    text-decoration: none !important;
    text-align: right;
}

.social-icon{
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.social-icon:hover{
    color: #e0e2e4;
}

.s-i{
    display: inline-block;
    padding-left: 15px;
    margin: 0;
}

/* --- Bottom Nav Text --- */

.b-n-t{
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}
.b-n-t:hover{
    color: #e0e2e4;
}

/* --- Article Squares --- */

.article-wrap{
    width: 652px;
    margin: 0;
    background-color: #e0e2e4;
    overflow: hidden;
    padding: 14px;
    display: inline-block;
    float: left;
}

.article-square{
    width: 300px;
    height: 310px;
    background-color: #343f48;
    display: inline-block;
    margin: 13px;
    float: left;
}

.article-image-area{
    float: left;
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin-bottom: 15px;
}

.article-square-extra{
	padding: 0px;
    width: 220px;
    height: 200px;
    background-color: #343f48;
    display: inline-block;
    margin: 0 22px 30px 0;
    float: left;
}

.article-image-area-extra{
    float: left;
    width: 100%;
    height: 100px;
    overflow: hidden;
    margin-bottom: 15px;
}

.article-image-area-extra a img{
    height: auto !important;
}

/* ---- Featured Article and Right Sidebar --- */

.featured-area{
    width: 65%;
    height: auto;
    margin: 2% auto;
    padding: 30px 0 0 30px;
    overflow: hidden;
}

#feature-left{
    float: left;
    width: 680px;
    overflow: hidden;
}

#feature-right{
    float: right;
    width: 300px;
}

#featured-image-area{
    float: left;
    width: 100%;
    height: 368px;
    overflow: hidden;
}

#featured-image-area img{
    width: 100% !important;
    height: auto !important;
    display: inline-block !important;
    vertical-align: bottom;
}

#featured-image-text{
    background-color: #343f48;
    float: left;
    width: 100%;
    height: 75px;
}

/* --- Subscriber Form --- */

#form{
    margin-bottom: 30px;
    background-color: #343f48;
    height: 199px !important;
}

/* --- Single Article --- */

#article-content-area{
    width: 650px;
    float: left;
    overflow: hidden;
    text-align: left;
}

#article-featured-img-area{
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    display: inline-block;
}

#article-details{
    display: inline-block;
    padding: 10px 0;
    font-family: Ubuntu, sans-serif;
    text-transform: uppercase;
}

#article-title{
    font-size: 2.1em;
    padding-bottom: 2%;
    
}

#article-content{
    font-size: 1.05em;
    line-height: 1.4em;
}

#article-content p a{
    color: #5794c1;
    font-weight: bold;    
}

.wp-caption-text{
	font-size: 0.6em !important;
}

.wp-caption-text a{
    color: #1f1f1f !important;
    font-weight: light !important;
}

.source-p a{
    color: #1f1f1f !important;
    font-weight: 100 !important;
}

#author-date-category{
    font-size: 0.9em;
}

.info-block{
	display:inline-block;
	float: left;
	margin-right: 5px;
}

.info-block a:hover{
	color: #1f1f1f !important;
	text-decoration: underline !important;
}

.author-info{
    text-align: center;
}

/* --- Social Warfare (Plugin) --- */

.nc_tweetContainer{
    border-radius: 0px !important;
}

/* --- Single Article Sidebar --- */

#post-sidebar{
    width: 300px;
    float: right;
    margin: 0 auto;
    background-color: #e0e2e4;
}

/* --- Comments --- */

#comments{
    display: block !important;
    float: left !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* --- Pager --- */

.pager{
    display: inline-block;
    text-transform: uppercase;
    float: left;
    padding: 0 2%;
    width: 96%;
    list-style-type: none;
}

.pager li a{
    background-color: #343f48 !important;
    color: #e0e2e4;
    border-radius: 5%;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.pager li a:hover{
    background-color: #636f78 !important;
}

/* --- Related Posts (Plugin) --- */

.related_post{
    list-style-type: none;
    padding: 0;
    width: 90%;
    margin: 0 auto;
}

.related_post li{
    border-top: 2px solid #1f1f1f;
    width: 100% !important
}

.wp_rp_title{
    text-transform: uppercase;
    font-size: 0.9em;
    padding-top: 5px;
}

a.wp_rp_title:hover{
    color: #636f78 !important;
    text-decoration: underline !important;
}

.wp_rp_thumbnail{
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    max-height: 100px;
    overflow: hidden;
}

.wp_rp_thumbnail img{
    width: auto;
    max-width: 100%;
    position: relative;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.wp_rp_thumbnail img:hover{
    opacity: 0.5;
}

.wp_rp_publish_date{
    text-transform: uppercase;
    font-size: 0.7em;
    display: block;
    padding: 5px 0 5px 0;
    border-bottom: 1px solid #1f1f1f;
    width: 60%;
    margin: 0 auto;
}

.wp_rp_footer{
    display: none;
}

/* --- Post Categories --- */

.post-categories{
    margin: 0;
    float: right;
    padding: 0;
    display: inline; 
}

.post-categories li{
    list-style-type: none;
    margin: 0;
    float: left;
}

.post-categories li a{
    padding: 0;
    float: left;  
}

.post-categories li a:hover{
    color: #1f1f1f !important;
    text-decoration: underline !important;
}

/*
ARTICLE CONTENT_______________________________________ 
*/

/* Introduction paragraph - use with p */

.intro-p {
    font-weight: bold !important;
}

/* Small titles that go in the middle of the article - use with h2 */

.sub-title {
    color: #1f1f1f !important;
    font-weight: bold !important;
}

/* Sources at the bottom */

.source-p{
    font-size: 0.7em;
}

/* Wordpress stuff. Don't touch. */

.wp-caption {
    width: 75% !important;
    margin: 5% auto 0 auto;
	text-align: center;
}

.wp-caption img {
    height: auto !important;
    max-width: 80%;
    border: 4px solid #f1f2f3;
    border-radius: 10px;
}

.wp-caption-text {
    margin-top: 5px;
    text-align: center;
    font-size: 0.8em;
}

.wp-caption-text a:hover{
    color: #1f1f1f !important;
    text-decoration: underline;
}

blockquote{
	background-color: #d6d6d6;
	padding: 10px;
	border-radius: 15px;
	color: #1f1f1f;
}

blockquote p{
margin: 0;
}

/* 
MAILCHIMP SIGNUP__________________________________________ 
*/

.sub-label{
    display: block;
    padding: 15px;
    text-transform: uppercase;
    color: #e0e2e4;
}

#email-input{
    width: 225px;
    text-align: center;
    background-color: #e0e2e4;
    margin: 0 auto;
    border: 0;
    padding: 7.5px 0;
}

#sub-email{
    width: 225px;
    text-align: center;
    font-family: Ubuntu, sans-serif;
    text-transform: uppercase;
    border: 0;
    padding: 7.5px;
    background-color: #636f78;
    color: #e0e2e4;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

#sub-email:hover{
    background-color: #e0e2e4;
    color: #636f78;
    cursor: pointer;
}

.sub-smallprint{
    font-size: 0.65em;
    width: 85%;
    color: #e0e2e4;
    line-height: 2px;
    margin: 14.75px auto;
    line-height: 1.5em;
}

/* 
FORM STRUCTURE____________________________________________
*/

input{
    font-family: Ubuntu, sans-serif;
    font-size: 0.9em;
    padding: 5px 2.5px;
    border: 1;
}

.comment-form{
    margin-bottom: 20px;
}

.screen-reader-text{
	display: none;
}

#searchform{
	float:right;
	display: inline-block;
    padding-top: 4px;
}

.searchform-mobile{
    display: none;
}

#searchsubmit{
	padding: 5px;
	border: 0;
	background-color: transparent;
	color: #636f78;
	font-size: 1.5em;
    cursor: pointer;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}

#searchsubmit:hover{
	color:#e0e2e4 !important;
}

#s{
	padding-left: 5px;
	background-color: #e0e2e4;
	text-transform: none;
}

.ad-container{
    width: 50%;
    height: auto;
    margin: 0 auto;
}

/* 
IMAGES____________________________________________________ 
*/

#logo {
    padding: 25px 0 20px 0;
}

#feature-img{
    width: 100%;
    position: relative;
    top: -6%;
    display: block;
}

#article-img{
    width: 100%;   
}

#author-img{
    width: 20%;
}

/* 
SOCIAL SHARE BUTTONS______________________________________
*/

.share-buttons{
    margin-top: 15px;
    text-align: center;
    font-size: 0;
}

.fa-si{
    padding: 7.5px 0px;
    width: 85px;
    margin: 2.5px;
    color: #fff!important;
    text-decoration: none !important;
    font-size: 20px !important;
    border-radius: 5%;
}

.fa-facebook{
    background-color: #3B5998;
}

.fa-twitter{
    background-color: #55ACEE;
}

.fa-google{
    background-color: #dd4b39;
}

.fa-pinterest{
    background-color: #cb2027;
}

.fa-stumbleupon{
    background-color: #f3460f;
}

.fa-reddit-alien{
    background-color: #ff4500
}

/* 
RESPONSIVE STRUCTURE______________________________________ 
*/

@media screen and (max-width:850px) {
    
	.desktop-only{display: none !important}
	
	#video-container{display: none;}
	
	#ren{width: 80%;}
    #desktop-navbar{display: none;}
    #mobile-navbar{display: block;}
    
    .yt-iframe{width: 100% !important; height: auto !important;}

    .heading-top{background-color: #1f1f1f;}
    #heading-top-inner{width: 80%; text-align: center;}
    #searchform{float: none; display: block; padding-top: 0; padding-bottom: 5px;}

    #modal{display: none !important;}
    
    #subscriber-popup{width: 80%; top: 5%; font-size: .85em; left: 10%;}
    
    .section-inner{width: 80% !important; padding: 0; background-color: #636f78 !important;}
    #section-1{margin-bottom: 30px;}
    #section-1-inner-post{width: 80% !important; background-color: #e0e2e4 !important; padding: 20px !important;}
    #section-featured{margin-top: 0;}
	#section-featured-inner{display: block !important}
    #section-1-single{margin-top: 0;}
    .article-square{width: 100% !important; height: auto !important}
    .article-image-area{height: 200px; background-color: #1f1f1f;}
    .post-categories{float: left !important;}
    .space.fa.fa-folder-open{float: left !important;}
    
    #article-content-area{width: 100% !important;}
    .article-content-img{width: 100% !important;}
    .article-title{font-size: 1em;}
    #post-sidebar{width: 100%; float: left; }
    .info-block{display: block !important; float: none !important; margin-top: 5px;}
    .wp_rp_thumbnail img{width: auto;}
    #splitter{position:relative !important; width: 1000px !important; left: -250px;}
    .article-square{margin: 10px 0;}

    #quiz-side{padding-bottom: 10px !important; background-color: #e0e2e4 !important;}
    
    #feature-left{width: 100% !important;}
    #feature-right{width: 100% !important; margin-top: 30px;}
    #form{margin-bottom: 30px; text-align: center;}
    #advert-top{height: auto !important; background-color: transparent !important;}
    
    .article-wrap{background-color: transparent; padding: 0; float: none; display: block; width: 100%;}
    #right-sidebar{width: 100%;}
    
    #featured-image-area{height: auto !important;}
    #featured-image-text h2{margin-bottom: 0 !important; text-align: center !important;}
    #featured-image-text{height: auto !important}
    #featured-title{font-size: 1.2em; margin-top: 5px;}
    #featured-author {margin-bottom: 2%; text-align: center;}
    .article-author-date{padding: 0 !important; margin-top: 2% !important; font-size: 0.7em; padding: 1%;}
	#fb-square{display:none; }
	#form{margin-bottom: 0;}
    
    #article-title{font-size: 1.5em !important}    
    #author-date-category{font-size: 0.7em !important;}
    .pager{width: 100% !important; margin: 20px 0;}
    
    .s-icon{margin: 0 4px !important;}
    .s-i{margin: 0 15px; padding: 0;}
    
    #mobile-hr{margin-bottom: 0 !important; color: #838d95; }
    
    #page-area{width: 90% !important;}
    #page-area-words{width: 85% !important;}
    
    #mobile-nav-wrap{width: 100%; background-color: #000;}
    .mobile-topnav{display: none; margin: 0; padding: 0;}
    .icon{width: 100%; padding: 12.5px 0; text-align: center; color: #e0e2e4;}
    .mobile-cat-item{width: 100%; padding: 15px 0; text-align: center; background-color: #343f48 !important; color: #636f78; text-transform: uppercase;}
    .mobile-dropdown-content{text-align: center; background-color: #20282d; width: 100%; display: none; color: #636f78}
    .category-title-wrap{margin-top: 0px}
    .footer{background-color: #3e4e5a !important;}
    .footer_inner{width: 100%; margin: 0;}
    .footer-column{width: 100%;}
    #footer-column-left{display: none;}
    .bottom-navbar{width: 100%;}
    .bottom-nav-text{display: inline-block;}
    #social-icons{width: 100%;}
    
    .ad-container{width: 200px; height: 200px;}
    
    .searchform-mobile{display: block; padding-top: 4px;}
}