/*
Theme Name: Luxury Interior
Theme URI: https://theclassictemplates.com/themes/free-interior-design-wordpress-theme/
Author: classictemplate
Author URI: https://www.theclassictemplates.com/
Description: Luxury Interior is an awesome choice to create professional websites. It has an elegant, sophisticated, modern, luxurious and retina-ready design. It will help you to take your business to next level. This multipurpose theme is perfectly suited for interior design, furniture, construction, corporate, industries, beauty and spa salons, blog, travel agency, photography, education, electrician, style profiling, antique furniture refurnishing, skylight installation, interior decorator, wall hangings, carpet cleaning and such related websites. It is SEO-friendly theme that will help your website get indexed soon on major search engines like Google. It is based on bootstrap framework which makes it handy to use. It has responsive layout that makes it mobile-friendly therefore it looks beautiful on any device, be it desktop, mobile or tabs. It is written with clean and secure codes. It is optimized for speed hence it has faster page load times. With the social media option you can link all your social media pages to the site. It is compatible with free and premium WordPress plugins such as Elementor, Contact Form 7, Google Analytics, WooCommerce, Jetpack, Yoast SEO, etc. It is translation-ready and supports RTL layout. With the testimonial section the visitors can comment on your work.
Requires at least: 5.0
Tested up to: 6.1
Requires PHP: 7.2
Version: 0.3.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: luxury-interior
Tags: blog, e-commerce, photography, one-column, two-columns, left-sidebar, right-sidebar, custom-logo, featured-images, full-width-template, custom-colors, editor-style, wide-blocks, custom-header, custom-background, custom-menu, sticky-post, threaded-comments, theme-options

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.

Luxury Interior WordPress Theme has been created by classictemplate (theclassictemplates.com), 2021.
Luxury Interior WordPress Theme is released under the terms of GNU GPL
*/

*{
  margin:0;
  padding:0;
  outline:none;
}
body{
  margin:0;
  padding:0;
  font-size:15px;
  color: #8e8c8d;
  font-family: 'Open Sans', sans-serif;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  font-weight: 500;
}
img{
  border:none;
  margin:0;
  padding:0;
  height:auto;
  max-width:100%;
}
a{
  text-decoration:underline;
  color: #262626;
}
a:hover{
  color:#333;
  text-decoration:none;
}
ol,ul{
  margin:0;
  padding:0;
}
.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.aligncenter{
  margin:0;
  padding:0;
  max-width:100% !important;
}
.sticky{
  background: #ededed;
}
.entry-content ol li,
.entry-content ul li{
  margin-left:15px;
}
ul li ul,
ul li ul li ul,
ol li ol, ol li ol li ol{
  margin-left:10px;
}
h1,h2,h3,h4,h5,h6{
  color:#262626;
  line-height:1.1;
  font-weight:bold;
}
h1{
  font-size:32px;
}
h2{
  font-size:30px;
}
h3{
  font-size:24px;
}
h4{
  font-size:20px;
}
h5{
  font-size:18px;
}
h6{
  font-size:14px;
}
.clear{
  clear:both;
}
.alignnone{
  width:100% !important;
}
img.alignleft, .alignleft{
  float:left;
  margin:0 15px 0 0;
  padding:5px;
  border:1px solid #cccccc;
}
img.alignright, .alignright{
  float:right;
  margin:0 0 0 15px;
  padding:5px;
  border:1px solid #cccccc;
}
.left{
  float:left;
}
.right{
  float:right;
}
#comment-nav-above .nav-previous,
#comment-nav-below .nav-previous{
  float:none !important;
  margin:10px 0;
}
ol.comment-list li{
  list-style:none;
  margin-bottom:5px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
a:focus,input[type='submit']:focus,input[type='search']:focus,textarea:focus,input[type='name']:focus,input[type='email']:focus,.toggle-nav button:focus,a.close-button:focus,#commentform input#email:focus, #commentform input#url:focus,#commentform input#author:focus, #commentform textarea:focus, #commentform input#eazycfc_captcha:focus,.main-nav a:focus,.main-nav ul ul a:focus{
	outline: -webkit-focus-ring-color auto 1px;
}
.textwidget p a,.entry-content p a,.entry-summary p a,ol.comment-list p a {
  text-decoration: underline;
}

/* = wide block css
-------------------------------------- */
.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}

/* = pre loader css
-------------------------------------- */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999999;
}
#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(images/status.gif);
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}

/* = top header css
-------------------------------------- */
h1.site-title{
  font-size: 35px;
  margin: 0;
  text-transform: uppercase;
}
h1.site-title a{
  color: #fff;
  font-weight: bold;
}
h1.site-title a:hover {
  text-decoration: unset;
}
span.site-description{
  font-size: 16px;
  font-weight: 600;
}
span.site-description,.listarticle h2 a:hover,#sidebar ul li a:hover,.upper-header p{
  color: #262626;
}
.center-align{
  align-self: center;
}
.upper-header p {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.social-icons {
  text-align: right;
}

/* = header css
-------------------------------------- */

.page-template-template-home-page .header {
  background: transparent;
  position: absolute;
  width: 100%;
  z-index: 9999;
  top: 25px;
}
.header {
  background: #262626;
}
.upper-header {
  background: #fdcf55;
  padding: 20px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
}
.inner-header {
  padding: 15px;
}

.woocommerce ul.products li.product .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit, #commentform input#submit {
  background: #fdcf55;
  color: #262626;
  padding: 10px 25px;
  border-radius: 0;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
#commentform input#submit:hover {
  background: #262626;
  color: #fff;
}

/* = menus css
-------------------------------------- */
#mySidenav {
  display: inline;
}
.main-nav ul{
  margin: 0;
  padding: 0;
}
.main-nav li{
  display: inline-block;
  position: relative;
}
.main-nav a {
  color: #fff;
  padding: 12px;
  font-size: 16px;
  display: block;
  font-weight: 600;
  text-transform: uppercase;
  font-style: italic;
}
.main-nav a:hover,.current_page_item a{
  color: #fdcf55;
}
.main-nav ul ul{
  display: none;
  position: absolute;
  background: #262626;
  min-width: 250px;
  z-index: 9999;
  top: 70%;
  line-height: 30px;
}
.main-nav ul ul ul{
  left: 100%;
  top: 0%;
}
.main-nav ul ul a{
  color: #fff ;
  border: none;
  padding: 5px 10px ;
  margin-top: 5px;
}
.main-nav ul ul a:hover{
  background: #fdcf55;
  color: #262626;
}
.main-nav ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
  border-bottom: solid 1px #262626;
}
.main-nav ul li:hover > ul{
  display: block;
}
.main-nav .menu > ul > li.highlight{
  background-color: #006ccc;
}
.main-nav .menu > ul > li.highlight:hover{
  background: transparent;
}
.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-nav, a.close-button{
  display: none;
}

/* = slider section css
-------------------------------------- */
#catsliderarea{
  padding-bottom: 30px;
}
.slider-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 25%;
  right: 25%;
  text-align: center;
}
.catwrapslider{
  width:100%;
  position:relative;
  box-sizing:border-box;
  overflow: hidden;
}
.catwrapslider .slider-leftsvg {
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 5;
  width: 240%;
  -webkit-animation: mover 4s infinite alternate;
  animation: mover 4s infinite alternate;
  height: 55%;
}
.catwrapslider .slidesection{
  background: #262626;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  opacity: 0.6;
}
.catwrapslider .owl-prev,
.catwrapslider .owl-next {
  position: absolute;
  transform: translateY(-55%);
  top: 55%;
  bottom:15px;
  width:50px;
  height:50px;
  font-size:40px;
  right:0;
  background: transparent;
  color: #fff;
  font-size: 30px;
}
.catwrapslider .owl-prev{
  right: 10%;
  border: none;
}
.catwrapslider .owl-next{
  right: 8%;
  border: none;
}
.slider-box h3 {
  font-size: 50px;
  color: #fff;
  text-transform: uppercase;
}
.slide-btn a {
  color: #fff;
  background: #fdcf55;
  padding: 15px 25px;
  font-size: 16px;
  font-weight: 800;
  border-radius: 30px;
}
.slide-btn a:hover {
  background: #262626;
}

/* = Services css
-------------------------------------- */

.heading-box {
  text-align: center;
}
.heading-box h2 {
  font-size: 26px;
  font-weight: 600;
}
.heading-box h3 {
  font-size: 40px;
}
.heading-box p {
  text-transform: uppercase;
  font-weight: 700;
  color: #262626;
}

.service-project-container {
  position: relative;
  padding: 20px;
}
.service-project-container:before {
  border-left-color: #000000;
}
.service-project-container:before {
  position: absolute;
  content: '';
  top: 0;
  right: 10px;
  bottom: 0;
  left: 10px;
  border-right: 3px solid #000000;
  border-left: 3px solid #000000;
}
.service-project-container:after {
  border-top-color: #000000;
}
.service-project-container:after {
  position: absolute;
  content: '';
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 0;
  border-top: 3px solid #000000;
  border-bottom: 3px solid #000000;
  width: 100%;
}
.service-project-container:before {
  border-right-color: #fdcf55;
}
.service-project-container:after {
  border-bottom-color: #fdcf55;
}
a.service-box-button {
  background: #000;
  color: #fdcf55;
  display: block;
  padding: 15px;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 600;
}
a.service-box-button:hover{
  background: #fdcf55;
  color: #262626;
}


/* = Page lay out css
-------------------------------------- */
.postsec-list input.search-field,
.postsec-list input.search-submit {
  padding: 15px 10px;
}
.contentsecwrap{
  padding:25px 0;
  clear: both;
}
.contentsecwrap p{
  margin-bottom:20px;
}
.listarticle, #sidebar aside.widget{
  margin-bottom: 30px;
  padding: 20px;
  border-radius: 5px;
  border: solid #fdcf55;
}
.listarticle h2 a{
  color: #262626;
}
.single_title{
  margin-bottom: 15px;
  font-size: 20px;
}
.post-thumb{
  margin:0 0 15px 0;
}
.nav-links .page-numbers{
  padding:5px 10px;
  color:#111;
}

/* = sidebar
---------------------------------------------- */
label{
  margin-bottom: 0;
}
aside.widget ul{
  list-style:none;
}
h3.widget-title{
  padding:0 0 15px 0;
  color:#262626;
  border-bottom:1px solid #edecec;
  font-size: 22px;
}
#sidebar ul li{
  border-bottom:1px dashed #d0cfcf;
  padding:8px 0;
}
#sidebar ul li a{
  color:#6c6c6c;
  display:inline-block;
}
#sidebar ul li:last-child{
  border:none;
}
#sidebar.left{
  float:left;
}
#sidebar table{
  width:100%;
  text-align:center;
}
#calendar_wrap caption{
  font-weight:700;
  padding-bottom:10px;
  text-transform:uppercase;
}
#sidebar select {
  width: 100%;
  padding: 10px;
  background: transparent;
  border: solid 2px #262626;
}
#sidebar input[type="text"],
#sidebar input[type="search"],
#footer input[type="search"]{
  border: solid 2px #262626;
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
}
#sidebar input.search-submit,
form.woocommerce-product-search button {
  padding: 10px;
  width: 100%;
  border:none;
  background: #262626;
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
}
#recentcomments li{
  background-image:none !important;
}
#recentcomments li a{
  padding-left:0px !important;
}
.textwidget select,table{
  width:100%;
}
#sidebar .tagcloud a {
  border: solid 2px #262626;
  font-size: 12px !important;
  margin: 2px 0;
  display: inline-block;
  color: #262626;
  padding: 5px;
}

/* = Footer css
------------------------------------------- */
#footer input.search-submit {
  background: #fdcf55;
  color: #262626;
  border: none;
  padding: 10px;
}
#footer{
	background-color: #262626;
	color: #ffffff;
}
.ftr-4-box h3,.ftr-4-box h2{
	font-size:25px;
	color:#fff;
	margin-bottom:25px;
	border-bottom:1px solid #303030;
	padding: 15px 0;
}
.ftr-4-box ul{
	margin:0;
	padding:0;
	list-style:inside disc;
}
.ftr-4-box ul li {
	display:block;
	padding:6px 0;
}
.ftr-4-box ul li a,.ftr-4-box a {
	color:#ffffff;
}
.ftr-4-box a:hover{
  color: #fdcf55;
}
.ftr-4-box p{
	margin-bottom:15px;
}
#footer select{
  height: auto;
}
.copywrap {
	background-color: #262626;
	color: #fff;
  font-size: 18px;
	padding:15px 0;
}
.copywrap a{
  color: #fff;
}
.copywrap a:hover {
    color: #fdcf55;
}