/*
Theme Name: Westex Child Theme
Theme URI: https://shtheme.com/demosd/westex
Description: This is child theme of westex
Author: Shtheme
Author URI: https://themeforest.net/user/shtheme
Version: 1.0
Text Domain:  westex-child
Template: westex
*/

/* ========TABLE OF CONTENTS==========
00. Body, links, hgroup, paragraphs, general styles
01. Fixed header & Navigation
02. Section Intro (Home)
03. Section About
04. Section Resume
05. Section Portfolio
06. Section Blog
07. Section Contact
08. Footer
09. Loader
10. Responsive design

/*--------------------------------------------------
    00. Body, links, hgroup, paragraphs, general styles
---------------------------------------------------*/




p.comment-form-cookies-consent{
    display: none;
}
span.ajax-loader{
    display: none!important;
}
div.wpcf7-response-output{
    color: #111;
    margin:10px 0 0 0;
}
.search-custom form input{
    width: 100%;
    padding: 9px 12px;
    margin-top: 10px;
    border: 1px solid #d1d1d1;
}
.search-custom form button{
    border: 1px solid #111;
    color: #fff;
    font-size: 18px;
    height: 43px;
    position: relative;
    width: 43px;
    cursor: pointer;
    float: right;
    background: #111;
    margin-top: -43px;
    padding: 0;
    letter-spacing: 0;
}
.search-custom form button:hover{
    background: #fff;
    border: 1px solid #111;
    color: #111;
}
.search-custom h4{
    font-weight: 600;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
}
h3.comment-reply-title{
    margin-left: 15px!important;
    font-size: 40px;
    margin: 0 auto -1px auto;
    position: relative;
    font-family: 'Rye', cursive;
    font-weight: 700;
    text-transform: none;
    line-height: 1.5;
    text-align: left;
    letter-spacing: normal;
    color: #111;
    padding: 0;
    z-index: 2;
}
#form input.submit{
    border-bottom: none;
    margin:19px auto 0 auto;
    overflow: hidden;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
    color: #111;
    border: 1px solid #111;
    width: auto;
    padding: 10px;
}
p.form-submit{
    text-align: center;
}
p.logged-in-as{
    margin-left: 15px;
}
.recentcomments a,
.recentcomments {
    color: #fff;
    font-weight: 600;
}
.widget br{
    display: none;
}
.error a{
    margin: 30px auto;
}
.wpcf7-form p{
    display: block;
}
.wpcf7-form #form input.wpcf7-submit{
    border-bottom: none;
    margin:19px auto 0 auto;
    overflow: hidden;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
    color: #111;
    border: 1px solid #111;
    width: auto;
    padding: 10px;
}
.elementor-section{
    position: inherit!important;
}
.elementor-section .elementor-container{
    position: inherit!important;
}
.elementor-column, .elementor-column-wrap{
    position: inherit!important;
}
.elementor-widget-wrap{
    position: inherit!important;
}
.elementor-widget{
    position: inherit!important;
}
form.comment-form{
    padding-top:200px;
}
/*.mistify__dots-container{
    display: none;
}*/
.col-lg-5.text-center{
    float:none;
    margin:auto;
}


.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;
}

/* Web Design Studio */

body {
	background: #d3d3cd !important
}

body .logo {
    top: 25px;
    left: 35px;
}
body .logo .logo-img::before {
    background: url('images/logo.webp') no-repeat;
	background-size: contain;
    width: 257px;
    height: 150px;
}

body .swiper-slide-inner-txt {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 85%;
}

body h1.main-title {
    font-size: 90px;
    margin: 0 auto -11px auto;
    text-shadow: 3px 3px #00000075;
}

body .subtitle {
    font-size: 45px;
}

body .intro, body .intro p  {
    font-size: 35px;
}

.page_title .container-fluid {
	position: relative;
}

.about-us-title .container-fluid {
	background: url('images/about_us_bg.webp') center center no-repeat;
	background-size: cover;
}

.classes_title .container-fluid {
	background: url('images/classes_bg.webp') center center no-repeat;
	background-size: cover;
}

.contact_title .container-fluid {
	background: url('images/contact_bg.webp') center center no-repeat;
	background-size: cover;

}

#post-43 > section:nth-child(9) .container-fluid {
	background: url('images/news_bg.webp') center center no-repeat;
	background-size: cover;
	position: relative;
}

#post-43 > section:nth-child(9) .container-fluid:before, .page_title  .container-fluid:before {
	content: '';
	display: block;
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: url('images/film-grain.gif') repeat top left;
    opacity: 0.1;
    -moz-opacity: 0.1;
    -webkit-opacity: 0.1;
    filter: alpha(opacity = 10);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;
    overflow: hidden;
    z-index: 1;
}

#post-43 .extra-margin-owl .owl-carousel, #post-43  .owl-nav {
	display: none;
}

#post-67 .inner-divider-half, #post-67 .inner-divider {
	height: 65px;
}

.page_title .main-title.main-title-all, #post-43 .main-title.main-title-all {
    color: #ffffff;
    font-size: 65px;
}

body .subtitle.subtitle-light, body .post-title, body .panel-title, body .panel-group .panel .panel-heading h4 a i {
    color: #505050;
}

body .swiper-wrapper .subtitle.subtitle-light {
    color: #c7c7c7;
}

body .swiper-wrapper .subtitle.subtitle-light:hover {
    color: #ffffff;
}

body .social-icons li {
    display: inline-block;
    margin: 0 5px;
}

body .social-icons li a, body .social-icons li a:hover {
	font-size: 12px;
}

body .social-icons li a:hover {
	color: #808080;
}

body .social-icons li a:before {
	display: inline-block;
	margin-right: 5px;
	font-size: 15px;
}

body .to-top-arrow {
    left: auto !important;
    right: 7.5px !important;
    bottom: -10px !important;
}

.button {
    position: relative;
	display: inline-block;
    font-family: 'Rye', cursive;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    color: #111;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 2;
	padding: 10px 25px;
	border: 2px solid #111;

}

body .elementor-widget:not(:last-child) {
    margin-block-end: 0px;
}

body .intro span {
    font-size: inherit;
}

body.post h1.main-title {
    font-size: 60px;
    margin: 0 auto 0 auto;
    text-shadow: none;
	width: 1200px;
	max-width: calc(100% - 60px);
}

.post p {
	margin: 15px 0;
	font-size: 19px;
}

body h3  {
    position: relative;
    font-family: 'Rye', cursive;
    font-size: 40px;
    font-weight: 400;
    line-height: 1.5;
    color: #111;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 2;
}

.post .inner-divider-half, .post .inner-divider {
	height: 50px;
}

body .works-list .works-list-bg {
    background-position: top center;
}

.grecaptcha-badge { visibility: hidden; }

/* Responsive Fix */

@media  (max-width: 1500px) {
	
	body h1.main-title {
		font-size: 75px;
	}
	
	.page_title .main-title.main-title-all, #post-43 .main-title.main-title-all {
		font-size: 55px;
	}
	
	body .subtitle {
		font-size: 40px;
	}
	
	body .intro.intro-all {
		font-size: 28px;
	}
	
	body .intro, body .intro p {
		font-size: 25px;
	}
	
	body .works-list .works-list-content {
		padding: 100px 100px;
	}
	
	body .inner-divider {
		height: 150px;
	}
	
}
 
@media  (max-width: 1400px) {
	
	body .subtitle {
		font-size: 35px;
	}
	
	body .inner-divider {
		height: 120px;
	}

}
  
@media  (max-width: 1300px) {
	
	body h1.main-title {
		font-size: 70px;
	}
	
	body .inner-divider {
		height: 100px;
	}
	
	body .subtitle {
		font-size: 31px;
	}
	
	.button {
		font-size: 25px;
	}
	
	body.post h1.main-title {
		font-size: 50px;
	}
	
	body h3 {
		font-size: 36px;
	}
}
 
@media (max-width: 1200px) {
	
	body h1.main-title {
		font-size: 65px;
	}

	body .inner-divider {
		height: 75px;
	}
	
	body  .inner-divider-half {
		height: 50px;
	}
	
	body .works-list .works-list-content {
		padding: 65px 50px;
	}
	
	.page_title .main-title.main-title-all, #post-43 .main-title.main-title-all {
		font-size: 48px;
	}
	
	body.post h1.main-title {
		font-size: 45px;
	}
	
	body .logo .logo-img::before {
		width: 197px;
		height: 115px;
	}
	
	body .logo {
		top: 5px;
		left: 15px;
	}
}


@media (max-width: 1024px) {
	
	body h1.main-title {
		font-size: 54px;
	}
	
	.page_title .main-title.main-title-all, #post-43 .main-title.main-title-all {
		font-size: 36px;
	}
	
	body .inner-divider {
		height: 65px;
	}
	
	body  .inner-divider-half {
		height: 35px;
	}
	
	body .intro, body .intro p {
		font-size: 22px;
	}
	
	body .subtitle.subtitle-light.subtitle-light-2 {
		text-align: center;
	}
	
	.contact-info {
		text-align: center !important;
	}
	
	.contact-info  .social-icons {
		display: table;
		margin: 0 auto;
	}
	
	#post-67 .inner-divider-half, #post-67 .inner-divider {
		height: 35px;
	}
	
	body.post h1.main-title {
		font-size: 40px;
	}
	
	body h3 {
		font-size: 32px;
	}
	
}

@media (max-width: 767px) {
	
	body h1.main-title {
		font-size: 36px;
	}
	
	
	body nav.navigation-menu a {
		font-size: 25px;
	}
	
	.page_title .main-title.main-title-all, #post-43 .main-title.main-title-all {
		font-size: 25px;
	}
	
	body .subtitle {
		font-size: 25px;
	}
	
	body .intro, body .intro p {
		font-size: 20px;
	}
	
	body .intro.intro-all {
		font-size: 25px;
	}
	
	#post-67 .inner-divider-half, #post-67 .inner-divider {
		height: 25px;
	}
	
	body .inner-divider {
		height: 50px;
	}
	
	body  .inner-divider-half {
		height: 25px;
	}
	
	body .works-list .works-list-content {
		padding: 0px 25px;
	}
	
	body nav.navigation-menu li {
		margin: 0 auto 20px auto;
	}
	
	body .inner-divider-50 {
		height: 5px;
	}
	
	body.post h1.main-title {
		font-size: 28px;
		max-width: 100%;
	}
	
	.post p {
		font-size: 17px;
	}
	
	body h3 {
		font-size: 28px;
	}
	
	body .logo .logo-img::before {
		width: 155px;
		height: 90px;
	}
	
}


@media (max-width: 600px) {
	
}


@media (max-width: 500px) {
	

}


@media (max-width: 430px) {
	
}

@media (max-width: 392px) {
	
	
}

@media (max-width: 376px) {
	
	
}