/*
 Theme Name:  Divi Child Theme
 Theme URI:    https://divilife.com
 Description:  Child Theme for Divi
 Author:       Tim Strifler
 Author URI:   https://divilife.com
 Template:     Divi
 Version:      1.0.0
*/

/*
font-family: 'Fjalla One', sans-serif;
font-family: 'Montserrat', sans-serif;

Add any custom CSS below this line*****/


.centeralignWrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding: 2% 2% 2% 1%;
}

h1, h2{
	font-family: 'Anton', sans-serif;
	line-height: 1.2;
}

h2 {
    color: #fff !important;
    font-size: 42px;
    word-wrap: normal !important;
    font-weight: 400 !important;
}

#basicgear .elementor-widget-wrap.elementor-element-populated {
    background-position: 50% 75%;
}

#Style-zips .elementor-widget-wrap.elementor-element-populated {
    background-position: 50% 61%;
}

#Blockstyle .elementor-widget-wrap.elementor-element-populated {
    background-position: 50% 85%;
}

#classicHood .elementor-widget-wrap.elementor-element-populated {
    background-position: 50% 87%;
}

.columnWrap .elementor-widget-wrap>.elementor-element {
    min-height: 800px;
}

.rowWrap .elementor-widget-wrap>.elementor-element {
    min-height: 550px;
    position: relative;
}

.columnWrap, .rowWrap {
    position: relative;
    margin: .125%;
}

.columnWrap .elementor-widget-container, .rowWrap .elementor-widget-container {
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
/*     outline: 1px red solid; */
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2%;
    align-items: center;
    text-align: center;
}

#headerWrap {
    background-color: #222;
    padding: 150px;
    min-height: 1050px;
    position: relative;
}

.messagingWrapContainer .et_pb_text_inner {
    position: relative;
    min-height: 800px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.messagingWrapContainer h2 {
    text-transform: uppercase;
    font-size: 66px;
    top: 7px;
    position: relative;
    font-weight: 600;
    max-width: 600px;
}

.messagingWrapContainer h3 {
    position: relative;
    color: red !important;
    text-transform: uppercase;
    font-size: 28px;
    letter-spacing: 5px;
    margin-top: 20px;
}

.messagingWrap {
    position: relative;
    min-height: 800px;
}

#topheaderWrap img {
    max-height: 55px !important;
    width: auto !important;
}

#noPhonesWrap h2 {
    font-size: 62px !important;
}

#noPhonesWrap p {
    font-size: 37px;
    position: relative;
    top: 20px;
}

#merchWrap h2 {
    color: #000 !important;
}

#noPhonesWrap h2 strong {
    font-size: 83px !important;
    text-shadow: 0 0 50px rgba(0,0,0,.8);
    word-wrap: normal;
    word-break: normal;
}

/*********/

#main-header {
  display: none !important;
}

#page-container {
  padding: 0 !important;
}

#main-content .container {
  position: relative;
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
}

#headerWrap{
	background-color: #222;
	padding: 150px;
}


h2 {
    text-transform: uppercase;
    font-size: 30px;
    top: 7px;
    position: relative;
    font-weight: 600;
    letter-spacing: 4px;
}

#midsectionWrap {
    position: relative;
    min-height: 200px;
    padding: 50px;
    width: 1200px;
    margin: 0 auto;
}

.nomargins {
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
}


#midsectionWrap .logos ul {
    list-style: none;
    padding: 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

	#midsectionWrap .logos ul li {
		border-bottom: 1px #122e4a solid;
		margin-bottom: 20px;
		padding-bottom: 20px;
		position: relative;
		color: #122e4a;
		line-height: 1.5;
		max-width: 46%;
		margin-right: 20px;
		width: 100%;
	}

		#midsectionWrap .logos ul li a {
			color: darkred;
		}


	#midsectionWrap .gform_wrapper form {
		text-align: left;
		max-width: 100%;
		margin: 0 auto;
		background-color: #3b6ea3;
		padding: 20px 5px 20px 20px;
		position: absolute;
		top: -28px;
		left: 0;
		right: 0;
	}


.gform_wrapper input {
    border: 0;
    border-radius: 3px;
    margin-bottom: 0;
    margin-top: -12px !important;
    padding: 10px !important;
}

input#gform_submit_button_1, .gform_wrapper .gform_footer input[type=submit], input#gform_submit_button_2 {
    background-color: #d90c17;
    border: 0;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    display: block;
    width: 95%;
}

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

		#midsectionWrap {
			width: 100%;
		}
	
			#midsectionWrap ul {
				flex-wrap: nowrap;
				flex-direction: column;
			}
	
				#midsectionWrap .logos ul li {
					max-width: 100%;
					margin-right: 0;
					width: 100%;
					text-align: center;
				}
	
	#midsectionWrap .gform_wrapper form{
		position: relative;
		padding: 20px 20px 20px 20px;
	}
	
	.fomWrap {
		margin-bottom: 0;
		padding-bottom: 0 !important;
		position: relative;
	}

	}
	
@media only screen and (max-width: 980px) {	
	
	#headerWrap {
	    padding: 2%;
	}
	
	.messagingWrapContainer h2 {
	    text-transform: uppercase;
	    font-size: 36px;
	    letter-spacing: 0;
	}
	
	.messagingWrapContainer h2, .messagingWrapContainer h3 {
	    text-align: center !important;
	}
	
	.messagingWrapContainer h3 {
	    font-size: 18px;
	}
	
	.messagingWrapContainer .et_pb_text_inner, #headerWrap {
	    min-height: 500px;
	}
	
	#merchWrap .et_pb_row_10.et_pb_row {
	    padding-top: 10%!important;
	}


}