/*
 Theme Name:     Ask Hatty Child theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Child Theme
 Author:         Joe Walkling
 Author URI:     https://www.joewalkling.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* ------------------------------------------------------------------------- */
/* -------------------- Theme customization starts here -------------------- */
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* FONTS */
/* ------------------------------------------------------------------------- */

@font-face {
  font-family: 'argesta_hairlineregular';
  src: url('argestahairline-regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('argestahairline-regular-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('argestahairline-regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('argestahairline-regular-webfont.ttf')  format('truetype'); /* Safari, Android, iOS */
	font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'argesta_hairlineregular', serif;
}
@font-face {
  font-family: 'geomanist_light';
  src: url('geomanist-light-webfont.eot'); /* IE9 Compat Modes */
  src: url('geomanist-light-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('geomanist-light-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('geomanist-light-webfont.ttf')  format('truetype'); /* Safari, Android, iOS */
	font-weight: normal;
    font-style: normal;
}

body{
	font-family: 'geomanist_light', sans-serif;
}

/* ------------------------------------------------------------------------- */
/* COLOURS */
/* ------------------------------------------------------------------------- */
/*
Dark Blue 				05262f
Pink					ebbb9e
Greens (light to dark) 	f6f7f0
						e4e4d4
						d6d8a2
						b1ac75
						565541
*/

::selection{
	background: #ebbb9e;
}


/* ------------------------------------------------------------------------- */
/* HEADER */
/* ------------------------------------------------------------------------- */

/* ----- Remove Shadow on Main Header ----- */
#main-header.et-fixed-header {
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	box-shadow: none!important;
}
/* fixed header on tablet and mobile */
@media only screen and (max-width:768px){
	#main-header {position:fixed!important;z-index:999999!important;}
	.et-fixed-header #logo{}
	.et_menu_container {width:94%!important;}
}
/* ------------------------------------------------------------------------- */
/* Navigation */
/* ------------------------------------------------------------------------- */

@media only screen and (min-height: 850px){
	.menu-cta a{
		position: fixed;
		bottom:5vw;
	}
}

/* slide in navigation width */
.et_header_style_slide .et_slide_in_menu_container {
    padding: 0px !important;
    top: 0px!important;
    width: 50vw!important;
    max-width: 100%!important;
}
.et_pb_fullscreen_nav_container{
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100vh!important;
	background: url(http://078.2d6.myftpupload.com/wp-content/uploads/resources/askhatty-f6f7f0-2.svg);
    background-size: auto 75%;
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

/* menu width and padding */
.et_mobile_menu{
	padding: 100px 9vw 100px!important;
}
/* slide in typography */
.et_pb_fullscreen_nav_container{
		font-size:4vw!important;

}
.et_mobile_menu {
	font-family: 'argesta_hairlineregular', serif;
	line-height:1.1em!important;
}
.et_mobile_menu{
	font-size:100%!important;
}
.et_mobile_menu li a:hover{
	margin-left:1vw;
	opacity:1!important;
}
/*larger nav items */
.nav-large a{
	font-size:100%!important
}
/* smaller nav items */
.nav-small a {
font-size:60%!important;
	line-height:1em;
}

/* slide in navigation width on tablet and mobile */
@media only screen and (max-width:768px){
	.et_mobile_menu {font-size:7vw!important;}
	.et_header_style_slide .et_slide_in_menu_container {
		width: 100vw!important;
	}}
/* slide in navigation width on tablet */
@media only screen and (max-width:479px){
	.et_mobile_menu {font-size:9vw!important;}
	.et_mobile_menu{padding: 80px 14% 50px!important;}
}


/* HAMBURGER */
/* width on desktop */
.mobile_menu_bar.et_pb_header_toggle {width: 6vw!important;}
/* width on tablet */
@media only screen and (max-width:768px){.mobile_menu_bar.et_pb_header_toggle {width: 8vw!important;}}
/* width on mobile */
@media only screen and (max-width:479px){.mobile_menu_bar.et_pb_header_toggle {width: 16vw!important;}}

/* height*/.et_divi_100_custom_hamburger_menu__icon div{height: 2px!important;}
/* hide centre */.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon div:not(:first-child):not(:last-child) {opacity: 0 !important;}
/* colour on fixed*/.et-fixed-header .et_divi_100_custom_hamburger_menu__icon div {background: #b1ac75!important;}


/* ------------------------------------------------------------------------- */
/* BODY */
/* ------------------------------------------------------------------------- */

/* divi adds margin to columns */
@media (max-width: 980px){
.et_pb_column .et_pb_module {
    margin-bottom: 0px!important;
}
}

/* flex vertical align */
.jw-flex-center{display:flex;flex-direction: column;justify-content:center;}
.jw-flex-end{display:flex;flex-direction: column;justify-content:flex-end;}
.jw-flex-start{display:flex;flex-direction: column;justify-content:flex-start;}

/* ----- homepage */
/* float buttons */
.float-btns .et_pb_button_module_wrapper{
		margin-top: 15px !important;
		margin-bottom: 15px !important;
	}	
@media only screen and (min-width: 980px){
	.float-btns .et_pb_button_module_wrapper{
		float: left !important;
	}	
}


/* ------------------------------------------------------------------------- */
/* FOOTER */
/* ------------------------------------------------------------------------- */
.jw-footer a:link{color:#d6d8a2;}
.jw-footer a:hover{transition: 250ms ease-in-out;margin-left:.5em;}
.jw-footer a:visited{color:#d6d8a2;}

/* ------------------------------------------------------------------------- */
/* LINKS */
/* ------------------------------------------------------------------------- */
a:link {}
a:visited {}
a:hover {}
a:active {}

/* ------------------------------------------------------------------------- */
/* Login */
/* ------------------------------------------------------------------------- */
.tml {
	font-family: 'geomanist_light', sans-serif;
	color: #05262f;
	font-size:18px;
}
/* remember me*/.tml-field-wrap.tml-rememberme-wrap{text-transform: capitalize!important; font-size: 12px!important;letter-spacing:0px!important;}
/* fields */.tml .tml-field{padding:15px 25px;border:1px solid #05262f;background:rgba(0,0,0,0.0);}
/* buttons */.tml-button{text-transform:uppercase!important;padding: 15px 25px; border: 1px solid #05262f; background: #fff;	letter-spacing:0.1em;}.tml-button:hover{background-color: #05262f; border: 1px solid #05262f; color: #f6f6f4;}
/* links */.tml-links{text-transform: capitalize; font-size: 12px;letter-spacing:0px;}
/* errors */.tml .tml-error, .tml .tml-message {border: 1px solid #dc3232!important;text-transform: capitalize; font-size: 12px;letter-spacing:0px;line-height:1.3em!important;box-shadow:none!important;}
/* Success */.tml .tml-success {border: 1px solid #00a0d2!important;text-transform: capitalize; font-size: 12px;letter-spacing:0px;line-height:1.3em!important;box-shadow:none!important;}

/*background image */
.jw-tml.et_pb_section.et_pb_section_0_tb_body{
	background-size:94%!important;
}

/* ------------------------------------------------------------------------- */
/* GDPR */
/* ------------------------------------------------------------------------- */

#cookie-law-info-bar {
	box-shadow:none!important;
}
.cli-plugin-button {
    margin: 5px;
    border: 1px solid #05262f;
}
.cli-plugin-button:hover {
    color: #f6f6f4!important;
    background-color: #05262f!important;
	transition: 250ms ease-in-out!important;
}