@charset "UTF-8";
/* CSS Document */

         * { font-family: 'Playfair Display', serif; text-decoration:none; padding:0; margin:0; }
 html,body { background:url(../../images/pattern/ricepaper.png); margin:0; padding:0; }
.clear-fix { clear:both; }


/* TEXT FORMAT */

.col-2 { text-align:justify; font-size:14px; padding:15px 0px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }

/* CONTAINERS */
.anchor { display:block; height: 90px; margin-top:-90px; visibility:hidden; }

.banner img { width:100%; height:auto; }
.banner.margin-top { margin:50px 0;}

.button-cnt                { width:310px; height:190px; overflow: hidden; float:left; cursor:pointer; } 
img#product-thumb-btn       { width:100%; } 
.button-cnt:hover          { width:310px; height:190px;  } 
.button-cnt:hover .overlay { display:table;  } 
.recipes.button-cnt h1     { font-size: 23.5px; margin-top: -10px; } 

.column-2x { float:left; width:50%; }
.column-3x { float:left; width:33.33%; }

.column-cnt { padding:20px; width: auto; height: auto; }

.contact-headline     { text-align:center; margin:50px auto; display:table;  }
.contact-headline img { text-align:center; display:inline; float:left; vertical-align: middle;  }
.contact-headline h1  { text-align:center; display:inline; float:left; font-size:60px; color:#00593A; }

.container   { max-width:960px; margin:90px auto; padding:0 20px; box-shadow:12px 0 15px -9px rgba(0, 0, 0, 0.3), -12px 0 15px -9px rgba(0, 0, 0, 0.3); background:#fff; }
.content     { width:90%; margin:0 auto; }
.content ul  { padding-left: 20px; font-size: 13px; }

 header      { position: fixed; height:50px; margin: 0 ; z-index:9999; width:100%; padding:20px 0; text-align:center; background:url(../../images/pattern/header.jpg) center center; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; } 

.info-content { text-align:center; }

 iframe      { width:100%; height:380px; margin:10px; border:none; outline:none; }

.item-img { border:#3F8748 solid 3px;}
.item-img img { width:100%; }

.logo        { position: relative; margin-top:0px; float:left; display:inline-block; vertical-align:middle; }

 nav ul      { display:table; margin:0 auto;  }
 nav ul li   { display:inline-block; padding:10px 50px 0; float:left; }
 nav ul li a { color:#76542C; font-size:25px; }

.overlay     { position:absolute; font-weight:bold; font-size:20px; display:none; width:310px; padding:51.5px 0; overflow: hidden; float:left; background: rgba(255,255,255,.8); color:#00593A; text-align:center; }

.process-column-img  { float:left; width:70%; }
.process-column-img img { width:100%; }
.process-column-text { float:left; width:30%; }

.slider        { height:auto; background:#000; }
.slider .cover {  padding: 78px 50px; background: rgba(255,255,255,.5); position: absolute; z-index: 3; left: 50%; transform: translateX(-50%); }

/* BACKGROUNDS */

.yellow-back { background:#DBA90F; }
.green-back  { background:#3F8748; }

/* FONT COLOR */
.green-font  { color:#3F8748; }
.orange-font  { color:#76542C; }
/* OTHER PROPERTIES */

.margin-bottom     { margin-bottom:15px; }
.margin-left       { margin-left:15px; }
.margin-top        { margin-top:15px; }
.separator         { height:20px; width:100%; }
.more p            { text-align:right; margin:0 20px; padding:10px 0; color:#fff; }
.ornament-headline { float:right; padding:50px 0; }
.sections h1       { float:left;padding:80px 0; }
.center-text       { text-align:center; }
.justify           { text-align:justify; }
.quote-icon        { float:left; padding:0 10px;}
.quote { float:right; display:table; max-width:78%; }

/* CONTACT FORM */
 
 form                 { padding:30px 0; }
 input, textarea      { resize:none; padding:2%; font-size:20px; color:#76542C; display:block; width:96%; border:none; border-bottom:#00593A solid thin; outline:none; background:none; }
 textarea             { height:120px; border:#00593A solid thin; margin-top:-1px; }
 input[type="submit"] { background:#00593A; color:#fff; text-align:center; float:right; margin:25px 0; width:150px; cursor:pointer; }
 
::-webkit-input-placeholder { color:#76542C; }
::-moz-placeholder          { color:#76542C; }
:-ms-input-placeholder      { color:#76542C; }
input:-moz-placeholder      { color:#76542C; }

/* TOOLBAR */

.toolbar { width: 100%; background: #00593A; padding: 5px; font-size: 10px; right: 10px; color: #fff; letter-spacing: 1px; margin-top: -20px; position: relative; }
.toolbar a { color: #54ac5f; font-weight: bold; letter-spacing: 1px; font-family: sans-serif; float: right; }
.toolbar a:hover { color: #ebb521;}

/* ACCORDION */

.accordion          { max-width: 560px; margin: 0 auto 100px; border-top: 1px solid #3F8748; }
.accordion li       { list-style:none; border-bottom: 1px solid #3F8748; position: relative; }
.accordion li p     { font-size:14px; display: none; padding: 10px 25px 30px; color: #76542C; }
.accordion a        { color:#3F8748; width: 100%; display: block; cursor: pointer; font-weight: 600; line-height: 3; font-size: 14px; font-size: 0.875rem; text-indent: 15px; user-select: none; }
.accordion a:active { color:#D87512; }
.accordion a:after  { width: 8px; height: 8px; border-right: 1px solid #4a6e78; border-bottom: 1px solid #4a6e78; position: absolute; right: 10px; content: " "; top: 17px; transform: rotate(-45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.accordion p        { font-size: 13px; font-size: 0.8125rem; line-height: 2; padding: 10px; }
a.active:after      { transform: rotate(45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

/* ID's */

#footer     { text-align:center; }
#footer p   { font-size:12px; display:inline-block; color:#76542C; }
#footer img { vertical-align:middle; }