/*
Theme Name: Meris
Theme URI: http://www.mageewp.com/meris-theme.html
Description: Meris is a free WordPress theme that can be use for various purposes, for business, travel, food, service and more. The clean homepage layout is very flexible due to it allows to add widgets. Meris theme comes with full-width sliders in the homepage and small featured sliders in the sidebar(optional), portfolios, social icons, slogon, and other popular widgets. More options are given to the sidebar setting: no sidebar, left sidebar, right sidebar, and sidebar on both sides. Furthermore, Font Awesome Icons are avaible in the theme to add icons aywhere. This theme is built with the latest HTML5 and CSS3 website standard (from the Twitter Bootstrap), and fully responsive in different browsers and displays. Meris is the ideal theme to create your personal websites and business websites for company.
Version: 1.1.2
Author: MageeWP
Author URI: http://www.mageewp.com
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, three-columns, yellow, green, dark,light,gray, responsive-layout, custom-background, custom-header, custom-menu, theme-options, left-sidebar, right-sidebar, translation-ready, editor-style, featured-images, full-width-template

Meris Wordpress Theme has been created by mageewp.com, Copyright 2015 mageewp.com.
Meris Wordpress theme is released under the terms of GNU GPL.
*/

/*
 * 1.0 Reset
 * Reset CSS by Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 */



/*
 * 3.0 Home Sections
 */

section[class^="homepage-section-"]
{
	padding: 50px 0;
	padding-bottom:10px
}
section.home-section{
	padding: 50px 0;
	padding-bottom:10px
	}
section .widget{
	width:100%;
	clear:both;
	}
/*
 * 3.1 Section Slider
 */

.homepage-slider .carousel-caption {
	bottom: 10px;
	right: 15%;
	left: 15%;
	color: #fff;
	z-index: 3;
	text-align:left
}

.homepage-slider .carousel-caption h1 {
	color: #fff;
	font-size: 38px;
	font-weight: normal;
	text-shadow:2px 1px 1px 1px #000
}

.homepage-slider .carousel-caption strong {
	font-weight: bold;
}

.homepage-slider .carousel-caption s {
	color: #fed136;
	text-decoration: none;
}

.homepage-slider .carousel-caption button {
	border: none;
	background-color: #58453f;
	color: #cdaf87; padding:8px; border:1px solid #cdaf87;
	font-size: 13px;
	text-transform:uppercase;
	font-weight: normal;
}

.homepage-slider .carousel-indicators li {
	border-width: 1px;
	height: 18px;
	width: 18px;
	border-radius: 1px;
	margin: 5px;
}

.homepage-slider .carousel-indicators li.active {
	background-color: #cdaf87;
	border-color:#cdaf87;
	margin: 5px;
}

.homepage-slider .carousel-control .fa {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	font-size: 50px;
}

.homepage-slider .carousel-control .fa-angle-left {
	left: 50%;
}

.homepage-slider .carousel-control .fa-angle-right {
	right: 50%;
}

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

	.homepage-slider .carousel-caption {
		bottom: 20%;
	}
	.carousel-indicators {
		display: none;
	}
	.homepage-slider .carousel-caption button {
		width: 180px;
		height: 40px;
		font-size: 18px;
		margin-top: 30px;
	}
}
@media screen and (max-width: 919px) {
	.site-nav .sub-menu,
	.site-nav .children{
		display:block;
		}
	.site-nav li ul li a{
		color:#fff;
		}
	.site-nav > ul > li {
		position:static;
		}
}
@media screen and (max-width: 767px) {

	.homepage-slider .carousel-caption {
		bottom: 5%;
	}
	.homepage-slider .carousel-caption button {
		width: 150px;
		height: 34px;
		font-size: 16px;
		margin-top: 20px;
	}
}

@media screen and (max-width: 639px) {
.homepage-slider .carousel-caption h1 { display:none}
}
/*