/*
Theme Name:   MOG
Theme URI:    http://example.com/twenty-fifteen-child/
Description:  Click Mag Child Theme
Author:       MVP Themes
Author URI:   https://themeforest.net/user/mvpthemes/portfolio
Template:     click-mag
Version:      1.01.0
License:      GNU General Public License v3 or later
License URI:  http://www.gnu.org/licenses/gpl-3.0.html
Tags:         two-columns, custom-background, custom-colors, custom-menu, featured-images, theme-options, threaded-comments, translation-ready
Text Domain:  click-mag-child
*/

/*Intetstitiel*/

#sas-interstitial {
    width: auto !important;
    max-width: 870px;
}
#sas-interstitial a img {
    height: auto !important;
}

/* Web Radios */
	#mvp-fly-wrap-right {
		display:none;
		-webkit-transition: opacity 600ms, visibility 600ms;
		transition: opacity 600ms, visibility 600ms;
		opacity: 0;
		}
	.mvp-fly-wrap-right-visibility{
		display: block !important;
		opacity:1 !important;
	}
/* Fin Web Radios */

.mvp-blog-col-text .mvp-blog-author {
display: none;
}
.mvp-blog-col-text span.mvp-blog-date {
    margin-left: 0 !important;
}

	#promo {
		margin-top:10px;
		margin-bottom:40px;
	}

.mog-archive .mvp-side-widget:first-child .mvp-widget-ad {
    margin-top: 0px !important;
}
.mog-single-agenda #mvp-author-box-wrap,
.mog-single-agenda #mvp-ad-rel-wrap,
.mog-single-agenda .mvp-post-tags,
.tab-community{
	display: none !important;
}


#respond #submit {
    padding: 10px 15px !important;
    width: auto !important;
}


iframe.leaderboard{
	max-width: 728px !important;
	max-height: 90px !important;
	width: 100vw !important;
    height: 12.36vw !important; /* 100/56.25 = 560/315 = 1.778 */
    background: #ffffff;
	display:block;
	margin-left: auto;
	margin-right:auto;
}

.navbar-nav.navbar-right {
    transition: background-color 0.2s ease-in-out 0s;
}

.navbar-nav.navbar-right > li {
	float: left;
	color: #444444;
}
.navbar-nav.navbar-right > li > a {

	display: inline-block;
	color: #444444;
    border-left: 1px solid #e8e8e8;
    text-align: center;
    transition: background-color 0.2s ease-in-out 0s;
    min-width: 45px;
height: 52px;
font-size: 14px;
}

.navbar-nav > li > a {
/*    line-height: 58px; */
	padding-left: 10px;
	padding-right: 10px;
	color: #777;
}

.navbar-nav.navbar-right > li > a > i {
font-size: 18px;
margin-top: 12px;
}
.navbar-nav.navbar-right > li > a > span {
font-size:9px;
}

.navbar-nav.navbar-right > li > a:hover {
background-color: #333;
color: #fff !important;
    transition: background-color 0.2s ease-in-out 0s;

}



.navbar-nav.navbar-right > li.direct > a {

}
.navbar-nav.navbar-right > li.direct > a > span{
font-size:14px !important;

}

.mvp-fly-but-wrap span:nth-child(1),.mvp-fly-but-wrap span:nth-child(2),.mvp-fly-but-wrap span:nth-child(3),.mvp-fly-but-wrap span:nth-child(4) {
    width: 30px;
}

.mvp-nav-left-in {
    margin-left: 250px !important;
}
.mvp-nav-right-in {
    margin-right: 150px;
}
#mvp-nav-right {
    width: 150px !important;
}
.mvp-home-head-toggle-list li i {
    color: #333;
    display: inline-block;
    font-size: .9rem;
}
.mvp-home-head-toggle-list li a {
    color: #333;
}


.onair_titre{
	display: inline-block;
	margin-left:20px;
	font-family: 'Work Sans', sans-serif;
	font-size:14px;
}
.onair_artiste{
font-size: 17px;
font-weight: bold;
}

.mvp-home-head-toggle-list {
    font-size: 0;
    margin-bottom: 5px;
    text-align: left;
    width: 100%;
}

#mvp-nav-soc-list {
    width: auto !important;
}


.trackTitle { text-shadow: 1px 1px 5px rgba(0, 0, 0, 1); }
.trackSinger { text-shadow: 1px 1px 5px rgba(0, 0, 0, 1); }
div.DSSinglePlayer {
    border-radius: 7px !important;
}


.type-horoscope #mvp-content-main { min-height: 900px;}

#mvp-content-main .programme ul {
    margin: 0px 0 !important;
}

#mvp-content-main .programme ul li, #mvp-content-main .programme ol li {
    margin-left: 0px !important;
    padding: 0px 0px !important;
}

ul#playlist{
  padding: 0px !important;
margin-top: 30px;
}
ul#playlist li{
	  transition: all 1s linear;
    padding-right:30px;
	overflow:hidden;
  float:left;
  display:inline;
  width: 170px;
    height: 230px;
	margin-left: 20px !important;
}

ul#playlist li .infos{
  font-size:12px;
  line-height:13px;
  margin-top:5px;
  font-family: Helvetica, Arial, sans-serif !important;

}

ul#playlist li .cover{
	  position : relative;
  width: 170px;
    height: 170px;
	cursor:pointer;
}

ul#playlist li .cover img {
    width: 170px;
    height: 170px;
    transition: all 1s linear;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}
ul#playlist li .play{
	position : absolute;
	z-index:100;
	width: 170px;
	height: 170px;
	top: 0;
	opacity: 0;
	background-image: url(https://dev2.mediaonegroup.ch/wp-content/themes/mog-child/HOVER.png);
 transition: opacity .25s ease-in-out;
 -moz-transition: opacity .25s ease-in-out;
 -webkit-transition: opacity .25s ease-in-out;
}
ul#playlist li .heure{
	position : absolute;
	z-index:50;
	bottom: 5px;;
	right: 5px;
}
ul#playlist li .heure span{
color: #FFF;
background-color:#000;
display:inline-block;
padding-left:5px;
padding-right:5px;
font-size:12px;

}
ul#playlist li:hover .play{
 display: block;
 transition: opacity .25s ease-in-out;
 -moz-transition: opacity .25s ease-in-out;
 -webkit-transition: opacity .25s ease-in-out;
 opacity:1;
 }


.derniers_titres_replay {
background-color: #f1f1f1;
padding:10px;
font-family: 'Work Sans', sans-serif;
font-size: 1.6rem;
line-height: 120%;
font-weight:500;

}

input[type="text"],input[type="submit"], input[type="email"], .input[type="url"], input[type="password"], input[type="search"], select, textarea, button {
    border-color: #9c9c9c;
    padding: .7em .5em;
background: 0 0;
border: 1px solid silver;
    border-top-color: silver;
    border-right-color: silver;
    border-bottom-color: silver;
    border-left-color: silver;
padding: .5em;
font-size: 1em;
line-height: normal;
outline: 0;
margin: 0;
height: auto;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
display: inline-block;

}




.hero-box.hero-box-effect-goliath h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    font-family: 'Work Sans', sans-serif !important;
}
.hero-box.hero-box-effect-goliath p .herocaption {

    font-family: 'Work Sans', sans-serif !important;

}

.edn-position-right.ednpro-open-panel .ednpro-top-panel-open {
    background-image: url("https://onefm.mediaonegroup.ch/wp-content/themes/mog-child/close.png");
    background-size: 30px auto;
    height: 30px;
    padding: 0;
    right: 384px;
    top: 10px;
    width: 30px;
    z-index: 10000;
}






/************************************************
	16. Fly-Out Web Radios (right)
************************************************/

#mvp-fly-wrap-right {
	background: #fff;
	overflow: hidden;
	position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		margin-right: -370px;
	-webkit-transition: -webkit-transform 0.25s ease;
   -moz-transition: -moz-transform 0.25s ease;
	-ms-transition: -ms-transform 0.25s ease;
	 -o-transition: -o-transform 0.25s ease;
	transition: transform 0.25s ease;
	width: 370px;
	height: 100%;
	z-index: 999999;
  	}
.mvp-fly-wrap-right-visibility{
}
.mvp-fly-fade-right {
	background: #222;
	cursor: pointer;
	opacity: 0;
	width: 100%;
	position: fixed;
		top: 0;
		left: 0;
	z-index: 99999;
	}

.mvp-fly-fade-trans-right {
	opacity: .6;
	height: 100%;
	}

#mvp-fly-menu-top-right {
	width: 100%;
	height: 60px;
	}

.mvp-fly-but-menu-right {
	float: left;
	margin-left: 15px;
	position: relative;
	}

.mvp-fly-menu-right {
	-webkit-transform: translate3d(-370px,0px,0px) !important;
	   -moz-transform: translate3d(-370px,0px,0px) !important;
	    -ms-transform: translate3d(-370px,0px,0px) !important;
	     -o-transform: translate3d(-370px,0px,0px) !important;
		transform: translate3d(-370px,0px,0px) !important;
	}

.mvp-fly-top-out-right {
	margin-right: -60px;
	width: 100%;
	}

.mvp-fly-top-in-right {
    float: right;
    margin-top: 16px;
    width: 75%;
}
.mvp-fly-top-in-right span {
font-size: 25px;
}

#mvp-fly-logo-right img {
	line-height: 0;
	}

.mvp-fly-but-wrap-right span:nth-child(1),.mvp-fly-but-wrap-right span:nth-child(2),.mvp-fly-but-wrap-right span:nth-child(3),.mvp-fly-but-wrap-right span:nth-child(4) {
    width: 30px;
}

.mvp-fly-content-right,
.mvp-nav-over-right {
	-webkit-transform: translate3d(370px,0,0) !important;
	   -moz-transform: translate3d(370px,0,0) !important;
	    -ms-transform: translate3d(370px,0,0) !important;
	     -o-transform: translate3d(370px,0,0) !important;
		transform: translate3d(370px,0,0) !important;
	}

.mvp-fly-top-right {
	background: #fff;
	border: 1px solid #222;
	-webkit-border-radius: 5px;
		border-radius: 5px;
	cursor: pointer;
	overflow: hidden;
	position: fixed;
		right: 15px;
		bottom: 0;
	-webkit-transition: all .3s;
		transition: all .3s;
	width: 50px;
	height: 50px;
	z-index: 500;
	}

.mvp-fly-top-right {
	-webkit-transform: translate3d(0,100px,0);
	   -moz-transform: translate3d(0,100px,0);
	    -ms-transform: translate3d(0,100px,0);
	     -o-transform: translate3d(0,100px,0);
		transform: translate3d(0,100px,0);
	}

.mvp-to-top-right {
	-webkit-transform: translate3d(0,-15px,0);
	   -moz-transform: translate3d(0,-15px,0);
	    -ms-transform: translate3d(0,-15px,0);
	     -o-transform: translate3d(0,-15px,0);
		transform: translate3d(0,-15px,0);
	}

.mvp-fly-top-right i {
	font-size: 40px;
	line-height: 100%;
	position: absolute;
		top: -3px;
		left: 12.1px;
	}

span.mvp-fly-top-text-right {
	font-family: 'Work Sans', sans-serif;
	font-size: 8px;
	font-weight: 600;
	line-height: 100%;
	position: absolute;
		bottom: 11px;
		left: 10.5px;
	text-transform: uppercase;
	}

.mvp-fly-top-right i,
span.mvp-fly-top-text-right {
	color: #222;
	}

.mvp-fly-top-right:hover i,
.mvp-fly-top-right:hover span.mvp-fly-top-text-right {
	color: #fff;
	}

#mvp-fly-menu-wrap-right {
	overflow: hidden;
	position: absolute;
		top: 60px;
		left: 0;
	width: 100%;
	height: 100%;
	}

nav.mvp-fly-nav-menu-right {
	-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	overflow: hidden;
	position: absolute !important;
	bottom:60px;
	top:0px;
	left:0px;
	right: 0px;
	height:auto;
	}

nav.mvp-fly-nav-menu-right ul {
	float: left;
	position: relative;
	width: 100%;
	}

nav.mvp-fly-nav-menu-right ul div.mvp-mega-dropdown-right {
	display: none;
	}
.mvp-fly-but-wrap-right span,
.mvp-search-but-wrap span {
	display: block;
	position: absolute;
		left: 0;
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	     -o-transform: rotate(0deg);
		transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	   -moz-transition: .25s ease-in-out;
	    -ms-transition: .25s ease-in-out;
	     -o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	height: 3px;
	}

.mvp-search-but-wrap span {
	top: 27px;
	}

.mvp-fly-but-wrap-right span:nth-child(1) {
	top: 20.5px;
	width: 30px;
	}

.mvp-fly-but-wrap-right span:nth-child(2),
.mvp-fly-but-wrap-right span:nth-child(3) {
	top: 28.5px;
	width: 24px;
	}

.mvp-fly-but-wrap-right span:nth-child(4) {
	top: 36.5px;
	width: 18px;
	}

.mvp-fly-but-wrap-right.mvp-fly-open-right span:nth-child(1),
.mvp-fly-but-wrap-right.mvp-fly-open-right span:nth-child(4) {
	top: 24px;
	left: 50%;
	width: 0%;
	}

.mvp-fly-but-wrap-right.mvp-fly-open-right span:nth-child(2),
.mvp-search-but-wrap span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
		transform: rotate(45deg);
	width: 30px;
	}

.mvp-fly-but-wrap-right.mvp-fly-open-right span:nth-child(3),
.mvp-search-but-wrap span:nth-child(2) {
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	width: 30px;
	}
.mvp-fly-but-wrap-right {
    cursor: pointer;
    height: 60px;
    width: 30px;
}

.mvp-fly-but-menu-rightio {
	width: 30px !important;
}
.mvp-fly-but-wrap-right span {
    background: #444444 none repeat scroll 0 0;
}

ul#mvp-fly-wrap-right-selection{
    margin-top: 30px;
    padding: 0;
}
ul#mvp-fly-wrap-right-selection li{
display: inline-block;
    float: left;
    height: 140px;
    margin: 0 0 17px 8%;
    overflow: hidden;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0;
    text-align: center;
    transition: all 1s linear 0s;
    width: 140px;
}

ul#mvp-fly-wrap-right-selection li .cover{
	  position : relative;
  width: 140px;
    height: 140px;
	cursor:pointer;
}

ul#mvp-fly-wrap-right-selection li .cover img {
    width: 140px;
    height: 140px;
    transition: all 1s linear;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}
ul#mvp-fly-wrap-right-selection li .play{
	position : absolute;
	z-index:100;
	width: 140px;
	height: 140px;
	top: 0;
	opacity: 0;
	background-image: url(https://dev2.mediaonegroup.ch/wp-content/themes/mog-child/HOVER.png);
	background-size: 140px auto;
 transition: opacity .25s ease-in-out;
 -moz-transition: opacity .25s ease-in-out;
 -webkit-transition: opacity .25s ease-in-out;
}
ul#mvp-fly-wrap-right-selection li:hover .play{
 display: block;
 transition: opacity .25s ease-in-out;
 -moz-transition: opacity .25s ease-in-out;
 -webkit-transition: opacity .25s ease-in-out;
 opacity:1;
 }

.beautiful-taxonomy-filters {
    border-bottom: 0 solid #ccc !important;
    display: block;
    margin: 0 0 20px !important;
    padding: 0 !important;
    width: 100%;
}

.beautiful-taxonomy-filters-select-wrap {
    float: left;
    width: 75%;
	margin-bottom:20px;
}
.select2-container--default {
width: 100% !important;
margin-top: 5px;
}
.beautiful-taxonomy-filters-button {
  width: 10%;
  text-align:center;
    float: right;
	color: #fff !important;
}

.horoscope .vc_grid.vc_row .vc_grid-item {
    display: inline-block !important;
}

.whatsapp{
display: none;
width: 60px;
height: 60px;
position:fixed;
bottom: 20px;
left: 20px;
z-index: 10000;
}

.justify p {
text-align: justify !important;
}

.mog-ads-no-margin .single .mvp-side-widget:first-child .mvp-widget-ad {
  margin-top: 0px !important;
}

#mvp-side-wrap .mvp-widget-ad {
  padding: 0 !important;
}

/*
.mvp-blog-col-img img {
    max-height: 190px;
}
*/
#mvp-nav-soc {
    width: 60px;
}

/* MENU COMPTE */

.account {
    position: relative;
    display: inline-block;
}

.account-content {
    background: #fff none repeat scroll 0 0;
    box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.15);
    display: none;
    min-width: 160px;
    position: absolute;
    right: -5px;
    top: 60px;
    z-index: 1;
}

.account-content a {
    text-decoration: none;
    display: block;
    width: 160px;
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    color: #444;
    float: left;
    font-size: 12px;
    padding: 12px 20px;
}
.account-content a::after {
border-color: #444444 transparent transparent;
}
.account-content a:hover {background-color: #f1f1f1}

.account:hover .account-content {
    display: block;
}

.mvp-nav-search-but.fa.fa-user.fa-2 {
    display: initial !important;
}

/* FIN MENU COMPTE */

/* DIVERS */

#mvp-nav-menu {
    max-width: 602px;
}

#mvp-main-content-wrap {
    border-top: 0 solid #ddd;
}

.h400 {
    height: 150px;
}



.h400 h3{
    border-radius: 0;
    color: #fff !important;
    display: inline-block;
    font-size: 16px !important;
    line-height: 0;
    margin-bottom: 0px !important;
    padding: 15px 10px !important;
    text-align: center;
		font-family: Raleway;
}

.hero-box.hero-box-effect-goliath p .herocaption {
	margin-top:5px;
    background-color: #000 !important;
    color: #FFF !important;
    display: inline-block !important;
    text-align: center !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    font-family: Raleway;
    font-size: 15px;
}

.hero-box.hero-box-effect-goliath p {
    text-align: center !important;
    padding-top: 10px !important;
    height: 50px !important;
    background-color: #FFF !important;
}

.hero-box h3, .hero-box p {
    line-height: 12px;
}

.hero-box figcaption * {
    z-index: 2;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#player { top: auto !important; left: auto !important; }

.mvp-blog-col-img{
	height:200px;
}




.center-div {
	margin: 0 auto;
	text-align: center;
}

.col-1{
	display:inline;
	width:65%;
	float: left;
}

.col-2{
	width:35%;
	display:inline;
	float: right;
}

.btn-download-1{
	width:48%;
	float: left;
}

.btn-download-2{
	width:48%;
	float: right;
}

.wrap-btn-download {
	margin-top:35px;
	width:45%;
}

.logo_footer {
	width: 100%;
}

.logo_groupe {
	display: inline-block;
	width: 5%;
	margin-right: 15px;
}

.logo_groupe_lfm {
	display: inline-block;
	width: 3%;
	margin-right: 15px;
}

.logo_groupe_lfmtv {
	display: inline-block;
	width: 4%;
	margin-right: 15px;
}

.link-white {
	color: #ffffff !important;
}


.link-white:hover {
	color: #ffffff !important;
}



.back-to-top{
    right: 28px !important;
}

.mvp-to-top {
    right: 28px !important;
    bottom: 80px !important;
}


#mvp-leader-wrap.leaderboard {
	margin-top: 10px;
	margin-bottom: 20px;
	padding-top:5px;
	padding-bottom:5px;
	position:-webkit-sticky;
	position:sticky !important;
	top:0;
	z-index:20;
	background:white !important;
}

#mvp-nav-menu ul li ul.sub-menu {
	background: #fff;
	-webkit-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.15);
	   -moz-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.15);
	    -ms-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.15);
	     -o-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.15);
		box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.15);
	position: absolute;
		top: 60px;
		left: 0;
	max-width: 200px;
	-webkit-transition: -webkit-transform 0.3s;
	   -moz-transition: -moz-transform 0.3s;
	    -ms-transition: -ms-transform 0.3s;
	     -o-transition: -o-transform 0.3s;
		transition: transform 0.3s;
	-webkit-transform: translateY(-999px);
	   -moz-transform: translateY(-999px);
	    -ms-transform: translateY(-999px);
	     -o-transform: translateY(-999px);
		transform: translateY(-999px);
	width: auto;
	z-index: 1;
}

#cn-accept-cookie.button-cookie, #cn-more-info.button-cookie {
	background:  #DC0814;
	color: #fff;
}