/*
 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:       Divi2020
 Version:        4.5.3
*/

@import url("../Divi2020/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 {
  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;
}


/* MMINT SITES EDIT for Special Characters, Line Height Adjust */


.euro {line-height:100%;}


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

/* SIDE CONTACT BUTTON */

.mood-sticky {
clear:both;
margin-left:-40px !important;
position:fixed;
left:0px;
top:240px;
font-size:16px;
color:#fff;
padding:20px;
background:#cd102f;
z-index:99999;
-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
border-radius:0px 0px 10px 10px;
transition:ease-in-out 0.3s;
}

.mood-sticky:hover {
    background:#232323;
    color:#cd102f;
}


/* MOOD COLOR PALETTE */


.white {
   color:#fff;
}

.moodred {
   color:#cd102f;
}

.moodgrey {
   color:#232323;
}

.moodblue {
	color:#5bc4ba;
}

.moodgreen {
	color:#aed55b;
}

.moodpurple {
	color:#611456;
}


/*--- Embedded Video Responsive - OBSOLETE - MAY BE SOME LEFT IN PAGES */

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


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

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


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


/*---- 404 Page ---*/

.mood-404 {
	width:100%;
	height: 75vh;
	margin:0;
	text-align: center;
	background:url(https://us.moodmedia.com/assets/404.jpg) top center no-repeat;
}

.mood-404-inside {
	height:80%;
	padding-top:20%;
}
	
.mood-404-inside img {
	padding-top:30px;
		
}
	
.mood-404-inside img:hover {
	cursor: pointer;
}



/* COMBINED STYLE SHEETS  */

/* FEATHERLIGHT */

@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
    }
	
	
}

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


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