/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

/*------------- FOOTER -----------*/

@media (max-width: 1023px){
  #Footer .widgets_wrapper {
	padding: 50px 0px !important;
}
    #Footer .widgets_wrapper > .container{
        display: flex;
        flex-direction: column;
    }
    #Footer .widgets_wrapper > .container > .column-four{
        order: 1 !important;
    }
     #Footer .widgets_wrapper > .container > .column-one{
        order: 2 !important;
    }
     #Footer .widgets_wrapper > .container > .column-two{
        order: 3 !important;
    }
     #Footer .widgets_wrapper > .container > .column-three{
        order: 4 !important;
    }
}

/*------- Styling Footer Forms ------*/

#Footer .nf-form-fields-required{
    display: none;
}
#Footer .nf-form-cont{
	background: #fff !important;
	padding: 20px !important;
	border-radius: 30px;
}
/* #Footer .nf-form-cont *:not([type*="submit"]){
	color: #dd823b !important;
	font-weight: 400 !important;
} */
#Footer .html-container p{
	font-size: 18px;
	line-height: 26px;
}
#Footer .nf-field-label label{
	font-size: 14px !important;
}
/* #Footer input:not([type*="submit"]), #Footer textarea{
	height: 40px;
	font-size: 14px;
	padding: 10px;
	background: transparent !important;
	border: 0px !important;
	border-bottom: 1px solid #9CA7AC !important;
} */
#Footer .nf-error.field-wrap .nf-field-element::after {
	font-size: 14px;
	top: 1px;
	right: 0px;
	height: 38px;
	line-height: 40px;
	background: #1A2842;
}
#ninja_forms_required_items, .nf-field-container{
	margin-bottom: 15px !important;
}
#Footer h4{
	font-size: 1.25rem;
	line-height: 2rem;
}
@media (min-width: 768px) and (max-width: 1023px){
	#Footer .tablet-one-fourth.column{
		width: 80% !important;
		margin: auto;
		text-align: center !important;
	}
}
@media (min-width: 1024px) {
	#Footer .widgets_wrapper > .container {
		display: grid !important;
		grid-template-columns: 2fr repeat(2, 1fr);
		grid-template-rows: repeat(2, 1fr);
		grid-column-gap: 20px;
		grid-row-gap: 10px;
	}
	#Footer .widget_wrapper > .container > .column-one {
		grid-row: 1/3;
		grid-column: 1/2;
		width: 100% !important;
	}
	#Footer .widget_wrapper > .container > .column-two {
		grid-column: 2/3;
		grid-row: 1/2;
		width: 100% !important;
		border-right: 1px solid #fff;
	}
	#Footer .widget_wrapper > .container > .column-three {
		grid-column: 3/4;
		grid-row: 1/2;
		width: 100% !important;
	}
	#Footer .widget_wrapper > .container > .column-four {
		grid-column: 2/4;
		grid-row: 2/3;
		width: 75% !important;
		margin-left: auto;
	}
	#Footer h4{
		font-size: 1.5rem;
	}
	#Footer .label-left .nf-field-label{
		width: 20%;
	}
	#Footer .label-left .nf-field-element{
		width: 80%;
	}
	#Footer .html-wrap .nf-field-element{
		width: 100% !important;
	}
	#Footer .nf-form-cont{
		padding: 40px !important;
	}
}
@media (min-width: 1440px) {
	#Footer h4{
		font-size: 1.75rem;
	}
	#Footer .widget_wrapper > .container {
		grid-template-columns: 1.5fr repeat(2, 1fr);
	}
}