/*
Theme Name: Alex Wyatt
Theme URI: https://www.ashtreedesign.net/ash-tree-design/contact-us.html
Author: Ash Tree Design
Author URI: https://www.ashtreedesign.net
Description: Private Theme
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
Tags: one-column
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Joiin
This theme, like WordPress, is licensed under the GPL.


*/




/* Fundamentals */


*{outline:none;}


html {
	scroll-behavior: smooth;
	   -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;

}



html,
body{
	padding:0;
	margin:0;
	height:100%;
	width:100%;
	min-height:100%; 
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
}



body {
    color: #312F2F;
    font-size: 18px;
    line-height:29px;
}



a {
	color:#A85948;  transition: 0.4s

}

a:visited  {
	color:#990033;

}



a:hover {
	text-decoration: none; color: #000000
}
	

a img ,img{
	border: none;
}	

a:focus, a:hover, a:active {
	outline: none;
}

a.more-link{display:none;}

img,fieldset{border:none;}

img{max-width: 100%;}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.sticky{}
.screen-reader-text{}
.gallery-caption{}
.bypostauthor{}
.wp-caption{}
.wp-caption-text{}


select {
    -webkit-appearance: none;
}

input {
    -webkit-appearance: none;
}


hr{height: 1px; background-color: #cccccc; border: none; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 15px;}










/* Titles and Paragraphs */


h1,h2,h3,h4,h5{
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 12px;
	margin: 0;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
}

h1{font-size: 62px; line-height:68px;  padding-bottom: 15px  }
	
h2{font-size: 45px; line-height:40px;  padding-bottom: 15px }


h3{font-size: 35px; line-height:35px;  padding-bottom: 20px  }




p{
	padding: 0;
	margin: 0px; padding-bottom:10px; 
} 

li{
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0; padding-bottom: 8px

}




ul,ol{padding: 0px; margin: 0px; margin-left: 18px; margin-bottom: 25px}

ul.widget{
	list-style:none;
	padding:0;
	margin:0;
}

b,strong{

    font-weight:800; 
}


blockquote{
	padding:0px; margin: 0px


}

blockquote p{font-weight: 700; font-size: 20px; line-height: 25px; letter-spacing: -0.7px; }







/* Theme Wrappers */


.wrap{	 
    max-width: 100%;     margin: 0 auto; padding-left: 25px; padding-right:25px
}

.wrap:after{display: table; clear:both; content:'';}

#wrapper{
	background:none;
	padding:0;
	margin:0;
	width:100%;
	box-shadow:none;
}


#mainbody{ max-width:100%; margin-left: auto; margin-right: auto;}










/* Theme Header */





#header-one{width: 100%;
    max-width: 100%;
    display: block;  position: absolute; z-index: 999; border-top-width: 6px; border-top-color: #3B130E; border-top-style: solid
}


#header-one .wrap {
    max-width: 100%;
padding-top: 40px; padding-bottom:30px; padding-left: 0px; padding-right: 0px
}



#centredlogo{
float: left; text-align: left; padding-top: 60px; float: left; text-align: center; width: 50%
}

#centredlogo a{display: block}
#centredlogo img{  height: auto; width: 350px; }


.scrolled{ }












/* Navigation Menus */


#main-nav{
  margin: 0 auto; display:block; float:left;  text-align: center;  width: 50%
}


#main-nav ul{
	list-style:none;
	padding:0;
	margin:0;   background-color: #ffffff;
    border-radius: 35px;     display: inline-block; padding: 9px
}

#main-nav ul li{
	display:inline-block;
		margin-left: 3px; margin-right: 3px; padding-bottom: 0px
}

#main-nav ul li span{

}



#main-nav ul li a{
    font-size: 16px;
    padding: 0px; margin-left: 18px; font-weight: 400; line-height:40px; margin-right: 0px; text-decoration:none; color: #312F2F; 
 }



#main-nav ul li a:hover{
	color:#A85948; 	  
}

#main-nav ul li.current-menu-item a{
color: #312F2F; font-weight: 700
}

#main-nav ul li.current-menu-item a{

}


#main-nav ul li.current_page_parent a{
color: #312F2F;  font-weight: 700
}

#main-nav ul li.current_page_parent a{

}




li.navbutton a{
	background-color: #A85948;
	color: #ffffff!important;
	padding-top: 11px;
	padding-bottom: 12px;
	text-decoration: none;
	font-size: 12px!important; display: inline-block; border-radius: 25px; text-transform: uppercase; padding-left: 19px!important; padding-right: 19px!important; margin-right:0px!important; font-weight: 500!important;; letter-spacing: 1px

}


li.navbutton a:hover{
	background-color: #000000;
}









/* Dropdown Menus */


#main-nav li ul{position: absolute;width: 250px;
z-index: 9999;
  background-color: #255B96;
    visibility: hidden;
    opacity: 0;  margin-top: -1px; margin-left: 1px; padding-top: 12px; padding-bottom:12px;border-bottom-color: #ffffff; border-bottom-width: 3px; border-bottom-style: solid}

#main-nav li ul li{    float: none; text-align: left; 	margin-left: 0px; margin-right: 0px; display: block;}

#main-nav li ul li a{
    font-size: 15px;
    padding-top: 0px;
    padding-right: 18px;
    padding-left: 18px;
    padding-bottom: 0px;
    margin: 0px;
    border: none!important;
    color: #ffffff; line-height: 20px
}
#main-nav li ul li a:hover {
    border-radius: 0!important;
    color: #D6DCE3;
    border: none!important;
}
#main-nav ul li ul li:hover{border-radius:0!important; border: none!important;}
#main-nav li:hover ul{visibility:visible; opacity:1;}


#main-nav ul li.current-menu-item li a{color: #ffffff; border: none!important;}
#main-nav ul li.current-menu-item li a:hover{color: #D6DCE3!important; border: none!important;}

#main-nav ul li.current_page_parent li a{
color: #ffffff
}

#main-nav ul li.current_page_parent li a:hover{
color: #D6DCE3
}













/* Banners */


#banner{
    position: relative;
    width: 100%; height: auto; 
}

#banner img{
    width: 100%; height: auto; min-width: 100%
}

#homepage-banner{position:relative; }
#banner-home{position:relative; }
#banner-home img{width:100%; display:block;}

.flexslider .slides > li{}

#banner-home .flex-control-nav{display :none}
.flex-direction-nav{display:none;}



.flex-control-nav {
display: none!important
}


.show-mob,.close-mob{display:none;}

#new-sub-banner {
    height: 60vh; position: relative; z-index: 9; 
}

#new-sub-banner .wrap{
   position: relative;
}


#banner-overlay {
 position: absolute; bottom: 60px; left: 0px; right: 0px; text-align: left; z-index: 9999
}

#banner-overlay h2 {
    color: #ffffff;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
font-size: 80px; line-height:70px; letter-spacing: -3px
}

#sub-banner-titles{padding-bottom: 25px;}










/* Theme Footer */



#footer-one{background-color: #A85948}
#footer-one-inner{padding-top: 25px; padding-bottom: 28px;}
#footer-one p{ font-size: 14px; letter-spacing: 0px; padding-bottom: 0px;color: #ffffff }
#footer-one a{ color: #ffffff; font-size: 14px; text-decoration: none }
#footer-one a:hover{text-decoration: underline }
#footer-one li{list-style: none; color: #ffffff; padding-bottom: 0px}

#footer-two{background-color: #ffffff}
#footer-two-inner{padding-top: 25px; padding-bottom: 25px; padding-left:5%; padding-right: 5%}
#footer-two p{ font-size: 13px; letter-spacing: 0px; line-height: 21px; padding-bottom: 0px }
#footer-two a{font-size: 13px; text-decoration: none; line-height: 21px  }
#footer-two li{list-style: none; padding-bottom: 0px}

#footer-contact{text-align: center; width: 100%}
#footer-description{float: left; width:40%}
#footer-icons{float: right; width: 45%; text-align: right}

#footer-contact p{font-size: 19px; line-height: 26px; padding-bottom: 0px}
#footer-contact a{font-size: 19px; line-height: 26px; }
#footer-contact img{margin-left: 9px; margin-right: 9px}
#footer-icons img{width: 140px; height: auto}





/* Contact Form 7 */


.wpcf7-form-control-wrap input[type=text], .wpcf7-form-control-wrap input[type=email] {
    border-radius: 5px;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 12px;
    min-width: 98%;
    color: #000000;
    font-size: 15px;
    line-height: 46px;
  font-family: "Manrope", sans-serif;
    border: none;
    padding-top: 4px;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 4px; background-color: #EAEEF1
}


textarea.wpcf7-form-control.wpcf7-textarea {
    border-radius: 5px;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 7px;
    min-width: 98%;
    color: #000000;
	font-size: 15px;
	line-height: 22px;
 margin-top: 0px; line-height: 46px;  height: 70px;    font-family: "Manrope", sans-serif; border: none;    padding-top: 4px;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 4px; height: 100px; background-color: #EAEEF1
} 

.wpcf7-form input[type=submit] {
	background-color: #68A677;
	color: #ffffff;
	padding-top: 18px;
	padding-right: 18px;
	padding-left: 18px;
	padding-bottom: 18px;
	text-decoration: none;
	font-size: 13px; display: block; text-transform: uppercase; letter-spacing: 2px; margin-top: 10px; margin-right: 10px; border-width: 0px; width: 100%; border-radius: 8px
}

.wpcf7-list-item{margin-left: 0px!important}

.wpcf7-form input[type=checkbox] {
    border: 1px solid #ffffff; width: 15px; height: 15px;    -webkit-appearance: auto;
}


.wpcf7-form p {
 font-size: 12px; line-height: 21px
}


input::placeholder, textarea::placeholder {
color: #000000
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #ffffff;
    color: #ffffff;
}














/* Animation */

/* Base styles for the fade-in elements */
.fade-in-up {
  opacity: 0;                    /* Start hidden */
  transform: translateY(20px);   /* Start slightly below */
  transition: opacity 1s ease-out, transform 1s ease-out; /* Smooth transition */
  will-change: opacity, transform; /* Optimize for performance */
}

/* Class to trigger the fade-in effect */
.fade-in-up.visible {
  opacity: 1;                   /* Fully visible */
  transform: translateY(0);     /* Move to original position */
}







/* WP Bakery Styles */
.paddingtoplarge{padding-top:250px}
.paddingbottomlarge{padding-bottom: 140px}

.paddingtop{padding-top:100px}
.paddingbottom{padding-bottom: 80px}

.paddingtopsmall{padding-top: 50px}
.paddingbottomsmall{padding-bottom: 50px}

.margintop{margin-top: 100px}
.marginbottom{margin-bottom: 100px}
.nobottommargin{margin-bottom: 0px!important}

.whitetext p, .whitetext a, .whitetext h1, .whitetext h2, .whitetext h3, .whitetext h4, .whitetext li{color: #ffffff!important}
.darktext p, .darktext a, .darktext h1, .darktext h2, .darktext h3, .darktext h4, .darktext li{color: #31373E!important}

.conkerbackground{background-color: #3B130E}
.redbackground{background-color: #A85948}


.box{
    padding-top: 40px!important;
    padding-right: 40px!important;
    padding-left: 40px!important;
    padding-bottom: 30px!important; position: relative
}



.roundedcorners{border-radius: 8px}

.roundedcorners img{border-radius: 8px}


.redbutton a, a.redbutton{
	background-color: #A85948;
	color: #ffffff;
	padding-top: 8px;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 9px;
	text-decoration: none;
	font-size: 12px; display: inline-block; margin-top: 20px;  border-radius: 25px; text-transform: uppercase; letter-spacing: 1px

}


.redbutton a:hover, a.redbutton:hover{
	background-color: #000000;
}



.textcolumn{padding-left: 13%; padding-right: 13%}


.flexrow {
    position: relative;
    z-index: 9;
    display: flex;

}

.mobile-nav{display:none}
.mobile-only{display:none!important}
.desktop-only{}

.cky-title{display: none!important}
.cky-notice-des a{color:#ffffff}
.cky-notice-des p{padding-bottom: 5px}



.featuredbanner p {
  font-family: "Playfair Display", serif;
  font-weight:400;
  font-style: normal; font-size: 42px; line-height: 42px; padding-bottom: 0px; padding-left: 5%; padding-right: 5%
}