/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1


1) General Styles
2) Home Page
3) About Page
4) Forms
5) Mobile Opt
6) Posts


*/

/* Main Nav */

i.fa-solid.fa-cart-shopping::before {
	content: "\f07a";
}

i.fa-solid.fa-cart-shopping {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
	font-style: inherit;
	margin-right: 10px;
}

nav li.menu-button {
 	background-color: #e32a41;
    padding: 8px 20px;
    margin-left: 20px;
}

.menu-button a.elementor-item {
    color: #fff !important;
	margin: 0 !important;
}

.menu-button:hover {
    color: var(--white);
    opacity: .7;cursor: pointer;
}

@media only screen and (max-width: 575px) {
	
	nav li.menu-button {
		margin: 10px;
	}
	
}

/* 1) General Styles
 * -----------------------*/

.no_margin,
.no_margin p {
	margin-bottom: 0 !important;
}

.callout {
    background-color: #ffffffad;
    color: #000;
    padding: 20px;
}

.focus_box-title h2 {
	background-color: transparent;
    width: fit-content;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

div.focus_box-title {
    z-index: 1;
}

.focus_box-title h2:after {
	content: '';
    display: block;
    border-bottom: 2px solid #fff;
    width: auto;
    flex-grow: 0.5;margin-left: 10px;}

.focus_box-title h2:before {
	content: '';
    display: block;
    border-bottom: 2px solid #fff;
    width: auto;
    flex-grow: 0.5;margin-right: 10px;
}

.focus_box-title h2 {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    max-width: 790px;
    top: 1px;
}

.dad_hero .elementor-column.dad_hero-column {
    margin-top: 8%;
}

@media only screen and (min-width: 767px) {
	
	.dad_hero .dad_hero-intro .elementor-widget-container {
		width: 685px;
		line-height: 1.2;
	}
}

.dad_hero .elementor-widget-wrap.elementor-element-populated {
    display: flex;
    flex-direction: column;
}

.dad_hero .elementor-widget-wrap.elementor-element-populated {
    display: flex;
    flex-direction: column;
}

/* 2) Home Page 
 * -----------------------*/

div#home_welcome-box {
    position: relative;
    top: -40px;
}

/* 3) About Page
 * -----------------------*/

/* .council_box .elementor-widget-wrap.elementor-element-populated {
    box-shadow: 10px 5px 5px #00000005;
} */

section#council_row {position: relative;top: -115px;}

/* 4) Forms
 * -----------------------*/

button.formkit-submit span {
    background-color: #e32a41;
    border: 2px solid #e32a41;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-size: 15px;
    font-weight: 700;
}

button.formkit-submit.formkit-submit {
    border-radius: 0px !important;
    background-color: transparent!important;
}

button.formkit-submit.formkit-submit:hover {
    background-color: transparent !important;
}

button.formkit-submit.formkit-submit:focus {
    background-color: transparent !important;
}

input.formkit-input {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-weight: 700 !important;
    letter-spacing: 1px;
}

.condensed_form .seva-fields.formkit-fields {
    display: flex;
    flex-direction: column;
    max-width: 350px;
    margin: 0 auto !IMPORTANT;
}

.condensed_form button.formkit-submit.formkit-submit:hover {
	background-color: #000 !IMPORTANT;
}

.condensed_form button.formkit-submit.formkit-submit:hover span {
	color: #fff;
    border: 2px solid #000;
}

.condensed_form button.formkit-submit.formkit-submit {
	background-color: #000 !important;
}

.seva-fields.formkit-fields {
    display: flex;
    flex-direction: column;
}

/* 5) Mobile Opt
* -----------------------*/

@media only screen and (max-width: 575px){

	.dad_hero-column .elementor-widget-wrap.elementor-element-populated {
		background-color: #012849b8;
	}
	
	.elementor-element.sign_up-form-blue-cta > .elementor-widget-container {
		--e-transform-translateX: 0 !important;
	}
	
	.site-footer .elementor-element.elementor-widget.elementor-widget-image {
		text-align: center;
	}
}


/* 6) Posts 
* -----------------------*/

.post_socials .elementor-grid {display: flex;justify-content: center;}

.post_socials .elementor-grid span.elementor-share-btn__icon {width: 40px;}

.post_category span.elementor-icon-list-text.elementor-post-info__item.elementor-post-info__item--type-terms {
	background-color: #012849;
	border-radius: 20px;
	padding: 2px 10px;
}