/*
 Theme Name:     Hanna Walton Equestrian
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Hanna Walton Equestrian Child Theme
 Author:         Joe Walkling
 Author URI:     https://www.joewalkling.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* ------------------------------------------------------------------------- */
/* -------------------- Theme customization starts here -------------------- */
/* ------------------------------------------------------------------------- */
::selection{
	color: #c0beae;
	background: #9fa093;
}

/* ------------------------------------------------------------------------- */
/* COLOURS */
/* -------------------------------------------------------------------------

Dark Grey 9fa093
Light Grey c0beae
Very Ligth Grey f6f6f4

*/

/* ------------------------------------------------------------------------- */
/* 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{display:none!important;}
	.et_menu_container {width:94%!important;}
}
/* ------------------------------------------------------------------------- */
/* Navigation */
/* ------------------------------------------------------------------------- */

/* slide in navigation width and shadow */
.et_header_style_slide .et_slide_in_menu_container {
    padding: 0px !important;
    top: 0px!important;
    width: 78vw!important;
    max-width: 100%!important;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
}
/* menu width and padding */
.et_mobile_menu{
	min-height:100vh;
	padding: 50px 9vw 50px!important;
}
/* slide in typography */
.et_mobile_menu li a{
	font-family: 'semplicitapro', sans-serif;
	font-weight: 500;
	font-style: normal;
}

/* menu item padding */
.et_slide_in_menu_container #mobile_menu_slide li a {
	padding: 5px 0!important;
}

/* slide in navigation width and shadow on tablet and mobile */
@media only screen and (max-width:768px){
	.et_header_style_slide .et_slide_in_menu_container {
		width: 100vw!important;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}}
/* slide in navigation width and shadow on tablet */
@media only screen and (max-width:479px){
	.et_mobile_menu li a{font-size:16px;}
	.et_mobile_menu{padding: 80px 14% 50px!important;}
}
/* menu items spacing */
/* contact button */
.hw-menu-1 {
    position: absolute;
    bottom: 0;
    margin-bottom: 60px;
    border: 1px solid #9fa093;
    padding: 15px 25px;
}
.hw-menu-1:hover {
    border: 1px solid #000;
	background:#000;
}
.hw-menu-1 a:hover {
    opacity:1!important;
	color:#fff!important;
}

@media only screen and (max-height:700px){
.hw-menu-1 {
	position: static;
	text-align:center;
	margin-top:3rem;
	margin-bottom:0px;
	width:fit-content;}
}
/* menu subheadings */
.hw-menu-2 {margin-top: 2rem;}
.hw-menu-2 a, .hw-menu-2 a:hover{font-size:12px!important;color:#9fa093!important;opacity:1!important;}
@media only screen and (max-width:768px){
	.hw-menu-2 {margin-top: 1.5rem;}
	.hw-menu-2 a, .hw-menu-2 a:hover{padding-bottom:0px!important;font-size:10px!important;}
}
@media only screen and (max-width:479px){
	.hw-menu-2 {margin-top: 1rem;}
	.hw-menu-2 a, .hw-menu-2 a:hover{padding-bottom:0px!important;font-size:8px!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: #c0beae!important;}


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

/* clinics and events*/
.clinics-grid{
	display:grid;
	grid-template-columns: repeat(12, 7.416%);
	grid-column-gap:1%;
	grid-row-gap:15px;
}
.clinics-basics{grid-column:1/5;}
.clinics-prestart{grid-column:5/9;}
.clinics-liberty{grid-column:9/13;}
.clinics-riders{grid-column:1/7;}
.clinics-naturally{grid-column:7/13;}

@media only screen and (max-width: 980px){
	.clinics-basics{grid-column:1/7;}
	.clinics-prestart{grid-column:7/13;}
	.clinics-liberty{grid-column:1/7;}
	.clinics-riders{grid-column:7/13;}
	.clinics-naturally{grid-column:1/13;}
}
@media only screen and (max-width: 767px){
	.clinics-basics{grid-column:1/13;}
	.clinics-prestart{grid-column:1/13;}
	.clinics-liberty{grid-column:1/13;}
	.clinics-riders{grid-column:1/13;}
	.clinics-naturally{grid-column:1/13;}}

/*services*/
.hw-services-grid{
	display:grid;
	grid-template-columns: repeat(12, 6.5%);
	grid-column-gap:2%;
}
.hw-service-livery {grid-column: 1 / 5;}
.hw-service-lessons {grid-column: 5 / 9;}
.hw-service-clinics {grid-column: 9 / 13;}
.hw-service-adventures {grid-column: 1 / 7;}
.hw-service-events {grid-column: 7 / 13;}


/* services on mobile */
@media only screen and (max-width: 479px){
	.hw-service-livery {grid-column: 1 / 13;}
	.hw-service-lessons {grid-column: 1 / 13;}
	.hw-service-clinics {grid-column: 1 / 13;}
	.hw-service-adventures {grid-column: 1 / 13;}
	.hw-service-events {grid-column: 1 / 13;}
}


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

/* Buttons */
.et_pb_button{
	font-family: "semplicitapro", sans-serif;
	font-weight: 500;
	font-style: normal;
	margin: 0px 15px;
	font-size:1.1vw!important;
}
@media only screen and (max-width:768px){.et_pb_button{font-size:2vw!important;}}
@media only screen and (max-width:479px){.et_pb_button{font-size:2.5vw!important;}}

/* about us */
.hw-founders-1{grid-column: 2 / 7;}
.hw-founders-2{grid-column: 7 / 12;}
@media only screen and (max-width:768px){
	.hw-founders-1{grid-column: 1 / 7;}
	.hw-founders-2{grid-column: 7 / 13;}
}
@media only screen and (max-width:479px){
	.hw-founders-1{grid-column: 1 / 13;}
	.hw-founders-2{grid-column: 1 / 13;}
}
.hw-founders-1 .et_pb_blurb_description{padding:15px;}
.hw-founders-2 .et_pb_blurb_description{padding:15px;}

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


/* password protected */
.post-password-required .et_password_protected_form {
    min-height: 50vh!important;
}

/* ------------------------------------------------------------------------- */
/* FOOTER */
/* ------------------------------------------------------------------------- */
.hw-footer-grid-1{
	display: grid;
    grid-template-columns: repeat(4, 23.5%);
    grid-column-gap: 2%;
}
.hw-footer-grid-2{
	display: grid;
    grid-template-columns: repeat(2, 49%);
	grid-column-gap: 2%;
}
.hw-footer-grid-2 a:link {color:#fff}

/* footer on tablet */
@media only screen and (max-width:768px){
	.hw-footer-grid-1{
		display: grid;
    	grid-template-columns: repeat(2, 49%);
    	grid-column-gap: 2%;
	}
}
/* footer on mobile */
@media only screen and (max-width:479px){
	.hw-footer-grid-1{
	display: grid;
    grid-template-columns: repeat(1, 100%);
	grid-column-gap: 0%;
}
}
/* ------------------------------------------------------------------------- */
/* LINKS */
/* ------------------------------------------------------------------------- */
a:link {}
a:visited {}
a:hover {text-decoration:underline;}
a:active {}

/* ------------------------------------------------------------------------- */
/* Login */
/* ------------------------------------------------------------------------- */
.tml {
	font-family: "semplicitapro", sans-serif;
	font-weight: 500;
	font-style: normal;
	text-transform:uppercase;
	letter-spacing:0.1em;
	line-height: 2em;
}
/* 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 #c0beae;}
/* buttons */.tml-button{text-transform:uppercase!important;padding: 15px 25px; border: 1px solid #9fa093; background: #fff;	letter-spacing:0.1em;}.tml-button:hover{background-color: #000; border: 1px solid #000; color: #f6f6f4;}
/* links */.tml-links{text-transform: capitalize; font-size: 12px;letter-spacing:0px;}
/* errors */.tml .tml-error {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;}

/* ------------------------------------------------------------------------- */
/* AMELIA */
/* ------------------------------------------------------------------------- */

/* fonts */
.amelia-app-booking p, .am-modal.am-in-body p, .amelia-app-booking span, .am-modal.am-in-body span, .amelia-app-booking div, .am-modal.am-in-body div, .amelia-app-booking section, .am-modal.am-in-body section, .amelia-app-booking ul, .am-modal.am-in-body ul, .amelia-app-booking li, .am-modal.am-in-body li, .amelia-app-booking a, .am-modal.am-in-body a, .amelia-app-booking h1, .am-modal.am-in-body h1, .amelia-app-booking h2, .am-modal.am-in-body h2, .amelia-app-booking h3, .am-modal.am-in-body h3, .amelia-app-booking h4, .am-modal.am-in-body h4{
font-family: 'semplicitapro', sans-serif!important;
font-weight: 500;
font-style: normal;
}

/* Service Categories and events */
.am-category-service, .am-event, .am-category {border:1px solid #c0beae!important;border-radius:0px!important;}
.am-category-service:hover, .am-event{box-shadow:none!important;}
.am-category-service-color {display:none!important;}
/*.am-category-headline {display:none!important;}*/
.am-category-service-hover {background: #9fa093!important;}
.am-category-service-image{display:none;}
.el-button{border-radius:0px!important;}
.am-event-sub-info-capacity{display:none!important;}
.am-event-booking-status.closed{display:none!important;}
/*columns*/@media only screen and (min-width: 1200px){.el-col-lg-8, .el-col-lg-6 {width: 33%!important;}}

.am-service-gallery{display:none!important;}

/* calender */
.am-step-booking-catalog{
	border-radius: 0px!important;
    max-width: 100%!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
	border:1px solid #c0beae!important;
}
.am-svg-wrapper{display:none!important;}

/* events */
.am-event-date-month{color:#9fa093!important;}
.am-event-price{background-color:#9fa093!important;box-shadow:none!important;border-radius:0px!important}
.el-button--primary.el-button{background-color:#9fa093!important;border:1px solid #fff!important;}

/* Lesson Checkout */
.el-form-item.is-required.am-cf-2 {text-align:left;}
.el-form-item{padding-top:10px; padding-bottom:10px;}
.el-input__inner{border-radius: 0px!important;border: 1px solid #c0beae!important;}
.amelia-app-booking .el-input-group__prepend{border-color:rgba(0,0,0,0.0)!important;}

/* ------------------------------------------------------------------------- */
/* CALDERA */
/* ------------------------------------------------------------------------- */
.caldera-grid .form-control{
	border-radius:0px!important;
	border:1px solid #c0beae!important;
	-webkit-box-shadow: none!important;
    box-shadow: none!important;
	height: auto!important;
    padding: 15px 25px!important;
}
#fld_9085110_1{
padding-left:52px!important;	
}
.caldera-grid .btn{
	border:1px solid #c0beae!important; border-radius:0px!important;
	padding:15px 25px!important;
	font-family: "semplicitapro", sans-serif;
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing:0.2em;
}
.caldera-grid .btn:hover{
	background:#000!important;
	border:1px solid #000!important;
	color: #fff!important;
}