/*======================================
Theme Name: Perform Media
Theme URI: https://studio2interactive.com/
Description: Perform Media Theme
Version: 1.0
Author: Studio2 Interactive
Author URI: https://studio2interactive.com/
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

/*#menu-primary-navigation .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after, #menu-primary-navigation a:after {
    content: '\f107';
    font-family: 'Font Awesome 5 Brands';
    font-size: 26px;
    color: #d31145;
    position: absolute;
    top: 51px;
    line-height: 1em;
    height: 1em;
    bottom: 50%;
    right: 1.5vw;
}*/

h1 span.h1-prehead {
	display: block;
    font-weight: 900;
    font-size: .5em;
    line-height: 1em;
}

h1 span.red {
	color:#e82626 !important;
}

#menu-primary-navigation .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after, #menu-primary-navigation a:after {
    color: #FFFFFF;
}

#main-header #menu-primary-navigation li {
    flex: 1;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
    display: flex;
    padding: 50px 0;
    white-space: nowrap;
    align-items: center;
	border-bottom:10px solid #372641;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a:hover { /* Adding red border on hover to main menu*/
	border-bottom:10px solid #cc0000;
}

.et_pb_button.et_pb_more_button {
    /*padding: .3em 1em .1em 1em !important;*/ /* fix padding issue with Overpass Font */
}

a.et_pb_button:after {
	/*display:none;*/
}

a.et_pb_button:hover {
	/*padding: .3em 2em .1em 1em !important;*/
	background:#2161AC;
}

.quote-button, .contact-button {
	width: 100%;
    display: block;
    height: 100%;
    padding: 30px;
    text-align: center;
    color: #fff;
	box-sizing: border-box;
}

.quote-button {
	background: #ea2323;
}

.contact-button {
	background: #8eb7b5;
}

h1, h2, h3, h4, h5, h6 {
	font-family:'Overpass',Arial;
	font-weight: 900;
	text-transform: uppercase;
}

h1.redunderline {
	text-decoration-line: underline;
    text-decoration-color: #ea2323;
    text-underline-position: under;
	margin-bottom: 15px;
	line-height:65px;
}

h1, h2, h3, h4, h5, h6, p, body {
	letter-spacing: 1px;
}

h1 {
	font-size:40px;
}

h1 i {
	color:#ea2527;
}

h6.team-title {
	color:#8eb7b5;
	border-bottom: 4px solid #e6e8e9;
	line-height: 1.2em;
}

p.team-body {
	margin-top:20px;
	font-size: 14px;
    line-height: 1.9em;
}

ul.checkmark {
    list-style-type: none;
	/*padding-left:10px;*/
	margin-top: 50px;
}

ul.checkmark li {
	padding-left: 40px;
    font-size: 18px;
    margin-bottom: 20px;
}

ul.checkmark li:before {
	font-family: 'FontAwesome';
    content: '\f00c';
    margin: 0 15px 0 -46px;
    color: #3aea23;
    font-size: 30px;
    top: 5px;
    position: relative;
}

.industry-fullwidth-header h1 {
	font-size:50px;
}

.industry-fullwidth-header .et_pb_fullwidth_header_subhead {
	font-size: 40px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.2em;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_two {
    margin-left: 0px;
}
	h1 {
		font-size:30px;
	}
	
}

@media only screen and (max-width: 360px) {
  /* For mobile phones: */
	h1 {
		font-size:30px;
	}
}