/*
Theme Name: BaylysChild
Theme URI:
Description: Your child theme description text...
Author: Your Name
Author URI: http://www.yourdomain.com/
Template: baylys
Version: 1.0
Tags: Baylys Child Theme
*/

/* Now you can start adding your own styles here. Use !important to overwrite styles if neccessary. */

/*-----------------------------------------------------------------------------------*/
/*	Headlines
/*-----------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	color:#423F37;
	font-weight:bold;
	text-rendering: optimizeLegibility;
}
h1 { !important
	margin: 1.0em 0 1.0em;
	font-size:20px; !important
	font-size:1.0rem;
}
h2 {
	margin: 1.4em 0 0.6em;
	font-size:18px; !important
	font-size:1.0rem;
}
h3 {
	margin: 1.2em 0 0.5em;
	font-size:17px; !important
	font-size:1.125rem;
}
h4 {
	margin: 1em 0 0.4em;
	font-size: 16x; !important
	font-size: 1.3125rem;
}
h5 {
	margin: 0.8em 0 04;
	font-size:15px; !important
	font-size:1.125rem;
}
h6 {
	margin: 0.7em 0 0.4em;
	font-size: 14x; !important
	font-size: 1rem;
}

/* --- Header --- */
#site-title {
	padding:0 20px 0px !important;
	float:left;
}

/* --- Header --- */
.ie #site-title {
	padding:0 50px 0 0 !important;
	float:left;
}
.ie #site-title img {
	padding:0 0 0 !important;
	max-width:100%;
}

/* --- Site Nav --- */
#site-nav-container {
	position:relative;
	padding:50px 0 50px 0 !important;
	display:block;
	border-bottom:1px solid #E3E0D8;
}

.ie #site-nav {
	position:relative;
	padding:12px 0 0 !important;
	display:block !important;
	overflow:visible;
	background:none;
	float:right;
	clear:right;
}

/* removed time from meta so comments need to prepending "|" anymore */

.entry-details ul li.entry-comments a.comments-link:before {
	content:"" !important;
}

/* reduced slider height to 350px via new class */

.slider-wrap-xs {
	width: 100%;
	height:350px !important;
	overflow: hidden;
}

.slider-wrap-xs .responsive-slider.flexslider .slide-title a:hover,
#smart-archives-list ul li a:hover,
#smart-archives-fancy ul.archive-list li a:hover,
#content .post.portfolio-element h2.entry-title a:hover {
	color:#00CA4C;
}

.slider-wrap-xs {
	margin-top:-1px !important;
	overflow:hidden;
}
.slider-wrap-xs .responsive-slider.flexslider {
	margin-bottom:0 !important;
	overflow:hidden;
}
.slider-wrap-xs .responsive-slider.flexslider .flex-direction-nav li a {
	background: url(images/slider-nav.png)  no-repeat 0 0 !important;
	width: 55px !important;
	height: 55px !important;
}
.slider-wrap-xs .responsive-slider.flexslider .flex-direction-nav li .next {
	background-position: 0 -55px !important;
	right: 10px !important;
}
.slider-wrap-xs .flex-direction-nav li .prev {
	left: 10px !important;
}
.responsive-slider img.wp-post-image {
	width: 100%;
}
.slider-wrap-xs .responsive-slider.flexslider .slide .slide-title {
	margin: 0;
	padding: 0;
}
.slider-wrap-xs .responsive-slider.flexslider .slide-title a {
	position: absolute;
	top: 20px;
	left:20px;
	right:auto !important;
	max-width:70%;
	font-size:16px;
	font-size:1rem;
	font-weight:normal;
	line-height: 1.3em;
	color:#423F37;
	font-weight:300;
	background: #fff !important;
	text-shadow: none;
	margin: 0;
	padding: 7px 18px !important;
}
.slider-wrap-xs .responsive-slider.flexslider .slide-title a:hover {
	background: #fff !important;
}

.ie .slider-wrap-xs .responsive-slider.flexslider .flex-direction-nav li .next {
	background-position: 0 -55px !important;
	right: 35px !important;
}
.ie .slider-wrap-xs .flex-direction-nav li .prev {
	left: 35px !important;
}
.ie .slider-wrap-xs .responsive-slider.flexslider .slide-title a {
	position: absolute;
	top: 45px;
	left:45px;
	max-width:450px;
	font-size: 36px;
	font-size: 2.25rem;
}


/*-----------------------------------------------------------------------------------*/
/*	CSS3 Media Queries for Responsiveness
/*-----------------------------------------------------------------------------------*/
/* --- tablets in portrait mode --- */
@media screen and (min-width: 768px) {
/* --- General Structure --- */
#site-title {
	padding:0 30px 0 !important;
}
.slider-wrap-xs .responsive-slider.flexslider .flex-direction-nav li .next {
	background-position: 0 -55px !important;
	right: 10px !important;
}
.slider-wrap-xs .flex-direction-nav li .prev {
	left: 10px !important;
}
.slider-wrap-xs .responsive-slider.flexslider .slide-title a {
	position: absolute;
	top: 30px;
	left:30px;
	max-width:400px;
	font-size:30px;
	font-size:1.875rem;
}
}
/* tablets in landscape mode */
@media screen and (min-width: 1024px) {
/* --- General Structure --- */
#site-title {
	padding:0 60px 0 !important;
}
}
/* laptop + desktop screens */
@media screen and (min-width: 1180px) {
/* --- General Structure --- */
/* --- Header --- */
#site-title {
	padding:0 50px 0 0 !important;
	float:left;
}
#site-title img {
	max-width:100%;
	padding:0 0 0 !important;
}
#site-nav {
	position:relative;
	padding:12px 0 0 !important;
	display:block !important;
	overflow:visible;
	background:none;
	float:right;
	clear:right;
}
.slider-wrap-xs {
	width: 100%;
	height:350px !important;
	overflow: hidden;
}
.slider-wrap-xs .responsive-slider.flexslider .flex-direction-nav li a {
	top: 47px !important;
}
.slider-wrap-xs .responsive-slider.flexslider .flex-direction-nav li .next {
	background-position: 0 -55px !important;
	right: 35px !important;
}
.slider-wrap-xs .flex-direction-nav li .prev {
	left: 35px !important;
}
.slider-wrap-xs .responsive-slider.flexslider .slide-title a {
	position: absolute;
	top: 45px;
	left:45px;
	max-width:450px;
	font-size: 36px;
	font-size: 2.25rem;
}
.slider-wrap-xs .flex-control-nav {
	top: 280px !important;
}
}