/*
Theme Name: Archsan
Theme URI: https://shtheme.com/demosd/archsan
Author: Shtheme
Author URI: https://shtheme.com
Description: ArchSan – Architecture & Architect WordPress is perfect if you like a minimal, clean and modern design. This theme is ideal for architecture companies, architect, interior studio, construction, furniture and those who need an easy, attractive and effective way to share their work with clients.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: archsan

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/



:root {
  --clr-theme-color: #c5a47e;
}

p.comment-form-cookies-consent{
    display: none;
}
span.ajax-loader{
    display: none!important;
}
div.wpcf7-response-output{
    color: #fff;
    margin: 15px 0;
}

.reservation-wrapper div.wpcf7-response-output{
    position:absolute;
    top:100px;
    margin:10px 0;
}

.search-custom form input{
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #d1d1d1;
    color: #111;
}
.search-custom form button{
    border: 1px solid var(--clr-theme-color);
    color: #fff;
    font-size: 15px;
    height: 45px;
    position: relative;
    width: 45px;
    cursor: pointer;
    float: right;
    background: var(--clr-theme-color);
    margin-top: -57px;
    padding: 0;
    letter-spacing: 0;

}

span.wpcf7-not-valid-tip{
    padding-top: 10px;
}

.search-custom form button:hover{
    background: #fff;
    color: var(--clr-theme-color);
}
.search-custom h4{
    font-weight: 500;
    font-size: 20px;
    color: #2e2e2e;
    text-transform: inherit;
    margin-bottom: 20px;
}

li.recentcomments{
    font-weight: 600;
}

h3.comment-reply-title,
.comment-title{
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 2px;
    color: var(--clr-theme-color);
    font-weight: 400;
    line-height: 1.5em;
}

#form input.submit{
    margin: 0 auto;
    font-size: 14px;
    font-weight: 700;
    border: 2px dashed  #111;
    width: auto;
    position: relative;
    width: 120px!important;
    max-width: 120px;
    height: 120px;
    display: block;
    transform: translate(-50%, -50%);
    top: 80px;
    left: 60px;
    border-radius: 50%;
}

.comments article > h4{
    color: #111!important;
}

#comment-form .extra-margin-blog{
    margin-right: 0;
    margin-left: 0;
}

p.form-submit{
    text-align: center;
}

p.logged-in-as{
    margin-top: 30px;
}

ul.pagination{
    display: block;
    padding-top: 30px;
    padding-bottom: 60px;
    margin-bottom: 0px;
}

ul.pagination a{
    background: transparent;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #777;
    font-weight: 400;
    border-radius: 100%;
    border: 1px solid rgba(0,0,0,0.05);

}

ul.pagination li {
    display: inline-block;
    margin: 0 5px;
}

ul li span.dots:hover{
    background: #fff;
}

ul.pagination a:hover{
    text-decoration: none;
    background-color: transparent;
    border: 1px solid var(--clr-theme-color);
}

ul.pagination span.current{
    background-color: transparent;
    border: 1px solid var(--clr-theme-color);
    color: var(--clr-theme-color);
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-weight: 400;
    border-radius: 100%;
    display: inline-block;
}

ul.pagination li a i {
    font-size: 11px;
}

span.ti-tag{
    text-transform: capitalize;
}

button#submit{
    font-size: 15px;
    font-weight: 400;
    font-family: 'Barlow', sans-serif;
    background: var(--clr-theme-color);
    color: #fff;
    padding: 10px 30px;
    margin: 0;
    position: relative;
    border-radius: 50px;
}

.sidebar .widget:first-child{
    margin-top: 0;
}

.sidebar .widget_search{
    padding: 0;
    border:none;
}

.sidebar .widget_categories ul{
    padding-left: 0;
    margin-bottom: 0;
}

.sidebar .widget_categories li {
    font-size: 15px;
    margin-bottom: 15px;
    color: #777;
}

.sidebar .widget_categories li a {
    color: #777;
}

.sidebar .widget_categories li a:hover{
    color: var(--clr-theme-color);
}

.sidebar .widget_categories li:last-child{
    margin-bottom: 0;
}

.sidebar .widget.widget_news .item {
    display: flex;
    margin-bottom: 30px;
}

.sidebar .widget.widget_news .item .img {
    width: 95px;
    height: 95px;
    border-radius: 2px;
    overflow: hidden;
}

.sidebar .widget.widget_news .item .img a {
    width: 100%;
    height: 100%;
}

.sidebar .widget.widget_news .item .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.sidebar .widget.widget_news .item .cont {
    padding-left: 15px;
}

.sidebar .widget.widget_news .item .cont h6, .sidebar .widget.widget_news .item .cont h6 a {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #1b1b1b;
}

.sidebar .widget.widget_news .item .cont span {
    font-size: 12px;
    margin-top: 10px;
}

.sidebar .widget.widget_news .item .cont span a {
    color: #777;
}

.sidebar .widget.widget_news .item .cont h6 a:hover {
    color: var(--clr-theme-color);
}

.sidebar .widget.widget_news .item:last-child {
    margin-bottom: 0;
}

.sidebar .widget .tagcloud a {
    border: 1px solid rgba(0,0,0,0.05);
    color: #777;
    padding: 8px 15px;
    border-radius: 2px;
    font-size: 13px!important;
    margin: 2px 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.sidebar .widget .tagcloud li{
    display: inline-block;
    margin-bottom: 10px;
}

.sidebar .widget .wp-tag-cloud{
    padding-left: 0;
    margin-bottom: 0;
}

.sidebar .widget .tagcloud a:hover {
    background: var(--clr-theme-color);
    color: #fff;
}

body.dark{
    color: #999;
    background: #1b1b1b;
}

body.dark .project-page h2 {
    color: #fff;
}

body.dark .duru-nav-toggle i, body.dark .duru-nav-toggle i:before, body.dark .duru-nav-toggle i:after {
    background: var(--clr-theme-color) !important;
}

body.dark .project-bar {
    background-color: #1b1b1b;
    border-bottom: 1px solid rgba(255,255,255,0.03);
}

body.dark .project-page h6{
    color: #999;
}

body.dark p{
    color: #999;
}

body.dark .projects2-wrap p{
    color: var(--clr-theme-color);
}

body.dark .sub-title {
    color: #fff;
}

body.dark .sub-title.border-bot-light {
    border-bottom: 1px solid rgba(255,255,255,0.03);
}

body.dark .section-title span {
    color: #fff;
}

body.dark .content-lines-inner {
    border-left: 1px solid rgba(255,255,255,0.03);
    border-right: 1px solid rgba(255,255,255,0.03);
    border-bottom: 1px solid rgba(255,255,255,0.03);
}

body.dark .content-lines {
    border-left: 1px solid rgba(255,255,255,0.03);
    border-right: 1px solid rgba(255,255,255,0.03);
}

body.dark .projects .items .con .info {
    background: #1b1b1b;
}

body.dark .projects .items .con .info .category {
    color: var(--clr-theme-color);
}

body.dark .projects .items .con .info .category:before {
    background-color: #fff;
}

body.dark .projects .items .con .info h6,body.dark .projects .items .con .info h6 a {
    color: #fff;
}

body.dark .owl-theme .owl-dots .owl-dot span {
    border: 1px solid rgba(255,255,255,0.2);
}

body.dark [data-overlay-dark] p {
    color: #fff;
}

body.dark .footer .top .item h3 span {
    color: #fff;
}

body.dark .footer .top .item p {
    color: #999;
}

body.dark .footer .top .item .phone {
    color: #FFF;
}

body.dark .footer .top .item .social a {
    border: 1px solid rgba(255,255,255,0.03);
    color: #FFF;
}

body.dark .footer .bottom p {
    color: #999;
}

body.dark .footer .top .item .social a:hover {
    border: 1px solid var(--clr-theme-color);
    background: transparent;
    color: #FFF;
}

body.dark .footer .bottom p a {
    color: #999;
}

body.dark .duru-header.scrolled {
    background: #1b1b1b;
} 

body.dark .services .item:after {
    background: #1b1b1b;
}

body.dark .services .item h5 {
    color: #fff;
}

body.dark .duru-wrap {
    background: #1b1b1b;
}

body.dark .duru-menu > ul > li > a,
body.dark .duru-menu ul ul li a{
    color: #999;
}

body.dark .duru-menu > ul > li > a:hover ,
body.dark .duru-menu ul ul li a:hover{
    color: var(--clr-theme-color);
}

body.dark .preloader-bg,body.dark #preloader{
    background: #1b1b1b;
}

body.dark .post h2{
    color: #fff;
}

body.dark .post p,
body.dark .comments p,
body.dark .post .date span{
    color: #999;
}

body.dark ul.pagination a{
    border: 1px solid rgba(255,255,255,0.03);
    color: #fff;
}

body.dark ul.pagination a:hover {
    opacity: 1;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid var(--clr-theme-color);
}

body.dark .sidebar .widget.widget_news .item .cont h6,
body.dark .sidebar .widget.widget_news .item .cont h6 a{
    color: #fff;
}

body.dark .duru-menu > ul > li.active > a{
    color: var(--clr-theme-color);
}

body.dark .sidebar .widget.widget_news .item .cont h6 a:hover{
    color: var(--clr-theme-color);
}

body.dark .sidebar .widget.widget_news .item .cont span a{
    color: #999;
}

body.dark .sidebar .widget .tagcloud a{
    border: 1px solid rgba(255,255,255,0.03);
    color: #999;
}

body.dark .sidebar .widget .tagcloud a:hover {
    background: var(--clr-theme-color);
    color: #fff;
}


@media (min-width: 1200px){
body.dark .header-transparent-on .duru-menu > ul > li > a ,
body.dark .duru-header.sticky .duru-menu > ul > li > a{
    color: #fff;
}
}

body.dark .nav-scroll{
    background-color: #1b1b1b;
}

body.dark .nav-scroll .navbar-nav .nav-link{
    color: #fff;
}

body.dark .nav-scroll .dropdown .nav-link i{
    color: rgba(255, 255, 255, 0.5);
}

body.dark .duru-header{
	border-bottom: 1px solid rgba(255,255,255,0.03);
}


.wpcf7-form p{
    margin-bottom: 0;
}

.wpcf7-form br{
    display: none;
}

.contact div.wpcf7-response-output{
    color: #111;
}

.dark .contact div.wpcf7-response-output{
    color: #fff;
}

.dark{
    font-size: 15px;
}

h4.h4-comments{
    margin-bottom: 50px;
    font-size: 30px;
}

a.comment-reply-link:hover{
    color: var(--clr-theme-color);
}

.menu_2 .header-transparent-on .duru-menu > ul > li > a i,
.menu_2 .duru-header.sticky .duru-menu > ul > li > a i{
    display: none;
}

.menu_2.dark .duru-menu > ul > li > a, .menu_2.dark .duru-menu ul ul li a{
    color: #fff;
}

.menu_2.dark .header-transparent-on .duru-menu > ul > li.active > a,
.menu_2.dark .header-transparent-on .duru-menu > ul > li ul li.active > a{
    color: var(--clr-theme-color);
}

.menu_2 .header-transparent-on .duru-menu > ul > li:hover > a {
    color: var(--clr-theme-color);
}

.pb-90{
    padding-bottom: 90px;
}

.info span{
    text-transform: capitalize;
}

.search-box button{
    background: none;
    border:none;
    position: absolute;
    top: 30px;
    right: 0;
}

.dark .sidebar .widget_categories li a{
    color: #999;
}

.dark .sidebar .widget_categories li a:hover{
    color: var(--clr-theme-color);
}

span.cate{
    margin: 0!important;
    text-transform: capitalize;
    color: #777!important;
}

body.dark span.cate{
    color: #999!important;
}

@media(max-width: 991px){
    .menu_2 .duru-menu ul li > a i{
        display: none;
    }
}

.duru-menu ul li.active > a{
    color: var(--clr-theme-color);
}

.duru-menu ul li.active > ul li.active a{
    color: var(--clr-theme-color);
}


.elementor-lightbox{
    display: none!important;
}

.elementor-editor-active .owl-carousel {
    display: block;
}

.js.elementor-html .animate-box {
    opacity: 1!important;
}

.gallery-size-thumbnail{
    display: none;
}

.hero figure{
    margin-left: 50%!important;
}

.hero.left figure{
    margin-left: 0!important;
}

.hero .wrap.left figure{
    margin-left: 0!important;
}

.project-page .con .info h6{
    font-family: 'Oswald', sans-serif;
}

.navbar .navbar-nav li.active .nav-link{
    color: var(--clr-theme-color)!important;
}

.navbar .navbar-nav li.active ul li.active a{
    color: var(--clr-theme-color)!important;
}

a.button{
    font-size: 15px;
    font-weight: 400;
    font-family: 'Barlow', sans-serif;
    background: var(--clr-theme-color);
    color: #fff;
    padding: 15px 30px;
    margin: 0;
    position: relative;
    border-radius: 50px;
}

a.button:hover{
    background-color: #fff;
    color: var(--clr-theme-color);
    border: 1px solid var(--clr-theme-color);
}

p.pb-30{
    margin-bottom: 10px;
}

body.dark .duru-nav-toggle.active i {
    background: transparent !important;
}

body.dark .comment-respond input,
body.dark .comment-respond textarea{
	border-bottom: 1px solid rgba(255,255,255,0.03);
}

body.dark input:focus,body.dark textarea:focus {
    border-bottom: 1px solid #c5a47e;
}

@media (max-width: 991px) {
	.dropdown-menu {
	display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    width: 200px;
    padding: 15px 10px;
    border-radius: 0;
    border: 0;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
	}
	
	ul.navbar-nav li .dropdown-menu {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		width: 100%;
		display: none;
	}

	.dropdown:hover .dropdown-menu, .dropdown:hover .mega-menu {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	
	.dropdown:hover .dropdown-menu, .dropdown:hover .mega-menu {
		display: block;
	}
	
}
.wp-block-group h2.wp-block-heading {
    position: relative;
    display: inline-block;
    font-size: 18px;
    margin-bottom: 30px;
    font-weight: 500;
    letter-spacing: 4px;
    text-transform: uppercase;
}
.widget_block.widget_search label.wp-block-search__label {
    display: none;
}
.widget_block .wp-block-search .wp-block-search__inside-wrapper {
    position: relative;
}
.widget_block .wp-block-search .wp-block-search__input {
    width: 100%;
    padding: 10px;
    border: 0;
    background: #f4f5f7;
    margin-bottom: 0;
    border-radius: 0px;
}
.widget_block .wp-block-group .wp-block-group__inner-container ul li {
    margin-bottom: 20px;
    color: #040b11;
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 10px;
    padding-bottom: 10px;
    line-height: 28px;
}
.widget_block .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: transparent;
    color: #040b11;
    border: 0;
    cursor: pointer;
    font-size: 15px;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-posts__list.wp-block-latest-posts li {
    margin-bottom: 20px;
    color: #040b11;
    font-size: 16px;
    line-height: 1.5em;
    border-bottom: 1px dashed #cccccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
    line-height: 40px;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-posts__list.wp-block-latest-posts li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px dashed #cccccc;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-comments .wp-block-latest-comments__comment {
    color: #040b11;
    font-size: 16px;
    line-height: 1.5em;
    border-bottom: 1px dashed #cccccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
    line-height: 40px;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px dashed #cccccc;
}
.sidebar_widget.widget.widget_block.widget_search .wp-block-search__button-outside .wp-block-search__inside-wrapper {
    margin: 0px 0px;
}
.sidebar__widget .wp-block-group__inner-container .wp-block-latest-comments {
    padding-left: 0rem;
}
.wp-block-group ol.wp-block-latest-comments {
    box-sizing: border-box;
    margin-left: 0;
    padding-left: 0px;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-posts__list.wp-block-latest-posts li a{
    color: inherit;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-comments .wp-block-latest-comments__comment a{
    color: inherit;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-comments .wp-block-latest-comments__comment footer {
    background: transparent;
}