/*
Theme Name: Sophia Belorf
Theme URI: https://proximatesolutions.com/professional-web-design-portfolio/
Author: Proximate Solutions
Author URI: https://proximatesolutions.com/
Description: Wordpress theme designed for Sophia Belorf.
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sophiabelorf
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/
:root {
  --theme: #342E2E;
  --grey: #e8e8e8;
  --grey-dark: #b2b2b2;
  --dark:#181818;

}

html, body {overflow-x:hidden}
body{font-family: "collier", sans-serif; font-size: 1.25em; line-height: 1.3;  background: var(--grey); font-weight: 200;}
section{padding: 120px 0;}
.btn{font-weight: 200;}
.btn, button, .form-control { box-shadow: none; }
.form-control:focus{box-shadow: none;}
.form-control{padding: 7px 18px;}
a{color:var(--theme);-webkit-transition:all linear .3s 0; transition:all linear .3s 0; text-decoration:none}
a:hover{color:black; text-decoration:none}
a:focus, button:focus{text-decoration:none;outline:0}
img{max-width: 100%; height: auto; }
.clear{clear: both; overflow: hidden;}
.text-primary{color: var(--primary) !important;}


.pull-left { float:left;}
.pull-right { float:right;}
.alignleft { float:left; margin:0 15px 10px 0;}
.alignright { float:right; margin:0 0 10px 15px;}
.aligncenter { text-align:center; margin:0 auto 10px; display:block;}
.alignnone { float:none;}
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; margin-bottom:1rem; padding:4px; max-width:100%; border-radius:4px; -webkit-border-radius:4px;}
.wp-caption img { margin:0; padding:0; border:0;}
.wp-caption p.wp-caption-text { font-size:12px; padding:0 5px; margin:0;}
.br-0 { border-radius:0; -webkit-border-radius:0;}
.clear { clear:both;}
.mrb-10 { margin:0 10px 10px 0;}
.form-group { margin-bottom:1rem;}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{ font-weight: 200; line-height: 1; }

.btn_styled {padding:12px 35px; border-radius: 35px;  font-weight: 200;;}

h1,.h1,h2,.h2{font-size: 3.438em;}  
h3.heading{font-size: 2.5em;}

.btn-dark { color: white; border-color: var(--theme); background: var(--theme);   transition: background 0.2s, color 0.2s;}
.btn-dark:hover, .btn-dark:focus { background:black; border-color: black;  color: white; }
.btn-theme .arrow { padding-left: 5px;font-size: 1.2em;}

.text-warning{color: var(--theme) !important;}
.bg-warning{background-color: var(--theme);}

.btn-warning {background:  var(--theme) !important;border-color:  var(--theme) ; color: black;}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active
{background:  black !important;border-color:  black !important; color: black;}

.btn-primary {background:  var(--primary) !important;border-color:  var(--primary) ; color: white;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active
{background:  var(--primary-dark) !important;border-color:  var(--primary-dark) !important; color: white;}

.btn-outline-theme {border-color:  var(--theme); color: var(--theme);}
.btn-outline-theme:hover, .btn-outline-theme:focus, .btn-outline-theme:active{background:  var(--theme);border-color:  var(--theme); color: #000;}
.btn-light{background-color: white; color: var(--primary); border-color: white;}
.btn-light:hover, .btn-light:active, .btn-light:focus{background-color: rgb(248, 248, 248); color: var(--primary); border-color: rgb(248, 248, 248);}

header {position: absolute; left: 0; top: 0; right: 0; z-index: 99;}

.header_bar { padding: 20px 0; }

.logo {display: inline-block;}
.logo img {width:130px;}
.logo_text {font-size: 1.875em; color: black;}

#menu ul{list-style:none;margin:0;padding:0;display:block; text-align: right;}
#menu ul li{display:inline-block;position:relative}
#menu ul li a{color:black;padding:0 15px;display:block;text-decoration:none;position:relative;  font-size: 1em; }
.inner_header #menu ul li a{color:black;}
#menu li > a:after{content:"\F229";font-family:bootstrap-icons;margin-left:7px;position:relative;top:3px;font-size:14px}
#menu li > a:only-child:after{margin-left:0;content:""; margin-right:0;}
#menu li:last-child a{padding-right: 0;}
#menu ul li a:hover,#menu ul li.active a,#menu ul li.current_page_item > a,#menu ul li.current-menu-ancestor > a,#menu ul li.current-menu-item > a,#menu ul li.current-menu-parent > a{color:var(--theme);}
.inner_header #menu ul li a:hover,.inner_header #menu ul li.active a,.inner_header #menu ul li.current_page_item > a,.inner_header #menu ul li.current-menu-ancestor > a,.inner_header #menu ul li.current-menu-item > a,.inner_header #menu ul li.current-menu-parent > a{color:var(--theme)}
#menu ul li a:hover:before,#menu ul li.active a:before,#menu ul li.current_page_item > a:before,#menu ul li.current-menu-ancestor > a:before,#menu ul li.current-menu-item > a:before,#menu ul li.current-menu-parent > a:before{opacity:1}
#menu li.active ul li a{color:white;background:#000}
#menu li.active ul li a:hover{color:white !important;background:var(--theme)}
#menu li > ul{position:absolute;left:0;top:100%;z-index:999;min-width:192px;white-space:nowrap}
#menu ul li.active ul li a{background:black;color:white !important;border-bottom:1px solid #333!important}
#menu li > ul li{display:block;position:relative;margin:0;text-align:left}
#menu li > ul li a:after{content:"\F285";font-family:bootstrap-icons;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:14px}
#menu li ul li.current_page_item > a,#menu li ul li.current-menu-ancestor > a,#menu li ul li.current-menu-item > a,#menu li ul li.current-menu-parent > a{background:var(--primary);color:white}
#menu > li{border-left:1px solid #999}
#menu > li:first-child,#menu > li.has-submenu + li{border-left:0}
#menu li > ul > li > ul{position:absolute;left:100%;top:0;transition:all linear .2s 0;-webkit-transition:all linear .2s 0;visibility:hidden;opacity:0}
#menu li > ul > li:hover > ul{visibility:visible;opacity:1;display:block}
#menu li > ul{transition:all linear .2s 0;-webkit-transition:all linear .2s 0;visibility:hidden;opacity:0;background-color:black;padding:0;border-top:black solid 2px}
#menu li:hover > ul{visibility:visible;opacity:1}
#menu li > ul li a{padding:12px 23px;transition:all linear .2s 0;-webkit-transition:all linear .2s 0;font-size:14px;background-color:transparent;color:white;font-weight:500;border-bottom:#333 1px solid}
#menu li > ul li:last-child a{border-bottom:0}
#menu li > ul li a:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:var(--primary);transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:right center;transform-origin:right center;z-index:-1}
#menu li:hover > ul li a{padding:10px 15px}
#menu li > ul li a:hover{background-color:var(--theme);color:white!important;padding-left:15px}

ul.top_header_right {list-style: none; margin: 0; padding: 0;}
ul.top_header_right li {display: inline-block; vertical-align: middle;}
ul.top_header_right li+ li {margin-left: 12px;}
@keyframes menu_sticky {
  0%{margin-top:-240px}
  50%{margin-top:-90px}
  100%{margin-top:0}
}
header.sticky {position:fixed; top:0; left:0; width:100%; animation-name:menu_sticky; animation-duration:.6s; animation-timing-function:ease-out; z-index:99; background-color: white; border-bottom: 0; box-shadow: rgba(0,0,0,0.2) 0 0 10px;}
header.sticky .logo img{max-width: 110px; }
header.sticky .header_bar{padding: 12px 0;}
.heading {margin-bottom: 25px; color: var(--theme);}
.grey_bg{background: var(--grey);} 
.container{width: 100%; max-width: 1600px; padding:0 3.5em;}
header .container, .hero_wrapper .container { max-width: 1800px;}
@media (min-width: 1920px)  {
 .top_text {font-size: 1.7em; line-height: 1.4;}
}
@media (min-width: 992px)  {
 .hero_wrapper, .inner_wrapper {margin-top: 81px;}
 .serrvices_block p {overflow: hidden; display: -webkit-box;  -webkit-line-clamp: 4; line-clamp: 4;-webkit-box-orient: vertical;}
}
h2.heading span{font-weight: 400;font-size: 20px; }
.hero_wrapper {position: relative; display: block; overflow: hidden; padding: 0;}

.hero_slider.owl-carousel .owl-dots{text-align: center; margin-top: 30px; }

.hero_slider .owl-dots .owl-dot span { background: #828282; border: 3px solid transparent; width: 12px; height: 12px; margin: 5px 7px;  display: block; border-radius: 100%; opacity: .6;}

.hero_slider .owl-dots .owl-dot.active span,
.hero_slider .owl-dots .owl-dot:hover span {background-color: black;border: 3px solid black; opacity: 1;}



.modeling_block {margin-bottom: 60px;}
.services_thumb img {transition: all linear 0.2s;}

.modeling_thumb{position: relative;margin: 0 auto;}
.modeling_thumb img{width: 330px; height: 330px; object-fit: cover; border-radius: 100%; object-position: center;  transition: all linear 0.2s;}
.services_thumb, .news_thumb {margin-bottom: 25px; position: relative; overflow: hidden;}
.news_thumb img{height: 350px; object-fit: cover; object-position: center; width: 100%; transition: all linear 0.2s;}
.news_block:hover .news_thumb img, .serrvices_block:hover .services_thumb img, .modeling_block:hover .modeling_thumb img {transform: scale(1.05);}

.serrvices_block h3 span{font-weight: 400;font-size: 18px; }
.contact_form label{margin-bottom: 5px;}
.grey_small {color: #706c6c; font-size: 14px;}
.contact_form .form-control, .blog_comment_form .form-control {height: auto; border-radius: 35px; background-color: transparent; border-color: var(--theme);}
footer {padding-bottom: 50px;}
footer ul{list-style: none; margin: 0; padding: 0;}
.footer_title {font-size: 1.6em; margin-bottom: 30px;}
.footer_logo {margin-bottom: 40px;}

.inner_banner{text-align: center;}

.body_text p{font-size: clamp(1em, 13.5492957746px + 1.6901408451vw, 1.5em);}

ul.about_contact_list{list-style: none; padding: 0; margin: 0;}
ul.about_contact_list li{display: inline-block;  margin-top: 30px;  margin-right: 5%;}
ul.about_contact_list li:last-child{ margin-right:0;}
ul.about_contact_list li span{font-family: var(--font-mono); font-weight: 500;  font-size: clamp(12px,13.5492957746px + 1.6901408451vw,13px); color: var(--grey-dark);  text-transform: uppercase;
    letter-spacing: 1.17px; display: block;}
ul.about_contact_list li div{ font-weight: 500; font-size: clamp(15px,13.5492957746px + 1.6901408451vw,20px);}

ul.gallery_pictures{list-style: none; padding: 0; margin: 0; column-count: 4; column-gap: 10px; border-radius: 43px; overflow: hidden;}
ul.gallery_pictures li{overflow: hidden; }
ul.gallery_pictures li img{width: 100%; height: 100%; object-fit: cover; object-position: center; } 
ul.gallery_pictures li:nth-child(1){height: 399px; margin-bottom: 10px;}
ul.gallery_pictures li:nth-child(2){height: 481px;}
ul.gallery_pictures li:nth-child(3){height: 481px; margin-bottom: 10px;}
ul.gallery_pictures li:nth-child(4){height: 399px;}
ul.gallery_pictures li:nth-child(5){height: 399px; margin-bottom: 10px;}
ul.gallery_pictures li:nth-child(6){height: 481px;}
ul.gallery_pictures li:nth-child(7){height: 481px; margin-bottom: 10px;}
ul.gallery_pictures li:nth-child(8){height: 399px;}

.counter_wrapper{margin-top: 100px;}

.counter_wrapper h3{font-weight: 700;}
.counter_col {background: var(--grey); border-radius: 12px; padding: 20px;}

.counter_block {text-align: center;}

.counter-value {position: relative; display: inline-block; }
.counter_sign {display: inline-block;  }
.counter-value,.counter_sign{ vertical-align: middle;font-weight: 700; font-size:3rem;  }
.blog_section .news_block {margin-bottom: 40px;}

.custom_pagination,.woocommerce-pagination{text-align:center}
.page-numbers{display:inline-block;padding:0;margin:0}
.page-numbers>li{display:inline}
.page-numbers>li>a,.page-numbers>li>span{position:relative;float:left;padding:5px 15px;font-size:14px;margin-left:-1px;line-height:1.42857143;color:#333;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.page-numbers>li:first-child>a,.page-numbers>li:first-child>span{border-top-left-radius:4px;border-bottom-left-radius:4px}
.page-numbers>li:last-child>a,.page-numbers>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.page-numbers>li>a:hover,.page-numbers>li>span:hover,.page-numbers>li>a:focus,.page-numbers>li>span:focus{color:var(--theme);background-color:#eee;border-color:#ddd}
.page-numbers>.active>a,.page-numbers>.active>span,.page-numbers>.active>a:hover,.page-numbers>.active>span:hover,.page-numbers>.active>a:focus,.page-numbers>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:var(--theme);border-color:var(--theme)}
.page-numbers .current,.page-numbers .current:hover{z-index:2;color:#fff;cursor:default;background-color:var(--theme);border-color:var(--theme)}
.page-numbers>.disabled>span,.page-numbers>.disabled>span:hover,.page-numbers>.disabled>span:focus,.page-numbers>.disabled>a,.page-numbers>.disabled>a:hover,.page-numbers>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}

.comment_sec { margin-top:20px;}
.comment_sec ol.commentlist { list-style:none; margin:0 0 30px 0; padding:0;}
.comment_sec ol.commentlist li { margin:0 0 20px 0; position:relative;}
.comment_sec ol.commentlist li .comment-body { border:1px solid #ddd; padding:20px 20px 20px 60px;}
.comment_sec ol.commentlist li .comment-body .comment-meta { font-size:0.83em; float:left; margin:0 0 0 5px; color:#777; line-height:1;}
.comment_sec ol.commentlist li .comment-body .comment-author { float:left; font-size:12px; font-weight:700; margin:0 0 5px; color:#777; line-height:1;}
.comment_sec ol.commentlist li .comment-body .comment-author img { float:left; position:absolute; top:20px; left:15px; width:32px; height:auto; background:none; border:1px solid #e4e1e3;}
.comment_sec ol.commentlist li .comment-body .comment-author cite { font-style:normal;}
.comment_sec ol.commentlist li .comment-body p { clear:both;}
.comment_sec ol.commentlist li .comment-body .reply a { text-decoration:underline;}
.comment_sec ol.commentlist ul.children { list-style:none; margin:20px 0 0 0;}

.tags_list{margin-bottom:10px;}
.tags_list i{margin-right:5px;}
.tags_list a{word-break:break-word;white-space:normal;display:inline-block;padding:4px 8px;margin:0 8px 8px 0;font-size:12px;color:#000;border:1px solid #666;border-radius:4px;text-decoration:none;}
.tags_list a:hover{background:var(--theme);border-color:var(--theme);color:#fff;}
.tagcloud a{word-break:break-word;white-space:normal;display:inline-block;padding:4px 8px;margin:0 8px 8px 0;font-size:12px!important;color:#000;border:1px solid #666;border-radius:4px;text-decoration:none;}
.tagcloud a:hover{background:var(--theme);border-color:var(--theme);color:#fff;}

.sidebar .widget { margin-bottom:30px;}
.sidebar ul { list-style:none; margin:0; padding:0;}
.sidebar ul li { border-bottom: #ddd 1px solid;}
.sidebar ul li a { display:flex;align-items:center;padding:10px 0;color:#222;text-decoration:none;transition:color .2s; position: relative; padding-left: 25px;}
.sidebar ul li:last-child{border-bottom: 0;}
.sidebar ul li a:before { position: absolute; left: 0; top: 15px; content: "\F231"; font-family:bootstrap-icons; color: black; font-size: 14px;}
.sidebar ul li a:hover, .sidebar ul li.is-active a, .sidebar ul li.current_page_item > a, .sidebar ul li.current-menu-ancestor > a, .sidebar ul li.current-menu-item > a, .sidebar ul li.current-menu-parent > a { color:black;text-decoration:none}

.blog_detail_thumb  img{width: 100%; height: 500px; object-fit: cover; object-position: center;}

.sidebar_widget{background:#fff;box-shadow:0 2px 12px #0000000a;padding:32px 24px 24px;margin-bottom:32px}

.sidebar_title{font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;color:#222;letter-spacing:.5px}

.sidebar_link.active,.sidebar_link:hover{color:black;text-decoration:none}
.more {text-decoration: underline;}
.more:hover{text-decoration: none;}

.social_page_section h4 {line-height: 1.4;}

.static_block {margin-bottom: 30px;}
.chart_img {margin-top: 40px;}
.counter_social {margin-bottom: 40px; margin-top: 40px;}
.counter_block_white {background-color: white; padding: 40px;}
.counter_block_white p {margin-bottom: 0;}

.wpcf7-not-valid-tip { display:none;}
.wpcf7-not-valid { border:1px solid #F00 !important;}
.wpcf7-checkbox.wpcf7-not-valid { border:none !important;}
.wpcf7-checkbox.wpcf7-not-valid input[type=checkbox] { outline:1px solid #F00;}
.wpcf7-list-item { margin:0 15px 0 0;}
.wpcf7 form .wpcf7-response-output { margin:10px 0; padding:1rem; text-align:center; /*border-radius:5px;*/}
.wpcf7 form.invalid .wpcf7-response-output { background:#f8d7da; color:#58151c; border:1px solid #f1aeb5;}
.wpcf7 form.sent .wpcf7-response-output { background:#d1e7dd; color:#0a3622; border:1px solid #a3cfbb;}
.wpcf7-spinner { position:absolute;}