/*
Theme Name: Logam Art
Theme URI: https://logamart.com/
Author: Non Creative Studio
Author URI: https://logamart.com/
Description: Theme for Logam Art
Version: 1.0
License: Commercial
License URI: https://logamart.com/
Tags: gold,white
Text Domain: company profile

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s,
samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus { outline: 0; }
body { background: #fff; line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
del { color: #333; }
ins { background: #fff9c0; text-decoration: none; }
hr { background-color: #ccc; border: 0; height: 1px; margin: 24px; margin-bottom: 1.714285714rem; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
small { font-size: smaller; }
img { border: 0; -ms-interpolation-mode: bicubic; }

/* GENERAL */
body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: normal;
	color: #482801;
	background: #fff;
}
body.home {background: #f4ed9e;}
a { text-decoration: none;}
a:hover { text-decoration: underline; color: #000; }
sup { font-size: 60%; }
strong { font-weight: bold; }
em { font-style: italic; }
small { font-size: 12px; }
:hover {transition: all 1s;}
.clear { clear: both; }

.wrapper {position: relative; margin: 0 auto; padding: 20px 0 0;}
.wrap {position: relative; width: 85%; margin: 0 auto;}
.boxhead {position: relative; margin: 0 auto 10px; padding-bottom: 10px; border-bottom: 1px dotted #482801;}
.boxhead_left {float: left; width: 20%;}
.home h1.logo {margin: 60px 0 20px;}
.home h1.logo img {width: 100%; height: auto;}
h1.logo {margin: 0 0 20px;}
h1.logo img {width: 100%; height: auto;}
.home .topmenu {padding: 20px 10px; text-align: right; font-weight: 500;}
.topmenu {padding: 20px 10px; text-align: left; font-weight: 500;}
.home #cssmenu ul {list-style: none; padding-left: 0;}
#cssmenu ul {list-style: square; padding-left: 10px;}
#cssmenu ul li {margin-bottom: 10px;}
#cssmenu ul li ul {margin: 10px 0;}
#cssmenu ul li ul li {margin-bottom: 10px;}
#cssmenu ul li a {color: #482801; text-decoration: none; padding: 0 0 5px; border-bottom: 1px dotted #482801;}
#cssmenu ul li a:hover {color: #C00; text-decoration: none;}
.boxhead_right {float: right; width: 75%;}
.boxhead_right img {width: 100%; height: auto;}
.homecontent {position: relative; width: 70%; text-align: center; margin: 20px auto; padding-bottom: 20px;  }
.homecontent h2 {font-size: 24px; line-height: 32px; margin-bottom: 25px; font-weight: 500; color: #C00;}
.homecontent p {line-height: 26px; font-style: italic;}
#portfolio-filter {list-style-type: none; text-align: center;}
#portfolio-filter li { display: inline-block; margin-left: 0; margin: 20px 8px 30px;}
#portfolio-filter li a {color: #fff; text-decoration: none; padding: 10px; background: #482801; border-radius: 3px;}
#portfolio-filter li .current, #portfolio-filter li a:hover{ color: #fff; background: #C00; border-radius: 5px;}
#portfolio-wrapper { padding-bottom: 25px; }
#portfolio-list, .portfolio-list { list-style-type: none; text-align: center;}
#portfolio-list .portfolio-item, .portfolio-list .portfolio-item {width: 300px; display: inline-block; margin: 0 auto 4px; position: relative;}
#portfolio-list .portfolio-item h3 a, .portfolio-list .portfolio-item h3 a { color: #fff;}
.effect-sadie h3 { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
.effect-sadie h3 { position: absolute; bottom: 0; left: 0; padding: 10px 5%; width: 90%; opacity: 0; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); background: rgba(0,0,0,0.5); color: #fff; font-weight: 400;}
.effect-sadie:hover h3 {opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
#portfolio-list h3, .portfolio-list h3 { font-size: 14px; line-height: 18px; }
.homegaleri {position: relative; margin: 20px auto; padding: 20px 0; background: #fff;}
.homegaleri > .wrap > h3 {font-size: 24px; line-height: 32px; margin: 25px auto; font-weight: 500; text-align: center; color: #C00;}
.homeblog {position: relative;}
.homeblog_left {float: left; width: 45%;}
.homeblog_right {float: right; width: 45%;}
.widget { margin-bottom: 20px;}
.widget ul {list-style: square; padding-left: 20px;}
.widget ul li {margin-bottom: 10px;}
.widget ul li a {color: #C00; text-decoration: none;}
.home .widget h3 {font-size: 24px; line-height: 32px; margin-bottom: 20px; font-weight: 500;}
.widget h3 {font-size: 16px; line-height: 28px; margin-bottom: 20px; font-weight: 500;}
.boxtitleblog {margin-bottom: 2rem;}
.wrapconblog {position: relative; margin: 0 auto;}
.conblogpost {position: relative; margin: 0 auto 25px;}
.thumbconblogpost {float: left; width: 23%;}
.thumbconblogpost img {width: 100%; height: auto;}
.contentconblogpost {float: right; width: 73%;}
.btn_contentconblogpost a {font-size: 13px; padding: 7px 10px; border: 1px solid #C00; border-radius: 3px; background: #C00; color: #fff!important; text-decoration: none;}
.btn_contentconblogpost a:hover {background: #482801; color: #fff!important; border: 1px solid #482801;}
h3.title_contentconblogpost {font-size: 14px; line-height: 22px; color: #C00; margin-bottom: 10px; font-weight: 500;}
h3.title_contentconblogpost a {color: #C00; text-decoration: none;}
p#content_contentconblogpost {font-size: 14px; line-height: 22px; margin-bottom: 15px;}
.homeblog_left > h3, .homeblog_right > h3 {font-size: 24px; line-height: 32px; margin-bottom: 20px; font-weight: 500;}
.footer {position: relative; margin: 0 auto; background: #000;}
#cssmenu-bottom {padding: 15px 0;}
#cssmenu-bottom ul {text-align:center;}
#cssmenu-bottom ul li {display: inline-block; vertical-align: top; margin: 0 10px 10px;}
#cssmenu-bottom ul li a {color: #fff; text-decoration: none; font-size: 13px; line-height: normal; border-bottom: 1px dotted #fff; padding-bottom: 3px;}
.copyright {margin: 0 auto; text-align: center; color: #ded572; font-size: 13px; line-height: normal; padding-bottom: 20px;}
.copyright a {color: #ded572; text-decoration: none; font-size: 13px; line-height: normal;}
h2.thetitle {font-size: 24px!important; line-height: 32px!important; margin-bottom: 20px!important; background: #ded572; padding: 15px 10px!important; border-bottom: 3px solid #482801; color: #C00; font-weight: 500;}
.thecontent {position: relative; margin: 0 auto; padding: 0 0 20px; min-height: 550px;}
.thecontent h1, .thecontent h2 {font-size: 20px; line-height: 28px; margin-bottom: 20px;}
.thecontent h3, .thecontent h4 {font-size: 18px; line-height: 24px; margin-bottom: 20px;}
.thecontent h5, .thecontent h6 {font-size: 16px; line-height: 22px; margin-bottom: 20px;}
.thecontent p {line-height: 26px; margin-bottom: 15px;}
.thecontent a {color: #ded572; text-decoration: none;}
.thecontent a:hover {color: #C00;}
.thecontent ul, .thecontent ol { padding-left: 20px; margin-bottom: 20px;}
.thecontent ul li, .thecontent ol li {line-height: 24px; margin-bottom: 5px;}
.thecontent ul {list-style: square;}
.thecontent ol {list-style: decimal;}
input.wpcf7-text, textarea.wpcf7-textarea {padding: 10px 5px; border: 1px solid #482801; width: 100%; max-width: 590px;}
input.wpcf7-submit {padding: 8px 25px; border: 1px solid #C00; border-radius: 3px; background: #C00; color: #fff; cursor: pointer;}
input.wpcf7-submit:hover {background: #482801; color: #fff; border: 1px solid #482801;}
/* RESPONSIVE */
.mobrespon {position: fixed; left: 0; top: 0; right: 0; width: 100%; text-align: left; display: none;}
.openbtn {display: inline-block; text-align: center; vertical-align: top;}
.leftbar { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; padding: 40px 0; }
.leftbar .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; color: #fff; text-decoration: none;}
.openbtn { font-size: 25px; cursor: pointer; background-color: rgba(0,0,0,0.7); color: white; padding: 10px 15px; border: none; margin: 0 auto;}
.openbtn:hover { background-color: #0db0e7; }
.leftbar a {color: #fff!important; text-decoration: none!important;}
.leftbar #cssmenu {padding: 0 15px;}
.home .leftbar h1.logo, .leftbar h1.logo {margin: 20px auto; text-align: center;}
.home .leftbar h1.logo img, .leftbar h1.logo img {width: 70%;}
.leftbar #cssmenu ul {list-style: none; padding-left: 0;}
.leftbar #cssmenu ul li a {border-bottom: none;}

.wrap_info {background: #ded572; padding: 20px; text-align: center; border-top: 2px solid #C00;}
.wrap_info h3 {font-size: 18px; line-height: 24px; margin-bottom: 15px; font-weight: 600;}
.wrap_info a {color: #C00; text-decoration: none;}
.wrap_info a:hover {color: #000;}
.wa_statis {position: fixed; bottom: 80px; right: 10px;}
.wa_statis img {width: 64px; height: auto;}
.grecaptcha-badge {display: none!important;}
@media screen and (max-width: 810px){
	.mobrespon {display: block;}
	.boxhead_left {float: none; display: none;}
	.boxhead_right, .homeblog_left, .homeblog_right {float: none; width: 100%;}
	.homeblog_left {margin-bottom: 100px;}
}