/*
Theme Name: Guido
Description: SimplyBlack child theme for Guido.site.
Version: 2.4
Author: Guido
Template: simplyblack
*/

/* BODY */
body {background:#fff; color:#333; font-size:14px;}

/* CONTAINER */
#container {width:100%; max-width:100%; margin:0 auto; padding:0; border:0;}

/* LINKS AND HTML TAGS */
a {color:#f26535;}
a:hover {color:#333;}

ins, mark {color:#f26535;}
blockquote, q {border-left:2px solid #f26535;}

/* INPUTS */
input[type="submit"], input[type="reset"], input[type="button"], button {background:#f26535;}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover {background:#333;}

/* HEADER */
#header {background:#333;}

/* HEADER LOGO */
.logo {max-width:960px; margin:0 auto; padding:20px;}
.site-title-tagline:after {content:''; display:block; height:0; clear:both;}
.site-title {width:40%; float:left;}
.site-title a {color:#fff;}
.site-title a:hover {color:#ccc;}
.site-tagline {width:60%; float:right; color:#fff; text-align:right; font-size:1.2em; font-style:italic;}

/* HEADER MENU */
.nav-head {padding:0; background:#f26535;}
.nav-head ul {max-width:960px; margin:0 auto; text-align:right;}
.nav-head ul li {margin:0 0 0 20px;}
.nav-head ul li a {color:#fff;}
.nav-head ul li a:hover {color:#ccc;}
.nav-head .sub-menu {text-align:left;}

/* HEADER IMAGE */
.header-img {max-width:960px; margin:0 auto; display:block;}

/* MAIN CONTENT AREA */
#main-content {max-width:960px; margin:0 auto; padding:0 20px;}

/* POST */
.post-list {border-bottom:1px dotted #ccc;}
.post-title a {color:#f26535;}
.post-title a:hover {color:#333;}
.sticky-title {border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}
.postmetadata {width:100%; margin:10px 0; padding:5px 0; background:none; color:#333; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}
.postmetadata a {color:#f26535;}
.postmetadata a:hover {color:#333;}
a.readmore {background:#f26535;}
a.readmore:hover {background:#333; color:#fff;}

/* IMAGE AND VIDEO */
#content img:hover, #content-full img:hover {opacity:0.6; transition:0.6s ease;}

/* WIDGETS */
.widget {border-bottom:1px dotted #ccc;}
.widget-title {padding:0; background:none; color:#333;}

/* FOOTER */
#footer {max-width:960px; margin:0 auto; padding:0 20px;}
.site-info {padding:10px 0; background:none; color:#333; border-top:1px dotted #ccc; text-align:right;}
.site-info a {color:#f26535;}
.site-info a:hover {color:#333;}

/* TABLET */
@media screen and (min-width:768px) and (max-width:1023px) {
	/* HEADER LOGO */
	.logo {padding:20px;}
	.site-title {width:100%; text-align:center;}
	.site-tagline {width:100%; clear:both; float:left; text-align:center;}

	/* HEADER MENU */
	.nav-head ul {text-align:center;}
	.nav-head ul li {margin:0 10px;}
}

/* MOBILE */
@media screen and (max-width:767px) {
	/* HEADER */
	#header {padding:0;}

	/* HEADER LOGO */
	.logo {padding:20px;}
	.site-title {width:100%; text-align:center;}
	.site-tagline {width:100%; clear:both; float:left; text-align:center;}

	/* HEADER MOBILE MENU */
	.mobile-nav-container {padding:20px; background:#f26535;}
	.mobile-nav-toggle {background:#333;}
	.mobile-nav ul li a {color:#f26535;}
	.mobile-nav ul li a:hover {color:#333;}

	/* HEADER IMAGE */
	.header-img {padding:0;}

	/* PAGE AND POST CONTENT AREA */
	#content, #content-full {padding:30px 0;}

	/* WIDGETS */
	.widget {padding:0; border:0;}

	/* FOOTER */
	.site-info {padding:20px; text-align:center;}

	/* FOOTER WIDGET AREA */
	#footer-widgets {padding:0 0 20px;}	
}