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

/* MOBILE 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 (max-width: 767px) {
	/* Mobile styles go below this line */

.btn {
    display: block;
    width: 160px;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
}

}


/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

.headercta {
    font: 18px/1.1em "Prosto One",arial,sans-serif;
    text-align: center;
    color:#3E5600;
}

.headercta span{
    color: #F07C00;
}

#logo {
    text-align: center;
}

.entry ul {
    list-style-image: url('../../uploads/2015/11/checkmark.png');
}

.btn {
    padding: 8px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a85c00+0,f07c00+100 */
background: #a85c00; /* Old browsers */
background: -moz-linear-gradient(top,  #a85c00 0%, #f07c00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a85c00), color-stop(100%,#f07c00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a85c00 0%,#f07c00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a85c00 0%,#f07c00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a85c00 0%,#f07c00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a85c00 0%,#f07c00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a85c00', endColorstr='#f07c00',GradientType=0 ); /* IE6-9 */
    border-radius: 8px;
    width: 160px;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
}

.btn:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f07c00+0,a85c00+100 */
background: #f07c00; /* Old browsers */
background: -moz-linear-gradient(top,  #f07c00 0%, #a85c00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f07c00), color-stop(100%,#a85c00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f07c00 0%,#a85c00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f07c00 0%,#a85c00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f07c00 0%,#a85c00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f07c00 0%,#a85c00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f07c00', endColorstr='#a85c00',GradientType=0 ); /* IE6-9 */
}

.headercta a, .headercta a:visited {
    color: #fff;
    text-decoration: none;
}

#text-5, #text-9, #text-10, #text-11 {
    text-align: center;
    padding: 10px;
}

#footer-widgets h3 {
    padding: 10px 0;
}

#footer-widgets h4 {
    padding: 10px 0;
}

.footerh3 {
    text-align: center;
    display: block;
    padding: 10px 0;
    background: #F07C00;
}

.green {
    background: #B2F900 none repeat scroll 0% 0%;
    border-radius: 20px;
    padding: 5px 10px;
    height: 90px;
    text-shadow: 1px 1px #FFF;
    text-align: center;
}

.green p{
    font-size:20px;
    margin-top:10px;
}

.orange {
    background: #F07C00 none repeat scroll 0% 0%;
    border-radius: 20px;
    padding: 5px 10px;
    height: 90px;
    text-shadow: 1px 1px #FFF;
    text-align: center;
}

.orange p{
    font-size:16px;
}

/*CONTACT FORM STYLES */

#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;
}

.form-quick {
padding:0 10px 0 10px;
}

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


.titles 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: #B2F900 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 #3E5600;
	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: #3E5600;
        box-shadow: 0 0 10px #3E5600;
}

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

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

a.button, a.comment-reply-link, #commentform #submit, .submit, input[type="submit"], input.button, button.button, #wrapper .woo-sc-button {
background-color:#FFC43A;
color:#000;
}

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;
}


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

#main-sidebar-container {
    margin-top: 10px;
}

#nav-container {
    background-color:transparent;
    margin-bottom:10px;
}

#header-container {
    background-image: url("../../uploads/2015/11/header-bg.png");
    background-repeat: repeat;
    background-position: left top;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 0px solid;
}

body {
    background-image: url('../../uploads/2015/11/bg.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
}

    #logo { float: left !important; max-width: 30% !important; margin-top:15px; }
 
    #navigation { 
        max-width: 70% !important;
        float:right !important;
        clear: none;
	background: transparent;
    }

    #navigation ul.nav > li {
	transform: skewX(-15deg);
	background:#74A300;
	border-right:4px solid #3E5600;
    }

    #navigation ul.nav > li:last-child {
	border-right:none;
    }

    #navigation ul.nav > li:hover, #navigation ul.nav > li:active {
	transform: skewX(-15deg);
	background:#B2F900;
    }

    #navigation ul.nav .current_page_item {
	background: #B2F900;
	color:#3E5600;
    }

    #navigation ul.nav .current_page_item a{
	color:#3E5600;
    }

    #navigation li a {
	transform: skewX(15deg);
	background:none;
	border:none;
	color:#fff;
}

#navigation ul.nav > li a:hover, #navigation ul.nav > li a:focus {
    background: transparent none repeat scroll 0% 0%;
    color: #3E5600;
}

#main-nav {
    float: right;
}

#navigation ul.nav ul {
    background: #B2F900 none repeat scroll 0% 0%;
    transform: skewX(15deg);
    width: 100%;
    margin-left: 20px;
}

#navigation ul.nav ul a{
    transform: skewX(-15deg);
}

.headercta {
	margin:10px 0 20px 0;
}
	
}