/*
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 */

#page_in_widget-2 {
    padding: 10px;
    background: #D7D7B5;
    border-radius: 10px;
}

#page_in_widget-2 h2 {
    margin-top:10px;
}

#page_in_widget-2 h3 {
    color:#97103A;
    margin-top:10px;
}

#responsive-form{
	max-width:1170px /*-- change this to get your desired form width --*/;
	margin:0 auto;
        width:100%;
}
.form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}

.form-quick {
padding:10px 10px 0 10px;
margin:20px 0 0 0;
background:#D7D7B5;
border-radius:10px;
}

.form-quick .form-title {
    background: none repeat scroll 0% 0% #97103A ;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 100%;
    margin-bottom:20px;
}

.form-title span {
top: 100%;
left: 50%;
border-style: solid;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
content: " ";
height: 0px;
width: 0px;
position: absolute;
pointer-events: none;
border-right: 30px solid rgba(212, 34, 34, 0);
border-color: #97103A rgba(212, 34, 34, 0) rgba(212, 34, 34, 0);
border-width: 12px;
margin-left: -12px;
-moz-transform: scale(.9999);
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #D7D7B5;
	border-radius: 1px;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box
}
.wpcf7 input[type="text"]:focus{
	background: #fff;
        outline: none;
        border-color: #D7D7B5;
        box-shadow: 0 0 10px #97103A;
}

.wpcf7 input[type="email"]:focus{
	background: #fff;
        outline: none;
        border-color: #D7D7B5;
        box-shadow: 0 0 10px #97103A;
}

.wpcf7 textarea:focus:focus{
	background: #fff;
        outline: none;
        border-color: #D7D7B5;
        box-shadow: 0 0 10px #97103A;
}

span.wpcf7-not-valid-tip{
	text-shadow: none;
	font-size: 12px;
	color: #fff;
	background: #ff0000;
	padding: 5px;
}
div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	background: #f9cd00;
	padding: 5px;
	color: #9C6533;
	text-align: center;
	margin: 0;
	font-size: 12px;
}
div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 12px;
	background: #59a80f;
	border-color: #59a80f;
	color: #fff;
	margin: 0;
}

.detail {
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    min-height: 90px;
    padding: 10px;
    border-radius: 10px;
}

.shortcode-tabs ul.tab_titles li.nav-tab a {
    color: #fff;
    background: #5B6334;
    font-size:14px;
}

.shortcode-tabs ul.tab_titles li.nav-tab.ui-state-active a, .shortcode-tabs ul.tab_titles li.nav-tab a:hover {
    background: none repeat scroll 0% 0% #FFF;
    color:#5B6334;
}

.page-title, .post .title, .page .title {
    font: bold 28px/1.2em "Helvetica Neue",Helvetica,Arial sans-serif;
    margin: 0px 0px 0.5em;
    color:#5B6334;
}
h2 {
    font: bold 24px/1.2em Arial,sans-serif;
    color: #5B6334;
}

.twocol-one {
    margin-bottom:0;
}

.twocol-one h3 {
    font: bold 20px/1.2em Arial,sans-serif;
    color: #5B6334;
    background: #fff;
    width: 200px;
    padding: 10px;
    border: 1px solid #5B6334;
}

.twocol-one a {
    color:#97103A;
}

h3 {
    font: bold 20px/1.2em Arial,sans-serif;
    color: #97103A;
}

h4 {
    font: bold 20px/1.2em Arial,sans-serif;
    color: #97103A;
}

#inner-wrapper {
    background: rgba(242, 242, 242, 0.9) none repeat scroll 0% 0% !important;
    border: none;
}

#nav-container {
    border: none;
    background: none repeat scroll 0% 0% #90986B;
    margin: 0px;
}

#navigation {
    background: none repeat scroll 0% 0% #90986B;
    margin-bottom:0;
}

#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: #97103A !important;
}

#nav-container #navigation ul#main-nav > li {
background: url('/wp-content/uploads/2015/05/divider.png') no-repeat center right;
}

#nav-container #navigation ul#main-nav > li:last-child {
    background: none;
}

#nav-container #navigation ul#main-nav > li:first-child {
    border-left: none;
}

ul.nav li {
background: url('/wp-content/uploads/2015/05/divider.png') no-repeat center right;
}

ul.nav li:last-child {
background: none;
}

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.4em Arial,sans-serif;
    color: #fff;
}

ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a {
    background: none repeat scroll 0% 0% #97103A;
    color: #fff;
}

#navigation ul.nav > li a:hover {
    background: none repeat scroll 0% 0% #97103A;
}

ul.nav li a {
    padding: 0.5em 0.9em;
    display: block;
    color: #fff;
}

#navigation ul.nav ul {
    background: none repeat scroll 0% 0% #90986B;
}

ul.nav li ul li a {
    color: #fff !important;
}

.nav-toggle {
    margin: 0px -1em;
    cursor: pointer;
    text-align: left;
    display: block;
    padding: 0px;
    font-size: 1em;
    background-color: #90986B;
    background-image: none;
    border-bottom: none;
}

#navigation .nav-home, #navigation .nav-close{
    background: #97103A;
}
#menu-item-979 {
background:#97103A;
}

#menu-item-979 a {
    font-weight: bold;
}

#menu-item-979 a:hover{
    font-weight: bold;
    color:#D7D7B5;
}

.shortcode-tabs .tab {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0% 0%;
}

#address, #hours {
    text-align: center;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}

#panel-w556405a86b212-0-2-0 {
    text-align: center;
}

#logo {
    float: none;
    max-width: 100%;
    text-align: center;
}

#panel-w55640a7a3e3d0-0-1-0 {
    font-size: 36px;
    font-weight: bold;
    text-align:center;
}

#panel-w55640a7a3e3d0-0-0-0 {
    text-align: center;
    font-size: 24px;
}

/* 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: 768px) {
	/* Desktop styles go below this line */
.page-title, .post .title, .page .title {
    margin-top:20px;
}
	
	.roomvo-stimr img {margin: 35px 0 0 0;}

.shortcode-tabs .tab {
    min-height: 335px;
}

#address {
    text-align: right;
    margin: 20px 40px 0 0 !important;
    font-size:12px;
}

#hours {
    text-align:right;
    margin-top:20px;
    font-size:12px;
}

#panel-w556405a86b212-0-2-0 {
    text-align: right;
    margin: 20px 0 0 0;
}

#logo {
    float: left;
    max-width: 100%;
}

#footer-widgets.col-1 .block {
    width: 100%;
    margin-right: 0px;
    background-color: #d7d7b5;
    border-radius: 10px;
    margin: 0;
    padding: 0;
}

#panel-w55640a7a3e3d0-0-1-0 {
    font-size: 36px;
    font-weight: bold;
    margin-top: 30px;
    text-align:left;
}

#panel-w55640a7a3e3d0-0-0-0 {
    text-align: right;
    margin-top: 30px;
    font-size: 24px;
}
	
}

/*.page-id-952 #bannerimage {     background: url("http://aspenwoodfloors.websiteonline.ca/wp-content/uploads/2015/05/slide1.jpg") no-repeat scroll 0 0 transparent; height:200px;}*/