/*
Theme Name: Interior Dark
Theme URI: https://themearile.com/interior-dark-theme/
Template: designexo
Author: ThemeArile
Author URI: https://themearile.com
Description: Interior Dark is the best modern and stylish interior design WordPress theme for you to build a free interior design or architectural design businesses website. Designed with a user-friendly approach so can be handled with ease even by the newbies who do not have any knowledge about websites and templates. It comes with a dark proficient layout and great color scheme. The theme is perfectly suited for interior design, architecture, decoration, business, furniture, home decor, construction, corporate, agency, business promotion, industries, Beauty & spa salons, photography, gym, blog, travel agency and many other websites compatible, You will have lots of options to consider. It has some exotic features like clean code, advanced typography, sticky menu, logo upload, header image, Bootstrap 4 framework, built with SEO in mind, and being Mobile-ready, translation ready (WPML, Polylang) and it's built to be beautiful on all screen sizes. This theme supports the best Elementor page builder to create, edit, and update page designs as per the requirement. Interior Dark also supports popular free and premium WordPress plugins such as Elementor, Yoast SEO, WooCommerce, Contact Form 7, Jetpack, Google Analytics, and much more. Check the demo of Designexo Pro https://themearile.com/designexo-pro-theme/.
Version: 10.5
Tested up to: 6.6.1
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: interior-dark
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, rtl-language-support, translation-ready, full-width-template, custom-logo, blog, e-commerce, portfolio
*/

/*--------------------------------------------------
=>> Body Custom Background Css
--------------------------------------------------*/

body.custom-background .theme-bg-dark,
body.custom-background .theme-bg-default, 
body.custom-background .theme-blog.theme-bg-grey {
    background-color: transparent !important;
}

/*--------------------------------------------------
=>> Theme Main Slider Three
--------------------------------------------------*/

.theme-main-slider .overlay {
    background-color: rgba(0,0,0,0.4);
}
.theme-main-slider.vrsn-three .theme-caption-bg {
    width: 65%;
    background-color: rgb(13 10 0 / 75%);
    padding: 1.875rem 1.875rem 2.188rem;
    border-radius: 35px 0px 0px 0px;
}
.theme-main-slider.vrsn-three .theme-slider-content .title-large {
	font-size: 3.7rem;
	letter-spacing: 5px;
}
.theme-main-slider.vrsn-three .theme-slider-content .btn-slider:hover, 
.theme-main-slider.vrsn-three .theme-slider-content .btn-slider:focus {
    border: 2px solid #fff;
    background: #fff;
	color: #333;
}
.theme-main-slider.vrsn-three .owl-item.active .theme-caption-bg {
    animation: 2s .2s fadeInLeft both;
}
@media (max-width: 500px) {
	.theme-main-slider.vrsn-three .theme-caption-bg {
		width: 100%;
	}
	.theme-slider-content .sub-title {
		margin-bottom: 1.3rem;
	}
}

/*--------------------------------------------------
=>> Theme Info Area Two
--------------------------------------------------*/	

.theme-info-area.vrsn-two .media:hover {
    background: #fff;
}
.theme-info-area.vrsn-two i.icon {
	color: #fff;
}
.theme-info-area.vrsn-two .media .theme-info-area-title,
.theme-info-area.vrsn-two .media .theme-info-area-title a {
	color: #fff;
}	
.theme-info-area.vrsn-two .media:hover .theme-info-area-title,
.theme-info-area.vrsn-two .media:hover .theme-info-area-title a, 
.theme-info-area.vrsn-two .media:focus .theme-info-area-title a {
	color: #333333;
}	
.theme-info-area.vrsn-two .media .info-details {
	color: #fff;
}

/*--------------------------------------------------
=>> Theme Service Area Three
--------------------------------------------------*/

.theme-services.vrsn-three .service-content {
	border: 1px solid #333;
	padding: 1.375rem;
    background-color: #18191b;
}
.theme-services.vrsn-three .service-content::before {
	width: 100%;
    height: 0px;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    z-index: -1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.theme-services.vrsn-three .service-content:hover::before {
	height: 100%; 
}
.theme-services.vrsn-three .service-content:hover {
	transform: translateY(-5px);
	-webkit-box-shadow: 0 10px 25px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 25px rgb(0 0 0 / 10%);
}
.theme-services.vrsn-three .service-content:hover .service-content-thumbnail img {
	-webkit-filter: unset;
   filter: unset;
}
.theme-services.vrsn-three .service-content:hover .service-content-thumbnail a,
.theme-services.vrsn-three .service-content:hover .service-content-thumbnail i.fa {
	color: #ffffff;
}
.theme-services.vrsn-three .service-title a:hover, 
.theme-services.vrsn-three .service-title afocus,
.theme-services.vrsn-three .service-content:hover .service-title a, 
.theme-services.vrsn-three .service-content:focus .service-title a, 
.theme-services.vrsn-three .service-content:hover .service-title {
    color: #fff;
}
.theme-services.vrsn-three .service-content:hover p {
	color: #fff;
}
.theme-services.vrsn-three .service-links a {
    color: #fff;
    display: inline-block;
	font-weight: 600;
}
.theme-services.vrsn-three .service-content:hover .service-links a, 
.theme-services.vrsn-three .service-content:focus .service-links a {
	background: #fff;
	border: 1px solid #fff;
	color: #333333;
}

/*--------------------------------------------------
=>> Theme Project Area Three  
--------------------------------------------------*/

.theme-project.vrsn-three .portfolio-thumbnail {
    text-align: left;
}
.theme-testimonial-overlay {
    background-color: rgba(0,0,0,0.7);
}
.theme-project.vrsn-three .theme-project-content .click-view {
	background-color: rgb(0 0 0 / 85%);
    margin: 0;
    padding: 1.250rem 2.813rem;
    position: absolute;
    width: 100%;
    top: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    transform: unset;
    left: 0;
    right: 0;
	bottom: 0;
    opacity: 1;
    z-index: 1;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;    
}
.theme-project.vrsn-three .theme-project-content:hover .click-view {
    padding: 1.250rem 1.250rem 2.500rem;
	background-color: transparent;
}
.theme-project.vrsn-three .theme-project-content .theme-project-title {
    margin-bottom: 0rem;
}
.theme-project.vrsn-three .theme-project-content .theme-project-title,
.theme-project.vrsn-three .theme-project-content .theme-project-title a {
	color: #333;
}
.theme-project.vrsn-three .theme-project-content p {
	color: #ddd;
}
.theme-project.vrsn-three .theme-project-content .theme-project-title a:hover, 
.theme-project.vrsn-three .theme-project-content .theme-project-title a:focus,
.theme-project.vrsn-three .theme-project-content:hover .theme-project-title a, 
.theme-project.vrsn-three .theme-project-content:focus .theme-project-title a,
.theme-project.vrsn-three .theme-project-content:hover .theme-project-title, 
.theme-project.vrsn-three .theme-project-content:hover p {
	color: #fff !important;
}
.theme-project.vrsn-three .theme-project-content a.view-popup {
	background-color: #fff;
	color: #000;
    top: 20px;
    opacity: 0;
	right: -50px;
}
.theme-project.vrsn-three .theme-project-content:hover a.view-popup {
    opacity: 1;
    top: 20px;
    right: 0;
}
.theme-project.vrsn-three .btn-dark {
    background: #ffffff;
    border: solid 1px #fff;
    color: #111;
}
.theme-project.vrsn-three .btn-dark:hover, 
.theme-project.vrsn-three .btn-dark:focus {
    background: #111;
    border: solid 1px #111;
    color: #fff;
}

/*--------------------------------------------------
=>> Theme Testimonial Area Three
--------------------------------------------------*/

.theme-testimonial.vrsn-three .testimonial-content.vrsn-two {
	padding: 2.5rem 1.875rem 2.5rem;
	margin-bottom: 2rem;
	text-align: center;
}
.theme-testimonial.vrsn-three .testimonial-content.vrsn-two:hover {
	transform: translateY(-7px);
	-webkit-box-shadow: 0 3px 15px 0 rgb(0 0 0 / 2%);
	-moz-box-shadow: 0 3px 15px 0 rgb(0 0 0 / 2%);
	box-shadow: 0 3px 15px 0 rgb(0 0 0 / 2%);
}
.theme-testimonial.vrsn-three  .testimonial-content.vrsn-two::before {
	position: relative;
	top: unset;
	left: unset;
	right: unset;
	display: block;
	padding: 0 0 0.938rem;
	font-size: 1.75rem;
    color: #fff;
}
.theme-testimonial.vrsn-three .testimonial-content.vrsn-two:after {
	content: '';
    width: 29px;
    height: 29px;
    position: absolute;
    bottom: -6px;
    left: 50%;
    z-index: 1;
    -webkit-transform: translateX(-50%) rotate(125deg) skew(-20deg);
    -ms-transform: translateX(-50%) rotate(125deg) skew(-20deg);
    transform: translateX(-50%) rotate(125deg) skew(-20deg);
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.theme-testimonial.vrsn-three .theme-testimonial-block p {
    color: #ffffff;
	font-size: 1.125rem;
}
.theme-testimonial.vrsn-three .theme-testimonial-block.vrsn-two .media {
	display: block;
    text-align: center;
}
.theme-testimonial.vrsn-three .theme-testimonial-block.vrsn-two .thumbnail {
    margin: 0 auto 1.25rem;
}
.theme-testimonial.vrsn-three .theme-testimonial-block.vrsn-two .thumbnail img {
    margin: 0;
    width: 80px;
    height: 80px;
}
.theme-testimonial.vrsn-three .theme-testimonial-block .name {
    font-size: 1.125rem;
}
.theme-testimonial.vrsn-three .theme-testimonial-block .position {
    font-size: 1rem;
}


/*--------------------------------------------------
=>> Theme Blog Area - Homepage Three
--------------------------------------------------*/

.theme-blog.vrsn-three .post {
	border-bottom: 4px solid #333;
}
.theme-blog.vrsn-three .post:hover {
	-webkit-box-shadow: 0 10px 25px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 10px 25px rgb(0 0 0 / 10%);
    -ms-box-shadow: 0 10px 25px rgb(0 0 0 / 10%);
    box-shadow: 0 10px 25px rgb(0 0 0 / 10%);
}
.theme-blog.vrsn-three .post-thumbnail {
	padding: 1.375rem 1.375rem 0.5rem;
}
.theme-blog.vrsn-three .post-thumbnail img {
    border-bottom: 4px solid transparent;
	transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transform: scale(1.0);
}
.theme-blog.vrsn-three .post:hover .post-thumbnail img {
	transform: scale(1.02);
}
.theme-blog.vrsn-three .media {
	display: block;
}
.theme-blog.vrsn-three .media .posted-on {
    width: auto;
}
.theme-blog.vrsn-three .media .posted-on time.days {
	padding-top: 0;
	font-size: 1rem;
	width: 125px;
	text-align: left;
	padding-left: 18px;
}
.theme-blog.vrsn-three .media .posted-on time.days small.months {
    display: inline-block;
	font-size: 1rem;
	padding: 0.3125rem 0.625rem 0.3125rem 0.625rem;
	width: 65px;
	margin-left: 18px;
}

/*--------------------------------------------------
=>> Blog Section
--------------------------------------------------*/
.entry-content {
    overflow: unset;
}
ul.wp-block-rss { 
	list-style: disc;
}
blockquote:last-child { margin-bottom: 0; }

/*Table Color Styles*/
table, th, td { border: 1px solid #333; }
thead th { border-bottom: 2px solid #333; }
th { background: #202020; color: #fff; }
/*wp-block-calendar*/
.wp-block-calendar table.wp-calendar-table th {
	background: #202020;
}
.wp-block-calendar tbody td, .wp-block-calendar th {
	border: 1px solid #333;
}
.wp-block-calendar tbody td {
	color: #ddd;
}
/*-----------------------------------------------------
=>> Sidebar Widget Style Css According to WordPress 5.8
-----------------------------------------------------*/
.sidebar .widget .wp-block-group h2, 
.sidebar .widget .wp-block-search .wp-block-search__label { 
    text-transform: capitalize;
	letter-spacing: 0;
}
.sidebar .widget .wp-block-group .wp-block-media-text, 
.sidebar .widget .wp-block-group .wp-block-embed,
.sidebar .widget .wp-block-group .wp-block-image, 
.sidebar .widget .wp-block-group .wp-block-file, 
.sidebar .widget .wp-block-group .wp-block-buttons, 
.sidebar .widget .wp-block-group .wp-block-columns,
.sidebar .widget .wp-block-group .logged-out,
.sidebar .widget .wp-block-group .wp-block-pullquote {
    padding: 1.563rem 1.000rem 1.563rem;
}

.sidebar .widget .wp-block-group .wp-block-latest-comments .wp-block-latest-comments__comment {
	margin-top: 0.500rem;
}
.sidebar .widget .wp-block-group .wp-block-latest-comments article {
	margin-bottom: 0.500rem;
}
.sidebar .widget .wp-block-group .wp-block-latest-comments__comment-meta {
	font-weight: 600;
	line-height: 1.5;
}
.sidebar .widget .wp-block-group .wp-block-latest-comments__comment-excerpt p, 
.sidebar .widget .wp-block-group .wp-block-latest-comments__comment-date {
	font-size: 1rem;
}
.sidebar .widget .wp-block-group .wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
	margin-top: 0;
	padding-top: 0;
}
.sidebar .widget .wp-block-group .wp-block-verse {
	margin: 1.563rem 1.000rem 1.563rem;
	background: #202020;
	color: #ddd;
}
.sidebar .widget .wp-block-group .wp-block-cover, 
.sidebar .widget .wp-block-group .wp-block-separator {
	margin: 1.563rem 1.000rem 1.563rem;
	width: 90%;
}
.sidebar .widget .wp-block-search .wp-block-search__label {
    line-height: normal;
}
.sidebar .widget .wp-block-group .wp-block-latest-posts__list.wp-block-latest-posts li a {
	font-weight: 600;
}
.sidebar .widget .wp-block-group .widget.widget_meta {
	margin-bottom: 0;
}
.sidebar .widget .wp-block-group .wp-block-pullquote {
	margin-bottom: 0;
}
.sidebar .widget .wp-block-group .wp-block-pullquote blockquote {
	margin-top: 0;
	margin-bottom: 0;
}
.sidebar .widget .wp-block-group .wp-block-pullquote p {
    padding-bottom: 0;
}
.sidebar .widget .wp-block-group .wp-block-tag-cloud a:hover, 
.sidebar .widget .wp-block-group .wp-block-tag-cloud a:focus {
    color: #fff !important;
}
.theme-blog .post .wp-block-quote.is-style-large {
	padding: 1.1rem 1.25rem;
}
.sidebar .widget .wp-block-group .wp-block-table {
	padding: 1.563rem 1.000rem 1.563rem;
	margin-bottom: 0;
}
.sidebar .widget .wp-block-group .wp-block-preformatted {
	margin: 1.563rem 1.000rem 1.563rem;
}
.sidebar .widget .wp-block-group .is-nowrap {
	margin: 1.563rem 1.000rem 1.563rem;
}
.sidebar .widget .wp-block-group .is-vertical {
	margin: 1.563rem 1.000rem 1.563rem;
}
.sidebar .widget.widget_block .wp-block-group p {
	padding: 0.78125rem 1.000rem 0.78125rem;
}
.sidebar .widget .wp-block-group ol.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
	padding: 0;
}
.sidebar .widget.widget_block .wp-block-group .wp-block-quote p, 
.sidebar .widget.widget_block .wp-block-group .wp-block-pullquote p {
	padding: 0;
}
.theme-blog .post .entry-content .wp-block-file .wp-block-file__button {
    color: #fff;
    box-shadow: none;
}
.theme-blog .post .entry-content ol.wp-block-latest-comments .wp-block-latest-comments__comment {
	    border-bottom: 1px solid #333;
}
.theme-blog .post .entry-content ol.wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
	    border-bottom: none;
}
.theme-blog .post .entry-content ol.wp-block-latest-comments .wp-block-latest-comments__comment article {
	margin-bottom: 1rem;
}
.sidebar .widget .wp-block-group .is-nowrap p, 
.sidebar .widget .wp-block-group .is-vertical p {
	padding: 0;
}
.sidebar .widget .wp-block-group .wp-block-media-text {
	margin-bottom: 0;
}
.sidebar .widget .wp-block-group .wp-block-image, 
.sidebar .widget .wp-block-group .wp-block-image figcaption {
	margin-bottom: 0;
}
.theme-blog .post .mejs-controls a.mejs-horizontal-volume-slider {
	color: transparent;
}
.theme-blog .post .entry-content ul:last-child {
	margin-bottom: 0;
}
.theme-blog .post .entry-content ol.wp-block-latest-comments {
	padding-left: 2rem;
}
.theme-blog .post .entry-content ul.wp-block-archives {
	margin-left: 1.125rem;
    list-style: disc;
	padding-left: 1.5rem;
}
.theme-blog .post .entry-content ul.wp-block-rss {
    padding-left: 1.5rem;
}
.theme-blog .post .entry-content pre.wp-block-code, 
.theme-blog .post .entry-content pre.wp-block-preformatted {
	background-color: #202020;
	color: #ddd;
}
.theme-blog .post .entry-content .wp-block-verse {
	background-color: #202020;
	color: #ddd;
}
.sidebar .widget .wp-block-pullquote cite {
	z-index: 1;
}
.sidebar .widget .wp-block-group .wp-block-columns {
	margin-bottom: 0;
}
.sidebar .widget .wp-block-group .is-layout-flow h2 {
	border-left: 0 none;
}
.sidebar .widget .wp-block-group .wp-block-details {
    margin: 1.563rem 1rem 1.563rem;
}
.theme-blog .post .entry-content ul li {
	margin-bottom: 10px;
}
.theme-blog .post .entry-content ul li:last-child {
	margin-bottom: 0;
}
.theme-blog .post .entry-content ol li {
	margin-bottom: 10px;
}
.theme-blog .post .entry-content ol li:last-child {
	margin-bottom: 0;
}
.comment-form .form-submit {
    padding-bottom: 0;
}
.theme-blog .post .entry-content ul {
	padding-left: 1.125rem;
}
.theme-blog .post .entry-content ol {
	padding-left: 1.125rem;
}
.theme-blog .post .entry-content .wp-block-group.has-black-border-color {
	border-color: #333 !important;
}
.theme-blog .post .entry-content ul.wp-block-post-template li.wp-block-post {
    border: none;
    margin-bottom: 1.5rem;
}
.theme-blog .post .entry-content ul.wp-block-post-template li.wp-block-post:hover {
	box-shadow: none;
}
.theme-blog .post .entry-content ul.wp-block-post-template {
    margin-left: 0;
	padding-left: 0;
}
.theme-blog .post .entry-content .wp-block-comment-content p {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
.theme-blog .post .entry-content ul.wp-block-post-template li.wp-block-post .wp-block-post-date {
    padding-bottom: 1.2rem;
}
.theme-blog .post .entry-content ul.wp-block-latest-posts {
	list-style: disc;
}
.theme-blog .post .wp-block-query-pagination {
	margin-bottom: 1.5rem;
}
.theme-blog .post .entry-content .wp-block-social-links {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
.theme-blog .post .entry-content .wp-block-social-links .wp-social-link:last-child {
	margin-bottom: 10px;
}
.theme-blog .post .entry-content .wp-block-social-links .wp-social-link a {
	box-shadow: none;
}
.theme-blog .post .entry-content .wp-block-social-links .wp-social-link a svg path {
  fill: #fff;
}


/*------------------------------------------------------------
=>> Footer Sidebar Widget Style Css According to WordPress 5.8
------------------------------------------------------------*/

.footer-sidebar .widget .wp-block-group .wp-block-latest-comments .wp-block-latest-comments__comment {
	margin-top: 0.500rem;
}
.footer-sidebar .widget .wp-block-group .wp-block-latest-comments article {
	margin-bottom: 0.500rem;
}
.footer-sidebar .widget .wp-block-group .wp-block-latest-comments__comment-meta {
	font-weight: 600;
}
.footer-sidebar .widget .wp-block-group .wp-block-latest-comments__comment-excerpt p, 
.footer-sidebar .widget .wp-block-group .wp-block-latest-comments__comment-date {
	font-size: 1rem;
}
.footer-sidebar .widget .wp-block-group .wp-block-latest-posts__list.wp-block-latest-posts li a {
	font-weight: 600;
}
.footer-sidebar .widget .wp-block-group .wp-block-pullquote p {
    padding-bottom: 0;
}
.footer-sidebar .widget .wp-block-group .wp-block-verse {
	background: #202020;
	color: #cccccc;
}
.footer-sidebar .widget .wp-block-pullquote cite {
	z-index: 1;
}
@media (max-width: 500px) { 
	.footer-sidebar { 
		padding: 4rem 0 0.875rem; 
	} 
}
.footer-sidebar .widget .wp-block-group .is-nowrap h1:after,
.footer-sidebar .widget .wp-block-group .is-nowrap h2:after,
.footer-sidebar .widget .wp-block-group .is-nowrap h3:after,
.footer-sidebar .widget .wp-block-group .is-nowrap h4:after, 
.footer-sidebar .widget .wp-block-group .is-nowrap h5:after, 
.footer-sidebar .widget .wp-block-group .is-nowrap h6:after {
	display: none;
}
