/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */


/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */
.columns{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
.search_results tr:nth-child(odd){ 
	background-color:#eaeaea; 
}
.member_profile{
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 10px;
	border-top: 1px solid rgb(145, 202, 222);;
	border-bottom: 1px solid rgb(145, 202, 222);;
}
.member_profile .indent{
	margin-left: 10px;
	margin-bottom: 10px;
}
.form-style-5{
    padding: 10px 20px;
    background: #f4f7f8;
    margin: 10px auto;
    padding: 20px;
    background: #f4f7f8;
    border-radius: 8px;
    font-family: "Raleway" Helvetica, Arial sans-serif;
}
.form-style-5 fieldset{
    border: none;
}
.form-style-5 legend {
    font-size: 1.4em;
    margin-bottom: 10px;
}
.form-style-5 label {
    display: block;
    margin-bottom: 8px;
}
.form-style-5 input[type="text"],
.form-style-5 input[type="date"],
.form-style-5 input[type="datetime"],
.form-style-5 input[type="email"],
.form-style-5 input[type="number"],
.form-style-5 input[type="search"],
.form-style-5 input[type="time"],
.form-style-5 input[type="url"],
.form-style-5 textarea,
.form-style-5 select {
    font-family: "Raleway" Helvetica, Arial sans-serif;
    background: rgba(255,255,255,.1);
    border: none;
    border-radius: 4px;
    font-size: 16px;
    margin: 0;
    outline: 0;
    padding: 7px;
    width: 100%;
    box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    background-color: #e8eeef;
    color:#8a97a0;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
    box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
    margin-bottom: 30px;
    
}
.form-style-5 input[type="text"]:focus,
.form-style-5 input[type="date"]:focus,
.form-style-5 input[type="datetime"]:focus,
.form-style-5 input[type="email"]:focus,
.form-style-5 input[type="number"]:focus,
.form-style-5 input[type="search"]:focus,
.form-style-5 input[type="time"]:focus,
.form-style-5 input[type="url"]:focus,
.form-style-5 textarea:focus,
.form-style-5 select:focus{
    background: #d2d9dd;
}
.form-style-5 select{
    -webkit-appearance: menulist-button;
    height:35px;
}
.form-style-5 .number {
    background: #1abc9c;
    color: #fff;
    height: 30px;
    width: 30px;
    display: inline-block;
    font-size: 0.8em;
    margin-right: 4px;
    line-height: 30px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 15px 15px 15px 0px;
}
.form-style-5 input[type="submit"],
.form-style-5 input[type="button"]
{	
	-webkit-transition:all .25s;
	transition:all .25s;
    position: relative;
    display: inline-block;
    padding: 5px;
    color: #FFF;
    margin: 0 auto;
    background: #0a8ebc;
    font-size: 18px;
    text-align: center;
    font-style: normal;
    width: 100%;
    max-width: 300px;
    border-width: 1px 1px 3px;
    margin-bottom: 10px;
    margin-right: 30px;
    font-family: "Raleway" Helvetica, Arial sans-serif;
    font-weight: bold;
}
.form-style-5 input[type="submit"]:hover,
.form-style-5 input[type="button"]:hover
{
    background: #ff231d;
}

.entry, .entry p {
  color: #555555;
  font: 300 15px/1.5em "Helvetica Neue",Helvetica,sans-serif; }
.entry a{
  color: rgb(10, 142, 188);
}
.white{
	color: #ffffff;
}


#hero{ 
	height:800px; background-color: #464954; 
	background-image: url("../jpg/house-bg.jpg");
	-webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
	background-repeat: no-repeat;

	background-position: center; 
	text-align: center;
	vertical-align: middle;
	display: block;
	margin-bottom: 130px;
	position: relative;
	overflow: hidden;
}

#hero video{
min-width: 110%;
min-height: 110%;
margin-left: -20px;
width: auto;
height: auto;
z-index: -1000;
overflow: hidden;
display: none
}


.hero_text{
	display: inline-block;
	margin: 0 auto; 
	width: 80%; 
	height: 80%;
	border: 0px solid black;
	margin-top: 2%;
	max-width: 1100px;
	position: absolute;
	top: 0;
	left:10%;
	right:10%;
	z-index: 2;
}

#hero .style1{
	top: 20%;
	min-height: 0px;
	min-width: 0px;
	line-height: 16px;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	letter-spacing: 0px;
	font-size: 7em;
	font-weight: 700;
	font-family: "Montserrat";
	color: #fff;
	text-align: center;
	text-decoration: none;
	position: relative;
	display: block;
}

#hero .style2{
	top:35%;
	margin: 0 auto; width: 500px; 
	font-size: 3.5em;
	line-height: 1.1em;
	position: relative;
	color: #fff;
	font-weight: 100;
	font-family: "Raleway", sans-serif;
	position: relative;
	text-transform: uppercase;
	text-align: center;
	display: block;
	border-top: 1px solid #0a8ebc;
	border-bottom: 1px solid #e8c887;
	padding-top: .3em;
	padding-bottom: .3em;

}

#hero .style3{
	top: 40%;
	margin: 0 auto; width: 600px; 
	padding: 5px;
	font-size: 1.3em;
	line-height: 1.8em;
	position: relative;
	color: #fff;
	text-shadow: none;
	font-family: "Open Sans", sans-serif;
	border-style: none;
	display: block;
}

#four_columns {
	margin: 0 auto; max-width: 940px; 
	margin-bottom: 0px;
}

#four_columns .fourcol-one{
	border-top: 1px solid #0a8ebc;
}

#four_columns, #call-to-action{
	margin: 0 auto; max-width: 940px; 
}

#four_columns a{
	color: #622628;
}

#four_columns p{
		font-family: "Open Sans", sans-serif;
		text-align: center;
}

#four_columns h3{
	text-align: center;
	font-family: "Raleway", sans-serif;
	font-weight: 200;
	text-transform: uppercase;
	border-top: 0px solid #0a8ebc;
	padding-top: 0px;
}

#four_columns h3 a {
	color:#464954;
	text-decoration: none;
}

#four_columns h3 a:hover {
	color:#ff231d;
	text-decoration: none;
}

#four_columns img{
	padding-top: 30px;
	border: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px!important
}

#call-to-action{
	background-color: #0a8ebc;
	border: 20px solid #0a8ebc;
	box-sizing: border-box;
	margin-bottom: 50px;
}

#call-to-action h1, #call-to-action h2{
	margin-top: 25px;
	padding-bottom: 10px;
	}

#call-to-action h1, #call-to-action h2, #call-to-action p{
	padding-right: 20px;
}

#call-to-action .first{
	background-image: url("../jpg/homes-4up.jpg");
	background-repeat: no-repeat;
	min-height: 300px;
	margin-bottom: 0px !important;
}

.cta-button{
	margin-top: 15px;
	background-color: #ff231d;
	padding: 10px;
	border: 1px solid #ffffff;
	max-width: 180px !important;
	text-align: center;
}

.cta-button p{
		margin: 0 auto; 
		text-transform: uppercase;
		color: #ffffff;
		font-size: 1.5em;
		font-family: "Montserrat", sans-serif;
		font-weight: 700;
		text-align: center;
		width: 100%;
}


#footer-widgets h3{
	text-transform: uppercase;
}

.entry ul li{
	margin-bottom: 1.5em;
}

.entry ul li a{
font-weight:bold;

}

.entry ul ul{
padding-top:10px
}

.entry ul ul li:last-child{
margin-bottom:0px
}
.widget ul li{
  margin-bottom: 10px;
  padding-left: 10px;
  text-indent: -12px;
  line-height: 18px;
}



/* MOBILE STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the mobile layout of your site */
@media only screen and (max-width: 930px) {
	/* Mobile styles go below this line */

	
}


@media only screen and (max-width: 960px) and (min-width: 930px){
	.hero_text{
		padding-top: 50px;
	}
}

@media only screen and (max-width: 705px) and (min-width: 200px){
#hero .style3{
	width: 300px;
	margin-bottom: 30px;
}

#hero .style2{
	width: 300px;
}
}

@media only screen and (max-width: 450px) and (min-width: 200px){
	#hero .style1{
		font-size: 6em;
	}
}

@media only screen and (max-width: 320px) and (min-width: 200px){
	#hero .style1{
		font-size: 5em;
	}
	#hero .style3{
	width: 250px;
	margin-bottom: 30px;
}

#hero .style2{
	width: 250px;
}
}




/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 930px) {
	/* Desktop styles go below this line */
.columns{
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

.header-widget{
	width: 20%;
	margin-top: 15px;
}


#navigation ul.nav-search #searchform input#s, #navigation ul.nav-search #searchform input.s, #navigation ul.nav-search .searchform input#s, #navigation ul.nav-search .searchform input.s{
	color:#ffffff;
}

#hero{
	/* background-image: none; */
	height:600px; 
	background-color: #ffffff;
}

#hero video{
	display: block;
}

.mobile-only{
	display: none;
}

#four_columns h3{
	border-top: 2px solid #0a8ebc;
	padding-top: 15px;
	margin-top: 30px;
}

#four_columns .fourcol-one{
	border-top: 0px;
}

.sub-menu{
	width: 100%;
}

ul.nav ul{
	width: 100%!important;
}
	
}
@media only screen and (min-width:930px) {
ul.nav li a, #navigation ul.rss a, #navigation ul.cart a.cart-contents, #navigation .cart-contents #navigation ul.rss, #navigation ul.nav-search, #navigation ul.nav-search a { 
	font:300 14px/1.2em 'Montserrat', arial, sans-serif;color:#666666!important; } 
#navigation ul.rss li a:before, #navigation ul.nav-search a.search-contents:before { 
	color:#666666!important;}
#navigation ul.nav > li a:hover, #navigation ul.nav > li:hover a, #navigation ul.nav li ul li a, #navigation ul.cart > li:hover > a, #navigation ul.cart > li > ul > div, #navigation ul.cart > li > ul > div p, #navigation ul.cart > li > ul span, #navigation ul.cart .cart_list a, #navigation ul.nav li.current_page_item a, #navigation ul.nav li.current_page_parent a, #navigation ul.nav li.current-menu-ancestor a, #navigation ul.nav li.current-cat a, #navigation ul.nav li.current-menu-item a { 
	color:#ffffff!important; }
#navigation ul.nav > li a:hover, #navigation ul.nav > li:hover, #navigation ul.nav li ul, #navigation ul.cart li:hover a.cart-contents, #navigation ul.nav-search li:hover a.search-contents, #navigation ul.nav-search a.search-contents + ul, #navigation ul.cart a.cart-contents + ul, #navigation ul.nav li.current_page_item a, #navigation ul.nav li.current_page_parent a, #navigation ul.nav li.current-menu-ancestor a, #navigation ul.nav li.current-cat a, #navigation ul.nav li.current-menu-item a{
	background-color:#0a8ebc!important}
#navigation ul.nav li ul, #navigation ul.cart > li > ul > div  { 
	border: 0px solid #dbdbdb!important; }
#navigation ul.nav > li:hover > ul  { 
	left: 0!important; }
#navigation ul.nav > li  { 
	border-right: 0px solid #dbdbdb; }#navigation ul.nav > li:hover > ul  { left: 0!important; }
#navigation { 
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }#navigation ul li:first-child, #navigation ul li:first-child a { border-radius:0px 0 0 0px; -moz-border-radius:0px 0 0 0px; -webkit-border-radius:0px 0 0 0px!important; }
#navigation {
	background:#ffffff;border-top:0px solid #dbdbdb;border-bottom:0px solid #dbdbdb;border-left:0px solid #dbdbdb;border-right:0px solid #dbdbdb;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px!important;}
#top ul.nav li a:hover, #top ul.nav li.current_page_item a, #top ul.nav li.current_page_parent a,#top ul.nav li.current-menu-ancestor a,#top ul.nav li.current-cat a,#top ul.nav li.current-menu-item a,#top ul.nav li.sfHover, #top ul.nav li ul, #top ul.nav > li:hover a, #top ul.nav li ul li a { 
	color:#0a8ebc!important;}
#top ul.nav li a { 
	font:300 12px/1.6em Arial, sans-serif;color:#ddd!important; }
.footer-widget-1 { width:44% !important; margin-left:10px; }
.footer-widget-4 { width:50% !important; }
}