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

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

/* =Theme customization starts here

------------------------------------------------------- */

/* FONTS */

@import url("../../../../use.typekit.net/ejx0hzn.css");
/*@font-face {
font-family:"korolev";
src:url("https://use.typekit.net/af/44b9c0/00000000000000003b9b1a21/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"),url("https://use.typekit.net/af/44b9c0/00000000000000003b9b1a21/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"),url("https://use.typekit.net/af/44b9c0/00000000000000003b9b1a21/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
font-display:swap;font-style:italic;font-weight:300;font-stretch:normal;
}*/
@font-face {
	font-display: swap !important;
}
body {
  	font-family: korolev, sans-serif;
  	font-weight: 500;
	font-display: swap;
}

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 {
  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;
}

.divider-head {
    color:#fff;
   width:70%;
   margin:auto;
   padding:50px 0px;
   text-align:center;
}

.white {
   color:#fff;
}

.moodred {
   color:#cd102f;
}

.moodgrey {
   color:#232323;
}

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

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

.headmain {
	width:90%;
	color:#fff;
	margin:auto;
    padding:0px 0px 0px 0px;
	text-align:center;
}

.headmain p {
	width:70%;
	margin:auto;
	font-size:18px;
	line-height:24px;
}

.homeanimation {
	width:65%;
	margin-bottom:0px;
	-webkit-filter: drop-shadow(5px 5px 5px #000);
    filter: drop-shadow(1px 1px 10px #000);
}

.headrule {
	width:45%;
	margin:-30px 28.75% 0px 27.25%;
	padding-bottom:35px;
}

.line1 {
	font-size:56px;
	line-height:56px;
	text-transform:uppercase;
	width:100%;
	float:left;
	margin-top:-30px;
    color:#cd102f;
	text-shadow: 0px 0px 4px #333;
}

.line2 {
	font-size:93px;
	line-height:76px;
	text-transform:uppercase;
	width:100%;
	float:left;
	margin-top:0px;
	color:#cd102f;
	padding-bottom:100px;
	text-shadow: 0px 0px 4px #333;
}

.callout-full {
	width:75%;
	margin:auto;
	color:#fff;
	font-weight:normal;
	text-align:center;
	font-size:24px;
	padding:50px 0px;
}

.typed-cursor {
	transition:ease-in-out 0.3s;
	-o-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;
}

/*--- Embedded Video Responsive */

.embed-container {
     height: 0px;
     overflow: hidden;
     padding-bottom: 56.25%;
     padding-top: 0px;
     position: relative;
	 box-shadow:0px 0px 5px #666;
}	

.embed-container iframe, .embed-container object, .embed-container embed {
     height: 100%;
     left: 0px;
    position: absolute;
     top: 0px;
     width: 100%;
}

.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;}

#firstcontact {
	border-right:thin solid #fff;
}

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

@media only screen and (min-width: 768px) and (max-width: 968px) {
	#scentmainblurb {margin-bottom:-50px;}
	#firstcontact {border-right:none;}
}

@media screen and (max-width: 700px) {
	.line1 {font-size:33px;line-height:30px;color:#fff;}
	.line2 {font-size:55px;line-height:46px;color:#fff;}
	h1 {font-size:34px;line-height:30px;}
	h2 {font-size:30px !important;line-height:30px !important;}
	.bottom-nav {padding-top:70px;}
	#firstcontact {border-right:none;}
	.headmain {width:100%;overflow:hidden;}
	.headmain img {width:120%;}
	#scentmainblurb {margin-bottom:-50px;}
}



/* 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;
}

.submit-button {
	background:#cd102f !important;
	color:#fff;
	font-family: korolev, sans-serif;
  	font-weight: 600;
	font-size:18px !important;
	text-transform:uppercase;
	padding:10px 0px 35px 0px !important;
	transition:ease-in-out 0.3s;
	-moz-transition:ease-in-out 0.3s;
	-ms-transition:ease-in-out 0.3s;
	-o-transition:ease-in-out 0.3s;
	-webkit-transition:ease-in-out 0.3s;
}

.submit-button-style {
	background:#cd102f !important;
	color:#fff;
	font-family: korolev, sans-serif;
  	font-weight: 600;
	font-size:18px !important;
	text-transform:uppercase;
	padding:12px 0px 12px 0px !important;
	transition:ease-in-out 0.3s;
	-moz-transition:ease-in-out 0.3s;
	-ms-transition:ease-in-out 0.3s;
	-o-transition:ease-in-out 0.3s;
	-webkit-transition:ease-in-out 0.3s;
}

#submit {
	background:#cd102f !important;
	color:#fff;
	font-family: korolev, sans-serif;
  	font-weight: 600;
	font-size:18px !important;
	text-transform:uppercase;
	padding:10px 0px 10px 0px !important;
	transition:ease-in-out 0.3s;
	-moz-transition:ease-in-out 0.3s;
	-ms-transition:ease-in-out 0.3s;
	-o-transition:ease-in-out 0.3s;
	-webkit-transition:ease-in-out 0.3s;
}

.submit-button:hover, #submit:hover {
	background:#232323 !important;
	cursor:pointer;
}

.submit-button-style:hover, #submit:hover {
	background:#232323 !important;
	cursor:pointer;
}

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

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

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

.inthenews-single {
	padding-bottom:30px;
    float:left;
	width:100%;
}

.inthenews h3 {
	margin-bottom:-10px;
}

.inthenews_btn {
	color:#cd102f !important;
	text-transform:uppercase;
	float:left;
	margin:10px 0px;
	padding:10px;
	border:thin solid #cd102f;
	border-radius:5px;
	background:url() center right no-repeat;
	transition:ease-in-out 0.2s;
	-webkit-transition:ease-in-out 0.2s;
	-ms-transition:ease-in-out 0.2s;
	-o-transition:ease-in-out 0.2s;
	-moz-transition:ease-in-out 0.2s;
}

.inthenewsp {
	width:100%;
	float:left;
}

.inthenews_btn:hover {
	cursor:pointer;
	padding:10px 25px 10px 10px;
	background:url(../../../../us.moodmedia.com/wp-content/uploads/2016/07/inthenewsarrow.html) center right no-repeat #f8f8f8;
}

#jobsearch {
	width:100%;
	height:900px;
}

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

.featherlight-iframe .featherlight-content {
	width:40%;
	min-width:450px !important;
	margin-top:50px;
}

.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;
}

/* POST META REMOVAL */
.post-meta {
display: none;
}

/* Holiday Dropdown  */

.holiday-drop #platform {
	background:url(../../../../us.moodmedia.com/wp-content/uploads/2016/08/selectarrow2.html) 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;
}

.red-button-callout {
	background:#cd102f;
	padding:15px 20px;
    width:250px;
	font-size:18px;
	color:#fff;
	text-align:center;
	border-radius:5px;
	transition:ease-in-out 0.3s;
	-moz-transition:ease-in-out 0.3s;
	-ms-transition:ease-in-out 0.3s;
	-webkit-transition:ease-in-out 0.3s;
	-o-transition:ease-in-out 0.3s;
}

.red-button-callout:hover {
	width:200px;
	cursor:pointer;
}

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

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

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

.front-number .percent-value {
    font-size:200px;
	font-family: korolev, sans-serif;
  	font-weight: 700;
}

.front-number h3 {
    padding-top:60px;
    font-size:30px;
}

.frontp p {
    font-size:12px;
    line-height:18px;
}

.frontp h3 {
}

.new-read-more {
    font-size:11px;
    font-family: 'Helvetica', sans-serif;
    color:#fff;
    letter-spacing: 5px;
    border-top:thin dotted #fff;
    width:80%;
    float:left;
    font-weight:800;
    padding-top:5px;
    transition:ease-in-out 0.2s;
    -webkit-transition:ease-in-out 0.2s;
    -o-transition:ease-in-out 0.2s;
    -ms-transition:ease-in-out 0.2s;
    -moz-transition:ease-in-out 0.2s;
    margin-bottom:30px;
}

.new-read-more:hover {
    color:#cd102f;
    letter-spacing: 6px;
}

.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;
}

.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-hero-ext {
    font-size:87px;
    line-height:70px;
    text-align:left;
}

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

.euro {line-height:100%;}


/* Messaging Audio Players */
.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;
}


.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;
}

/* COMBINED STYLE SHEETS  */


@media all {
    .featherlight {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 999;
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
        background: #333;
        background: rgba(0, 0, 0, 0)
    }

    .featherlight:last-of-type {
        background: rgba(0, 0, 0, .8)
    }

    .featherlight:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -.25em
    }

    .featherlight .featherlight-content {
        position: relative;
        text-align: left;
        vertical-align: middle;
        display: inline-block;
        overflow: auto;
        padding: 25px 25px 0;
        border-bottom: 25px solid transparent;
        min-width: 30%;
        margin-left: 5%;
        margin-right: 5%;
        max-height: 95%;
        background: #fff;
        cursor: auto;
        white-space: normal
    }

    .featherlight .featherlight-inner {
        display: block
    }

    .featherlight .featherlight-close-icon {
        position: absolute;
        z-index: 9999;
        top: 0;
        right: 0;
        line-height: 25px;
        width: 25px;
        cursor: pointer;
        text-align: center;
        font: Arial, sans-serif;
        background: #fff;
        background: rgba(255, 255, 255, .3);
        color: #000
    }

    .featherlight .featherlight-image {
        width: 100%
    }

    .featherlight-iframe .featherlight-content {
        border-bottom: 0;
        padding: 0
    }

    .featherlight iframe {
        border: 0
    }
}

@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: 1024px) and (max-width: 1150px) {
    .new-hero {font-size:70px;line-height:60px;}.euro {line-height:100%;}
}

@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;} 
    .front-number .percent-value {font-size:100px;} 
    .front-number h3 {font-size:24px;padding-top:20px;}
    .new-jump, .new-jump-b {font-size:12px;margin:6px;}
	 .mobile-hdn {display:none !important;}.euro {line-height:100%;}
}



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


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