/*
Theme Name: National Sports Sales Center
Theme URI: https://www.maverickwebmarketing.com
Template: Divi
Author: Maverick Web Marketing
Author URI: https://www.maverickwebmarketing.com
Version: 1.0
*/

/* --- GLOBAL --- */

.highlighted {
	background: rgba(46, 163, 242, 0.25);
    margin: 0 -5px;
	padding: 0 5px;
}

.number {
	color: #333;
	font-size: 3em;
	font-weight: bold;
}

.horizontal-center-text {
    display: flex;
    justify-content: center;
}

.move-up {
	margin-top: -100px;
}




/* --- BUTTONS --- */

.custom-button-1 {
	background: #00984b;
	border: 2px solid #00984b;
	border-radius: 8px;
	color: #ffffff !important;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin: 20px 10px 20px 0;
	min-width: 265px;
	padding: 15px 30px;
	text-align: center;
	text-transform: uppercase;
}

.custom-button-2 {
	background: transparent;
	border: 2px solid #ffffff;
	border-radius: 8px;
	color: #ffffff !important;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin: 20px 0 20px 10px;
	min-width: 265px;
	padding: 15px 30px;
	text-align: center;
	text-transform: uppercase;
}




/* --- FOOTER --- */

.copytextsmall {
	font-size: 12px;
}




/* --- FORMS --- */

.gform_button {
	background: #00984b;
	border: 2px solid #00984b;
	border-radius: 8px;
	color: #ffffff !important;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin: 20px 10px 20px 0;
	min-width: 265px;
	padding: 15px 30px;
	text-align: center;
	text-transform: uppercase;
}




/* --- HEADER --- */

#main-header .container {
	max-width: 80%;
}

#et-info {
    float: right;
}

#et-info-phone {
    margin-right: 0;
}

#et-info-phone a {
	font-size: 32px !important;
}

#et-info-phone:before, #et-info-email {
	display: none;
}

.et_header_style_left #et-top-navigation {
	padding: 30px 0 !important;
}

#top-menu li {
    padding-right: 0;
}

.et_header_style_left #et-top-navigation nav>ul>li>a {
	background: transparent;
	border-radius: 8px;
    padding: 20px 25px !important;
}

.et_header_style_left #et-top-navigation nav>ul>li.current_page_item>a, .et_header_style_left #et-top-navigation nav>ul>li>a:hover {
	background: #00984b;
	opacity: 1 !important;
}

#top-menu .menu-item-has-children>a:first-child:after {
    position: relative;
}





/* --- HOME  --- */

.vertical-center-text {
	display: flex;
    align-items: center;
}

.value-stack .et_pb_text_inner {
	display: flex;
    align-items: center;
	flex-direction: column;
    justify-content: center;
	line-height: 1;
	padding: 40px 10%;
}

.value-stack .et_pb_text_inner strong {
	font-size: 125%;
}

.value-stack.icon-left .icon {
	margin-right: 20px !important;
	max-width: 60px;
}

.value-stack.icon-top .et_pb_text_inner {
	flex-direction: column;
}

.value-stack.icon-top .icon {
	margin-bottom: 20px !important;
	max-width: 60px;
}

.value-stack img {
	max-width: 100px;
}

.logos img {
	display: inline-block;
	padding: 0 2%;
	width: 12.5%;
}

.team img {
	max-width: 250px;
}

.team img, .reviews img {
	border-radius: 50%;
}




/* --- TABLES --- */

thead tr {
	background: #ffffff;
}

thead tr th {
	color: #000000 !important;
	text-align: center;
}

tbody, .entry-content table:not(.variations) {
	border: 0;
}




/* --- TEXT --- */






/* --- RESPONSIVE --- */

@media screen and (max-width: 1500px) {
	
	#main-header .container {
		max-width: 90%;
		width: 90%;
	}
	
}



@media screen and (max-width: 1500px) {
	
	.et_header_style_left #et-top-navigation nav>ul>li>a {
		font-size: 16px;
		padding: 10px 15px !important;
	}

	
}



@media screen and (max-width: 1100px) {
	
	.et_header_style_left #et-top-navigation nav>ul>li>a {
		font-size: 14px;
		padding: 10px !important;
	}

	
}



@media screen and (max-width: 980px) {
	
	.et_header_style_left #et-top-navigation .mobile_menu_bar {
		padding-bottom: 0;
	}
	
	.mobile_menu_bar:before {
        color: #00984b !important;
		content: "\f0c9" !important;
		font-family: 'FontAwesome' !important;
	}
	
	#main-header {
		background-color: transparent !important;
	}

	
}



@media screen and (max-width: 767px) {
	
	.custom-button-1, .custom-button-2 {
		margin: 20px 0;
	}
	
}