/*
Theme Name:S-Theme
Theme URI: 
Description: Custom Theme built for CMS
Author: SaMi
Author URI: 
Version: 1.0
*/

*{ margin:0; padding:0; box-sizing:border-box; font-family: 'Inter Tight', sans-serif; }
html, body, div{ word-spacing:0; letter-spacing:0; color:#0a2642; }

body{ line-height:0; }

/* grid system */
.container{ display:inline-block; width:100%; font-size:0; line-height:1; margin:0; padding:0 5%; word-spacing:0; letter-spacing:0; }
.container *{ box-sizing:border-box; }
.row{ display:inline-block; width:100%; text-align:justify; font-size:0; line-height:0; margin:0; padding:0; word-spacing:0; letter-spacing:0; }
.row::after{ content:" "; width:100%; display:inline-block; }

.col{ display:inline-block; }
.col-0{ display:none; overflow:hidden; height:0; width:0; }
.col-1{ width:8.33%; }
.col-2{ width:16.66%; }
.col-3{ width:24.99%; }
.col-4{ width:33.32%; }
.col-5{ width:41.65%; }
.col-6{ width:49.98%; }
.col-7{ width:58.31%; }
.col-8{ width:66.64%; }
.col-9{ width:74.97%; }
.col-10{ width:83.3%; }
.col-11{ width:91.63%; }
.col-12{ width:100%; }

@media(max-width:768px){
	.col-md-0{ display:none; overflow:hidden; height:0; width:0; }
    .col-md-1{ width:8.33%; }
    .col-md-2{ width:16.66%; }
    .col-md-3{ width:24.99%; }
    .col-md-4{ width:33.32%; }
    .col-md-5{ width:41.65%; }
    .col-md-6{ width:49.98%; }
    .col-md-7{ width:58.31%; }
    .col-md-8{ width:66.64%; }
    .col-md-9{ width:74.97%; }
    .col-md-10{ width:83.3%; }
    .col-md-11{ width:91.63%; }
    .col-md-12{ width:100%; }
}
@media(max-width:520px){
	.col-sm-0{ display:none; overflow:hidden; height:0; width:0; }
    .col-sm-1{ width:8.33%; }
    .col-sm-2{ width:16.66%; }
    .col-sm-3{ width:24.99%; }
    .col-sm-4{ width:33.32%; }
    .col-sm-5{ width:41.65%; }
    .col-sm-6{ width:49.98%; }
    .col-sm-7{ width:58.31%; }
    .col-sm-8{ width:66.64%; }
    .col-sm-9{ width:74.97%; }
    .col-sm-10{ width:83.3%; }
    .col-sm-11{ width:91.63%; }
    .col-sm-12{ width:100%; }
}
@media(max-width:360px){
	.col-xs-0{ display:none; overflow:hidden; height:0; width:0; }
    .col-xs-1{ width:8.33%; }
    .col-xs-2{ width:16.66%; }
    .col-xs-3{ width:24.99%; }
    .col-xs-4{ width:33.32%; }
    .col-xs-5{ width:41.65%; }
    .col-xs-6{ width:49.98%; }
    .col-xs-7{ width:58.31%; }
    .col-xs-8{ width:66.64%; }
    .col-xs-9{ width:74.97%; }
    .col-xs-10{ width:83.3%; }
    .col-xs-11{ width:91.63%; }
    .col-xs-12{ width:100%; }
}
/* grid system */

.text-left{ text-align:left; }
.text-center{ text-align:center; }
.text-right{ text-align:right; }

.text-justify{ text-align:justify; }
.text-justify::after{ display:inline-block; content:" "; width:100%; }



.bg-black{ background-color:#212121; }
.black{ color:#212121; }

.bg-white{ background-color:#ffffff; }
.white{ color:#ffffff; }

.bg-brown{ background-color:#f4b044; }
.brown{ color:#f4b044; }

.bg-red{ background-color:#ed1e3c; }
.red{ color:#ed1e3c; }

.bold{ font-weight:800; }

.wpcf7{ display:inline-block; width:100%; margin:0; padding:0; }
.wpcf7 .wpcf7-form{ display:inline-block; width:100%; margin:0; padding:0; text-align:justify; }
.wpcf7 .wpcf7-form .wpcf7-response-output{ font-size:14px; padding:5px; }
.wpcf7 .wpcf7-form p{ display:inline-block; width:100%; margin:0; padding:15px 0; }
.wpcf7 .wpcf7-form .wpcf7h{ width:48%; }
.wpcf7-form .wpcf7f{ width:100%; }
.wpcf7-form p label{ display:inline-block; width:100%; margin:0; padding:0; }
.wpcf7-form p label .wpcf7-form-control-wrap{ display:inline-block; width:100%; margin:0; padding:0; }
.wpcf7-form p label .wpcf7-form-control-wrap .wpcf7-form-control{ display:inline-block; width:100%; margin:0; padding:10px; 
    border-radius:5px; border:1px solid #ccc; box-sizing:border-box; }
.wpcf7 .wpcf7-form p label .wpcf7-form-control-wrap .wpcf7-text{ display:inline-block; width:100%; margin:0; }
.wpcf7 .wpcf7-form p label .wpcf7-form-control-wrap .wpcf7-textarea{ display:inline-block; width:100%; margin:0;  }
.wpcf7 .wpcf7-form p label .wpcf7-form-control-wrap .wpcf7-captcha{ display:inline-block; width:100%; margin:0;  }

/*.wpcf7 .wpcf7-form p .wpcf7-submit{ display:inline-block; width:auto; margin:0; padding:10px 15px; border-radius:5px; 
    background-color:#ff0755; color:#fff; cursor:pointer; border:0; }
.wpcf7 .wpcf7-form p .wpcf7-submit:hover{ background:#d40b49; }*/

.wpcf7 .wpcf7-form p.tx{ width:28%; }
.wpcf7 .wpcf7-form p.tx .wpcf7-text{ display:inline-block; width:100%; margin:0; padding:10px; background-color:#ecf3f9; 
    border:1px solid #ecf3f9; box-sizing:border-box; }
.wpcf7 .wpcf7-form p.txa .wpcf7-textarea{ display:inline-block; width:100%; margin:0; padding:10px; background-color:#ecf3f9; 
    border:1px solid #ecf3f9; box-sizing:border-box; }
.wpcf7 .wpcf7-form p.wpcf7s{ text-align:right; }
/*
.wpcf7 .wpcf7-form p.wpcf7s input{ float:right; background-color:#d88200; padding:15px 30px; font-size:20px; font-weight:800; }
*/

.wpcf7-form p label .wpcf7-form-control-wrap .wpcf7-wpcaptcha{ width:auto; }
@media(max-width:640px){
    .wpcf7 .wpcf7-form .wpcf7h{ width:100%; }
}


@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 15s linear infinite;
  -moz-animation: rotating 15s linear infinite;
  -ms-animation: rotating 15s linear infinite;
  -o-animation: rotating 15s linear infinite;
  animation: rotating 15s linear infinite;
}

.animatedbtn{ background-color:#f16b3d; cursor:pointer; transition:all 0.1s linear; overflow:hidden; position:relative; }
.animatedbtn:hover{ background-color:#3b5b4e; scale:1.1; }
.animatedbtn::after{ content:''; background:#3b5b4e; width:0; height:100%; position:absolute; inset:0;
	transition:all 0.2s linear; z-index:-1; }
.animatedbtn:hover::after{ width:100%; }

.shine{
    -webkit-mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
    mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
    -webkit-mask-size: 800%;
    mask-size: 800%;
    -webkit-mask-position: 0;
    mask-position: 0;
}

.shine:hover {
    transition: mask-position 2s ease,-webkit-mask-position 2s ease;
    -webkit-mask-position: 120%;
    mask-position: 120%;
    opacity: 1;
}

.prehead{ display:inline-block; font-size:16px; line-height:1.2; width:100%; 
text-align:center; }

.prehead::after{ content:"___"; width:100%; line-height:1px; font-size:30px; 
vertical-align:top; display:inline-block; color:#eb7837; margin-top:-5px; }

#headerwrap{ transition:0.3s all ease-in-out; }

.page_content{ transition:0.3s all ease-in-out; font-size:18px; line-height:1.5; text-align:center; }

.h2{ display:inline-block; width:100%; text-align:center; color:#212121; }
.h2 span{ display:inline-block; color:#212121; font-weight:800; font-size:24px; 
	line-height:40px; text-align:center; }
.sep {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.sep span {
    display: inline-block;
    width: 80px;
    font-size: 5px;
    line-height: 5px;
    background-color: #ef4e42;
    border-radius: 10px;
}

#page_headerwrap{ background-position:center; background-size:contain; }

/****/
/* clickable stuff */
.blog-posts a, .blog-posts summary, .blog-posts button, .blog-posts select { color: #07c; cursor: pointer; }
.blog-posts a { text-decoration: underline solid 1.5px #d1d1d1; text-underline-position: under; }
.blog-posts a[href^="#"] {text-decoration: none; }
.blog-posts a:hover { color: #088;  border-color: #088; }

/* common */
.blog-posts td, .blog-posts th, .blog-posts pre > code { padding: .5rem .8rem; }
.blog-posts details { padding: 0 .6rem; }
.blog-posts code, .blog-posts kbd, .blog-posts samp { padding: .2rem; font: .9em/1.4 monospace; }
.blog-posts code, .blog-posts kbd, .blog-posts samp, .blog-posts nav { background: #f4f5f6; border-radius: .3em; }
.blog-posts kbd, .blog-posts details[open] { border: 1px solid #d1d1d1; }
.blog-posts td, .blog-posts th, .blog-posts figcaption, .blog-posts caption{ font-size: 95%; }
.blog-posts td, .blog-posts th, .blog-posts hr { border: 0; border-bottom: .1rem solid #d1d1d1; }

/* lists */
.blog-posts ul, .blog-posts ol { padding-top: .5rem; }
.blog-posts li, .blog-posts dd { margin-bottom: .5rem; }
.blog-posts dt { font-weight: bold; }

/* headings */
.blog-posts h1, .blog-posts h2, .blog-posts h3, .blog-posts h4, .blog-posts h5 { margin: 1.5em 0 0em; line-height: 1.2em; }
.blog-posts h1+h2, .blog-posts h2+h3, .blog-posts h3+h4, .blog-posts h4+h5 { margin-top: .5em; }
.blog-posts h1 { font-size: 26px; font-weight: 300; }
.blog-posts h2 { font-size: 20px; font-weight: 300; font-variant-caps: small-caps; }
.blog-posts h3 { font-size: 1.5em; font-weight: 400; }
.blog-posts h4 { font-size: 1.1em; font-weight: 700; }
.blog-posts h5 { font-size: 1.2em; font-weight: 400; color: #888; }
.blog-posts h6 { font-size: 1.0em; font-weight: 600; display: inline; }
.blog-posts h6 + p { display: inline; }

/* tables */
.blog-posts td, .blog-posts th { text-align: right; white-space: nowrap; }
.blog-posts td:first-child, .blog-posts th:first-child { text-align: left; }
.blog-posts tr:hover{ background-color: #f4f5f6; }

/* figures */
.blog-posts img, .blog-posts svg { max-width: 100%; vertical-align: text-top; }
.blog-posts p>img:not(:only-child) { float: right; margin: 0 0 .5em .5em; }
.blog-posts figure > img { display: block; margin: .5em auto; }
.blog-posts figcaption, .blog-posts caption { color: #888; margin-bottom: 1rem; }
.blog-posts figure > *:not(:last-child) { margin: 0 0 .4rem; }

/*code*/
.blog-posts pre > code { margin: 0; border-left: .4rem solid #088; }

/* misc */
.blog-posts blockquote{ border-left: .3rem solid #d1d1d1; padding: 1rem 1.5rem; font-style: italic; }
.blog-posts input { font-size: 1em; }
.blog-posts p>cite:before { content: ' ('; } p>cite:after {content: ') '}

.blog-posts span{ font-size:15px; }
.blog-posts i{ font-size:15px; font-style:italic; }
.blog-posts b, .blog-posts strong{ font-weight:800; }
.blog-posts u{ text-decoration:underline; }
/****/

.blog-posts .blog-post{ display:inline-block; max-width:1280px; width:70%; padding:1%; text-align:left; 
 vertical-align:top; font-size:18px; line-height:1.5; box-sizing:border-box; }
 .blog-posts .blog-post #page-title{ font-size:40px; line-height:1.5; text-align:left; margin:0; }
.blog-posts .blog-post img{ display:block; max-width:90%; margin:2% 0; }
.blog-posts .blog-post p{ display:inline-block; width:90%; font-size:18px; line-height:1.5; }

.blog-sidebar{ display:inline-block; width:29%; box-sizing:border-box; padding:0 2%; 
    vertical-align:top; position:sticky; top:0; text-align:left; }
.blog-sidebar h2{ margin-bottom:30px; font-size: 22px; }
.blog-sidebar img{ width:100px; height:100px; border-radius:50%; float:left; }
.blog-sidebar a span{ display:inline-block; padding:20px 0 0 10px; font-size:18px; color:#212121; }

.blog-sidebar .category-list{}
.blog-sidebar .category-list li{ text-align:right; padding:5px 0; font-size:16px; }
.blog-sidebar .category-list li a{ float:left; color:#212121; }#main_content .post_sidebar .category-list{}
.blog-sidebar .category-list li{ text-align:right; padding:5px 0; }
.blog-sidebar .category-list li a{ float:left; color:#212121; }

@media(max-width:768px){
    .blog-posts .blog-post{ width:96%; }
    .blog-sidebar{ width:96%; }
    
}
/************/
#main_content_wrap{ display:inline-block; width:100%; text-align:center; }

#main_content h1.page-title {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 15px 0;
    font-size: 23px;
    line-height: 30px;
    text-align: center;
    background-color: #fff;
    color: #212121;
    font-weight: 800;
}