/*
Theme Name: Charlies Wilson
Author: Dean Wronowski
Author URI: https://www.deanwronowski.co.uk
Description: Bespoke theme for Charlies Wilson
*/


html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	border:0px solid !important;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}

@font-face {
    font-family: 'made_coachellaregular';
    src: url('fonts/made_coachella_regular-webfont.woff2') format('woff2'),
         url('fonts/made_coachella_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'made_coachellabold';
    src: url('fonts/made_coachella_bold-webfont.woff2') format('woff2'),
         url('fonts/made_coachella_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/********************* SITE STRUCTURE ****************************/
body{
	font-family: 'made_coachellaregular';
	font-size:20px;
	color:#57657C;
	line-height:26px;
	font-weight:100;

	background-color:#fff;
	background-image:url(images/background-left.png), url(images/background-right.png);
	background-position: bottom left, bottom right;
	background-repeat: repeat-y, repeat-y;
}
#sidebar{
	display: none;
}

header{	
	/* padding:10px; */
	/* margin-bottom:30px; */
	text-align:center;
	/* background:#77C7CB; */
}
.header-logo{
	max-width: 240px;
	margin:0 auto;
	/* z-index:99;
	position: absolute;;
	left: 50%;
    transform: translate(-50%, -80px); */
}

header svg{
	width:100%;
	max-width:250px;
}

a{
	color:#77C7CB;
	text-decoration: none;
}

table{
	width:100% !important;
}

footer{
	text-align:center;
	padding:10px;
	/* margin-bottom:30px; */
	/* background:#77C7CB; */
	margin-top:120px;
	margin-bottom:0px;
}
footer .header-logo{
	max-width: 240px;
	margin:0 auto;
	/* z-index:99;
	position: absolute;;
	left: 50%;
    transform: translate(-50%, -50%);*/
}

footer p{
	text-transform: uppercase;;
	letter-spacing: 1.0px;
}

.credit{
	margin-top:25px;
	font-size:0.8em;

}
.credit  a{
	color:#77C7CB;
}


.clear{
	clear:both;
	height:1px;
}

h1, .h1{
	color:#77C7CB;
	text-transform: uppercase;
	position: relative;
	margin-bottom:10px;
	font-size:2.1em;
	color:#57657C;
	margin-top:0px;
	font-family: 'made_coachellabold';
	clear:both;
}
h1 strong, .h1 strong{
	display:block;
	color:#77C7CB;
	font-size:1.4em;
	text-transform:capitalize;
	font-family: 'made_coachellaregular';
}

.h2, h2{
	color:#77C7CB;
	text-transform: uppercase;
	position: relative;
	margin-bottom:10px;
	font-size:1.5em;
	color:#57657C;
	margin-top:0px;
	font-family: 'made_coachellabold';
	clear:both;
}
h2 strong, .h2 strong{
	display:block;
	color:#77C7CB;
	font-size:1.2em;
	text-transform:capitalize;
	font-family: 'made_coachellaregular';
}

h3{
	display: block;
	color:#77C7CB;
	font-size:1.5em;
	font-family: 'made_coachellabold';
	clear:both;
}

.menu-top-left-navigation-container, .menu-top-right-navigation-container{
	margin-left:0px;
	padding-left:0px;
}
.menu-top-left-navigation-container,.menu-top-right-navigation-container{
	text-align:center;
}
.menu-top-left-navigation-container ul,.menu-top-right-navigation-container ul{
	margin-left:0px;
	padding-left:0px;
	margin-bottom:0px;
}
.menu-top-left-navigation-container ul li:hover .sub-menu,.menu-top-right-navigation-container ul li:hover .sub-menu{
display: block;
}
.menu-top-left-navigation-container ul.sub-menu,.menu-top-right-navigation-container ul.sub-menu{
	position: absolute;
	display:none;
	background: #77C7CB;
	width:200px !important;
	margin-top: 20px;
	z-index:10;
}
.menu-top-left-navigation-container ul.sub-menu li,.menu-top-right-navigation-container ul.sub-menu li{
	width:100%;
	display:block;
	padding:15px;
}
.menu-top-left-navigation-container ul.sub-menu li a,.menu-top-right-navigation-container ul.sub-menu li a{
color:#fff;
}
.menu-top-left-navigation-container ul.sub-menu li:hover,.menu-top-right-navigation-container ul.sub-menu li:hover{
background:#77C7CB;;
}
.menu-top-left-navigation-container li, .menu-top-right-navigation-container li{
	width:30%;
	font-family: 'made_coachellabold';
	display:inline-block;
    padding-top: 3%;
	/* padding-bottom:20px; */
	list-style-type: none;
}
/* .menu-top-left-navigation-container li::after, .menu-top-right-navigation-container li::after{
	content:".";
	position: relative;
	display: inline-block;
	color:#77C7CB;
	font-size:2.5em;
} */
.menu-top-left-navigation-container a, .menu-top-right-navigation-container a{
	color:#77C7CB;
    font-size: 1.1em;
    text-transform: capitalize;
    font-family: 'made_coachellaregular';
}
.menu-top-left-navigation-container a:hover, .menu-top-right-navigation-container li a:hover{
	color:#57657C;
}
a:hover .btn{
	color:#77C7CB;
}

a:hover{
	text-decoration: none;
}

ul{
	padding-left:0px;
	margin-left:20px;
}
/* .site-content li{
	list-style-type: none;
	padding:5%;
	margin-bottom:4px;
	background:#77C7CB;
	color:#fff;
}
.site-content ul{
	margin-left:0px;
	padding-left:0px;
} */

/********************** SOCIAL BUTTONS ****************/
.social-buttons{
	margin-top:60px;
		margin-bottom:100px;
}
.social-buttons .fa{
	font-size:2.1em;
	margin-left:5px;
	margin-right:5px;

  display: inline-block;
  position: relative;
  cursor: pointer;
  color: #000000;
  width: 70px;
	background: #77C7CB;
  height: 70px;
  padding: 0px;
  text-decoration: none;
  text-align: center;
  line-height: 1.7em;
  border:1px solid #77C7CB;
  border-radius: 50%;
  -moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	
	-webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   
	-ms-transition: all 0.3s ease;          
	transition: all 0.3s ease;
	scale:1;

}
.social-buttons .fa:hover{
	transform:scale(1.2);
	
}
.social-buttons .fa:hover{
	color:#ffffff;
}

/******************** MOBILE NAVIGATION ****************/
#mobile-menu-button{
    position: absolute;
    top: 10px;
    right: 10px;
	/* border: 2px solid; */
	z-index:10;
    color:#77C7CB;
    /* padding-right: 10px;
    padding-left: 10px; */
	/* padding: 5px;*/
	display:none;
}
#mobile-menu{
	/* position: absolute;
	top:0px;
	left:0px; */
	/* width:100%; */
	padding:5%;
	text-align:center;
	color:#fff;

background: #77C7CB;

display:none;
list-style-type: none;
font-family: 'made_coachellabold';
font-size:1.3em;
}
#mobile-menu ul{
	padding-left:0px;
	margin-left:0px;
}
#mobile-menu li{
	margin-bottom:30px;
	margin-top:30px;
	list-style-type: none;	
}
#mobile-menu a{
	color:#fff;
}

/********************* CONTACT BLOCK ***************/
.contact-block{
	padding:10px;
	text-align:center;
}

/**************** WILDWOOD IMAGE **************/
.clearview-image-elementor-widget:hover .image-black-overlay{
transform:translate(0%, 0);
}
.clearview-image-elementor-widget:hover .image-overlay-wrapper{
opacity:1;
}
.clearview-image-elementor-widget.overlayAlwaysVisible .image-black-overlay{
opacity:1;

}
.clearview-image-elementor-widget img{
will-change: transform;
-webkit-transition: all 0.75s ease-out;
-moz-transition: all 0.75s ease-out;
-ms-transition: all 0.75s ease-out;
-o-transition: all 0.75s ease-out;
transition: all 0.75s ease-out;
transform: scale(1.005);
}
.clearview-image-elementor-widget:hover img{
transform: scale(1.02);
}
.image-black-overlay{
position: absolute;
transform:translate(0%, 100%);
width:100%;
height:100%;
left:0px;
top:0px;
z-index:2; 

-moz-transition: all 0.75s ease-out;
-ms-transition: all 0.75s ease-out;
-o-transition: all 0.75s ease-out;
transition: all 0.75s ease-out;
}
.clearview-image-elementor-widget.orange-colour .image-black-overlay{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#77C7CB+1,e7771b+100&0.8+0,0.8+100 */
background: -moz-linear-gradient(top, rgba(231,119,27,0.8) 0%, rgba(231,119,27,0.8) 1%, rgba(231,119,27,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(231,119,27,0.8) 0%,rgba(231,119,27,0.8) 1%,rgba(231,119,27,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(231,119,27,0.8) 0%,rgba(231,119,27,0.8) 1%,rgba(231,119,27,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cce7771b', endColorstr='#cce7771b',GradientType=0 ); /* IE6-9 */
}
.clearview-image-elementor-widget.blue-colour .image-black-overlay{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#77C7CB+0,2b405e+100&0.8+0,0.8+100 */
background: -moz-linear-gradient(top, rgba(43,64,94,0.8) 0%, rgba(43,64,94,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(43,64,94,0.8) 0%,rgba(43,64,94,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(43,64,94,0.8) 0%,rgba(43,64,94,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc2b405e', endColorstr='#cc2b405e',GradientType=0 ); /* IE6-9 */
}
.elementor-widget{
overflow:hidden;
}
.image-overlay-wrapper{
position: absolute;
width:100%;
height:100%;
z-index:3;

left:0px;
top:0px;
opacity:0;
-webkit-transition: all 0.75s ease-out;
-moz-transition: all 0.75s ease-out;
-ms-transition: all 0.75s ease-out;
-o-transition: all 0.75s ease-out;
transition: all 0.75s ease-out;


}
.image-overlay-text{
position: absolute;
text-align:center;
font-family: 'made_coachellabold';

left:50%;
color: #fff;
font-size: 2.0em;
line-height: 1.2em;
width:100%;
max-width:600px;
transform: translate(-50%, 0);


}
.image-overlay-text-content{
font-size:0.6em;
}
.image-overlay-text-content h1{
	line-height: 0.9em;
	color:#fff;
}
.top-position .image-overlay-text{
top:50px;
}
.bottom-position .image-overlay-text{
bottom:50px;
}
.center-position .image-overlay-text{
top:50%;
transform: translate(-50%, -50%);
}
.clearview-image-core{
width:100%;
height:100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center; }
.clearview-image-elementor-widget.show_background_colour{
background-color:#77C7CB;
} 
.blockToBeAnimated{
position: relative;
overflow:hidden;
}
.blockToBeAnimated .clearview-image-elementor-widget-wrapper{
transform:translate(0%, 105%);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.blockToBeAnimated.visible .clearview-image-elementor-widget-wrapper
{
transform:translate(0%, 0%);
} 

.mobile-navigation{
padding: 19px 20px 19px 20px;
cursor: pointer;
text-align: center;
border-radius: 15px;
display: none;
/* color:#ffffff;
background:#214720; */
border:2px solid #214720;
margin-top:20px;
margin-bottom:20px;
display:none;
}


.elementor-button{
	background:transparent !important;
	border-radius: 10px !important;;
	font-family: 'made_coachellabold';
	color:#77C7CB !important;
	font-size:1.1em !important;
	border:4px solid #77C7CB !important;
}
.elementor-button:hover{
	background:transparent !important;
	border-radius: 10px !important;;
	border:4px solid #77C7CB !important;
}

/****************** WP FORMS ******************/
.wpforms-container,div.wpforms-container-full .wpforms-form .wpforms-field-label{
	text-align:left !important;
}

@media only screen and (max-width: 991px) {
	body{
		font-size:16px;
	}
	.menu-top-navigation-container,.header-contact-block{
		text-align: center;
	}
	.menu-top-navigation-container{
		display: none;
	}
	#menu-top-navigation {
		margin-bottom:50px;
		padding-top:0px;
	}
	#menu-top-navigation li{

	}
	.mobile-navigation-button{
		display: block;
	}

	.menu-top-left-navigation-container, .menu-top-right-navigation-container{
		display:none;
	}
	.header-contact-block > div div{
		visibility: hidden;
	}
	.social-buttons .fa{
		height:60px;
		width:60px;
	}
	footer .header-logo{
		max-width: 240px;
		/* margin: 0 auto; */
		z-index: 99;
		/* position: relative;
		transform: translate(-50%, 0%); */
	}
	footer{
		margin-top:150px;
	}
	#mobile-menu-button{
		display: block;
	}
	
}