/*
 Theme Name:     Mood Media 2020
 Theme URI:      https://us.moodmedia.com/
 Description:    Mood Media 2020 Theme
 Author:         Brandon Orndorff & Brad Bond
 Author URI:     http://www.brandonorndorff.com
 Template:       Divi
 Version:        4.19.0
*/

@import url("../Divi/style.css");

/* =Theme customization starts here
------------------------------------------------------- */

/* CONTENTS
1. FONTS & TYPOGRAPHY
2. PPC PAGE TYPOGRAPHY
3. TEXT JUMP MENUS
4. SIDE STICKY CONTACT
5. MOOD COLOR PALETTE
6. Embedded Video Responsive - OBSOLETE - MAY BE SOME LEFT IN PAGES
7. ELEGANT THEMES EDITS 
8. FORM STYLES
9. PPC PAGE EDITS
10. CAREERS PAGES 
11. HOLIDAY STYLES 
12. MESSAGING PLAYERS AND PAGE STYLES
13. CASE STUDY DISPLAYS
14. MOOD FOOTER
15. 404 Page
16. COMBINED STYLE SHEETS
	- FEATHERLIGHT
17. ALL MEDIA SIZES */


/* FONTS & TYPOGRAPHY */

@import url("https://use.typekit.net/nto7hzy.css");

body {
  	font-family: korolev, sans-serif;
  	font-weight: 500;
	font-display: auto;
}

p {
  font-weight:normal;
}

strong {
  font-family: korolev, sans-serif;
  font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
    font-family: korolev, sans-serif;
  	font-weight: 500;
}

h1 {
  font-size:60px;
  line-height:60px;
}

h2, .h-mod {
  font-size:45px !important;
  line-height:45px !important;
}

.nav li {
	font-weight:500;
}

.medium {
    font-family: korolev, sans-serif;
  	font-weight: 600;
}

.light {
    font-family: korolev, sans-serif;
  	font-weight: 300;
}

.bold, strong {
    font-family: korolev, sans-serif;
  font-weight: 700;
}

.heavy {
  font-family: korolev, sans-serif;
  font-weight: 900;
}

.new-hero {
    font-size:100px;
    line-height:80px;
    text-align:left;
}

.new-hero-ext {
    font-size:87px;
    line-height:70px;
    text-align:left;
}

.intro {
  font-size:21px;
  line-height:28px;
  color:#999;
}

.intro2 {
  font-size:21px;
  line-height:28px;
}

.homeintro {
    font-size:200px;
    line-height:200px;
    letter-spacing:10px;
    text-shadow: 0px 20px 20px rgba(0,0,0 0.5);
}

.giant {
	font-size:30px;line-height:30px;
}

/* PPC PAGE TYPOGRAPHY */
.ppctext h2 {
  font-size:60px !important;
  line-height:60px !important;
}

.ppctext-call {
	font-size:40px;
	line-height:40px;
}

.ppctext h1  {
  font-size:24px !important;
  line-height:24px !important;
}


/* TEXT JUMP MENUS */

.new-jump {
    float:left;
	margin:15px;
    font-size:21px;
    border-bottom:5px solid #eee;
    padding-bottom:15px;
    color:#232323;
    transition:ease-in-out all 0.3s;
    -moz-transition:ease-in-out all 0.3s;
    -webkit-transition:ease-in-out all 0.3s;
    -ms-transition:ease-in-out all 0.3s;
    -o-transition:ease-in-out all 0.3s;
}

.new-jump:hover {
	cursor:pointer;
    color:#ddd;
    border-bottom:5px solid #cd102f;
}


.new-jump-b {
    float:left;
	margin:15px;
    font-size:18px;
    border-bottom:5px solid #cd102f;
    padding-bottom:15px;
    color:#fff;
    transition:ease-in-out all 0.3s;
    -moz-transition:ease-in-out all 0.3s;
    -webkit-transition:ease-in-out all 0.3s;
    -ms-transition:ease-in-out all 0.3s;
    -o-transition:ease-in-out all 0.3s;
}

.new-jump-b:hover {
	cursor:pointer;
    color:#ddd;
    border-bottom:5px solid #fff;
}

.new-jump-c {
	float:none;
	margin:15px;
    font-size:21px;
    border-bottom:5px solid #eee;
    padding-bottom:15px;
    color:#232323;
    transition:ease-in-out all 0.3s;
    -moz-transition:ease-in-out all 0.3s;
    -webkit-transition:ease-in-out all 0.3s;
    -ms-transition:ease-in-out all 0.3s;
    -o-transition:ease-in-out all 0.3s;
}

.new-jump-c:hover {
	cursor:pointer;
    color:#ddd;
    border-bottom:5px solid #cd102f;
}

.new-jump-d {
	float:none;
	margin:15px;
    font-size:18px !important;
    border-bottom:5px solid #eee;
    padding-bottom:15px;
    color:#fff;
    transition:ease-in-out all 0.3s;
    -moz-transition:ease-in-out all 0.3s;
    -webkit-transition:ease-in-out all 0.3s;
    -ms-transition:ease-in-out all 0.3s;
    -o-transition:ease-in-out all 0.3s;
}

.new-jump-d:hover {
	cursor:pointer;
    color:#ddd;
	letter-spacing: 1px;
    border-bottom:5px solid #cd102f;
}

.new-jump-s {
	margin:15px;
    font-size:18px;
    line-height:90px;
    border-bottom:5px solid #eee;
    padding-bottom:15px;
    color:#232323;
    transition:ease-in-out all 0.3s;
    -moz-transition:ease-in-out all 0.3s;
    -webkit-transition:ease-in-out all 0.3s;
    -ms-transition:ease-in-out all 0.3s;
    -o-transition:ease-in-out all 0.3s;
}

.new-jump-s:hover {
	cursor:pointer;
    color:#ddd;
    border-bottom:5px solid #cd102f;
}

.new-jump-sb {
	margin:15px;
    font-size:18px;
    line-height:90px;
    border-bottom:5px solid #cd102f;
    padding-bottom:15px;
    color:#232323;
    transition:ease-in-out all 0.3s;
    -moz-transition:ease-in-out all 0.3s;
    -webkit-transition:ease-in-out all 0.3s;
    -ms-transition:ease-in-out all 0.3s;
    -o-transition:ease-in-out all 0.3s;
}

.new-jump-sb:hover {
	cursor:pointer;
    color:#666;
    border-bottom:5px solid #000;
}

/* MOOD COLOR PALETTE */
.white {color:#fff;}
.moodred {color:#cd102f;}
.moodgrey {color:#232323;}
.moodblue {color:#5bc4ba;}
.moodgreen {color:#aed55b;}
.moodpurple {color:#611456;}
.m-gradient {background-image: linear-gradient(45deg, #cd102f, #ea3f11);background-size: 100%;background-clip: text;text-fill-color: transparent;background-color: #ea3f11;-webkit-background-clip: text;-moz-background-clip: text;-webkit-text-fill-color: transparent; -moz-text-fill-color: transparent;}

/* ELEGANT THEMES EDITS  */
.et_pb_audio_module_content h2 {
	margin-top:-200px;
	margin-bottom:150px;
    font-size:24px !important;
}

.et_pb_grid_item h2 {
	font-size:24px !important;
	line-height:24px !important;
}

#et-info-email {
	display:none;
}

.bottom-nav {
	padding-top:65px;
}

.author, .comments-number {
	display:none;
}

.et_pb_widget .post-date {
	float:left;
	width:100%;
	margin-bottom:30px;
	font-size:12px;
	color:#000;
}

.post-meta {
display: none;
}

#top-header, #et-secondary-nav li ul {
    background-color: #cd102f !important;
}

#et-secondary-nav {
    display:none !important;
}

/* FORM STYLES */

input, select, textarea {
	border: 0px !important;
	border-radius: 0px;
	background:#f8f8f8 !important;
	width:100% !important;
	font-size: 14px;
	apperance:none;
	-webkit-appearance:none;
	font-family: korolev, sans-serif;
  	font-weight: 600;
	padding:5px !important;
	margin-bottom:10px !important;
}

/* NEW FORM STYLES 2021 */

.mform input[type=text], .mform input[type=select], .mform textarea  {
    border:thin solid #ddd !important;
	border-radius: 30px;
	background:#fff !important;
	width:100%;
	font-size: 14px;
	apperance:none;
	-webkit-appearance:none;
	font-family: korolev, sans-serif;
  	font-weight: 400;
	/* padding:7px 10px !important */
	padding: 6px !important;
	margin-bottom:5px !important;
}

.mform input[type=text], .mform input[type=textarea] {
    width:47% !important;
    float:left;
    margin:1.5%;
}

.mform-full form {
	margin: 0 auto !important;
	width:100%;
	max-width:600px;
}

.mform-full input[type=text],.mform-full input[type=submit], .mform-full  textarea {
    width:100% !important;
    float:left;
    padding:12px 10px !important;
    margin:1.5%;
	max-width: 600px !important;
}

.mform input[type=select], .mform select {
    border-radius:10px !important;
    margin:1.5% !important;
    width:98% !important;
}

.mform textarea {
    border-radius:10px !important;
    margin:1.5% !important;
}

.mform .submit-button,
.mform .submit-button-style {
    background: rgb(255,153,3) !important;
    background: linear-gradient(39deg, rgba(255, 153, 3, 1), rgba(205, 16, 47, 1)) !important;
    font-weight:600;
    border:none !important;
    line-height:19px;
    font-size:18px;
    clear:both !important;
    margin-top:15px;
    width:auto !important;
    padding:10px 50px !important;
    height:auto !important;
    transition:ease-in-out 0.2s;
	-moz-transition:ease-in-out 0.2s;
	-ms-transition:ease-in-out 0.2s;
	-o-transition:ease-in-out 0.2s;
	-webkit-transition:ease-in-out 0.2s;
}

.mform .submit-button:hover,
.mform .submit-button-style:hover {
    padding:10px 55px !important;
}

.mform-full .submit-button, .mform-full .submit-button-style {
    margin: 1.5%;
    width:100% !important;
}

.mform .radio-option input[type=checkbox] {
    width:auto !important;
}

.mform .radio-option .twoColumn {
    width:50%; 
    float:left;
    margin:5px 0px 0;
}
  
/* BUTTON UPDATES 2021 */

input[type=submit], .mbutton {
    background: rgb(91,196,186) !important;
	background: linear-gradient(63deg, rgba(91,196,186,1) 17%, rgba(114,150,243,1) 100%) !important;
	border:none !important;
    border-radius:30px;
    clear:both !important;
    height:auto !important;
    color:#fff;
    padding:10px 30px !important;
	font-family: korolev, sans-serif;
  	font-weight: 600;
	font-size:18px;
	text-transform:uppercase;
    transition:ease-in-out 0.2s;
	-moz-transition:ease-in-out 0.2s;
	-ms-transition:ease-in-out 0.2s;
	-o-transition:ease-in-out 0.2s;
	-webkit-transition:ease-in-out 0.2s;
}

input[type=submit]:hover, .mbutton:hover {
    border-radius:30px !important;
    padding:10px 40px !important;
}

.mform-s input {
    width:98% !important;
}

.mbutton2 {
    background-color:none;
    border:1px solid #aaa;
    border-radius:30px;
    color:#aaa !important;
    padding:10px 30px !important;
	font-family: korolev, sans-serif;
  	font-weight: 600;
	text-transform:uppercase;
    transition:ease-in-out 0.2s;
	-moz-transition:ease-in-out 0.2s;
	-ms-transition:ease-in-out 0.2s;
	-o-transition:ease-in-out 0.2s;
	-webkit-transition:ease-in-out 0.2s;
}

.mbutton2:hover {
    border-radius:30px !important;
    padding:10px 40px !important;
    background:#232323 !important;
}

.mbutton4 {
    background-color:none;
    border:1px solid #000;
    border-radius:30px;
    color:#000 !important;
    padding:10px 30px !important;
	font-family: korolev, sans-serif;
  	font-weight: 600;
	text-transform:uppercase;
    transition:ease-in-out 0.2s;
	-moz-transition:ease-in-out 0.2s;
	-ms-transition:ease-in-out 0.2s;
	-o-transition:ease-in-out 0.2s;
	-webkit-transition:ease-in-out 0.2s;
}

.mbutton4:hover {
    border-radius:30px !important;
	border:1px solid #cd102f !important;
    padding:10px 40px !important;
    background:#cd102f !important;
	color:#fff !important;
}

.mbutton3 {
    background-color:none;
    border:1px solid #fff;
    border-radius:30px;
    color:#fff !important;
    padding:10px 30px !important;
	font-family: korolev, sans-serif;
  	font-weight: 600;
	text-transform:uppercase;
    transition:ease-in-out 0.2s;
	-moz-transition:ease-in-out 0.2s;
	-ms-transition:ease-in-out 0.2s;
	-o-transition:ease-in-out 0.2s;
	-webkit-transition:ease-in-out 0.2s;
}

.mbutton3:hover {
    border-radius:30px !important;
    padding:10px 40px !important;
    background:#cd102f !important;
}

.mbutton5 {
    background: rgb(255,153,3) !important;
    background: linear-gradient(180deg, rgba(97, 20, 86, 1), rgba(205, 16, 47, 1)) !important;
	border:none !important;
    border-radius:30px;
    clear:both !important;
    height:auto !important;
    color:#fff;
    padding:10px 30px !important;
	font-family: korolev, sans-serif;
  	font-weight: 600;
	font-size:18px;
	text-transform:uppercase;
    transition:ease-in-out 0.2s;
	-moz-transition:ease-in-out 0.2s;
	-ms-transition:ease-in-out 0.2s;
	-o-transition:ease-in-out 0.2s;
	-webkit-transition:ease-in-out 0.2s;
}

.mbutton5:hover {
    border-radius:30px !important;
    padding:10px 40px !important;
}


/* PPC PAGE EDITS */

.ppc-form .submit-button {
    background-color:#70ac1b !important;
}

.ppc-form .submit-button:hover {
    background-color:#232323 !important;
}

.sdm_download {
    border:0px;
    padding:15px 25px;
    border-radius:5px;
    background:#cd102f !important;
    text-shadow:none !important;
    color:#fff !important;
}

.gate .submit-button {
    background-color:#aed55b !Important;
    transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
}


.gate .submit-button:hover {
	background-color:#232323 !Important;
}

/* CAREERS PAGES */
#jobsearch {
	width:100%;
	height:900px;
}

#jobsearch iframe {
	width:100%;
	margin:auto;
	height:60%;
	min-height:500px;
}

.hr-form #field0 {
	background:none !important;
	background-color:#f8f8f8 !important;
}

.hr-form input {
	margin-bottom:15px;
}

.wpgmza_markerbox {
      	font-family: korolev, sans-serif;
  	font-weight: 600;
}

#left-area {
	padding-bottom:0px !important;
}

/* HOLIDAY STYLES  */
.holiday-drop #platform {
	background:url(https://us.moodmedia.com/wp-content/uploads/2016/08/selectarrow2.png) right center no-repeat #eee !important;
	padding:20px !important;
	margin-bottom:10px;
}

.holiday-drop ul li {
	transition:ease-in-out 0.3s;
	-ms-transition:ease-in-out 0.3s;
	-webkit-transition:ease-in-out 0.3s;
	-moz-transition:ease-in-out 0.3s;
	-o-transition:ease-in-out 0.3s;
    list-style: none;
	padding:5px 5px 5px 10px;
	margin-left:-15px;
}

.holiday-drop ul li:hover {
	background-color:#eee;
}

#holiday-sound .et_audio_container h2 {
	margin:0px;
	font-size:18px !important;
        line-height:18px !important;
}

#sideform input, #sideform select {
	margin-bottom:10px;
}

/* MESSAGING PLAYERS AND PAGE STYLES */
.msgaudio .wp-audio-playlist {
    border:none;
    padding:0px;
}

.msgaudio .wp-playlist-current-item {display:none;}

.msgaudio .wp-playlist-item,.msgaudio .wp-playlist-item-length {
    border-bottom:0px;
    padding:5px 10px;
}

.msgaudio .wp-playlist-playing {
    background:#eee !important;
}

.m-peep {
    float:left;
    width:20%;
    height:100%;
    padding-right:20px;
}

.mejs-track-artist {display:none !important;}
.mejs-track-title {font-size:24px !important;}

/* CASE STUDY DISPLAYS */
.cslinks ul li {
    text-decoration:underline;
    list-style:none;
}

.cslinks {column-count:2;}

.case-square img {
	transition:ease-in-out 0.3s;
	-webkit-transition:ease-in-out 0.3s;
	-ms-transition:ease-in-out 0.3s;
	-moz-transition:ease-in-out 0.3s;
	-o-transition:ease-in-out 0.3s;
	opacity:1;
}

.case-square img:hover {
	opacity:0.7;
	cursor: pointer;
}


/* MOOD FOOTER  */
.mood-foot ul {
    list-style:none;
    color:#ccc;
    list-style-type: none;
    padding:0;
    margin-bottom:30px;
}

.mood-foot ul ul {
    padding-left:20px;
    color:#999;
    margin-bottom:0px;
}

.mood-foot-links a {color:#999;}
.mood-foot-links a:hover {color:#fff;}
#main-footer h2 {padding-top:50px;}

/* COMBINED STYLE SHEETS  */

/* ALL MEDIA SIZES */

@media screen and (min-width: 1800px) {
	.giant h1 {font-size:120px !important;line-height:107px !important;}
	.giant {font-size:55px;line-height:47px;}
}

@media only screen and (min-width: 1024px) and (max-width: 1150px) {
    .new-hero {font-size:70px;line-height:60px;}
	.euro {line-height:100%;}
}

@media only screen and (max-width:1024px) {
    .featherlight .featherlight-content {margin-left: 10px;margin-right: 10px;max-height: 98%;padding: 10px 10px 0;border-bottom: 10px solid transparent}
}

@media only screen and (min-width: 959px) and (max-width: 1024px) {
	.et_menu_container {width:90%;}
}

@media only screen and (min-width: 769px) and (max-width: 1150px) {
    .homeintro {font-size:120px;}
	.euro {line-height:100%;}
}

@media only screen and (max-width: 769px) {
    .homeintro {font-size:100px;}
	.euro {line-height:100%;}
}

@media only screen and (max-width: 768px) {
    .homeintro {font-size:75px; letter-spacing:2px;}
	.euro {line-height:100%;}
}

@media only screen and (max-width: 667px) {
    .homeintro {font-size:60px; letter-spacing:2px;line-height:100px;}
	.new-hero {font-size:42px;line-height:40px;}.euro {line-height:100%;}
}

@media only screen and (device-width : 414px) and (device-height : 896px) {
	.new-hero {font-size:70px;line-height:60px;}
	.homeintro {font-size:80px; letter-spacing:2px;line-height:100px;}
	.euro {line-height:100%;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .new-hero {font-size:60px;line-height:50px;}
    .new-hero-ext {font-size:50px;line-height:48px;}
    .new-jump, .new-jump-b, .new-jump-c, .new-jump-d {font-size:14px;}
	.euro {line-height:100%;}
}

@media screen and (max-width: 767px) {
    .new-hero {font-size:53px;line-height:48px;} 
    .new-hero-ext {font-size:48px;line-height:43px;} 
	.logo_container {width:80% !important;}
    .new-jump, .new-jump-b, .new-jump-c, .new-jump-d {font-size:12px;margin:6px;}
	.mobile-hdn {display:none !important;}.euro {line-height:100%;}
	h1 {font-size:34px;line-height:30px;}
	h2 {font-size:30px !important;line-height:30px !important;}
	.bottom-nav {padding-top:70px;}
	.mood-sticky {display:none;}
	.mood-404 {background-size:contain;}
}

/* MOBILE MAKE MENU STICKY */
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
		position: fixed !important;
	}
	.et_mobile_menu {
		overflow: scroll !important;
		max-height: 83vh;
	}
}

/* STICKY FOOTER */
@media (min-width: 981px) {
.sticky-footer {display:none;}
}

@media (max-width: 980px) {
.sticky-footer {
	display:block;
	position:fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color:rgba(0,0,0, 0.6);
	color: white;
	text-align: center;
	z-index:9999999;
	padding:25px 0;
	}
}

/* STICKY FOOTER BUTTON */
#sticky-foot-style a {
    background: rgb(255,153,3) !important;
    background: linear-gradient(39deg, rgba(255, 153, 3, 1), rgba(205, 16, 47, 1)) !important;
	border:none !important;
    border-radius:30px;
    color:#fff !important;
    padding:10px 15px !important;
	font-family: korolev, sans-serif;
	text-align: center;
  	font-weight: 500;
	font-size:14px !important;
    transition:ease-in-out 0.2s;
	-moz-transition:ease-in-out 0.2s;
	-ms-transition:ease-in-out 0.2s;
	-o-transition:ease-in-out 0.2s;
	-webkit-transition:ease-in-out 0.2s;
}

#sticky-foot-style a:hover {
    padding:10px 18px !important;
}

/* Move Phone and Socials to the Right */
@media only screen and (min-width: 768px) {
    #et-info { float:right !important; }
}

/* Equalize module column heights in a row */
.flex-SameSize .et_pb_column_1_4{display: flex;}

/* Edit Contact Sales Menu Item */
li#menu-item-2151 a {
    background: rgb(255,153,3) !important;
    background: linear-gradient(39deg, rgba(255, 153, 3, 1), rgba(205, 16, 47, 1)) !important;
	border:none !important;
    border-radius:30px;
    color:#fff !important;
    padding:10px 15px !important;
	font-family: korolev, sans-serif;
	text-align: center;
  	font-weight: 500;
	font-size:14px !important;
    transition:ease-in-out 0.2s;
	-moz-transition:ease-in-out 0.2s;
	-ms-transition:ease-in-out 0.2s;
	-o-transition:ease-in-out 0.2s;
	-webkit-transition:ease-in-out 0.2s;
}

li#menu-item-2151 a:hover {
    padding:10px 18px !important;
}

.mbuttonSMB a {
	border:0px solid #000 !important;
    border-radius:30px;
    background: rgb(255,153,3) !important;
    background: linear-gradient(180deg, rgba(97, 20, 86, 1), rgba(205, 16, 47, 1)) !important;
    color:#fff !important;
    padding:11px 15px !important;
	font-family: korolev, sans-serif;
	font-weight:bold !important;
	text-align: center;
  	font-weight: 500;
	font-size:18px !important;
    transition:ease-in-out 0.2s;
	-moz-transition:ease-in-out 0.2s;
	-ms-transition:ease-in-out 0.2s;
	-o-transition:ease-in-out 0.2s;
	-webkit-transition:ease-in-out 0.2s;
}


.mbuttonSMB a:hover {
    padding:10px 18px !important;
	opacity:1 !important;
	color:#fff !important;
	border:1px solid #cd102f !important;
	background:#cd102f !important;
}



.et-fixed-header li#menu-item-2151 a {color:#fff !important;}
.et-fixed-header li#menu-item-43627 a {color:#fff !important;}
.et-fixed-header li#menu-item-42614 a {color:#fff !important;}

/*change hamburger icon to x when mobile menu is open*/
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}

/*adjust the new toggle element which is added via jQuery*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}

/*some code to keep everyting positioned properly*/
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}

/*remove default background color from menu items that have children*/
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*hide the submenu by default*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}

/*show the submenu when toggled open*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}

/*adjust the toggle icon position and transparency*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}

/*submenu toggle icon when closed*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\35';
	color: #000;
	background: #fff;
	border-radius: 50%;
	padding: 3px;
}

/*submenu toggle icon when open*/
ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32';
}

/*add point on top of the menu submenu dropdown*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}

/*adjust the position of the hamburger menu*/
.mobile_menu_bar {
	position: relative;
	display: block;
	/*bottom: 10px;*/
	line-height: 0;
}

/*force the background color and add a rounded border*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff !important;
	border-radius: 10px;
}

/****** Lightbox Styling *******/
[class*="lightbox-trigger-"] {cursor:pointer;}
[class*="lightbox-content-"] {position:relative; z-index: unset !important;}
[class*="lightbox-content-"] .mfp-close {color:#999999 !important;}
[class*="lightbox-content-"] .mfp-close:active {top:0px !important;}


/* SMB Page Versus Table */
.versus-tb {width:100%;text-align:left;}
.versus-row {width:100%;float:left;padding:15px;border-bottom:solid 2px #eeeeee;}
.vs-1 {background:#eeeeee;text-align:center;}
.versus-60 {width:60% !important;float:left;}
.versus-20 {width:20%;float:left;text-align:center;}

@media screen and (max-width: 767px) {
    .versus-tb {font-size:11px;line-height:14px;}
	.versus-60 {width:40% !important;}
    .versus-20 {width:30% !important;}
}