/*
Theme Name: child of West
Description: West is a responsive business theme that aims to provide everything you need in order to help you create an awesome website for your company. Some of the features you will find in West are: Live Composer integration, fonts and colors controls, blog options, custom header option and much more.
Author: aThemes
Version: 1.09
template: west
*/

@import url("../west/style.css");

/* General */

html{
    overflow-x: hidden;
    margin: 0px;
}
body{
    letter-spacing: normal;
}
hr{
    border-top: 2px solid #A1D7DB;
}
a:hover {
    text-decoration: none;
}
.site-logo {
    margin: -9px;
    max-height: 60px !important;
    float: right;
}
::-webkit-scrollbar {
    width: 5px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(0, 4, 39, 0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(71, 89, 245, 0.8); 
}
body.dslc-res-phone .dslc-col {
    margin: 0px;
}

/*Fix*/

.tc-checkout-bar{
    font-family: 'Sahel', Sahel !important;
}
.tc_seating_map .tc-seating-legend ul li{
    font-family: 'Sahel', Sahel !important;
}

.tc-seatchart-cart-info .tc-checkout-button, .tc-seatchart-cart-info .tc-checkout-button:visited{
    font-family: 'Sahel', Sahel !important;
}

/*single post desgin*/

.postcontent{
    background-color: azure;
}
.FirstSec{
    position: relative;
}
.futurebgimg{
    background-size: cover;
    background-position: center;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);    
    background-repeat: no-repeat;
    overflow: hidden;
    width: 100%;
    height: 500px;
    margin-bottom: -21px;
}
.futurebgimgover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    background: linear-gradient(to bottom, rgba(210,210,216,0) 60%,rgba(17, 42, 73, 0.7) 90%);
}
.futureimg{
    position: absolute;
    top: 76px;
    height: 410px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: auto;
    z-index: 3;
    border-radius: 10px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.futureimg:hover{

    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}
.title{
    width: 100%;
    font-weight: bold !important;
    font-size: 30px;
    text-align: center;
    margin-top: 21px;
    padding: 1px;
    background-color: rgb(229,223,34);
    color: black;
    z-index: 5;
}
.subtitlesec{
    width: 100%;
    padding: 20px;
    background-color:darkgray;
}
.subtitle{
    margin: auto;
    width: 80%;
    color: white;
}
.datasec{
    background-color: rgba(34, 211, 229, 0.28);
    color: black;
    width: 100%;
}
.data{
    margin: auto;
    width: 80%;
    border-right: 2px solid rgba(0, 0, 0, 0.12);
    border-left: 2px solid rgba(0, 0, 0, 0.12);
    padding: 20px;
    line-height: 30px;
    direction: rtl;
    font-size: 15px;
}
.videosec{
    width: 100%;
    padding: 20px;
    background-color:dimgrey;
}
.video1{
    margin: auto;
    width: 60%;
    text-align: -webkit-center;
}
.soundsec{
    width: 100%;
    padding: 20px;
    background-color:firebrick;
}
.sound{
    margin: auto;
    width: 50%;
}
.gallerysec{
    width: 100%;
    padding: 20px;
    background-color:#E46868;
    color: black;
}
.gallery{
    margin: auto;
    width: 60%;
}

/*header fix*/
.site-header {
	width: 100%;
	z-index: 999;
	position: relative;
    background-color:rgb(229, 223, 34);
	box-shadow: none;
}
.site-in-header {
    background-color:rgba(255, 255, 255, 0.26);
}
.site-title{
    float: right;
}
.site-title a{
	white-space: nowrap
}
.site-title a:hover {
	color: #e5df22;
}
.site-header.header-scrolled {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	background-color:rgba(229, 223, 34, 0.9);
	padding: 10px;
}
.FirstSecAdjustment{
	margin-top: 0px
}


/*contact form 7 fix*/

.wpcf7{
    color: white;
    padding-left: 20px !important;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] {
    padding: 0px 10px 0px 0px;
    width: 100%;
}
textarea {
    border-radius: 15px;
}
input[type="button"], input[type="reset"], input[type="submit"] {
    background-color: rgb(229, 223, 34);
    font-size: 18px;
    font-weight: bold !important;
    padding: 5px 50px;
    border-radius: 5px;
}


.contact input, .contact select,.contact textarea {
    padding: 7px 10px 5px 0px;
    width: 46%;
    color: #000 !important;
    border: 1px solid #090909;
    border-radius: 3px;
    float: right;
    margin: 0px 20px 24px 22px;
}
.contact {
    color: #000;
}
.contact .padress textarea{
    height: 160px;
}
.contact p{
    margin: 0px !important;
}

/*other sizes*/

@media only screen and (max-width: 1024px) {
.site-header.header-scrolled {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	background-color: rgba(229, 223, 34);
    box-shadow: none;
	padding: 0px 0px 0px 0px;
    position: fixed !important;
}
.main-navigation, .header-clone, .large-header{
    display: block !important;
}
.site-header, .site-header.has-header{
    position: fixed !important;
}
}
@media only screen and (max-width: 991px) {
    .main-navigation,
	.header-clone,
	.large-header {
		width: 100%;
	}	
	.mobile-nav,
	.small-header {
		display: block;
	}
	.site-header,
	.site-header.has-header {
		position: fixed !important;
		background-color: rgb(229, 223, 34);
	}
	.header-scrolled a,
	.header-scrolled .site-title a {
		color: #fff;
	}	
	.header-text {
		font-size: 52px;
	}
}
@media only screen and (max-width: 600px){
.site-header .container {
    display: flex;
}
}