@charset 'UTF-8';
/*  The ÂN - Custom CSS
	font-family: "Coiny", system-ui;
	font-family: "Varela Round", sans-serif;	
*/
.home-backg { background:hsla(40, 40.91%, 91.37%, 1.0); }
.blog-backg { background:hsla(21.38, 50.29%, 66.08%, 0.5); }
.contact-backg { background:hsla(20.53, 50%, 44.71%, 0.3); }
.page-backg { background:#DD9452; } /*hsla(206.97, 90.08%, 23.73%, 0.6)*/

.post-meta-may { font-size:0.8em; text-transform: uppercase; line-height: 2.25; font-weight: 600; margin: 0; text-align: right; width: 50%; float: right; }
.post-meta-may span { display: block; border-top: 1px solid #DD9452; }

.color-white { color: #F2ECE0 !important; }
.color-brown1 { color: #D49C7D !important; }
.color-brown2 { color: #DD9452 !important; }
.color-brown3 { color: #AB6039 !important; }
.color-dgreen { color: #7E7959 !important; }

.home-backg ul li, .home-backg ol li, .home-backg p,
.blog-backg ul li, .blog-backg ol li, .blog-backg p,
.page-backg ul li, .page-backg ol li, .page-backg p,
.contact-backg ul li, .contact-backg ol li, .contact-backg p {font-size: 1.2em;margin: 1.1em 0;letter-spacing:.5px; color:hsla(52.5,11.27%,27.84%,1);line-height: 1.7;}
.blog-list .post-text ul li, .blog-list .post-text ol li, .blog-list .post-text p {font-size: 1.2em;margin: 1.1em 0;letter-spacing:.5px; color:hsla(52.5,11.27%,27.84%,1);line-height: 1.7;}
.blog-list .post-text h2,
.blog-list .post-text h3, 
.blog-list .post-text h4,
.blog-list .post-text h5,
.blog-list .post-text h6 { letter-spacing: -0.02em; font-weight:500;}
.blog-list .post-text h2,
.blog-list .post-text h2 a,
.blog-list .post-text h2 a:hover{margin-top:25px;font-size:28px;color:hsla(20.53,50%,44.71%,1.0);}
.blog-list .post-text h3,
.blog-list .post-text h3 a,
.blog-list .post-text h3 a:hover{margin-top:25px;font-size:20px;color:hsla(20.53,50%,44.71%,1.0);} /*;color:hsla(51.89,17.21%,42.16%,1.0);*/
.blog-list .post-text h4,
.blog-list .post-text h4 a,
.blog-list .post-text h4 a:hover{margin-top:0;font-size: 18px;color:hsla(51.89,17.21%,42.16%,1.0);}
.blog-list .post-text h5,
.blog-list .post-text h5 a,
.blog-list .post-text h5 a:hover{margin-top:0;font-size: 17px;color:hsla(51.89,17.21%,42.16%,1.0);}
.blog-list .post-text h6,
.blog-list .post-text h6 a,
.blog-list .post-text h6 a:hover{margin-top:0;font-size: 16px;color:hsla(51.89,17.21%,42.16%,1.0);}
.blog-list .post-text ul, .blog-list .post-text ol {margin-left:25px;}

.contact-form-style-01 input, .contact-form-style-01 textarea { color: #010712; font-weight: 500; background: hsla(20.53, 50%, 44.71%, 0); border: none; border-bottom: 1px solid #818386; padding: 0.5rem 0; margin-bottom: 1rem; outline: none; border-radius: 0; }
.contact-form-style-01 input::placeholder, .contact-form-style-01 textarea::placeholder { color: #010712; }
.contact-form-style-01 textarea { resize: none; }
.contact-form-style-01 input:hover, 
.contact-form-style-01 textarea:hover, button:hover { opacity: 0.5; }

.footer-copyright { background-color: #DD9452; }
.pcblock { display: block; }
.pc { display: inline-block; }
.sp { display: none; }
.copy-right { margin-bottom: 0; }
.img-contact { margin-top: 50px; }
.img-contact img { border-radius: 30px; }
.ml-onehalf { margin-left: 4.1666%; }
.img-clip-path30 { width: 100%; clip-path: inset(0 0 70% 0); }

.aboutus-txtright { clear: both; }
.aboutus-txtright li { float: right; clear: both; }

@media screen and (max-width: 640px) {
    .pcblock { display: none; }
    .pc { display: none; }    
    .sp { display: block; }
	.home-backg, .blog-backg, .page-backg, { padding: 0 25px; }
    #contact { padding: 60px 25px; }
    .img-contact { margin: 0 -15px; }
    .bg-flex { margin: -60px 0 60px; }
    .ml-onehalf { margin-left: 0; }
}

@media (min-width: 1024px) {
    nav.bootsnav.navbar-sidebar { background: #7E7959 !important; }
    nav.navbar.bootsnav ul.nav > li > a { color: #F2ECE0 !important; }
    nav.navbar.bootsnav ul.nav > li > a:hover { color: #D49C7D !important; }
    nav.bootsnav.navbar-sidebar ul.nav > li > a:after { background-color: #D49C7D !important; }
}

/* WP Editor Code */
.aligncenter { text-align: center !important; display: block; margin-left: auto; margin-right: auto; }
.alignleft { text-align: left !important; float: left; margin-right: 15px; margin-bottom: 15px; }
.alignright { text-align: right !important; float: right; margin-left: 15px; margin-bottom: 15px; }
.alignfull { width: 100% !important; height: auto; }