/*
Theme Name: September Design Studio Theme
Author: Hello Developers
Author URI: https://hello-developers.com/
Description: Special Theme for September Design Studio
Version: 1.0
Text Domain: september

*/

/* Import CSS reset and Hello Libary */
@import url('./style-hello.css');
@font-face {
	font-family: 'National Light';
	src: url('./fonts/NationalWeb-Light.eot');
	src: url('./fonts/NationalWeb-Light.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/NationalWeb-Light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'National Light Italics';
	src: url('./fonts/NationalWeb-LightItalic.eot');
	src: url('./fonts/NationalWeb-LightItalic.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/NationalWeb-LightItalic.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'National Book';
	src: url('./fonts/NationalWeb-Book.eot');
	src: url('./fonts/NationalWeb-Book.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/NationalWeb-Book.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'National Book Italics';
	src: url('./fonts/NationalWeb-BookItalic.eot');
	src: url('./fonts/NationalWeb-BookItalic.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/NationalWeb-BookItalic.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
/* STRUCTURE */
body { text-align: center; font-family: 'National Light', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.2; }
.month { width: 1280px; max-width: 96%; }

/* TEXT */
h1, h2, h3, h4, h5, h6 { font-size: 15px; padding-bottom: 10px; font-family: 'National Book'; font-weight: normal; }
h1, h2 { text-transform: uppercase; }
p { font-size: 16px; letter-spacing: 0.2px; padding-bottom: 10px; }
em { font-family: 'National Light Italics'; font-style: normal; }
strong { font-family: 'National Book'; font-weight: normal; }
strong em, em strong { font-family: 'National Book Italics'; font-weight: normal; font-style: normal; }
a { text-decoration: none; color: #000; }
.button { font-size: 12px; width: 85px; font-weight: 500; padding: 6px; margin-top: 28px; margin-bottom: 134px; border: 1px solid #000; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* HEADER */
#january { position: relative; padding: 72px 0 0 0; border-bottom: 25px solid #fff; }
.site-title { display: block; width: 111px; height: 49px; overflow: hidden; background: transparent url(images/logo-september-black.png) no-repeat center center; background-size: contain; text-indent: -9999em; margin: 0 auto; padding: 0; background-size: contain; }
.site-title a { display: block; width: 100%; height: 100%; }

/* NAV */
header nav ul, header nav li { float: left; display: inline; }
#site-navigation a { text-transform: uppercase; font-family: 'National Light', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; line-height: 1.2; }
#site-navigation li { padding: 9px 26px 9px 7px; display: block; }
#site-navigation li.current-menu-item a { font-family: 'National Book', Arial, Helvetica, sans-serif; }
#site-navigation li.mobile-only { display: none !important; }
#mobile-nav { display: none; margin-top: 20px; }

/* FOOTER */
#december { padding: 20px 0; }
#december p { font-size: 12px; color: #999999; }

/* PAGE */
#february { min-height: 720px; background-color: #e0e8ed; margin-bottom: 73px; margin-top: 76px; position: relative; }
.content { width: 520px; margin: 270px auto 0; max-width: 90%; }
body.page-template-template-wider .content { width: 880px; margin: 170px auto 0; }

/* SLIDER */
ul#march { position: relative; display: block; list-style-type: none; /* min-height: 870px; */ }
ul#march li.slide { display: block; position: absolute; top: 0px; left: 0px; width: 100%; max-width: 100%; }
ul#march li.slide img { display: block; }
ul#march li.next, ul#march li.prev { width: 50%; display: block; height: 0; padding-bottom: 56%; cursor: pointer; margin: 76px 0; position: relative; z-index: 10000; }
.caption_above { height: 76px; overflow: hidden; }
.caption_below { padding-top: 20px; }
.caption_below p { font-size: 12px; text-align: left; }

@media (max-width: 900px) { 
	#mobile-nav { display: block; }
	#january { position: relative; padding: 40px 0 25px 0; border-bottom: 0; }
	#site-navigation { position: static; text-align: center; width: 100%; overflow: hidden; }
	#menu-main-navigation, #menu-social-menu { display: none; }
	#site-navigation li.mobile-only { display: block !important; }
	header nav ul, header nav li { float: none; clear: both; display: inline-block; }
	header nav li { padding: 19px 9px 0 !important; }
	ul#march li.slide { display: block !important; position: static; padding-bottom: 20px; }
	ul#march li.next, ul#march li.prev,
	ul.triggers { display: none; }
	.caption_above { height: auto; padding: 0; }
	.caption_above p { padding: 10px 0 5px; }
	.caption_below { padding-top: 5px; }
	p { font-size: 13px; }
}
@media (max-width: 640px) { 
	#february { min-height: 0; margin-bottom: 23px; margin-top: 0; height: auto; }
	.content, body.page-template-template-wider .content { margin-top: 50px; margin-bottom: 50px; }
}