/*  Theme Name: Petani V2
URI: https://jurnalwp.com
Description: Dibuat khusus untuk Serikat Petani Indonesia
Version: 2.0
Author: Cecep Risnandar
*/

/* GENERAL CSS */
html { font-size: 62.5%; /* 10px browser default */ }
body { 	
	font-family: 'Poppins', sans-serif; 
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.825;
	padding:0;
	margin: 0;
	background: #f1f1f1;
	color: #555;
	-webkit-font-smoothing: antialiased;
	}
a {	color: #c4a865; text-decoration: none; }
a:hover, a:focus { color: #000; text-decoration: none; }
p { margin: 0 0 20px; padding: 0; }
ol, ul { margin: 0; padding: 0; }
li { list-style-type: none; }
b, strong { font-weight: 600;}
code{font-size:1.3em;color:#000}
blockquote, cite, em, i { font-style: italic; }
blockquote { margin: 40px 20px!important; padding: 0 10px; border-left:3px solid #c4a865!important; color:#333}
blockquote::before {
	content: "";
	display: block;
	font-size: 30px;
	font-size: 3rem;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
	}	
figcaption{line-height:1.4}
/* Animated transition */
a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
	}	
/* Objects */
embed,img,iframe,object,video,.wp-caption { max-width: 100%; }
img {height: auto;display: block;}
figure { margin: 0;}

/* HEADINGS */
h1,h2,h3,h4,h5,h6 { font-family: 'Poppins', sans-serif;	font-weight: 600; line-height: 1.4;	margin: 0 0 15px; }
h1,h2,h3,h4,h5,h6 {color:#333}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color:#333;	}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { color:#000;	}
h1 {font-size: 34px;font-size: 3.4rem;}
h2 {font-size: 28px;font-size: 2.8rem;}
h3 {font-size: 22px;font-size: 2.2rem;}
h4 {font-size: 19px;font-size: 1.9rem;}
h5 {font-size: 17px;font-size: 1.7rem;}
h6 {font-size: 15px;font-size: 1.5rem;}
@media screen and (max-width:1024px){
	h1 {font-size: 28px;font-size: 2.8rem; }
	h2 {font-size: 24px;font-size: 2.4rem;}
	h3 {font-size: 18px;font-size: 1.8rem;}
	h4 {font-size: 16px;font-size: 1.6rem;}
	h5 {font-size: 15px;font-size: 1.5rem;}
	h6 {font-size: 14px;font-size: 1.4rem;}
	}

/* GUTENBERG CSS */	
.wp-block-image {margin-bottom:30px!important}
.wp-block-code { font: 15px 'Courier', sans-serif; Padding:20px; margin: 32px 0; background:#eee; border:1px solid #ccc; }
.wp-block-button a{font-weight:400;padding:5px 15px}
.wp-block-preformatted {color:#000}
a.has-black-background-color{ background-color: #000000; color:#ffffff!important}
a.has-black-background-color:hover{ background-color: #000000; color:#ffffff!important}
a.has-violet-background-color{ background-color: #c4a865; color:#ffffff!important}
a.has-violet-background-color:hover{ background-color: #792250; color:#ffffff!important }

/* ELEMENT CSS */
.wp-caption-text{font-size:small;font-style:italic;padding:5px 0;color:#999}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom:20px }
.embed-container iframe, .embed-container object, .embed-container embed, .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.post-metadata{overflow:hidden;}
	.post-metadata a{color:#564536}
	.post-metadata a:hover{color:#c4a865}
	.post-metadata-image{float:left;width:40px;height:40px;margin:0 7px 0 0;}
	.post-metadata-image img{width:100%;height:auto;border-radius:50%;}
	.post-metadata-text{float:left;width:auto;}
	.post-metadata-text-left{line-height:1em;padding:5px 0 0 0;}
	.post-metadata-text-left-author{font-size:13px;font-weight:600;text-transform:uppercase;}
	.post-metadata-text-left-date{font-size:11px;font-style:italic;}
	.post-metadata-text-right{float:right;font-weight:700;width:auto;}
	.post-metadata-text-right .fa-share-alt {margin:0 0 0 10px}
#breadcrumbs {font-size:12px;line-height:1.2em;padding:0 0 20px 0;margin:0;color:#666;}
	@media screen and (max-width:800px){ #breadcrumbs {padding:20px 5% 0 5%;margin:0;background:#fff} }
a.load-more {color:#999}
	.load-more{float:left;font-size:12px;width:auto;padding:5px 10px;margin:0;background:#f7f7f7;border:1px solid #ccc;border-radius:3px;}
	.load-more:hover{background:#dedede}
.display-blog-index{clear:both;font-size:14px;text-align:center;margin:20px 0;}
	.display-blog-index a{font-weight:bold;color:#564536 }
	.display-blog-index a:hover{color:#c4a865 }
.list-post ul,.list-post ol {padding:0 0 0 30px;margin:20px 0;}
	.list-post ul li{list-style-type:disc;padding:0 0 10px 0}
	.list-post ol li{list-style-type:decimal;padding:0 0 10px 0}
.title-tag {font-size:12px; line-height:1.2em; font-style:italic; color:#666!important}
	.title-tag a{color:#666!important}	
	.title-tag a:hover{color:#000!important}
.jwp-pagination {clear:both; padding:20px 0; margin: 20px auto; text-align: center; }
	.jwp-pagination a,.jwp-pagination span {
		color: #fff;
		display: inline-block;
		text-decoration:none;
		background: #fff;
		color:#999;
		border:1px solid #ccc;
		border-radius: 3px;
		cursor: pointer;
		margin: 5px;
		padding: 5px 7px;
		line-height: 20px;
		}
	.jwp-pagination a:hover,.jwp-pagination span.current { background: #ddd; color:#333}
	.jwp-pagination span.current {cursor: default;}

/* HEADER CSS */
.header{background:#392d23}
	.header a{color:#fff; text-decoration:none; }
	.header a:hover{color:#c4a865}
	.header a span{font-weight:700;color:#c4a865;}
.header-inner{width:1024px; height:80px; margin:0 auto;}	
.header-logo{overflow:hidden; float:left; margin:15px 0 0 0; padding:0;}
.header-logo-img{float:left;font-size:38px; font-weight:600; line-height:1.4em; margin:0;}
.header-logo-img img{float:left;width:50px;height:50px;margin:0 10px 0 0}
.header-logo-text{
	float:left; 
	font-size:12px; 
	font-weight:400;
	color:#fff;
	padding:0 0 0 10px; 
	margin:10px; 
	line-height:1.4em; 
	border-left:2px solid #fff;
	}
.header-logo-text:hover{color:#c4a865;border-left:2px solid #c4a865;}	
.header-menu-desktop{float:right; font-size:14px; margin:23px 0 0 0;}
	.drop_menu ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; background:#392d23;}
	.drop_menu li { float:left; margin:0 5px}
	.drop_menu li a { white-space:nowrap; padding:9px 15px; display:block; color:#fff; text-decoration:none; }
	.drop_menu li a:hover {color:#c4a865;}
	.drop_menu li:hover { position:relative; background:#392d23; border-radius:3px; z-index:9999}
	.drop_menu li:hover ul { left:0px; top:37px; padding:10px 0; border-radius:0 3px 3px 3px;}
	.drop_menu li:hover ul li {width:auto}
	.drop_menu li:hover ul li a { padding:2px 20px 2px 10px; min-width:120px; color:#cccccc;}
	.drop_menu li:hover ul li a:hover { color:#c4a865}
/* DropDown CSS menu */
#primary_nav_wrap { margin:5px 0 0 0 }
#primary_nav_wrap ul { list-style:none;	position:relative;	float:left;	margin:0;	padding:0}
#primary_nav_wrap ul a{	display:block; color:#fff;	text-decoration:none;	padding:0 15px; }
#primary_nav_wrap ul a:hover{color:#c4a865}
#primary_nav_wrap ul li{ position:relative;	float:left;	margin:0;	padding:0}
#primary_nav_wrap ul li:hover{z-index:9999;}
#primary_nav_wrap ul ul{ display:none;	position:absolute;	top:100%;	left:0;	background:#392d23;	padding:0}
#primary_nav_wrap ul ul li{	float:none;	width:200px}
#primary_nav_wrap ul ul a{ line-height:120%;	padding:10px 15px}
#primary_nav_wrap ul ul ul{	top:0;	left:100%}
#primary_nav_wrap ul li:hover > ul{	display:block;}
.header-mobile-menu{display:none;}
.header-search{float:right; font-size:16px; margin:28px 28px 0 28px;}
.header-promo{
	overflow:hidden;
	background-color: #c4a865;
	background-image: linear-gradient(to bottom right, #c4a865, #9d2766);
	border-bottom:8px solid #564536;	
	}
	.header-promo-title {font-size:22px;font-weight:700;text-align:center;color:#fff;padding:30px 20px 20px 20px;margin:0;line-height:1.2em}
	.header-promo-title span {font-size:0.7em;font-weight:400;margin-left:10px;color:#d8b2c6;white-space: nowrap;}
	.header-promo-title a {color:#d8b2c6}
	.header-promo-title a:hover {color:#491732}
#toggle1{overflow:hidden;position:absolute;padding:22px 0 20px 0;margin:0;background:#666;width:100%;z-index:9999;}
#toggle2{overflow:hidden;position:absolute;padding:0;margin:0;background:#444;width:100%;z-index:9998;}
	.accordion-header ul{ padding:0;margin:0}
	.accordion-header ul li a{ 
		cursor:pointer; 
		display:block; 
		padding:10px; 
		margin:0;
		border-bottom:1px solid #555;
		}
	.accordion-header ul li a:hover{ background-color: #666; color:#fff}
	.accordion-header .fa-folder{ margin-right:8px}
	.accordion-header .fa-folder-open{ margin-right:8px}
	.accordion-header .fa-caret-right{ margin-right:8px;margin-left:10px}
@media screen and (max-width:1024px){
	.header-inner{width:95%;height:60px;padding:0 2.5%}
	.header-logo{margin:8px 0 0 0;}
	.header-logo-img{font-size:30px;}
	.header-logo-img img{float:left;width:40px;height:40px;margin:0 10px 0 0}
	.header-logo-text{font-size:10px;line-height:1.2em}
	.header-menu-desktop{display:none}
	.header-mobile-menu{display:block;float:right;font-size:16px;margin:17px 10px 0 10px}
	.header-search{margin:17px 10px 0 10px}
	}

/* BODY CSS */
.container{overflow:hidden;width:1024px;margin:20px auto}
.content-post,.content-home,.content-blog,.content-archive,.content-search{float:left;width:62.5%;padding:2.5%;margin:0;background:#fff}
.content-sidebar{float:right;width:30%;padding:0;margin:0;}
.content-page-wide{overflow:hidden;padding:5%;margin:0;background:#fff}
.content-page-tutorial{font-size:18px;width:680px;padding:0;margin:2.5% auto 0 auto;}
/* Home */

/* Blog */	
.blog-entry{padding:0;margin:20px 0 0 0;}
.blog-style h1{font-weight:600;color:#000}
.blog-style h2 a,.blog-style h3 a,.blog-style h4 a{color:#c4a865}
.blog-style h2 a:hover,.blog-style h3 a:hover,.blog-style h4 a:hover{color:#000}
.blog-style strong,.blog-style b{color:#333}
.related-post{ clear:both; margin:30px 0 0 0; }
.related-post h5{ font-weight:700; color:#392d23 }
.related-post a{ color:#333 }
.related-post a:hover{ color:#c4a865 }
.related-post-inner{ font-size:15px; line-height:1.4em; column-count: 2; column-gap: 20px; }
.related-post-section { clear:both; overflow:hidden; margin:0 0 20px 0;break-inside:avoid-column; -webkit-backface-visibility:hidden; -webkit-transform: translateZ(0); }
.related-post-section img{ float:left; width:75px; height:75px; margin:0 10px 0 0 }

/* Archive */
.archive-entry{float:left;width:60%;display:block;padding:0;margin:0;}
.archive-entry p{padding:0;margin:0 0 10px 0;}
.archive-style h2 a:hover{color:#c4a865}
.archive-inner{overflow:hidden;padding:0 0 40px 0;margin:0 0 30px 0;border-bottom:1px solid #ddd}
.archive-thumbnail{float:left;width:37.5%;height:auto;margin:0 2.5% 0 0;}
.archive-thumbnail img{width:100%;height:auto}
.archive-glossary ul{column-count: 4; column-gap: 20px;}
.archive-glosarry ul li{padding:0;margin:0 0 15px 0;line-height:1.2em}
/* Search */
.search-style h1{font-size:16px;font-weight:400;font-style:italic;padding:0;margin:0 0 20px 0;color:#564536}
.search-style h2{font-size:16px;font-weight:400;padding:0;margin:0;}
.search-style h2 a{color:#1a0dab}
.search-style h2 a:hover{text-decoration:underline}
.search-style h3{font-size:14px;font-weight:400;padding:0;margin:0;line-height:1.6em;color:green}
.search-style p{font-size:15px;}
.search-style i {font-size:20px;}
.search-style span{color:#999}
/* Sidebar */
.content-sidebar h3 {	
	position: relative;
	font-size: 16px;
	font-weight:700;
	z-index: 1;
	overflow: hidden;
	text-align: center;
	color:#564536;
	}
	.content-sidebar h3 span{padding:0 5px}
	.content-sidebar h3:before,.content-sidebar h3:after {
		position: absolute;
		top: 50%;
		overflow: hidden;
		width: 50%;
		height: 1px;
		content: '\a0';
		background-color: #564536;
		}
	.content-sidebar h3:before {
		margin-left: -50%;
		text-align: right;
		}
.sidebar-entry {font-size:15px;line-height:1.4em;padding:20px 20px 5px 20px;margin:0;background:#fff;}	
.sidebar-entry ul a{color:#000}
.sidebar-entry ul a:hover{color:#c4a865}
.sidebar-entry ul {padding:0;margin:20px 0 0 0}
.sidebar-entry ul li{padding:0 0 15px 0; margin:0 0 15px 0; border-bottom:1px solid #ddd; break-inside:avoid-column; -webkit-backface-visibility:hidden; -webkit-transform: translateZ(0);}
.sidebar-entry ul li:last-child { border-bottom: none; }
.content-sidebar-box{margin:0 0 20px 0}
.content-sidebar-box img{width:100%;height:auto}
.sidebar-index-mobile{display:none}
/* Tutorial*/
.tutorial-header-inner{width:760px;margin:0 auto}
.tutorial-header-subtitle{display:block;margin-top:10px}
.tutorial-header-title {overflow:hidden;font-size:18px;padding:10% 0 2.5% 0;}
.tutorial-header-title h1{font-size:20px;font-weight:700;text-transform:uppercase;text-align:center;line-height: 1.2;padding:0;margin:0 0 40px 0;}
.tutorial-header-title h1 span{font-size:50px;font-weight:300;text-transform:none;}
.tutorial-header-title ul {list-style:none; padding:0 0 0 25px; margin:0 0 10px 0;}
.tutorial-header-title ul li {padding:0 0 5px 0;}
.tutorial-header-title ul li:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f00c";
	display: inline-block;
	margin-left: -25px;
	width: 25px;
	}
.tutorial-header-title-left{float:left;width:50%}
.tutorial-header-title-right{float:right;width:47.5%;margin-bottom:40px}
.tutorial-header-title-right img{width:100%;height:auto}
.tutorial-header-metadata{background:rgba(0, 0, 0, .05)}
.tutorial-header-metadata{padding:20px;color:#666}
.tutorial-boxed {
	padding:30px 0;
	margin-top:30px;
	margin-bottom:30px;	
    margin-left: calc(-100vw / 2 + 700px / 2);
    margin-right: calc(-100vw / 2 + 700px / 2);
	}
	.tutorial-boxed-inner {width:760px;padding:0;margin:2.5% auto;}
	.tutorial-boxed-inner h2 {font-weight:400;font-size:40px;margin:0 0 30px 0}
	.tutorial-boxed-inner h3 {font-weight:700;text-transform:uppercase}
	.tutorial-boxed-inner ul {list-style:none; padding:0 0 0 25px; margin:0 0 10px 0;}
	.tutorial-boxed-inner ul li {list-style:none;padding:0 0 5px 0;}
	.tutorial-boxed-inner ul li:before {
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		content: "\f00c";
		display: inline-block;
		margin-left: -25px;
		width: 25px;
		}	
.tutorial-comment {
	overflow:hidden;
	background:#fdfdfd;
	padding:20px 0;
	border-top:1px solid #eee;
	margin-top:30px;
	margin-bottom:0;
    margin-left: calc(-100vw / 2 + 700px / 2);
    margin-right: calc(-100vw / 2 + 700px / 2);
	}
	.tutorial-comment-inner{width:680px;padding:0;margin:0 auto 2.5% auto;}
/* Product */
.product-title {text-align:center; margin-bottom:60px;}
.product-title p {padding:0 10%; margin:0 }
.product-entry {column-count: 2; column-gap: 50px; padding:0; margin:0 }
.product-entry-box {overflow:hidden; margin:0 0 60px 0; break-inside:avoid-column; -webkit-backface-visibility:hidden; -webkit-transform: translateZ(0); }
.product-entry-box i {float:left; width:80px; margin:0 10px 10px 0}
.product-entry-box-text {float:left; width:70%; font-size:15px; line-height:1.5em;}
.product-entry-box-text span {font-weight:600; color:#000}

/* Body Responsive */
@media screen and (max-width:1024px){ 
.container{width:90%;margin:20px auto} 
}
@media screen and (max-width:800px){
.container{width:100%;margin:0}
.content-post,.content-home,.content-blog,.content-blog,.content-archive,.content-search,.content-page-wide{width:90%;padding:5%}
.content-page-tutorial{ width: 90%; margin: 5% 5% 0 5%; }
.content-sidebar{width:100%;background:#fff}
.content-sidebar h2{font-size:26px}
.content-sidebar h4{font-size:14px}
.sidebar-entry {padding:0;margin:10% 5% 5% 5%}
.sidebar-entry ul {column-count: 2; column-gap: 40px;}
.sidebar-index-mobile{display:block}	
.tutorial-header-title {width:90%;padding:10% 5% 2.5% 5%}
.tutorial-header-title h1 {font-size:18px;}
.tutorial-header-title h1 span{font-size:40px;}
.tutorial-header-inner{width:100%;}
.tutorial-boxed{ margin-left:-5.5%; margin-right:-5.5%; }
.tutorial-boxed-inner{width:90%;padding:5%}
.tutorial-boxed-inner h2 {font-size:30px}
.tutorial-comment{ margin-left:-5.5%; margin-right:-5.5%; }
.tutorial-comment-inner{width:90%}
.archive-thumbnail,.archive-entry{width:100%;padding:0;margin:0 0 10px 0;}
.archive-glossary ul{column-count: 3;}
}
@media screen and (max-width:600px){
.product-title p {padding:0; margin:0 }
.product-entry {column-count: 1; padding:0; margin:0 0 30px 0; } 
.tutorial-header-title-left,.tutorial-header-title-right{width:100%;}
.home-2,.related-post-inner,.sidebar-entry ul{column-count: 1}
.archive-glossary ul{column-count: 2}
}

/* SOCMED SHARE CSS*/
.social-share{overflow:hidden; font-size:20px; text-align:center; margin:30px 0 20px 0}
.social-share a{display:block;padding:3px 0;border-radius:2px;color:#ffffff!important}
.social-share a:hover{text-decoration:none;background:#999999}
.facebook-share{float:left;width:15%;margin:0 2% 0 0}
.facebook-share a{background:#3B5998;}
.twitter-share{float:left;width:15%;margin:0 2% 0 0}
.twitter-share a{background:#55acee;}
.linkedin-share{float:left;width:15%;margin:0 2% 0 0}
.linkedin-share a{background:#0e76a8;}
.whatsapp-share{float:left;width:15%;margin:0 2% 0 0}
.whatsapp-share a{background:#25d366;}
.telegram-share{float:left;width:15%;margin:0 2% 0 0}
.telegram-share a{background:#32afed}
.line-share{float:right;width:15%;margin:0}
.line-share a{background:#4ecd00}

/* FORM CSS */
input,textarea,button { font-family:'Poppins', sans-serif; font-size:16px;}
input:focus {outline:0;}
input:focus::-webkit-input-placeholder{color: transparent!important;}
input:focus::-moz-placeholder{color: transparent!important;}
input:focus:-moz-placeholder{color: transparent!important;}
input:focus:-ms-input-placeholder {color: transparent!important;}
textarea:focus {outline:0;}
textarea:focus::-webkit-input-placeholder {color: transparent!important;}
textarea:focus::-moz-placeholder {color: transparent!important;}
textarea:focus:-moz-placeholder {color: transparent!important;}
textarea:focus:-ms-input-placeholder {color: transparent!important;}	
/* Search Form */
.cf:before, .cf:after{ content:""; display:table; }
.cf:after{ clear:both; }
.cf{ zoom:1;}
.search-form {width: 500px; margin:0 auto}
.search-form input {
	width: 370px;
	height: 20px;
	padding: 10px 15px;
	float: left;
	font-size:14px;
	border: 0;
	color:#666;
	background: #eee;
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	}
.search-form button {
	overflow: visible;
	position: relative;
	float: right;
	border: 0;
	padding: 0;
	cursor: pointer;
	height: 40px;
	width: 100px;
	font-size: 12px;
	font-weight:600;
	letter-spacing:1px;
	color: #fff;
	background: #c4a865;
	border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	}
.search-form button:hover{ background: #564536;}
.search-form button:active, .search-form button:focus{ background: #564536; outline:0; }
.search-form button:before {
	content: '';
	position: absolute;
	border-width: 8px 8px 8px 0;
	border-style: solid solid solid none;
	border-color: transparent #c4a865 transparent;
	top: 12px;
	left: -6px;
	}
.search-form button:hover:before{ border-right-color: #564536; }
.search-form button:focus:before{ border-right-color: #564536; outline:0; }
.search-form button::-moz-focus-inner { border: 0; padding: 0; }
@media screen and (max-width:600px){
.search-form { width: 320px;}
.search-form input { width: 220px; }
.search-form button { width: 70px;}
}
/* Comment Form*/
.comments-box {clear:both; margin: 20px 0 0 0;}
.comments-box img {vertical-align: middle;}
.comments-box h5 {font-weight:700; margin:40px 0 20px 0; color:#564536 }
.comments-box h5 span{float:right}
.cancel-comment-reply {font-size:16px;margin:10px 0 20px 0;}
.cancel-comment-reply a {font-style:italic}
.cancel-comment-reply a:hover {text-decoration:underline}
ol.commentlist {font-size:16px;margin:0;padding:0;}
ol.commentlist a:link {color: #333;text-decoration: none;}
ol.commentlist li {margin:0;padding: 20px 0 0 0; list-style-type: none; }
ol.commentlist li:nth-child(odd) { border-bottom:1px solid #ddd }
ol.commentlist li:nth-child(even) { border-bottom:1px solid #ddd }
ol.commentlist li.alt {}
ol.commentlist li div.vcard {overflow:hidden;padding:6px 0 0 0;margin:0 0 10px 0;}
ol.commentlist li div.vcard cite.fn {font-size:14px;font-style:normal;font-weight:600;text-transform:capitalize;color:#333;}
ol.commentlist li div.vcard cite.fn a.url {color: #333;}
ol.commentlist li div.vcard cite.fn a.url:hover {color:#564536;text-decoration: none;}
ol.commentlist li div.vcard img {float: left;margin-top:-1px;margin-right:10px;border-radius: 50%;border:2px solid #ccc}
ol.commentlist li div.vcard span.says {display:none}
ol.commentlist li div.comment-meta {display:none}
ol.commentlist li p {clear:both; margin: 0 0 25px 0;}
ol.commentlist li div.reply {font-size:0.8em;width:33px;margin: 20px 0;}
ol.commentlist li div.reply a {color:#fff;background:#ddd;padding: 5px 10px;border-radius:3px; -moz-border-radius:3px;}
ol.commentlist li div.reply a:hover {background:#999;padding: 5px 10px;text-decoration: none;}
ol.commentlist li ul.children {margin:0;padding:0}
ol.commentlist li ul.children li {margin: 10px 0 0 60px;padding:0 0 20px 0; border:none}
ol.commentlist span {display:none}
#respond {padding:30px; border-radius:3px; -moz-border-radius:3px;background:#eee;}
#respond a {font-weight:400;color:#999}
#respond a:hover{color:#000}
#respond p {margin: 5px 0 15px 0;}
#respond h5 {margin:0}
#commentform input {width:95%; margin:0 0 20px 0; padding: 2.5%; border:none; color:#666}
#commentform textarea {width:95%; height:8em; margin:0 0 10px 0; padding: 2.5%; border:none; color:#666}
#commentform .submit {cursor:pointer}
#commentform .submit {
	width:auto;
	background:#564536;
	color:#ffffff;
	font-weight:600;
	letter-spacing:1px;
	text-transform:uppercase;
	padding:15px 30px;
	border:none;
	-moz-border-radius:2px;
	border-radius:2px}
#commentform .submit:hover {background:#392d23;color:#ffffff}
/* Contact Form 7 */
.box-text{margin:0 0 20px 0;padding:10px 2%;width:95.5%;}
.box-textarea{margin:0 0 20px 0;padding:10px 2%;width:95.5%;height:16em;}
.box-button{margin:0;padding:0;}
.wpcf7-form-control.wpcf7-submit {
	background:#c4a865;
	color:#fff;
	font-weight:600;
	letter-spacing:1px;
	text-transform:uppercase;
	padding:15px 30px;
	border:none;
	-moz-border-radius:2px;
	border-radius:2px
	}
.wpcf7-submit {cursor:pointer}
.wpcf7-submit:hover{background:#6b1a45;color:#fff}

/* FOOTER CSS */
.footer{clear:both;overflow:hidden}
	.footer-top	{overflow:hidden; font-size:0.85em; padding:40px 20px 0 20px; margin:0; background:#564536; color:#fff}
		.footer-col{float:left;width:50%;padding:0;margin:0;}
			.footer-col-1{float:left;width:49%;margin:0 1% 20px 0;}
			.footer-col-1 i{padding:0; margin:0 10px 0 0}
			.footer-col-1 h5{font-size:1em;margin:0 0 5px 0;color:#fff}
			.footer-col-1 ul{margin:0 0 20px 0; padding:0}
			.footer-col-1 li{list-style-type:none;padding:0;margin:0;color:#ccc}
			.footer-col-1 li a{color:#ccc}
			.footer-col-1 li a:hover{text-decoration:none;color:#c4a865}
			.footer-col-1 li span a{font-size:0.8em; font-weight:bold}
			.footer-col-1-box{font-size:1em; line-height:1.6em; width:230px; margin:0 0 20px 0; color:#ccc}
			.footer-col-1-box i {font-size:1em;margin:0 10px 0 0}
	.footer-bottom	{overflow:hidden; font-size:0.85em; padding:20px; margin:0; background:#392d23; color:#999}
		.footer-bottom-left{float:left;width:auto}
		.footer-bottom-left a {font-weight:500; text-decoration:none; color:#999;}
		.footer-bottom-left a:hover {color:#c4a865}
		.footer-bottom-left p {padding:0;margin:0;}
		.footer-bottom-left ul {list-style-type:none;padding:5px 0 0 0;border-top:1px solid #999}
		.footer-bottom-left ul li {display:inline; padding:0; margin: 0;}
			.footer-bottom-left-socmed a {color:#999}
			.footer-bottom-left-socmed i {font-size:20px; margin:0 10px 10px 0}
		.footer-bottom-right{float:right;font-size:24px;opacity:0.5}
			.footer-bottom-right:hover{opacity:1}
@media screen and (max-width:800px){
	.footer-col-1{width:100%}
	.footer-bottom-right{display:none}
}