/*
Theme Name: certaindays
certaindays.css
Author: RM
Description: Custom styles for Certaindays theme
Text Domain: certaindays
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


body,
button,
input,
select,
textarea {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 16px;
	font-size: 1.0rem;*/
	font-weight: 400;
	line-height: 1.66;
	font-size: 0.8125rem;
    line-height: 1.61538;
}


body {
    background: #1a1a1a; /*#1a1a1a */
}

.site {
    margin: 0; /*21px*/
}

.site-inner {
    margin: 0 auto;
    /*max-width: 98%; 1320px;*/
    position: relative;
}

.site-header, .site-content, .site-footer {
	max-width: 1320px;
	margin: 0 auto;
	
}

.site-header {
    padding: 0.4em 0 0; /*2.25em 4.5455%;*/
}

.site-header-main {
    align-items: flex-start;
    padding: 0 4.5455%;
    position: relative;
}

.site-branding {
    margin-bottom: 0.75em;
    margin-top: 1.75em;
}

.site-header-menu {
	margin-bottom: 0.75em;
    margin-top: 0.75em;
    width: 100%;
}

.main-navigation ul {
    display: table;
    float: right;
    list-style: outside none none;
    margin: 0;
}

.main-navigation ul ul ul a {
	white-space: normal;
	width: 9.0em;
}


.header-image a {
    display: block;
    text-align: center;
}
.header-image {
    margin-bottom: 0.75em;
    margin-top: 0; /*1.75em*/
    height: 400px;
    max-height: 400px;
    background-size: cover;
}

.site-branding {

}

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

.custom-logo {
    max-width: 100%; /*700px 240px*/
    height: auto;
}

.page-header {
    border-top: none; /*4px solid #1a1a1a;*/
    margin: 0 2.6923% 1.5em; /*0 7.6923% 3.5em*/
    padding-top: 1.75em;
}

.entry-title {
    font-size: 2.5rem;
    line-height: 1.225;
    margin-bottom: 1.05em;
}

.posted-on, .byline {
	display: none !important;
}

.post-thumbnail {
	display: inline;
}
.post-thumbnail img {
    display: block;
    height: auto;
    width: 27%;
    float: left;
    padding: 0 8px 0;
    box-sizing: border-box;
}

body:not(.search-results) article:not(.type-page) .entry-content.has-thumb{
    float: left;
    width: 71.4286%;
}

body:not(.search-results) article:not(.type-page) .entry-content.no-thumb{
    float: left;
    width: 100%;
}

body:not(.search-results) article:not(.type-page) .entry-content {
    /*float: right;
    width: 71.4286%;*/
    float: left;
    width: 100%;
}

.site-main > article {
    margin-bottom: 2.5em;/*7em*/
}

.entry-header, .entry-summary, .entry-content, .entry-footer, .page-content {
    box-sizing: border-box;
    /*margin-left: 7.6923%;
    margin-right: 7.6923%;*/
    margin-left: 0;
    margin-right: 0;
    padding: 0 14px;
}

body:not(.search-results) article:not(.type-page) .entry-footer {
	margin-top: 1.153846em;
    width: 21.4286%;
}
.entry-footer {
	float: none;
	clear: both;
}


/* switching the main font-family and reducing weights */

.main-navigation {
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

.post-navigation {
	border-top: 2px solid #1a1a1a;
	border-bottom: 2px solid #1a1a1a;
	clear: both;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	margin: 0 7.6923% 3.5em;
}

.post-navigation a {
    color: #1a1a1a;
    display: block;
    padding: 1.0em 0;
}

.post-navigation .post-title {
	display: inline;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.2173913043;
	text-rendering: optimizeLegibility;
}

.widget .widget-title {
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 16px;
	font-size: 1rem;
	letter-spacing: 0.046875em;
	line-height: 1.3125;
	margin: 0 0 1.0em;
	text-transform: uppercase;
	font-weight: 600;
}

.site-title {
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 23px;
	font-size: 1.4375rem;
	font-weight: 300;/*700*/
	line-height: 1.2173913043;
	margin: 0;
}

.entry-title {
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 40px;
	font-size: 2.5rem; /*1.75rem*/
	font-weight: 300;/*700*/
	line-height: 1.25;
	margin-bottom: 0.4em;/*1em*/
}


.entry-content a img {
	display: inline;
}

.entry-footer {
	color: #686868;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	margin-top: 1.1538461538em; /*2.1538461538em*/
}

.page-title {
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 23px;
	font-size: 1.4375rem;
	line-height: 1.2173913043;
}

.page-links {
	clear: both;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	margin: 0 0 1.75em;
}

.site-footer .site-title:after {
	content: "\002f";
	display: inline-block;
	font-family: Montserrat, sans-serif;
	opacity: 0.7;
	padding: 0 0.307692308em 0 0.538461538em;
}


.entry-content h3, .entry-summary h3, .comment-content h3 {
    font-size: 1.4375rem;
    line-height: 1.21739;
    margin-bottom: 1.21739em;
    margin-top: 2.43478em;
    font-weight: 300px
}


.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h1,
.entry-summary h2,
.entry-summary h3,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
	font-weight: 600; /*900*/
}


.site-footer .site-title::after {
	display: none;
    /*content: "/";
    display: inline-block;
    font-family: Montserrat,sans-serif;
    opacity: 0.7;
    padding: 0 0.307692em 0 0.538462em;*/
}


/* more widget  //// */

.widget {
    border-top: none; /*4px solid #1a1a1a;*/
    margin-bottom: 1.5em; /*3.5em*/
    padding-top: 1.75em;
    font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
}



.social-navigation {
	margin: 10px 0 0;
	padding-top: 16px;
	display: table;
	width: 100%;
}

.menu-social-container {
	text-align: right;
	padding-right: 50px;
}

ul#menu-social {
	display: table;
	float: right;
}


.search-submit::before { 
	color: #EEE;

}


/* header-top-sidebar - [ not currently in use ]
#header-top-sidebar {
	margin: 10px 0 0;
	padding-top: 12px;
	display: table;
	width: 100%;
}

#header-top-sidebar aside {
	
}

#header-top-sidebar .widget {
	max-width: 240px;
	display: inline-block;
	float: right;
	margin: 0 0 0 8px;
}

#header-top-sidebar section {
	margin: 0;
	padding: 0;
}
*/


/* follow buttons - [ not currently in use ]

.social-follow {
	padding: 0 8px 0 0;
}

.fa {
    padding-top: 14px;
    margin: 2px 0 0 4px;
    font-size: 20px !important;
    width: 40px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 50%;
    line-height: 0.5 !important;
}

.fa:hover {
    opacity: 0.7;
    color: #FFF; 
}

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

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

.fa-instagram {
    background: #f67500;
    color: white;
} */


/* Footer ///// */

#footer-sidebar {
	width: 100%;
	margin-bottom: 12px;
}

#footer-sidebar .widget {
	max-width: 240px;
	display: inline-block;
	float: left;
	margin: 0  8px 0 0;
}

/* contact form 7 */

.wpcf7 {
	max-width: 460px;
}

.wpcf7-recaptcha {
	margin-bottom: 10px;
}

/* ----------------------------------------------------------------------------------
	RESPONSIVE LAYOUTS
---------------------------------------------------------------------------------- */


@media only screen and (max-width: 1010px) {
	.site-header-main {
    	padding: 30px 4.5455%;
	}
}


@media only screen and (max-width: 1000px) {
	.main-navigation ul {
    	float: none;
    	display: block;
	}

}

/* Desktop / Laptop */
@media only screen and (max-width: 960px) {
	.post-thumbnail img {
		width: 70%;
		padding: 0 8px 8px;
    	box-sizing: border-box;
	}
	.header-image {
		margin-bottom: 0.75em;
		margin-top: 0; /*1.75em*/
		height: 300px;
		max-height: 300px;
		background-size: cover;
	}
	
	.post-thumbnail {
		display: inline-block;
	}
	
	 
	.main-navigation ul {
    	float: none;
	}

}


@media only screen and (max-width: 840px) {
	.site-header-main {
    	padding: 0 4.5455%;
	}
	
}

/* iPad & Tablet */
@media only screen and (max-width: 768px) {


}


/* Small Tablets & Larger Phones */
@media only screen and (max-width: 685px) {

	#header-top-sidebar {
		padding-top: 0;
	}
	
	.social-navigation {
		padding-top: 4px;
	}

}


@media only screen and (max-width: 600px) {

	.menu-social-container {
		text-align: right;
		padding-right: 6px;
	}
}

/* iPhone (Landscape) */
@media only screen and (max-width: 568px) {
	.post-thumbnail img {
		margin: 0 auto;
	}
	
	.header-image {
		margin-bottom: 0.75em;
		margin-top: 0; /*1.75em*/
		height: 200px;
		max-height: 200px;
		background-size: cover;
	}
	
}


@media only screen and (max-width: 410px) {
	.post-thumbnail img {
		width: 100%;
		padding: 0 8px 8px;
    	box-sizing: border-box;
	}
	.menu-social-container {
		text-align: right;
		padding-right: 0;
	}
}



/* iPhone (Portrait) */
@media only screen and (max-width: 320px) {

}


/* Retina Display */
@media only screen and 
        (-webkit-min-device-pixel-ratio: 1.5), only screen and 
        (-o-min-device-pixel-ratio: 3/2), only screen and 
        (min-device-pixel-ratio: 1.5) {
}