/*  You cannot edit main style.css file.All your custom style settings and tweaks can be placed here.Backup this file before theme update - so after update can be restored! */

p {
    font: 200 18px/1.5em Arial;
    color: #757575;
}
.stuff,
#header_bottom {
    height: 140px;
    bottom: 0px;
}
/* slider + logo section height */

.stuff .flexhead {
    height: 110px;
}
.logo_bottom img {
    height: 100px;
}
#servicesbox li p {
    height: 190px;
    overflow: hidden;
}
#servicesbox li:hover {
    background: #e1f0fa;
}
.section_template h2 {
    color: #fff !important;
    text-shadow: 1px 1px 0 #000;
}
.container_block {
    padding-top: 100px !important;
    margin-bottom: 40px !important;
}
.mainflex_wrap,
.mainflex_holder,
.mainflex {
    height: 690px !important;
    min-height: 690px !important;
    overflow: hidden !important;
}
.section .container h2,
.section_template .container h2 {
    margin: 15px 0px 5px;
    padding: 0px 0px 15px;
    letter-spacing: -0.05em !important;
    line-height: 0.8 !important;
    font-size: 55pt;
    font-family: "Open Sans";
}
#navigation .scroll li a,
#navigation .navi li a {
    color: #FFF;
}
#freshform {
    /* BORDER RADIUS */
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 25px;
    -moz-border-radius-bottomright: 0px 0px;
    border-bottom-right-radius: 0px 0px;
    background-color: #8dc63f;
    padding: 35px 35px 35px 35px;
    width: 750px;
    margin: 1px 1px auto 3.5em;
    position: relative;
}
#freshform .textarea {
    width: 700px;
    float: left;
    margin-right: 20px;
    padding-right: 20px;
}
#freshform .formarea {
    float: left;
    width: 480px;
}
#freshform h5 {
    color: #55703a;
    font-size: 19px;
}
#freshform .formarea ul {
    margin: 0;
    padding: 0;
}
#freshform .formarea ul li {
    list-style-type: none;
    margin-bottom: 0.5em;
}
#freshform input.text {
    height: 30px;
    padding: 0 10px;
    border-radius: 5px;
    min-width: 120px;
    max-width: 600px;
    width: 100%
}
#freshform input.textSmall {
    width: 100px;
    height: 30px;
    padding: 0 10px;
}
#freshform input.textHalf {
    width: 227px;
    height: 30px;
    padding: 0 10px;
}
#freshform textarea {
    color: #333;
    font-size: 14px;
    padding: 8px;
    border: 1px solid #ddd;
    width: 340px;
    height: 80px;
    padding: 5px 10px;
}
#freshform textarea.textExp {
    width: 480px;
    height: 80px;
    padding: 5px 10px;
}
#freshform input.submit {
    border: 1px solid #2c4e0b;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #222840;
    padding: 6px 20px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    cursor: pointer;
}
#freshform input.submit:hover {
    background-color: #338f38;
}
.defaultTextActive {
    color: #888!important;
    font-style: italic;
}
#contactForm label {
    margin-left: 12px;
    color: red;
    font-size: 12px;
}
.light_green_box {
    background-color: #8dc63f;
    margin: 0 auto 1em;
}
.dark_green_box {
    background-color: #339044;
    margin: 0 auto 1em;
}
.center img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
* {
    margin: 0;
    padding: 0;
}
header {
    background: #4679BD;
    width: 90%;
    height: 70px;
    line-height: 70px;
    font-size: 20px;
    text-align: center;
    border: 1px solid #333;
    margin: 10px auto;
}
#body {
    width: 960px;
    margin: auto;
    border: 0px solid #333;
}
#body .col {
    display: inline-block;
    background: #fff;
    height: 300px;
    border: 0px solid #333;
    margin: 5px;
    vertical-align: top;
}
#body #col-1 {
    width: 31%;
}
#body #col-2 {
    width: 31%;
}
#body #col-3 {
    width: 31%;
}
/*  SECTIONS  */
/* line 5, ../sass/test.scss */

.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}
/* line 11, ../sass/test.scss */

.a {
    background-color: #FFF;
}
/* line 14, ../sass/test.scss */

.b {
    background-color: #FFF;
}
/* line 17, ../sass/test.scss */

.c {
    background-color: #FFF;
}
/*  GRID OF THREE           ============================================================================= */

@media only screen and (min-width: 480px) {
    /* line 24, ../sass/test.scss */
    
    .span_3_of_3 {
        width: 100%;
    }
    /* line 28, ../sass/test.scss */
    
    .span_2_of_3 {
        width: 66.1%;
    }
    /* line 32, ../sass/test.scss */
    
    .span_1_of_3 {
        width: 32.2%;
    }
    /*  COLUMN SETUP  */
    /* line 37, ../sass/test.scss */
    
    .col {
        display: block;
        float: left;
        margin: 1% 0 1% 1.6%;
    }
    /* line 42, ../sass/test.scss */
    
    .col:first-child {
        margin-left: 0;
    }
}
@media only screen and (max-width: 480px) {
    /* line 48, ../sass/test.scss */
    
    .section {
        width: 100%;
        /* fix for Firefox */
        
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    /* line 53, ../sass/test.scss */
    
    .a {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -webkit-flex-order: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    /* line 57, ../sass/test.scss */
    
    .b {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -webkit-flex-order: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }
    
    .smoothie-box {width: 100%!important;}
    
}
/*** ADDED 1/20/2015 BY ERIC SLOAN ***/

.top_feature_box {
    text-align: center;
    padding: 20px 0 20px;
}
.top_feature_box p {
    margin: 0!important;
    padding: 0;
    display: inline;
}
.bottom_feature_box {
    padding: 20px;
}
.bottom_feature_box p {
    margin: 0!important;
    padding: 0;
    font-weight: 400;
}
#form_box {
    text-align: center;
}
#lpa_contact .text {
    height: 30px;
    padding: 10px;
    font-size: 14pt!important;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 5px;
    min-width: 120px;
    max-width: 600px;
    width: 100%;
}
#lpa_contact .submit {
    width: 200px;
    background: #222840;
    font-size: 16pt!important;
    color: white;
    border-radius: 5px;
    border: 1px solid #000;
    padding: 12px;
    cursor: pointer;
    height: 50px;
}
#lpa_contact input.submit:hover {
    background-color: #338f38;
}
.contact_green_box {
    background-color: #8dc63f;
    margin: 0 auto 1em;
}
.section .container h2,
.section_template .container h2 {
    margin: 0 0 0.6em;
}
#smoothies {
    padding: 85px 456px 42px 138px;
    background: url(/wp-content/themes/scroller/images/smoothie-showcase.jpg) 520px 0 no-repeat;
}
#greens {
    padding: 122px 0 76px 577px;
    background: url(/wp-content/themes/scroller/images/flat-showcase.jpg) top left no-repeat;
}
#cultivators {
    padding: 120px 381px 120px 68px;
    background: url(/wp-content/themes/scroller/images/commercial-showcase.jpg) 582px 0 no-repeat;
}
.showcase {
    text-align: left;
}
.showcase h3 {
    font-size: 45px;
    line-height: 1.1em;
}
.showcase p {
    font-size: 24px;
}
.media="all"@media handheld,
only screen and (max-width: 740px)a#logo_res img {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    float: none;
    margin: 10px auto;
    display: none;
}
.full-width {
    width: 100%;
    height: auto;
}

}
.full-height {
    width: auto;
    height: 100%;
}

/* MENU PAGE - ID 221 */

.page-id-221 .green {color: #76c133;}

.page-id-221 .center {text-align: center;}



.page-id-221 #quote {text-align: center;}

  

.page-id-221 h3 {

    background-color: #8ec63f;

	color: #fff;

	font-size: 18pt; 

	padding: 6px 6px 6px 10px; 

}

.page-id-221 h4 {

	color: #8ec63f;

	font-size: 1.65rem; 
	
	padding: 0;

}

.smoothie-box {display: inline-block; width: 45%; padding: 0 0 1.5rem; margin: 0 2% 1.5rem; border-bottom: 2px dashed #ccc; vertical-align: top;}

.dot-container {display: block;}
.dot-pink {display: inline-block; width: 13px; height: 13px; border-radius: 13px; background-color: #f49ac0;}
.dot-blue {display: inline-block; width: 13px; height: 13px; border-radius: 13px; background-color: #7da7d9;}
.dot-purple {display: inline-block; width: 13px; height: 13px; border-radius: 13px; background-color: #a286c0;}
.dot-orange {display: inline-block; width: 13px; height: 13px; border-radius: 13px; background-color: #faad81;}

.dot-pink-legend {display: inline-block; vertical-align: middle; width: 22px; height: 22px; border-radius: 22px; background-color: #f49ac0;}
.dot-blue-legend {display: inline-block; vertical-align: middle; width: 22px; height: 22px; border-radius: 22px; background-color: #7da7d9;}
.dot-purple-legend {display: inline-block; vertical-align: middle; width: 22px; height: 22px; border-radius: 22px; background-color: #a286c0;}
.dot-orange-legend {display: inline-block; vertical-align: middle; width: 22px; height: 22px; border-radius: 22px; background-color: #faad81;}

.legend-item{
  width: 150px;
  display: inline-block;
  font-size: 14pt; 
 
}

.legend-box{
  width: 100%;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  margin: 25px 0 25px 0;


}
/*  Added by Matt 5.25.2015 */

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
        text-align: left;
	vertical-align: middle;
}
.section h3 {
    font-size: 40px;
    line-height: 1.1em;
}
.section p {
    font-size: 24px;
}
/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 3%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 48.5%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}
/* END MENU PAGE */