/* 

Theme Name: CC Studio 2020
Theme URI: https://studiomecaro.com/
Description: A child theme of Hello Elementor theme for CC Studio Website
Author: Studio Mecaro
Author URI: https://studiomecaro.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: ccstudio2020

*/

/*
    Add your custom styles here
*/

h1, h2, h3, h4, h5, h6 {
	margin-top: 0 !important;
}

#loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
/* 	background: url('images/cc-logo-white.svg') 50% 50% no-repeat #E2D8C3; */
	background: url('images/cc-logo-white.svg') 50% 50% no-repeat #F8F5F0;
}

.elementor-editor-active #loader{
	display: none;
}

.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container, 
.elementor-nav-menu--toggle .elementor-menu-toggle:not(.elementor-active)+.elementor-nav-menu__container, 
.elementor-nav-menu--dropdown.elementor-nav-menu__container {
	-webkit-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
	-webkit-transition: all .3s ease-in !important;
    transition: all .3s ease-in !important;
    -o-transition: all .3s ease-in !important;
    transition: all .3s ease-in !important;
}

.elementor-nav-menu--stretch .elementor-nav-menu__container.elementor-nav-menu--dropdown * {
	z-index: 9997;
}

#home-image-grid .elementor-column {
	min-height: 400px;
	padding: 10px;
}

.dividerhome{
	transform:rotate(-90deg)
}

.dividercontact{
	transform:rotate(-90deg)
}

body[class*="elementor"] .elementor-widget-tabs .elementor-tab-title {
	padding: 5px 15px 5px 0;
}

body[class*="elementor"] .elementor-widget-tabs .elementor-tab-title a {
	position: relative;
	z-index: 8;
	background-color: #F8F5F0;
	padding: 0 20px;
}

body[class*="elementor"] .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active:after {
	content: '';
	position: absolute;
	top: auto;
	bottom: 13px;
	left: 0;
	z-index: 7;
	width: calc(100% - 30px);
	display: block;
	height: 1px;
	border-top: solid 1px #707070;
}

body[class*="elementor"] .elementor-widget-tabs .elementor-tab-content {
	padding: 46px 0 30px 15px !important;
	opacity: 0 !important;
	width: 100% !important;
	height: 100% !important;
	transform: 0.3s opacity ease-in !important;
}

body[class*="elementor"] .elementor-widget-tabs .elementor-tab-content.elementor-active {
	opacity: 1 !important;
}

body[class*="elementor"] .elementor-widget-tabs .elementor-tab-content h2 {
	margin-bottom: 20px;
}

body[class*="elementor"] .elementor-widget-tabs .elementor-tab-content ul {
	padding-left: 20px;
	margin-top: 30px;
}

body[class*="elementor"] .elementor-widget-tabs .elementor-tab-content img {
	max-width: 50%;
}

body[class*="elementor"] .elementor-widget-tabs .elementor-tab-content ol {
	padding-left: 20px;
}

body[class*="elementor"] .elementor-widget-tabs .elementor-tab-content ul li {
	margin-bottom: 10px;
}

body[class*="elementor"] .elementor-widget-tabs .elementor-tab-content button, 
body[class*="elementor"] .elementor-widget-tabs .elementor-tab-content button:focus {
	display: inline-block;
	width: 160px;
	padding: 5px 15px;
	background-color: transparent;;
	border: 1px solid #5C5042;
	border-radius: 0;
	outline: none;
	color: #231F20;
	font-family: "Neutra Text", Sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 30px;
}

body[class*="elementor"] .elementor-widget-tabs.cc-tabs  .elementor-tab-title[data-tab="3"] {
	margin-top: 40px;
}

body[class*="elementor"] .elementor-widget-tabs.cc-tabs  .elementor-tab-title[data-tab="1"]:before, 
body[class*="elementor"] .elementor-widget-tabs.cc-tabs  .elementor-tab-title[data-tab="3"]:before {
	content: 'Interior Design';
	position: static;
	display: block;
	width: 100%;
	height: 100%;
	margin-bottom: 20px;
	-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
	font-size: 18px;
	text-transform: uppercase;
}

body[class*="elementor"] .elementor-widget-tabs.cc-tabs  .elementor-tab-title[data-tab="3"]:before {
	content: 'Styling';
}

.tabheading{
	color:#8AA22D!important;
}

.tabheadingnc{
	color:#493726!important;
}

.tabsbullet{
	font-size:14px;
}

button[id*="hiwbtn"]{
}

div[id*="hiwsection"] {
	position: relative;
	margin: 100px 30px 20px 30px;
	padding: 30px;
	border: 1px solid #707070;
}

div[id*="hiwsection"]:before {
	content: '';
	position: absolute;
	left: 50px;
	top: -90px;
	width: 1px;
	height: 70px;
	border-left: solid 1px #4A4545;
}

div[id*="hiwsection"] ul, 
div[id*="hiwsection"] ol {
	column-count: 2;
	column-gap: 20px;
}


div[id*="hiwsection"] h1, 
div[id*="hiwsection"] h2, 
div[id*="hiwsection"] h3, 
div[id*="hiwsection"] h4, 
div[id*="hiwsection"] h5, 
div[id*="hiwsection"] h6 {
	font-family: "Neutra Text", Sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}

.elementor-tabs-content-wrapper {
	padding:0px;
}


.elementor-widget-posts .elementor-post {
    position: relative;
}

.elementor-widget-posts .elementor-post.elementor-grid-item .elementor-post__text {
    justify-content: center;
    z-index: 999;
    position: absolute;
    top: 0px;
    left: 0px;
	z-index: 7;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.75);
    display: flex;
    align-items: center;
    opacity: 0;
    transition: 0.3s all ease-in;
}

.elementor-post.elementor-grid-item:hover .elementor-post__text {
    opacity: 1;
    transition: 0.3s all ease-in;
}

.elementor-widget-posts article.elementor-post.elementor-grid-item .elementor-post__text h3 {
	width: 100%;
	height: 100%;
}

.elementor-widget-posts article.elementor-post.elementor-grid-item .elementor-post__text h3 a {
    position: absolute;
    top: 0;
    left: 0;
	z-index: 6;
	width: 100%;
    height: 100%;
    justify-content: center;
    display: flex;
    text-align: center;
    align-items: center;
}

.elementor-popup-modal .dialog-close-button {
	padding: 10px;
	border-radius: 50%;
	box-shadow: 2px 8px 23px rgba(0,0,0,0.2)
}

body.single-project .elementor-swiper-button-prev {
	left: -35px;
}

body.single-project .elementor-swiper-button-next {
	right: -35px;
}


@media (max-width: 767px) {
	
	.elementor-tabs .elementor-tabs-wrapper {
		display: block !important;
		width: 100% !important;
	}
	
	.elementor-tabs .elementor-tab-mobile-title {
		display: none;
	}
	
}