/**
* BxSlider v4.1.2 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2014
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
position: relative;
margin: 0 auto 60px;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
/*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(../bundles/sedonaumfsitefront/css/i/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
left: 0;
}
.bx-wrapper .bx-next {
right: 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 0;
bottom: 0;
outline: 0;
background-color: rgba(0, 0, 0, 0.5);
width: 34px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a:after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 13px;
height: 23px;
content: '';
background: url(../bundles/sedonaumfsitefront/css/i/next.svg) no-repeat center center;
}
.bx-wrapper .bx-controls-direction a.bx-prev:after {
background-image: url(../bundles/sedonaumfsitefront/css/i/prev.svg);
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(../bundles/sedonaumfsitefront/css/i/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(../bundles/sedonaumfsitefront/css/i/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}
/* php app/console assets:install */
/* php app/console assetic:dump --env=dev */
/* php app/console cache:clear --env=dev */
/*
####### RESET #######
*/
html,body,img,ul,ol,li,em,strong,table,tr,th,td,hr,a,h1,h2,h3,h4,form,input,p,span,figure { margin:0; padding:0; list-style:none; font-weight:normal; font-style:normal; box-sizing: border-box; /*line-height: 1*/ }
img,a,input,textarea,table,tr,th,td,hr, button, a { border:none; outline: 0 }
a { text-decoration: none; display: block }
table { width: 100%; border-collapse: collapse; border-spacing: 0 }
.onload { opacity: .3 }
/*
####### STRUCTURE #######
*/
html,body { height: 100% }
.centerBtn { text-align: center; padding-top: 40px; clear: both;}
body { background: #373334;}
#hd { width: 1280px; margin: 0 auto; position: relative; overflow: hidden; -webkit-transition: width 350ms ease; transition: width 350ms ease }
#wp { width: 1280px; height: 100%; margin: 0 auto; position: relative; -webkit-transition: -webkit-filter 350ms ease, -webkit-filter 350ms ease; transition: -webkit-filter 350ms ease, -webkit-filter 350ms ease }
@media (min-width: 1300px){
#hd { left: 50%; margin-left: -640px }
}
@media (min-width: 1024px){
#hd { z-index: 199; position: fixed }
#ct { padding-top: 59px }
}
@media (max-width: 1300px) {
#hd, #wp { width: 100% }
}
#login { background: #373334; text-align: center; padding: 20px 5px; box-sizing: border-box; width: 220px; position: fixed; top: 0;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0); -webkit-transition: -webkit-transform 350ms ease 0s, width 350ms ease 0s, -webkit-filter 350ms ease 0s, filter 350ms ease 0s, opacity 350ms ease; transition: transform 350ms ease 0s, width 350ms ease 0s, -webkit-filter 350ms ease 0s, filter 350ms ease 0s, opacity 350ms ease; box-shadow:inset -20px 0 25px -10px rgba(0,0,0,.4) }
#login a { display: inline-block; color: #b9b5b6; -webkit-transition: color 350ms ease; transition: color 350ms ease }
#login a:hover { color: #f5f5f5 }
#login a:last-child { margin-right: -4px }
/*#login a:last-child::before { content: '-'; padding: 0 6px; color: #b9b5b6 }*/
#login.login_asLogged { background: #373334; text-align: left; padding: 0; height: 60px; overflow: hidden }
#login.login_asLogged a:before { content: ''; padding: 0; display: block; width: 100% }
#login.login_asLogged img { display: block; width: 60px; height: 60px; float: left; -webkit-transition: all 350ms ease; transition: all 350ms ease }
#login.login_asLogged p { float: left; font-size: 14px; line-height: 14px; padding: 25px 15px }
@media (max-width: 1024px) {
/*#login { width: 100px }*/
/*#login.login_asLogged { overflow: hidden; padding: 0; height: 100px }*/
/*#login.login_asLogged img { width: 100px; height: 100px; float: none }*/
/*#login.login_asLogged p { display: none }*/
/*#login a:last-child::before { padding: 0 6px 0 0 }*/
}
@media (max-width: 668px) {
#login {-webkit-transform: translateX(-220px);-ms-transform: translateX(-220px);transform: translateX(-220px); width: 220px }
#login.login_asLogged { height: 60px }
#login.login_asLogged img { width: 60px; height: 60px; float: left }
#login.login_asLogged p { display: inherit }
#login a:last-child::before { padding: 0 }
}
/* search */
#search { position: relative; display: block; vertical-align: middle; margin-left: 220px; -webkit-transition: all 350ms ease 0s; transition: all 350ms ease 0s }
#search input { width: 100%; height: 59px; background: #fff; padding: 20px 30px 18px; color: #000; font-size: 18px; line-height: 1.2 }
#search input::-webkit-input-placeholder, #search input:-moz-placeholder, #search input::-moz-placeholder, #search input:-ms-input-placeholder { line-height: 1; color: #878384 }
#search button { width: 21px; height: 21px; background: url('../bundles/sedonaumfsitefront/css/i/search.svg') no-repeat 0 0; position: absolute; top: 20px; right: 32px; cursor: pointer; -webkit-transition: -webkit-transform 350ms ease; transition: transform 350ms ease }
.ie678 #search button {background: url('../bundles/sedonaumfsitefront/css/i/search.png') no-repeat 0 0 }
#search:hover button { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
#search_close { display:none; position:absolute; top:0; right:0; width:60px; height:60px; background:#fff url('../bundles/sedonaumfsitefront/css/i/search_close.svg') 0 0 no-repeat;}
.ie678 #search_close { background:#fff url('../bundles/sedonaumfsitefront/css/i/search_close.png') 0 0 no-repeat }
body.withSearch #search_close { display: block; }
@media (max-width: 1024px) {
/*#search { margin-left: 100px }*/
}
@media (max-width: 678px) {
#search { margin-left: 0 }
}
#nav { position: fixed; top: 59px; bottom: 0; width: 220px; background: #231f20; -webkit-transition: width 350ms ease, left 350ms ease-out, -webkit-transform 350ms ease; transition: width 350ms ease, left 350ms ease-out, transform 350ms ease; box-shadow:inset -20px 0 25px -10px rgba(0,0,0,.4); z-index: 100 }
#nav_h { margin: 46px auto 56px auto; height: 90px; text-align: center }
#nav_h figure { width: 155px; margin: 0 auto; -webkit-transition: width 350ms ease; transition: width 350ms ease }
#nav_h figure img { width: 100%; display: block }
#nav_h h2 { padding-top: 14px; font-size: 12px; text-transform: uppercase; color: #E1DDDE; letter-spacing: 1px; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease; opacity: 1 }
#nav_c {}
#nav_c li {
text-align: left; clear: none;
padding: 0;
margin: 0; }
#nav_c li a { font-size: 0.9rem; line-height: 1.8; color:#fff; text-transform:uppercase; padding: 8px 12px 6px 60px; opacity:0.45; -webkit-transition: opacity 350ms ease, background-color 350ms ease; transition: opacity 350ms ease, background-color 350ms ease; background-repeat: no-repeat; background-position: 10px 0; background-size: 35px 40px; }
/*#nav_c li a { background-position: -60px 0\9 }*/
#nav_c li.sel a, #nav_c li a:hover { opacity:1 }
#nav_c li.sel a, #nav_c li a:hover {background-color:#373334}
.ie678 li a { background-position: 30px 15px }
li#nav_c_playlists a { background-image:url('../bundles/sedonaumfsitefront/css/i/nav_c_playlists.svg'); }
.ie678 li#nav_c_playlists a { background-image:url('../bundles/sedonaumfsitefront/css/i/nav_c_playlists.png') }
li#nav_c_artists a { background-image:url('../bundles/sedonaumfsitefront/css/i/nav_c_artists.svg') }
.ie678 li#nav_c_artists a { background-image:url('../bundles/sedonaumfsitefront/css/i/nav_c_artists.png') }
li#nav_c_clips a { background-image: url('../bundles/sedonaumfsitefront/css/i/nav_c_clips.svg'); }
.ie678 li#nav_c_clips a { background-image: url('../bundles/sedonaumfsitefront/css/i/nav_c_clips.png'); }
li#nav_c_news a { background-image: url('../bundles/sedonaumfsitefront/css/i/nav_c_news.svg'); }
.ie678 li#nav_c_news a { background-image: url('../bundles/sedonaumfsitefront/css/i/nav_c_news.png'); }
li#nav_c_lyrics a { background-image: url('../bundles/sedonaumfsitefront/css/i/nav_c_lyrics.svg'); }
.ie678 li#nav_c_lyrics a { background-image: url('../bundles/sedonaumfsitefront/css/i/nav_c_lyrics.png'); }
li#nav_c_exclu a { background-image: url('../bundles/sedonaumfsitefront/css/i/nav_c_exclu.svg'); }
.ie678 li#nav_c_exclu a { background-image: url('../bundles/sedonaumfsitefront/css/i/nav_c_exclu.png'); }
li#nav_c_merchandising a { background-image: url('../bundles/sedonaumfsitefront/css/i/nav_c_merchandising.svg'); background-position: 16px 10px; background-size: 22px 20px; }
.ie678 li#nav_c_merchandising a { background-image: url('../bundles/sedonaumfsitefront/css/i/nav_c_merchandising.png'); }
li#nav_c_backCatalogue a { background-image: url('../bundles/sedonaumfsitefront/css/i/nav_c_redecouvrir.svg'); background-size: 18px 17px; background-position: 18px 12px; }
#wp #nav_c li a span { -webkit-transition: all 500ms; transition: all 500ms; }
#nav_f { width: 100%; background: #000; position: absolute; bottom: 0; left: 0; text-align: center; padding: 20px 0 }
#nav_f li { display: inline-block; vertical-align: middle; margin-right: -4px; text-align: center }
#nav_f li a { margin: 0 24px; width: 18px; height: 18px;
filter: url("data:image/svg+xml;utf8,#greyscale");
filter: grayscale(100%);
filter: gray;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-webkit-filter: gray;
-webkit-transition: filter 350ms ease, -webkit-filter 350ms ease;
transition: filter 350ms ease, -webkit-filter 350ms ease;
}
#nav_f li a:hover { filter: none; -webkit-filter: grayscale(0%); filter: grayscale(0%); filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); }
#nav_f li#nav_f_fb a { background: url('../bundles/sedonaumfsitefront/css/i/nav_f_fb.svg') 0 0 no-repeat }
.ie678 #nav_f li#nav_f_fb a { background: url('../bundles/sedonaumfsitefront/css/i/nav_f_fb.png') 0 0 no-repeat }
#nav_f li#nav_f_tw a { background: url('../bundles/sedonaumfsitefront/css/i/nav_f_tw.svg') 0 0 no-repeat; opacity: 0.6; }
#nav_f li#nav_f_tw a:hover { opacity: 1; }
.ie678 #nav_f li#nav_f_tw a { background: url('../bundles/sedonaumfsitefront/css/i/nav_f_tw.png') 0 0 no-repeat}
#nav_f li#nav_f_gp a { background: url('../bundles/sedonaumfsitefront/css/i/nav_f_gp.svg') 0 0 no-repeat }
.ie678 #nav_f li#nav_f_gp a { background: url('../bundles/sedonaumfsitefront/css/i/nav_f_gp.png') 0 0 no-repeat }
#mnav { width: 100%; position: relative; background: #1A1A1A; height: 100px; -webkit-transition:-webkit-transform 350ms ease; transition:transform 350ms ease; display: none }
#mnav_menu { width: 30px; height: 25px; position: absolute; top: 37px; left: 40px; left: 20px; background: url('../bundles/sedonaumfsitefront/css/i/mnav_menu.svg') 0 0 no-repeat }
.ie678 #mnav_menu { background: url('../bundles/sedonaumfsitefront/css/i/mnav_menu.png') 0 0 no-repeat }
#mnav_logo { width: 250px; line-height: 100px; padding: 20px 0; margin: 0 auto }
#mnav_logo img { display: block; width: 100%; max-width: 125px; margin: 0 auto; }
#mnav_logo h2 {
font-size: 0.8rem;
text-transform: uppercase;
color: #E1DDDE;
letter-spacing: 1px;
-webkit-transition: opacity 350ms ease;
transition: opacity 350ms ease;
opacity: 1;
padding: 5px 0 0 0;
text-align: center;
}
#ct { width: 100%; height: 100%; -webkit-transition: width 350ms ease, -webkit-transform 350ms ease; transition: width 350ms ease, transform 350ms ease, opacity 350ms ease }
#ct_main { margin-left: 220px; background: #373334; -webkit-transition: margin-left 350ms ease; transition: margin-left 350ms ease }
@media (max-width: 1024px) {
/*#nav { width: 100px }*/
/*#nav_h figure { width: 90px }*/
/*#nav_h h2 { opacity: 0 }*/
/*#nav_c li a span { opacity:0; }*/
/*#nav_f li a { margin-top: 20px; }*/
/*#nav_f li:first-child a { margin-top: 0 }*/
/*#ct_main { margin-left: 100px }*/
}
/*
####### INTERACTIONS #######
*/
/* nav mini */
body.withNavMini #search { margin-left: 100px }
body.withNavMini #login { padding: 23px 5px; width: 100px }
body.withNavMini #login.login_asLogged { height: 100px; padding: 0 }
body.withNavMini #login.login_asLogged img { width: 100px; height: 100px; float: none; margin-top: -10px }
body.withNavMini #login.login_asLogged p { display: none }
body.withNavMini #nav { width: 100px }
body.withNavMini #nav_h figure { width: 90px }
body.withNavMini #nav_h h2 { opacity: 0 }
body.withNavMini #nav_c li a span { opacity:0; }
body.withNavMini #nav_f li a { margin-top: 20px; }
body.withNavMini #nav_f li:first-child a { margin-top: 0 }
body.withNavMini #ct_main { margin-left: 100px }
@media (max-width: 678px) {
body.withNavMini #search { margin-left: 0px }
body.withNavMini #login {-webkit-transform: translateX(-220px);-ms-transform: translateX(-220px);transform: translateX(-220px); }
body.withNavMini #ct_main { margin-left: 0 }
}
/* nav expand */
@media (min-width: 679px) {
body.withNavExpand #hd { z-index: 100 }
body.withNavExpand #search { margin-left: 220px }
body.withNavExpand #login { padding: 20px 5px; width: 220px; box-sizing: border-box }
body.withNavExpand #login.login_asLogged { height: 60px; padding: 0 }
body.withNavExpand #login.login_asLogged img { width: 60px; height: 60px; float: left; margin-top: 0 }
body.withNavExpand #login.login_asLogged p { display: inherit }
body.withNavExpand #nav { width: 220px }
body.withNavExpand #nav_h figure { width: 155px }
body.withNavExpand #nav_h h2 { opacity: 1 }
body.withNavExpand #nav_c li a span { opacity: 1 }
body.withNavExpand #nav_f li a { margin: 0 24px; }
}
@media (max-width: 678px) {
body.withNavMob { overflow: hidden }
body.withNavMob #wp { overflow: hidden }
#mnav { display: block; }
#mnav #mnav_logo { line-height: 1rem; width: 210px;}
#nav {-webkit-transform: translateX(-220px);-ms-transform: translateX(-220px);transform: translateX(-220px); width: 220px }
#nav_h { display: none }
#nav_c { margin-top: 50px; overflow: auto;}
#nav_c li a span { opacity: 1 }
#nav_f li a { margin-top: 0 }
#ct_main { margin-left: 100px }
body.withNavMob #nav, body.withNavMob #login {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0); }
body.withNavMob #ct, body.withNavMob #mnav, body.withNavMob #player_wrapper { -webkit-transform: translateX(220px); -ms-transform: translateX(220px); transform: translateX(220px); }
/*body.withNavMob #ct, body.withNavMob #mnav, body.withNavMob #player_wrapper { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); }*/
body.withNavMob #mnav_menu { background: url('../bundles/sedonaumfsitefront/css/i/mnav_menu_close.svg') 0 0 no-repeat }
.ie678 body.withNavMob #mnav_menu { background: url('../bundles/sedonaumfsitefront/css/i/mnav_menu_close.png') 0 0 no-repeat }
body.withNavMob #search { -webkit-transform: translateX(220px); -ms-transform: translateX(220px); transform: translateX(220px); width: 100%; }
#ct_main { margin-left: 0 }
}
#ft { background: #231f20; position: relative; text-align: center; padding: 0 50px }
#ft_h { padding: 30px 0 }
#ft_h p { color: #f5f5f5; display: inline-block; vertical-align: middle; margin-right: 5px }
#ft_h ul { display: inline-block; vertical-align: middle; margin: inherit; float: none; }
#ft_h ul li { display: inline-block; vertical-align: middle; margin-right: -4px }
#ft_h ul li a { margin: 0 5px; }
#ft_c { max-width: 800px; margin: 0 auto; padding-bottom: 30px }
#ft_c ul { text-align: center }
#ft_c ul li { display: inline-block; vertical-align: middle; margin-right: -4px }
#ft_c ul li a { font: 12px/20px Arial; color: #b9b5b6; -webkit-transition: color 350ms ease; transition: color 350ms ease }
#ft_c ul li a:hover { color: #f5f5f5 }
#ft_c ul li a:after { content: '\2219'; padding: 0 8px; color: #b9b5b6 }
#ft_c ul li:last-child a:after { content: ''; padding: 0 }
#ft_f { padding-bottom: 50px }
#ft_f p { font: 12px/20px Arial; color: #b9b5b6 }
/*focus input*/
body.withSearch #hd { width: 100%; left: 0; margin-left: 0 }
body.withSearch #login {-webkit-transform: translateX(-220px);-ms-transform: translateX(-220px);transform: translateX(-220px); opacity: 0 }
body.withSearch #search { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); z-index: 1000 }
/* blurred */
body.withBlur #wp, body.withBlur #login {
filter: blur(20px);
-webkit-filter: blur(20px);
-moz-filter: blur(20px);
-ms-filter: blur(20px);
-webkit-filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='20');
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='20');
}
body.withBlur_asSearch .hpnews_layout_n:hover { box-shadow: none }
body.withBlur_asSearch #login { position: absolute }
/*
####### GENERICS ITEMS #######
*/
/* tooltip */
.jsTooltip { position: relative; text-indent: -9999px }
.tooltip { width: 100px; padding: 13px 0px; font-size: 13px; position: absolute; top: -42px; left: 50%; background: #F5F5F5; color: #676464 !important; text-transform: uppercase; margin-left: -50px; text-align: center; display: inline-block; text-indent: 0; z-index: 9999; visibility: hidden; opacity: 0;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px); -webkit-transition: -webkit-transform 350ms ease, opacity 350ms ease, visibility 350ms ease; transition: transform 350ms ease, opacity 350ms ease, visibility 350ms ease; box-shadow: 0 0 4px 0 rgba(0,0,0,.2) }
.tooltip.tooltip_asIn {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); opacity: 1; visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s }
.tooltip:after { content: ''; display: block; width: 20px; height: 10px; position: absolute; bottom: -9px; left: 50%; margin-left: -10px; background: url('../bundles/sedonaumfsitefront/css/i/tooltip.png') 0 0 no-repeat }
.jsTooltip_asRight .tooltip { top: 5px; left: 70px; margin-left: 0; -webkit-transform: translate(100px,0);-ms-transform: translate(100px,0);transform: translate(100px,0) }
.jsTooltip_asRight .tooltip:after { bottom: 15px; left: -5px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg)}
.jsTooltip_asRight .tooltip.tooltip_asIn { -webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0) }
@media screen and (max-width: 980px) {
.tooltip {
display: none;
}
}
/* infobox map */
.infobox {background: none repeat scroll 0 0 #F5F5F5; color: #373334; font-family: avenir; line-height: 20px; position: absolute; font-size: 16px; text-align: center; text-indent: 0; z-index: 9999; visibility: visible; opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: -webkit-transform 350ms ease, opacity 350ms ease, visibility 350ms ease; transition: transform 350ms ease, opacity 350ms ease, visibility 350ms ease; box-shadow: 0 0 15px 0 rgba(0,0,0,.15); border-radius: 5px;}
.infobox:after {border-color: transparent transparent transparent #f5f5f5; border-style: solid; border-width: 20px 20px 0; bottom: -1px; content: ""; display: block; height: 0; left: 50%; margin-left: -13px; position: absolute; width: 0; z-index:2; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.infobox .close {float: right;position: relative;right: -25px;text-align: center;margin-top: 5px;width: 25px;visibility: hidden;}
.infobox .content {margin:13px;}
/* social */
.social { position: relative; z-index: 0; background-position: 100% 0; background-repeat: no-repeat; background-attachment: fixed; display: inline-block; float: right; margin-top: 20px; margin-right: 20px;}
.social li { display: inline-block; vertical-align: middle; float: left; margin-left: 10px; }
.social li a { -webkit-transition: -webkit-transform 350ms ease; transition: transform 350ms ease }
.social li a:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) }
.social li p { font: 18px/32px 'Avenir 55 Roman'; color: #687170; padding-right: 5px }
.social_fb { }
.social_fb i { background: url('../bundles/sedonaumfsitefront/css/i/ft_h_fb.svg') left center no-repeat; display: inline-block; width: 32px; height: 32px }
.ie678 .social_fb i { background: url('../bundles/sedonaumfsitefront/css/i/ft_h_fb.png') left center no-repeat }
.social_gp { }
.social_gp i { background: url('../bundles/sedonaumfsitefront/css/i/ft_h_gp.svg') left center no-repeat; display: inline-block; width: 32px; height: 32px }
.ie678 .social_gp i { background: url('../bundles/sedonaumfsitefront/css/i/ft_h_gp.png') left center no-repeat }
.social_ig { }
.social_ig i { background: url('../bundles/sedonaumfsitefront/css/i/ft_h_ig.svg') left center no-repeat; display: inline-block; width: 32px; height: 32px }
.ie678 .social_ig i { background: url('../bundles/sedonaumfsitefront/css/i/ft_h_ig.png') left center no-repeat }
.social_site { text-align: center; width: 135px; margin-right: 10px; background-color: rgba(255, 255, 255, 0.8); padding: 3px 5px; border-radius: 18px; }
.social_site a { font-size: 0.8rem; line-height: 2.1; color:#4F4F4F; }
.social_share { text-align: center; padding: 3px 5px}
.social_share a { font-size: 20px; line-height: 27px; color:#4F4F4F; margin-right: 9px; }
.social_tw { }
.social_tw i { background: url('../bundles/sedonaumfsitefront/css/i/ft_h_tw.svg') left center no-repeat; display: inline-block; width: 32px; height: 32px }
.ie678 .social_tw i { background: url('../bundles/sedonaumfsitefront/css/i/ft_h_tw.png') left center no-repeat }
@media (max-width: 320px) {
.social { padding: 0px; text-align: center;}
}
/* btn */
/*.btnConcertslist { display: inline-block; vertical-align: middle; border: 1px solid; border-radius: 20px; !*padding: 0 20px;*! padding: 10px 16px; !*font: 13px/1 'Avenir 35 Light',sans-serif;*! text-transform:uppercase; position: relative; transition: 350ms all ease; background-color: #fff; }*/
.btn.btnConcertslist { transition: 350ms all ease; text-shadow: none; }
.btnConcertslist:hover {}
.btn i { display: inline-block; vertical-align: middle; margin-right: 7px; }
.btnConcertslist i { background: url('../bundles/sedonaumfsitefront/css/i/btn_asMore_invert.svg') left center no-repeat; width: 22px; height: 13px; margin-top: -2px; padding-right: 10px; display: inline-block; vertical-align: middle; margin-right: 7px; }
.btnConcertslist:hover { color: #fff; }
.btnConcertslist:hover i { background: url('../bundles/sedonaumfsitefront/css/i/btn_asMore.svg') left center no-repeat; width: 22px; height: 14px; padding-right: 10px; }
.ie678 .btnConcertslist i { background: url('../bundles/sedonaumfsitefront/css/i/btn_asMore.png') left center no-repeat }
.btn span { display: inline-block; vertical-align: middle }
.btn span.tooltip { display: none }
.btn.btn_asColor { text-shadow: inherit; -webkit-transition: background-color 350ms ease; transition: background-color 350ms ease }
.btn.btn_asColor:hover { color: #fff; text-shadow: inherit }
.btn.btn_asDark { color: #687170; border-color: #687170; text-shadow: inherit }
.btn.btn_asDark:hover { color: #fff; background-color: #687170; }
.btn_asFollow { }
.btn_asMore,
.btn_asFollow,
.btn_asSub,
.btn_asListen { transition: 350ms all ease; padding: 10px 16px; }
.btn_asMore:hover,
.btn_asListen:hover,
.btn_asFollow:hover,
.btn_asSub:hover { background-color: #fff; color: #444; text-shadow: none;}
.newsp_subscribe .btn_asSub:hover {
background-color: #687170;
color: #fff;
text-shadow: none;
}
.newsp_subscribe .btn_asSub.btn_asNewsp:hover i {
background: url('../bundles/sedonaumfsitefront/css/i/btn_asSub.svg') left center no-repeat;
width: 14px;
height: 10px;
}
/*.btn_asMore:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.btn_asMore{ transition: 350ms all ease; color: #373334; background-color: #fff; text-shadow: none; }*/
/*.btn_asMore:hover { color: #fff; text-shadow: 1px 1px #000; background-color: #373334; }*/
/*.btn_asMore:hover i { background: url('i/btn_asMore.svg') left center no-repeat; width: 22px; height: 14px; padding-right: 10px; }*/
.btn_asFollow i { background: url('../bundles/sedonaumfsitefront/css/i/btn_asFollow.svg') left center no-repeat; width: 13px; height: 15px; }
.ie678 .btn_asFollow i { background: url('../bundles/sedonaumfsitefront/css/i/btn_asFollow.png') left center no-repeat }
.btn_asFollow span { vertical-align: middle; }
.btn_asListen i { background: url('../bundles/sedonaumfsitefront/css/i/btn_asListen.svg') left center no-repeat; width: 7px; height: 10px; }
.btn_asListen:hover i { background: url('../bundles/sedonaumfsitefront/css/i/btn_asListen_invert.svg') left center no-repeat; width: 7px; height: 10px; }
@media (max-width: 768px) {
.btn_asListen i, .btn_asFollow i { width: 12px; background-position: center; }
.btn_asListen:hover i { width: 12px; height: 10px; background-position: center; }
}
.ie678 .btn_asListen i { background: url('../bundles/sedonaumfsitefront/css/i/btn_asListen.png') left center no-repeat }
.btn_asSub i { background: url('../bundles/sedonaumfsitefront/css/i/btn_asSub.svg') left center no-repeat; width: 14px; height: 10px; }
.btn_asSub:hover i { background: url('../bundles/sedonaumfsitefront/css/i/btn_asSub_invert.svg') left center no-repeat; width: 14px; height: 10px; }
.ie678 .btn_asSub i { background: url('../bundles/sedonaumfsitefront/css/i/btn_asSub.png') left center no-repeat }
.btn.btn_asNewsp { border-color: #687170; color:#687170; text-shadow: none; }
.btn.btn_asNewsp i { background: url('../bundles/sedonaumfsitefront/css/i/btn_asNewsp.svg') left center no-repeat; width: 14px; height: 10px; }
.ie678 .btn_asNewsp i { background: url('../bundles/sedonaumfsitefront/css/i/btn_asNewsp.png') left center no-repeat }
@media (max-width: 910px) {
.btn i { display: inline-block; vertical-align: middle; margin-right: 0px; }
.btn span { width: 90%; text-align: center; line-height: 1.2; padding: 5px 0; }
div.artist_c_concert_sub p { max-width: 100%; font-size: 1rem; line-height: 1.2; margin-bottom: 10px; margin-right: 0;}
div.artist_c_concert_sub a { max-width: 100%; font-size: 1rem; line-height: 1.2; margin-bottom: 10px; margin-right: 0;}
}
@media (max-width: 920px) {
.artist_c_concert_sub .btn { margin: 0 auto; display: block; width: 210px; }
.artist_c_concert_sub .btn span { padding: 0; }
}
@media (max-width: 590px) {
/*.btn { padding: 0 16px; font: 13px/28px 'Avenir 35 Light',sans-serif; }*/
.btn_asFollow i { background: url('../bundles/sedonaumfsitefront/css/i/btn_asFollow.svg') left center no-repeat; width: 12px; height: 18px; }
.ie678 .btn_asFollow i { background: url('../bundles/sedonaumfsitefront/css/i/btn_asFollow.png') left center no-repeat }
}
@media (max-width: 320px) {
.btn.btn_asColor { margin-bottom: 25px; float: left }
.centerBtn .btn.btn_asColor {float: none;}
}
/* ico */
.ico_asPlay { width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin-left: -20px; margin-top: -20px; background: url('../bundles/sedonaumfsitefront/css/i/ico_asPlay.svg') 0 0 no-repeat; z-index: 2 }
.ie678 .ico_asPlay { background: url('../bundles/sedonaumfsitefront/css/i/ico_asPlay.png') 0 0 no-repeat }
/* label */
.label { display: inline-block; width: 50px; height: 50px; background-position: 0 0; background-repeat: no-repeat }
.label_asExclu { background-image: url('../bundles/sedonaumfsitefront/css/i/label_asExclu.svg') }
.label_asContest { background-image: url('../bundles/sedonaumfsitefront/css/i/label_asContest.svg') }
.label_asExcluRed { background-image: url('../bundles/sedonaumfsitefront/css/i/label_asExcluRed.svg') }
.label_asContestRed { background-image: url('../bundles/sedonaumfsitefront/css/i/label_asContestRed.svg') }
.ie678 .label_asExclu { background-image: url('../bundles/sedonaumfsitefront/css/i/label_asExclu.png') }
.ie678 .label_asContest { background-image: url('../bundles/sedonaumfsitefront/css/i/label_asContest.png') }
.ie678 .label_asExcluRed { background-image: url('../bundles/sedonaumfsitefront/css/i/label_asExcluRed.png') }
.ie678 .label_asContestRed { background-image: url('../bundles/sedonaumfsitefront/css/i/label_asContestRed.png') }
/* artistthumb */
.artistthumb { position: relative; overflow: hidden; -webkit-transition: -webkit-transform 350ms ease; transition: transform 350ms ease }
/*.artistthumb:hover { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); z-index: 99; box-shadow: 0 0 4px 0 rgba(0,0,0,.5) }*/
.artistthumb img { display: block; width: 100%; height: auto; cursor: pointer; /*position: absolute; left: -9999px; right: -9999px; bottom: -9999px; top: -9999px; margin: auto;*/ }
.artistthumb_c { position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,.4) }
.artistthumb_c h3 { font-size: 1.4rem; text-shadow: 1px 1px rgba(0,0,0,.5); color: #fff; padding: 15px 20px }
/*@media (max-width: 879px) {*/
/*.artistthumb:nth-child(3n+3):hover { -webkit-transform: translateX(-4px) scale(1.03); -ms-transform: translateX(-4px) scale(1.03); transform: translateX(-4px) scale(1.03) }*/
/*}*/
/*@media (max-width: 729px) {*/
/*.artistthumb:nth-child(2n+2):hover { -webkit-transform: translateX(-4px) scale(1.03); -ms-transform: translateX(-4px) scale(1.03); transform: translateX(-4px) scale(1.03) }*/
/*}*/
/*@media (max-width: 429px) {*/
/*.artistthumb:hover { -webkit-transform: translateX(-4px) scale(1.03); -ms-transform: translateX(-4px) scale(1.03); transform: translateX(-4px) scale(1.03) }*/
/*}*/
@media (max-width: 890px) {
.artistthumb_c h3 { font-size: 1.1rem; padding: 10px 15px }
}
/* videobloc */
.videobloc { position: relative; transition: 350ms all ease; }
.videobloc img { display: block; position: relative; width: 100% }
.videobloc_c { padding: 20px 0; position: absolute; width: 100%; bottom: 0; background: rgba(0,0,0,.4) }
.videobloc_c p { padding-left: 20px; display: inline-block; vertical-align: middle; text-shadow: 1px 1px rgba(0,0,0,.5); color: #fff; /*font-size: 18px; line-height: 1.2; font-family: 'Avenir 35 Light'; float: left; width: 80%; overflow: hidden;*/}
/*.videobloc_c p b { font-family: 'Avenir 65 Medium' }*/
.videobloc_c span { padding-right: 20px; display: inline-block; vertical-align: middle; margin-right: -4px; float: right; text-shadow: 1px 1px rgba(0,0,0,.5); color: #fff; font-size: 18px; }
@media (max-width: 768px) {
div.artistp_c_videos { padding-bottom: 0; }
div.artistp_c_videos_c .videobloc { display: inline-block; width: 48%; }
div.artistp_c_videos_c a.videobloc + a.videobloc + a.videobloc { display: none;}
div.artistp_c_videos_c .videobloc:first-child { float: left; }
div.artistp_c_videos_c .videobloc:nth-child(2) { float: right; }
.videobloc .videobloc_c { position: static; padding: 0 }
.videobloc .videobloc_c p { color: #687170; text-shadow: none; text-align: left; padding: 0; margin: 5px 0; width: 100%;}
.videobloc .videobloc_c span { display: none;}
.artistp_c_mea .artistp_c_mea_lastalbum .cover { width: 100%; /*width: 65%;*/ margin: 0 auto; }
.artistp_c_mea .artistp_c_mea_lastalbum .cover .cover_c { padding: 10px; }
.artistp_c_mea .artistp_c_mea_lastalbum .cover .cover_c .cover_c_album{ padding-bottom: 0; }
}
/* shopbloc */
.shopbloc:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.shopbloc a img { display: block; width: 100% }
/* cover */
.cover { }
.cover img { display: block; width: 100% }
.cover_c { background: #F4F4F4; padding: 20px }
.cover_c p { text-transform: uppercase; color: #687170 }
.cover_c_album { font-size: 24px; padding-bottom: 10px }
.cover_c_year { font-size: 16px }
.cover_c_cta { display: inline-block; vertical-align: middle; width: 100%; text-align: center }
.btn.cover_c_cta { text-shadow: none; transition: 350ms all ease; font-size: 13px; text-transform: none; font-weight: 400}
@media screen and (max-width: 768px) {
.btn.cover_c_cta { font-size: 14px; padding: 10px 0; }
}
.cover_c_cta_asBuy { font-weight: 700; border-radius: 20px; transition: 350ms all ease; }
.cover_c_cta_asBuy i { background: url('../bundles/sedonaumfsitefront/css/i/tracklist_n_buy.svg') left center no-repeat; width: 23px; height: 17px; display: inline-block; margin-right: 5%; vertical-align: sub; }
.ie678 .cover_c_cta_asBuy i { background: url('../bundles/sedonaumfsitefront/css/i/tracklist_n_buy.png') left center no-repeat }
.cover_c_cta_asBuy:hover { background-color: #ccc; color: #fff; }
.cover_c_cta_asBuy:hover i { background: url('../bundles/sedonaumfsitefront/css/i/tracklist_n_buy_invert.svg') left center no-repeat; }
.cover_c_cta_asListen { font-weight: 700; border-radius: 20px; transition: 350ms all ease; margin-bottom: 10px }
.cover_c_cta_asListen i { background: url('../bundles/sedonaumfsitefront/css/i/tracklist_n_play.svg') left center no-repeat; width: 24px; height: 24px; display: inline-block; margin-right: 5%; vertical-align: middle; }
.ie678 .cover_c_cta_asListen i { background: url('../bundles/sedonaumfsitefront/css/i/tracklist_n_play.png') left center no-repeat }
.cover_c_cta_asListen:hover { background-color: #ccc; color: #fff; }
.cover_c_cta_asListen:hover i { background: url('../bundles/sedonaumfsitefront/css/i/tracklist_n_play_invert.svg') left center no-repeat; }
@media (max-width: 1138px) {
.cover_asDisco { text-align: center; width: 100% }
.cover_c { margin: 20px 0; padding: 0; }
.cover_c_cta_asBuy i,
.cover_c_cta_asListen i { margin-left: 0%; vertical-align: middle }
}
@media (max-width: 320px) {
.cover_asDisco img { width: 100%;}
}
/* tracklist */
.tracklist { background-color: #f4f4f4; }
.tracklist li.even { background-color: #fff; }
.tracklist_c { }
li.empty .tracklist_n { background: #fff; }
li.empty .tracklist_n p { font: 14px 'Avenir 65 Medium', Arial, Helvetica, sans-serif; width: 100%; color: #000; }
.tracklist_n { color:#373334; padding: 0; text-align: left }
.tracklist_n:after { content: ''; display: block; clear: both; visibility: hidden; height: 0 }
.tracklist_n .tracklist_n_i { display: inline-block; vertical-align: top; width: 10%; height: 100%; margin-right: -4px }
.tracklist_n_i img { width: 100%; display: block }
.tracklist_n .tracklist_n_w { padding: 12px 50px 12px 20px; display: inline-block; vertical-align: top; width: 100%; box-sizing: border-box; float: right; position: relative;}
.tracklist_n .tracklist_n_w.tracklist_n_w_asImg { width: 90% }
.tracklist_n div { padding: 0px }
.tracklist_n p { }
.tracklist_n a, .tracklist_n p { display: inline-block; vertical-align: middle; margin-right: -4px; color: #373334; }
.tracklist_n p { width: 60%; font-family: inherit }
.tracklist_n a i { background-position: 0 0; background-repeat: no-repeat; display: inline-block; margin-right: 20px; vertical-align: middle; }
@media screen and (max-width: 768px) {
.tracklist_n .tracklist_n_w.tracklist_n_w_asImg { width: 88% }
.tracklist_n a, .tracklist_n p { margin-right: 0; }
.tracklist_n a i { margin-right: 0; }
}
.tracklist_n_ico { /*float: right;*/ display: inline-block; vertical-align: top; position: absolute; right: 0;}
.tracklist_n_ico_w { display: inline-block; width: 24px; margin-right: 18px;}
.tracklist_n_play {}
.tracklist_n_play i { width: 22px; height: 16px; margin-top: -2px; background-image: url('../bundles/sedonaumfsitefront/css/i/tracklist_n_play.svg'); }
.ie678 .tracklist_n_play i { background-image: url('../bundles/sedonaumfsitefront/css/i/tracklist_n_play.png') }
.tracklist_n_clip { }
.tracklist_n_clip i { width: 24px; height: 24px; background-image: url('../bundles/sedonaumfsitefront/css/i/tracklist_n_clip.svg') }
.ie678 .tracklist_n_clip i { background-image: url('../bundles/sedonaumfsitefront/css/i/tracklist_n_clip.png') }
.tracklist_n_lyrics { }
.tracklist_n_lyrics i { width: 24px; height: 24px; background-image: url('../bundles/sedonaumfsitefront/css/i/tracklist_n_lyrics.svg') }
.ie678 .tracklist_n_lyrics i { background-image: url('../bundles/sedonaumfsitefront/css/i/tracklist_n_lyrics.png') }
.tracklist_n_buy { }
.tracklist_n_buy i { width: 24px; height: 24px; background-image: url('../bundles/sedonaumfsitefront/css/i/tracklist_n_buy.svg'); margin-right: 0 }
.ie678 .tracklist_n_buy i { background-image: url('../bundles/sedonaumfsitefront/css/i/tracklist_n_buy.png') }
.tracklist_n_asMore { padding: 0 }
.tracklist_n_asMore p { padding: 0 20px 0 20px; width: inherit; display: block;; display: inline-block;}
a.tracklist_n_more span { padding: 12px 16px; display: inline-block; background-color: #e2e2e2; }
a.tracklist_n_more i { width: 22px; height: 14px; background: url('../bundles/sedonaumfsitefront/css/i/btn_asMore.svg'); margin-right: 0 }
.ie678 a.tracklist_n_more i { background: url('../bundles/sedonaumfsitefront/css/i/btn_asMore.png') }
@media (max-width: 1185px) {
.tracklist_n p { width: 50% }
.tracklist_n_asMore p { width: inherit; }
}
@media (max-width: 930px) {
.tracklist_n { height: auto;}
.tracklist_n_asMore { height: 42px; }
}
@media (max-width: 500px) {
/*.tracklist_n .tracklist_n_i { display: none }*/
.tracklist_n .tracklist_n_i { vertical-align: middle }
.tracklist_n .tracklist_n_w ,
.tracklist_n .tracklist_n_w.tracklist_n_w_asImg { display: inline-block; vertical-align: middle; /*width: 90%; padding: 0 0 0 15px;*/ padding: 10px 40px 10px 15px; float: none; }
.tracklist_n .tracklist_n_w {display: flex; align-items: center;}
.tracklist_n p { padding: 0 12px 0 5px; max-width: inherit }
.tracklist_n_asMore p { margin-left: 7px; }
}
@media (max-width: 473px) {
.tracklist_n { margin-bottom: 2px; }
.tracklist_n p { width: 65%; }
.tracklist_n div {margin-top: 0;}
.tracklist_n_ico { display: inline-block; /*float: none;*/ float: right; vertical-align: middle; }
.tracklist_n .tracklist_n_w p { width: 70%; }
.tracklist_n_ico .jsTooltip { margin-right: 0; }
.tracklist_n_ico .jsTooltip .tooltip { display: none; }
.tracklist_n_asMore { height: 42px;}
.tracklist_n_asMore p { width: inherit; margin-left: 7px; }
.tracklist + .btn.btn_asColor {
margin: 30px auto 0;
display: block;
width: 215px;
float: none;
}
.tracklist_n .tracklist_n_ico_w {
margin-right: 15px;
}
}
/* lyricslist */
.lyricslist { background-color: #fff; }
.lyricslist li { width: 100%}
.lyricslist li:nth-child(2n+1) { background-color: #f4f4f4 }
.lyricslist li a { padding: 12px 20px; text-align: left }
.lyricslist li a p { color:#373334; display: inline-block; vertical-align: middle; margin-right: -4px; color: #373334; max-width: 80% }
.lyricslist li a i { width: 24px; height: 24px; background-image: url('../bundles/sedonaumfsitefront/css/i/tracklist_n_lyrics.svg'); background-position: 0 0; background-repeat: no-repeat; display: inline-block; vertical-align: middle; margin-right: 20px }
@media (max-width: 790px) {
.lyricslist li { width: 100%; margin: 0; display: block }
.lyricslist li:nth-child(2n+1) { background: #f4f4f4 }
}
/* concertslist */
.concertslist { background-color: #fff; margin: 50px 0px; }
.concertslist tr { font-size: 0 }
.concertslist tr.odd { background-color: #f4f4f4 }
.concertslist td { display: inline-block; vertical-align: middle; width: 25%; color: #373334; font-size: 1rem; padding: 24px 0 24px 30px; }
.concertslist td:first-child { width: 40% }
.concertslist td:last-child { width: 10% }
.concertslist td a { padding: 0px 50px 0px 0px; float: right;}
.tickets { width: 22px; height: 22px; background-image: url('../bundles/sedonaumfsitefront/css/i/concertslist_tickets.svg'); background-repeat: no-repeat;}
.ie678 .tickets { background-image: url('../bundles/sedonaumfsitefront/css/i/concertslist_tickets.png') }
@media (max-width: 595px) {
.concertslist td { width: 100%; padding: 12px 0 12px 30px; }
.concertslist td a { float: left;}
.concertslist { margin: 50px -5%; width: auto; }
.concertslist #concertsList tr td { width: 30%; padding: 10px; }
.concertslist #concertsList tr td:first-child { width: 30%; }
.concertslist #concertsList tr td:last-child { width: 10%; }
}
/* exclu */
.exclu { height: 250px; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: 350ms transform ease; }
.exclu:hover { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); position: relative; z-index: 99; }
.exclu_time { display: block; background-color: #f5f5f5; padding: 10px 15px 10px 40px; border-radius: 20px; position: absolute; top: 20px; right: 40px; color: #373334 }
.exclu_time i { background: url('../bundles/sedonaumfsitefront/css/i/exclu_time.svg') 0 0 no-repeat; display: inline-block; width: 14px; height: 14px; position: absolute; margin-left: -23px; }
.ie678 .exclu_time i { background: url('../bundles/sedonaumfsitefront/css/i/exclu_time.png') 0 0 no-repeat }
.exclu_time_asEnd i { background-position: 0 -14px }
.exclu_c { position: absolute; bottom: 0; width: 100%; padding: 30px; box-sizing: border-box; }
.exclu_c h3 { font-size: 1.2rem; line-height: 1.2; color: #fff; text-align: center; text-shadow: 1px 1px black; }
.exclu_c h3 span { display: block; text-transform: uppercase }
@media (max-width: 569px) {
.exclu { height: 350px }
.exclu_time { top: 20px; right: 20px }
}
@media (max-width: 320px) {
.exclu_c { padding: 10px; }
.exclu_c h3 span { padding-top: 6px; }
}
/* tabs */
.tabs {background-color: #373334;}
.tabs li { display: inline-block; vertical-align: middle; margin-right: -4px; }
.tabs li a { font-size: 16px; color: #878384; padding: 25px 30px; letter-spacing: .5px; text-transform: uppercase; -webkit-transition: background 350ms ease, color 350ms ease; transition: background 350ms ease, color 350ms ease }
.tabs li.sel a, .tabs li a:hover { background: #4B4748; color: #f5f5f5 }
@media (max-width: 869px) {
.tabs { text-align: center }
.tabs li { width: 50%; float: left; margin-right: 0; }
/*.tabs li a { padding: 25px 0; }*/
.tabs li:last-child { width: 45%; }
.clips .tabs, .lyrics .tabs {display: flex;}
.clips .tabs li, .lyrics .tabs li {width: 50%; margin-right: 0; display: flex;}
.clips .tabs li a, .lyrics .tabs li a {width: 100%; margin: auto;}
.clips .tabs li.sel, .lyrics .tabs li.sel {background-color: #4B4748}
}
/* lettrine */
.lettrine { font-size: 70px; line-height: 69px; z-index: 0; position: absolute;}
/* close */
.close { background:url('../bundles/sedonaumfsitefront/css/i/cboxClose.svg') no-repeat 0 0; width:30px; height:30px; text-indent:-9999px }
.ie678 .close { background:url('../bundles/sedonaumfsitefront/css/i/cboxClose.png') no-repeat 0 0 }
.close_asDark { background-position: 0 -30px; }
/*
####### CUSTOMS BLOC #######
*/
/* hpnews */
.hpnews { overflow: hidden }
.hpnews_mea { position: relative; min-height: 460px; max-height: 460px; overflow: hidden }
.hpnews_mea a { color: #C11843 }
.hpnews_mea_i { position: relative; z-index: 0; display: block; width: 100% }
.hpnews_mea_c { position: absolute; z-index: 1; top: 50px; right: 50px }
.hpnews_mea_c_i { width: 50px; height: 50px; display: inline-block; vertical-align: middle; margin-right: 25px }
.hpnews_mea_c a { border: 1px solid #bf1842; padding: 20px; margin-bottom: 30px }
.hpnews_mea_c a:first-child { border: 1px solid #bf1842; padding: 20px }
.hpnews_mea_c a i {}
.hpnews_mea_c_n { display: inline-block; vertical-align: middle; }
.hpnews_mea_c_n p { text-transform: uppercase; padding-bottom: 6px; line-height: 0.9; font-size: 0.9rem; }
.hpnews_mea_c_n h2 { width: 270px; font-size: 1.1em; line-height: 1.5; }
.hpnews_mea_f { position: absolute; width: 100%; z-index: 1; bottom: 0; }
.hpnews_mea_f a { float: right; color: #fff; text-transform: uppercase; vertical-align: middle; margin: 25px 30px 0 0 }
.hpnews_mea_f h1 { font-size: 1.9em; color: #fff; display: inline-block; vertical-align: middle; padding: 30px; line-height: 1; text-shadow: 1px 1px rgba(0,0,0,.5); max-width: 60%; padding-right: 0; }
.hpnews_mea_f h1 a { color: #fff; text-transform: none; vertical-align: middle; margin: 0; }
.hpnews_layout { }
.hpnews_layout:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.hpnews_layout .highlightNews { display: none; }
.hpnews_layout_n { position: relative; background-size: cover; width: 25%; float: left; min-height: 265px; cursor: pointer; -webkit-transition: -webkit-transform 350ms ease; transition: transform 350ms ease }
.hpnews_layout_n.disapear { opacity:0; -webkit-transform: translate(0,200px); -ms-transform: translate(0,200px); transform: translate(0,200px); }
/*.hpnews_layout_n:hover { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); z-index: 99; box-shadow: 0 0 4px 0 rgba(0,0,0,.5) }*/
.hpnews_layout_n.hpnews_layout_n_asMobile { display: none }
.hpnews_layout_n .label { position: absolute; top: 20px; left: 20px }
.hpnews_layout_n_c { position: absolute; width: 100%; z-index: 1; bottom: 0; color: #fff }
.hpnews_layout_n_c p { text-transform: uppercase; padding: 20px 20px 8px 20px; color: #fff; text-shadow: 1px 1px rgba(0,0,0,.5) }
.hpnews_layout_n_c h3 { padding: 0 20px 20px 20px; color: #fff; text-shadow: 1px 1px rgba(0,0,0,.5) }
.hpnews_f { text-align: center; background-color: #373334; padding-top: 55px; padding-bottom: 55px; box-shadow: 1px 17px 23px -9px rgba(0, 0, 0, .4) inset }
@media (max-width: 768px) {
.hpnews_layout .highlightNews { display: block; position: relative; }
.hpnews_layout .highlightNews .hpnews_layout_n { width: 100%; height: auto; }
.hpnews_layout .highlightNews .hpnews_layout_n img { width: 100%; height: auto; }
.hpnews_layout .highlightNews .hpnews_layout_n_c { z-index: 1; }
.hpnews_layout .highlightNews .hpnews_layout_n_c h1 a.titleLink { color: #fff; padding: 20px; font-size: 1.5rem; }
.hpnews_layout .highlightNews .hpnews_layout_n_c p { padding-top: 0; }
.hpnews_layout .highlightNews .hpnews_layout_n_c p a { position: static!important; height: auto!important; width: auto!important }
}
@media (max-width: 1024px) {
.hpnews_mea_c { top: 40px; right: 20px }
.hpnews_mea_c a { padding: 15px; margin-bottom: 20px }
.hpnews_mea_c_i { width: 50px; height: 50px; display: inline-block; vertical-align: middle; margin-right: 25px }
.hpnews_mea_f h1 { padding: 20px; max-width: 55%; }
.hpnews_mea_f a { margin: 16px 20px 0 0 }
}
@media (max-width: 820px) {
.hpnews_mea_f h1 { padding: 15px; font-size: 24px }
/*.hpnews_mea_f a { display: none }*/
}
@media (max-width: 768px) {
.hpnews_mea { display: none }
.hpnews_layout_n.hpnews_layout_n_asMobile { display: block; width: 100%; height: 470px; float: none }
}
/* hpnews_layout1 */
.hpnews_layout1 .news1 { height: 530px }
.hpnews_layout1 .news3 { width: 50% }
.hpnews_layout1 .news4 { height: 530px; float: right }
.hpnews_layout1 .news5 { width: 50%; height: 530px; float: right }
.hpnews_layout1 .news7 { width: 50% }
.hpnews_layout1 .news9 { height: 530px; float: right }
.hpnews_layout1 .news10 { width: 50%; height: 530px }
.hpnews_layout1 .news12 { width: 50% }
@media (max-width: 1024px) {
.hpnews_layout_n { width: 33.333%; float: left; min-height: 250px }
.hpnews_layout1 .news1 { height: 500px }
.hpnews_layout1 .news3 { width: 33.333% }
.hpnews_layout1 .news4 { width: 66.666%; height: 250px; float: right }
.hpnews_layout1 .news5 { width: 66.666%; height: 500px; float: left }
.hpnews_layout1 .news7 { width: 33.333%; float: right }
.hpnews_layout1 .news8 { width: 33.333%; height: 500px; }
.hpnews_layout1 .news9 { width: 66.666%; height: 250px; float: right }
.hpnews_layout1 .news10 { width: 66.666%; height: 500px; float: right; }
.hpnews_layout1 .news12 { width: 100%; height: 500px }
}
@media (max-width: 769px) {
.hpnews_layout_n { width: 50%; float: left; min-height: 235px }
.hpnews_layout1 .news1 { height: 470px }
.hpnews_layout1 .news2 { width: 50% }
.hpnews_layout1 .news3 { width: 50% }
.hpnews_layout1 .news4 { width: 100%; height: 470px; float: left }
.hpnews_layout1 .news5 { width: 50%; height: 470px }
.hpnews_layout1 .news7 { width: 50%; float: left }
.hpnews_layout1 .news8 { width: 100%; height: 470px }
.hpnews_layout1 .news9 { width: 50%; height: 470px; float: left }
.hpnews_layout1 .news10 { width: 50%; height: 235px; float: left }
.hpnews_layout1 .news12 { width: 100%; height: 470px }
}
@media (max-width: 480px) {
.hpnews_layout1 .hpnews_layout_n { width: 100%; height: 350px; }
}
/* artists */
.artists { }
.artists_h { background: #373334; text-align: right; }
.artists_h:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.artists_h .triMobile { display: inline-block; color: #878384; margin-left: 12px; }
.artists_h_az { padding: 0 12px; float: left }
.artists_h_az li { display: inline-block; margin-right: -4px }
.artists_h_az li a { text-transform: uppercase; color: #878384; padding: 25px 8px; background: #373334; transition: 350ms all ease }
.artists_h_az li.sel a { color: #fff; padding: 25px 20px; margin: 0 3px }
.artists_h_az li.sel a,
.artists_h_az li:hover a { background-color: #4B4748; color: #fff }
.artists_h_az + form { transition: 350ms all ease; padding: 2px 0; }
.artists_h_az + form:hover { background-color: #4B4748 }
.artists_h_az + form:hover select { color: #fff }
.artists_h form { /*float: right*/ display: inline-block; vertical-align: middle }
.artists_h_select, .artists_h_az_select { height: 100%; display: inline-block; vertical-align: middle; position: relative; background: url('../bundles/sedonaumfsitefront/css/i/artists_h_select.svg') right 10px center no-repeat; background-size: 20px auto; overflow: hidden; /*padding-right: 10px;*/ min-width: 100px; }
/*.ie9 .artists_h_select,*/
/*.ie9 .artists_h_az_select {*/
/*background-size: 60px auto;*/
/*background-repeat: no-repeat;*/
/*background-position: right 10px center;*/
/*}*/
.ie678 .artists_h_select, .ie678 .artists_h_az_select { background: url('../bundles/sedonaumfsitefront/css/i/artists_h_select.png') right center no-repeat }
.artists_h_select select, .artists_h_az_select select { width: 111%; padding: 25px 10px; border: 0; color: #878384; font-size: 1rem; outline: 0; cursor: pointer; background: transparent; position: relative; z-index: 1; margin-left: 7px; }
.artists_h_select.sel, .artists_h_az_select.sel { background-color: #878384 }
.artists_h form.artists_h_az_mobile { display: none }
.artists_h_az_mobile .artists_h_az_select select { width: 123%; }
/*.artists_h_select.sel select { background-color: #878384; color: #fff; background-image: url('i/artists_h_select_sel.svg'); background-size: auto }*/
.artists_c {}
.artists_c_logo { background: #231F20; padding: 40px 0; width: 100% }
.artists_c_logo img { width: 70px; display: block; margin: 0 auto }
.artists_c_mea { }
.artists_c_mea:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.artists_c_mea .artistthumb { float: left; width: 25%; /*height: 265px;*/ background-color: #202020; }
.artists_c_alpha {}
.artists_c_alpha li { display: block }
.artists_c_alpha li a { background: #231F20; color: #fff; font-size: 22px }
.artists_c_alpha li.odd a { background: #2D292A }
.artists_c_alpha li .artists_c_alpha_name { padding: 15px 30px; color: #878384 }
.artists_c_alpha li a .artists_c_alpha_pic { background: 0 0 no-repeat; background-size: cover; height: 250px; position: relative }
.artists_c_alpha li a .artists_c_alpha_pic { background-position: 0 0; background-repeat: no-repeat; background-size: cover; height: 250px; position: relative }
.artists_c_alpha li a .artists_c_alpha_pic h3 { padding: 15px 30px; background: rgba(0,0,0,.8); position: absolute; bottom: 0; width: 100% }
.artists_f { text-align: center; background-color: #373334; padding-top: 55px; padding-bottom: 55px; box-shadow: 1px 17px 23px -9px rgba(0, 0, 0, .4) inset }
@media (max-width: 1050px) {
.artists_h_az { display: block; float: none; }
.artists_h { text-align: left; }
}
@media (max-width: 1280px) {
/*.artists_h_az { float: none; width: 100% }*/
.artists_h_az li { margin-right: 0 }
.artists_h_az li a { padding: 25px 2px 10px }
.artists_h form { float: none; padding-top: 0 }
.artists_h_select:first-of-type { padding-left: 0 }
}
@media (max-width: 768px) {
.artists_h_az { display: none; }
.artists_h .triMobile { display: block; color: #878384; padding: 22px 22px 0 22px; margin-left: 0; }
.artists_h > form { display: inline-block; width: 58%; }
.artists_h > form select { padding: 5px 22px; margin: 17px 0; }
.artists_h > form.artists_h_az_mobile { display: inline-block; width: 40%; }
.artists_h .artists_h_select select { width: 114%; /*border-left: 1px solid #878384;*/ }
}
@media (max-width: 879px) {
.artists_c_mea .artistthumb { width: 33.333% }
}
@media (max-width: 729px) {
.artists_c_mea .artistthumb { width: 50% }
}
@media (max-width: 429px) {
.artists_c_mea .artistthumb { width: 100% }
}
/* clips */
.clips {}
.clips_c:after { content: ''; display: block; clear: both;; visibility: hidden; line-height: 0; height: 0 }
.clips_c .videobloc { width: 33.333%; float: left; height: 0px; padding-bottom: 18.2%; overflow: hidden; transition: 350ms transform ease }
/*.clips_c .videobloc:hover { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); position: relative; z-index: 99;}*/
.clips_c .videobloc_asBig { width: 50%; height: 0px; padding-bottom: 30.2%; }
.clips_c .videobloc_asBig .ico_asPlay { width: 50px; height: 50px; margin-top: -50px; }
@media (max-width: 869px) {
.clips_c .videobloc { width: 50%; padding-bottom: 24.2% }
}
@media (max-width: 569px) {
.clips_c .videobloc { width: 100%; /*padding-bottom: 35.2%;*/ height: auto; padding: 0; }
a.lyrics_main_n_h_artist {
text-align: left;
width: 100%;
margin-bottom: 10px;
}
a.lyrics_main_n_h_artist > p {
width: auto;
text-align: left;
padding: 0 20px;
}
.videobloc .videobloc_c {
display: block;
}
}
@media (max-width: 320px) {
.clips_c .videobloc {
/*padding-bottom: 55.2%;*/
padding: 0;
height: auto;
}
}
.artist_c_concert_sub { }
/* artistp */
.artistp { background-color: #fff }
.artistp_h { }
.artistp_h_c { position: relative; z-index: 0; display: block; width: 100%; min-height: 545px; overflow: hidden; }
.artistp_h_c.noImg { min-height: 200px }
.artistp_h_c.noImg { min-height: 200px }
.artistp_h_c.noImg .artistp_h_c_f { padding: 32px 0px 20px; bottom: 0; top: inherit }
.artistp_h_c_f { position: absolute; bottom: 0; width: 100%; padding: 32px 0px }
.artistp_h_c_f:after { content: ''; display: block; clear: both; visibility: hidden; height: 0; line-height: 0; }
.artistp_h_c_f h1 { float: left; padding-left: 50px; /*font-size: 56px;*/ color: #fff; text-shadow: 1px 1px black }
.artistp_h_c_f h1 a { font-size: 56px; color: #fff; text-shadow: 1px 1px black }
.artistp_h_c_f_nav { display: inline-block; position: relative; padding-right: 70px; float: right; margin-top: 10px; }
.artistp_h_c_f_nav_n { display: inline-block; margin-right: 10px; }
::-webkit-scrollbar { -webkit-appearance: none; }
::-webkit-scrollbar:vertical { width: 12px; }
::-webkit-scrollbar:horizontal { height: 5px; }
::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5 ); }
.artistp_h_f { background-color: #f5f5f5; display: block; }
@media (max-width: 768px) {.artistp_h_f { overflow-x: scroll; -webkit-overflow-scrolling: auto }}
.artistp_h_f_nav { text-align: center; }
.artistp_h_f_nav li { display: inline-block; background-color: #f5f5f5; border: 0px; padding: 25px; margin-right: -4px; -webkit-transition: background-color 350ms ease; transition: background-color 350ms ease }
.artistp_h_f_nav li:hover, .artistp_h_f_nav li.sel { background-color: #fff; }
.artistp_h_f_nav a { text-transform: uppercase; text-align: center; }
.artistp_h_f_nav a:hover, .artistp_h_f_nav li.sel a { color:#4f4f4f;}
.artistp_c { padding: 40px 80px 0 }
.artistp_c .exclu { margin-bottom: 50px }
.artistp_c h2 { padding-bottom: 30px }
.artistp_c_nav { padding-bottom: 50px }
.artistp_c_nav ul {}
.artistp_c_nav ul li { display: inline-block; vertical-align: middle; margin-right: -4px }
.artistp_c_nav ul li a { border: 1px solid; border-radius: 20px; text-shadow: none; font-size: 13px; text-transform:uppercase; margin-left: 20px; -webkit-transition: background 200ms ease, border 200ms ease, color 200ms ease; transition: background 200ms ease, border 200ms ease, color 200ms ease }
.artistp_c_nav ul li:first-child a { margin-left: 0 }
.artistp_c_nav ul li.sel a, .artistp_c_nav ul li a:hover { background: #687170; border-color: #687170; color: #fff }
@media (max-width: 1180px) {
.artistp_c_nav ul li a {padding: 0 15px; margin-left: 15px; line-height: 34px }
}
@media (max-width: 929px) {
.artistp_c_nav { padding-bottom: 30px; text-align: center }
.artistp_c_nav ul li a { padding: 0 10px; margin-left: 10px; margin-bottom: 10px; line-height: 1.3; padding: 7px 10px 5px; }
}
.artistp_c_bio { display: block; }
.artistp_c_bio:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.artistp_c_bio_infos { background-color: #f5f5f5; float: left; width: 25%;}
.artistp_c_bio_infos p { margin: 20px 0px 20px 20px; }
.artistp_c_bio_infos span { width: 100%; display: inline-block; font-size: 1.5rem; line-height: 1.3; }
.artistp_c_bio_infos em { width: 100%; display: inline-block; color: #687170; line-height: 1.8; }
.artistp_c_bio_story { float: right; width: 65%; position: relative;}
/*.artistp_c_bio_story p { font: 17px/32px 'Avenir 55 Roman'; color: #687170; margin-top: 1.1em; z-index: 1; position: relative;}*/
.artistp_c_bio_story span {top: -20px; left: -20px;}
.artistp_c_mea { padding-bottom: 50px }
.artistp_c_mea:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.artistp_c_mea_lastalbum { float: left; width: 40%; max-width: 325px; min-height: 500px; margin-bottom: 50px; }
.artistp_c_mea_popular { float: right; width: 55% }
.artistp_c_mea_popular .btn { margin-top: 30px }
@media (max-width: 869px) {
.artistp_c_mea_lastalbum { float: none; margin: 0 auto; /*width: 40%;*/width: 80%; margin-bottom: 30px; max-width: none; min-height:0; }
.artistp_c_mea_popular,
div.artistp_c_mea_lastPlaylist + div.artistp_c_mea_popular,
div.artistp_c_mea_lastPlaylist { float: none; width: 100%; margin: 0 auto; max-width: none; min-height: 0; margin-bottom: 20px; }
.artistp_c_mea { padding-bottom : 0 }
.artistp_c_mea .centerBtn { padding-top : 0 }
}
@media (max-width: 629px) {
.artistp_c_mea_lastalbum { width: 100% }
.artistp_c_mea_popular { width: 100% }
.artistp_c #videoPlayer { width: 100%!important; max-height: 200px; min-height: 162px; float: none; margin: 50px 0; overflow: hidden }
.artistp_c_lyricsvid_h .social { float: none;}
}
.artistp_c_videos { padding-bottom: 50px; position: relative; }
.artistp_c_videos_h {}
.artistp_c_videos_h h2, .artistp_c_videos_h a { display: inline-block; vertical-align: middle }
.artistp_c_videos_h h2 { line-height: 38px; padding-bottom: 20px }
.artistp_c_videos_h a { float: right }
.artistp_c_videos_c { }
.artistp_c_videos_c .btn.btn_asColor{ position: absolute; top: 0; right: 0; padding: 10px 16px; float: none; }
.artistp_c_videos_c .videobloc { width: 32%; display: inline-block; vertical-align: middle; margin-right: -4px; margin-left: 2% }
.artistp_c_videos_c .videobloc:first-child { margin-left: 0 }
@media (max-width: 910px) {
.artistp_c_videos_c { text-align: center; margin-bottom: 25px;}
.artistp_c_videos_c .btn.btn_asColor{ position: static; margin-bottom: 25px; width: 195px; display: block; margin: 0 auto; clear: both; }
.artistp_c_videos_c .videobloc:first-child { margin-right: 1%;}
.artistp_c_videos_c .videobloc { margin-left: 0px;}
.artistp_c_videos_c .videobloc:last-child { margin-left: inherit;}
}
.artistp_c_actu { padding-bottom: 50px }
.artistp_c_actu:after { display: block; content: ''; clear: both; visibility: hidden; line-height: 0; height: 0 }
.artistp_c_actu_news { /*width: 50%;*/ display: inline-block; vertical-align: top; margin-right: -4px; width: 40%; max-width: 325px; }
.artistp_c_actu_playlist, .artistp_c_actu_shop { width: 40%; display: inline-block; vertical-align: top; float: right }
.artistp_c_actu_playlist .videobloc_c { padding: 10px 0 }
.artistp_c_actu_shop .shopbloc { padding-bottom: 10px }
.artistp_c_actu_shop .shopbloc a { width: 50%; float: left; margin-bottom: 10px }
@media (max-width: 869px) {
.artistp_c_actu_news { /*width: 75%;*/ width: 80%; margin: 0 auto; display: block; padding-bottom: 50px; max-width: none;}
.artistp_c_actu_playlist, .artistp_c_actu_shop { width: 50%; margin: 0 auto; display: block; float: inherit }
.artistp_c_actu_shop { width: 60%; margin: 0 auto; display: block; float: inherit }
}
@media (max-width: 629px) {
.artistp_h_c { min-height: 300px }
.artistp_h_c .social { text-align: right; margin-top: 0; width: 100%; position: absolute; right: 10px; top: 10px; margin-right: 0; }
.artistp_h_c .social .social_site { margin-top: 13px; width: auto; display: inline-block; padding: 0 15px; margin-right: 0; margin-bottom: 5px; float: right; }
.artistp_c_actu_news { width: 100% }
.artistp_c_actu_playlist, .artistp_c_actu_shop { width: 75% }
}
@media (max-width: 480px) {
.artistp_c_actu_playlist, .artistp_c_actu_shop { width: 100% }
}
.artist_c_concert_sub { background: url('../bundles/sedonaumfsitefront/css/i/artist_c_concert_sub.jpg') 0 0 no-repeat; background-size: cover; padding: 40px }
.artist_c_concert_sub p { color: #fff; text-shadow: 1px 1px rgba(0,0,0,.4); max-width: 60%; display: inline-block; vertical-align: middle; margin-right: 26px; font-size: 1.6rem; line-height: 1.6; }
.artist_c_concert_sub p strong { font-family: 'Avenir 85 Heavy',sans-serif; font-weight: 700; }
.artist_c_concert_sub .btn { display: inline-block; vertical-align: middle; margin-right: -4px; transition: 350ms all ease }
.artist_c_concert_sub .btn:hover { background-color: #fff; color: #444; text-shadow: none;}
.artistp_c_disco { padding-bottom: 50px }
.artistp_c_disco:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.artistp_c_disco_album { float: left; width: 30%; padding-right: 5% }
.artistp_c_disco .cover_asDisco .cover_c { background: none }
/*.artistp_c_disco .cover_asDisco .cover_c > a { padding: 5px 0; }*/
.artistp_c_disco_tracks { float: left; width: 65% }
.artistp_c_disco_tracks_h { display: inline-block; vertical-align: middle; width: 100%; color: #8E4B30; text-transform: uppercase; padding-bottom: 0px; position: relative; }
.artistp_c_disco_tracks_h h2 { font-size: 22px }
/*.artistp_c_disco_tracks_h select { color: #687170; font: 16px 'Avenir 35 Light',sans-serif; text-transform: none; position: relative; top: 4px; right: 0; border: 0; outline: 0 }*/
.artistp_c_disco_tracks .lyricslist { width: 48%; float: left }
.artistp_c_disco_tracks .lyricslist:first-of-type { margin-right: 4% }
.artistp_c_news { padding-bottom: 50px; position: relative; padding-right: 85px }
.artistp_c_news_nav { width: 65px; position: absolute; top: 0; right: 0 }
.artistp_c_news_nav ul {}
.artistp_c_news_nav ul li { display: block; padding: 18px 0 }
.artistp_c_news_nav ul li a { font-size: 0.9rem; line-height: 1.8; color: #687170; border-radius: 10px; text-align: center; position: relative; -webkit-transition: all 350ms ease; transition: all 350ms ease }
.artistp_c_news_nav ul li.sel a, .artistp_c_news_nav ul li a:hover { background: #687170; color: #fff; }
.artistp_c_news_nav ul li a:before { content: ''; display: block; width: 10px; height: 1px; background: rgba(31,31,31,.3); position: absolute; top: -18px; left: 50%; margin-left: -5px }
.artistp_c_news_nav ul li:last-child a:after { content: ''; display: block; width: 10px; height: 1px; background: rgba(31,31,31,.3); position: absolute; bottom: -18px; left: 50%; margin-left: -5px }
.artistp_c_news_n { width: 100%; margin-bottom: 40px }
.artistp_c_news_n:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.artistp_c_news_n .artistp_c_news_n_fb { float: right; width: 50%; position: relative; padding-bottom: 56.25%; height: 0 }
.artistp_c_news_n .artistp_c_news_n_fb iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.artistp_c_news_n a { float: left; width: 55%; min-height: 100px }
.artistp_c_news_n.odd a { float: right; min-height: 100px }
.artistp_c_news_n.artistp_c_news_n_asSmall a { width: 40%; margin: 0 }
.artistp_c_news_n a.cover .cover_c { margin-bottom: 0 }
@media (max-width: 825px) {
.artistp_c_disco_tracks { float: none; width: 100% }
}
@media (max-width: 679px) {
.artistp_c_disco_tracks .lyricslist { width: 100%; float: none }
.artistp_c_news_n a { float: none; width: 100%; }
.artistp_c_news_n.artistp_c_news_n_facebook { overflow: scroll; -webkit-overflow-scrolling:touch; }
.artistp_c_news_n.artistp_c_news_n_facebook > div { float: none!important; }
}
@media screen and (max-width: 1023px) {
.artistp_c_news_n_facebook > div{
width: 100%!important;
overflow: auto;
}
.artistp_c_news_n_facebook iframe{
width: 500px!important;
}
}
.artistp_c_pics {}
.artistp_c_pics_n { width: 32%; margin: 0 1% 1%; vertical-align: middle; display: inline-block; margin-right: -4px; overflow: hidden; transition: 350ms transform ease; }
/*.artistp_c_pics_n:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }*/
.artistp_c_pics_n img { display: block; width: 100% }
.artistp_c_pics_n.pic1 { width: 66%; margin-left: 0 }
.artistp_c_pics_n.pic2 { margin-right: 0 }
.artistp_c_pics_n.pic3 { margin-left: 0; width: 21% }
.artistp_c_pics_n.pic4 { width: 54% }
.artistp_c_pics_n.pic5 { margin-right: 0; width: 21% }
.artistp_c_pics_n.pic6 { margin-left: 0 }
.artistp_c_pics_n.pic7 {}
.artistp_c_pics_n.pic8 { margin-right: 0 }
@media (max-width: 729px) {
.artistp_c_pics a.artistp_c_pics_n { width: 60%; margin: 2% auto; display: block }
.artistp_c_news_n.artistp_c_news_n_asSmall a { margin: 0px; width: 100%; }
}
@media (max-width: 479px) {
.artistp_c_pics a.artistp_c_pics_n { width: 100%; }
}
.artistp_c_clips { padding-bottom: 40px }
.artistp_c_clips .btn_asColor { padding: 10px 16px; }
.artistp_c_clips_h { margin-bottom: 20px }
.artistp_c_clips_h:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.artistp_c_clips_h h2 { float: left; line-height: 40px; padding-bottom: 0; margin-right: 10px }
.artistp_c_clips_h_i { width: 40px; float: left }
.artistp_c_clips_h_i img { display: block; width: 100% }
.artistp_c_clips_c { }
.artistp_c_clips_c:after { content: ''; display: block; clear: both;; visibility: hidden; line-height: 0; height: 0 }
.artistp_c_clips_c .videobloc { width: 32%; float: left; margin-right: 2%; margin-bottom: 2%; transition: 350ms transform ease;}
.artistp_c_clips_c .videobloc:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.artistp_c_clips_c .videobloc_asBig { width: 49%; margin-right: 2% }
.artistp_c_clips_c .videobloc_asBig .play-ctn { position: relative; }
.artistp_c_clips_c .videobloc_asBig .ico_asPlay { width: 50px; height: 50px; margin-top: -25px; }
.artistp_c_clips_c a:nth-child(2) { margin-right: 0 }
.artistp_c_clips_c a:nth-child(3n+5) { margin-right: 0 }
.artistp_c_clips_f { text-align: center; padding-top: 20px }
@media (max-width: 869px) {
.artistp_c_clips_c .videobloc { width: 48%; margin-right: 2% }
.artistp_c_clips_c a:nth-child(2) { margin-right: 2% }
.artistp_c_clips_c a:nth-child(3n+5) { margin-right: 2% }
.artistp_c_clips_c a:nth-child(2n+2) { margin-right: 0 }
}
@media (max-width: 569px) {
.artistp_c_clips_h h2 { line-height: 24px; max-width: 75% }
.artistp_c_clips_c .videobloc { width: 100% }
}
.artistp_c_lyricsvid {}
.artistp_c_lyricsvid_h {}
.artistp_c_lyricsvid_h h2 { display: inline-block; vertical-align: middle; margin-right: -4px; font-size: 26px;}
.artistp_c_lyricsvid_h .social { vertical-align: top; margin-right: 0; margin-top: 0 }
.artistp_c_lyricsvid_c { padding-bottom: 25px; border-bottom: 6px solid #F5F5F5 }
.artistp_c_lyricsvid_c:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
#videoPlayer_wrapper,
.artistp_c_lyricsvid_c video { width: 75% !important; float: left; height: 444px !important; }
.artistp_c_lyricsvid_c_related { margin-left: 2%; width: 23%; float: left }
.artistp_c_lyricsvid_c_related .videobloc { }
.artistp_c_lyricsvid_c_related .videobloc_i {max-height: 110px; overflow: hidden;}
.artistp_c_lyricsvid_c_related .videobloc_c { position: relative; background: rgba(0,0,0,1); padding: 10px 0 }
.artistp_c_lyricsvid_c_related .videobloc_c p { float: none; padding: 0 10px; overflow: hidden }
.artistp_c_lyrics { padding-top: 25px; padding-bottom: 50px }
.artistp_c_lyrics_h {}
.artistp_c_lyrics_c {}
.artistp_c_lyrics_c_text { width: 60%; display: inline-block; vertical-align: top; margin-right: -4px; position: relative }
.artistp_c_lyrics_c_text:before,
.artistp_c_lyrics_c_text:after { content: '”'; position: absolute; z-index: 0; font: 80px/80px 'Avenir 85 Heavy'; color: #687170; opacity: .5 }
.artistp_c_lyrics_c_text:before { top: 24px; left: -21px; }
.artistp_c_lyrics_c_text:after { right: -21px; }
.artistp_c_lyrics_c_text p { line-height: 1.6; font-size: 1.1rem; color: #687170; padding-bottom: 40px }
.artistp_c_lyrics_c_text p:first-child { padding-top: 40px }
.artistp_c_lyrics_c_text p:last-child { padding-bottom: 0 }
.artistp_c_lyrics_c_mea { margin-left: 2%; width: 38%; display: inline-block; vertical-align: top; margin-right: -4px }
.artistp_c_lyrics_c_mea_vid { padding-bottom: 45px }
.artistp_c_lyricsvid_mea_shop { margin-top: 45px}
.artistp_c_lyricsvid_mea_shop .shopbloc a { width: 50%; display: inline-block;vertical-align: middle; margin-right: -4px }
.artistp_c_lyricsvid_mea_shop .btn { margin-top: 20px }
@media (max-width: 949px) {
#videoPlayer_wrapper,
.artistp_c_lyricsvid_c video { width: 100% !important; float: none; margin-bottom: 25px; margin-left: 15px; margin-bottom: 30px; height: 285px !important; }
.artistp_c_lyricsvid_c_related { width: 100%; float: none }
.artistp_c_lyricsvid_c_related .videobloc { width: 33.333%; display: inline-block;vertical-align: middle; margin-right: -4px }
}
@media (max-width: 759px) {
.artistp_c_lyricsvid_c_related { text-align: center; margin-left: 0; margin-top: 10px;}
.artistp_c_lyricsvid_c_related .videobloc { width: 50%; margin-right: 0; }
}
@media (max-width: 649px) {
.artistp_c_lyrics_c_text { width: 100%; margin-bottom: 60px }
.artistp_c_lyrics_c_mea { margin-left: 0; width: 50%; margin: 0 auto; display: block }
}
@media (max-width: 479px) {
#videoPlayer_wrapper,
.artistp_c_lyricsvid_c video { margin-left: 10px; }
.artistp_c_lyricsvid_c_related .videobloc { width: 100% }
.artistp_c_lyrics_c_mea { width: 100%; margin: 0 }
}
.artistp_c_shop { }
.artistp_c_shop_c { padding-top: 50px; }
.artistp_c_shop_c_item { display: inline-block; width: 24%; text-align: center; padding-bottom: 50px; margin-left: 4px;}
.artistp_c_shop_c_item img { padding-bottom: 35px; width: 100%; }
.artistp_c_shop_c_item p { font: 18px/28px 'Avenir 55 Roman'; color: #000; }
.artistp_c_shop_c_item p:nth-child(3) { font: 18px/28px 'Avenir 55 Roman'; color: #687170; padding-bottom: 20px; }
.artistp_c_shop_h { }
@media (max-width: 873px) {
.artistp_c_shop_c_item { width: 32%;}
}
@media (max-width: 573px) {
.artistp_c_shop_c_item { width: 48%;}
}
@media (max-width: 320px) {
.artistp_c_shop_c_item { width: 96%;}
}
.artistp_f { padding-top: 50px }
.artistp_f p { color: #373334; padding: 0 30px; text-transform: uppercase; background: #F5F5F5; font-size: 1.4rem; line-height: 3.2; }
.artistp_f_c { display: flex; flex-wrap: wrap; }
.artistp_f_c:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.artistp_f_c .artistthumb { width: 25%; float: left; background-color: #202020; max-height: 265px; min-height: 130px; }
.artistp_f_c .artistthumb img { position: static; }
.artistp_f_c .artistthumb img.default { position: absolute; }
.artistp_f_more { text-align: center; background-color: #373334; padding-top: 55px; padding-bottom: 55px; box-shadow: 1px 17px 23px -9px rgba(0, 0, 0, .4) inset; margin-top: -6px; }
.artistp_f_more_asConcerts { text-align: center; padding-top: 55px; padding-bottom: 55px; background-color: #fff; box-shadow: none;}
@media (max-width: 1280px) {
.artistp_c_disco_tracks_h h2 { padding-bottom: 10px }
.artistp_c_disco_tracks_h select { position: relative }
}
@media (max-width: 768px) {
.artistp_c_disco_tracks_h h2 { padding-bottom: 10px; padding-top: 10px }
}
@media (max-width: 1190px) {
.artistp_c { padding: 40px 40px 0 }
.artistp_h_f_nav li { padding: 15px }
}
@media (max-width: 1138px) {
/*.artistp_c_disco_album { width: 40%; padding-right: 0 }
.artistp_c_disco .cover_asDisco .cover_c { padding-bottom: 0 }
.artistp_c_disco_tracks { width: 100%; padding-top: 50px }
.artist_c_concert_sub p { max-width: 100%; margin-right: 0; margin-bottom: 25px }*/
}
@media (max-width: 910px) {
.artistp_c { padding: 30px 10px 0 }
.artistp_c_bio_infos { background-color: #f5f5f5; width: 90%; padding: 5%; display: block; position: relative; }
.artistp_c_bio_infos p { /*width: 49%;*/ width: 100%; display: inline-block; margin: 0px; vertical-align: top; padding-bottom: 5%; }
aside.artistp_c_bio_infos span { /*font: 15px/15px 'Avenir 55 Roman'!important;*/ color: #ddc9c0; width: 100%; display: inline-block; padding-bottom: 2%;}
.artistp_c_bio_infos em { width: 100%; display: inline-block; /*font: 17px/20px 'Avenir 55 Roman';*/ color: #687170; /*padding-bottom: 10%;*/ }
.artistp_c_bio_story { width: 96%; clear: both; margin-left: 2%; position: relative; margin-top: 40px; }
.artistp_c_videos_c .videobloc { width: 48%; margin-left: 2%; margin-bottom: 2% }
.artistp_c_videos_c .videobloc:first-child { margin-left: 0 }
.artistp_h_c_f h1 { float: left; padding-left: 7%; font-size: 56px; color: #fff; text-shadow: 1px 1px black;}
.artistp_h_c_f_nav { display: inline-block; position: relative; padding-right: 4%; float: right; margin-top: 0px; }
.artistp_h_c_f_nav_n span { display: none; }
.artistp_h_f_nav li { padding: 10px }
}
@media (max-width: 825px) {
.artistp_c_disco_album { width: 50% }
.artistp_h_f_nav li { padding: 4px 10px; }
.artistp_h_f_nav a { /*line-height: 30px;*/ color:#8E4B30; text-transform: uppercase; text-align: center; }
}
@media (max-width: 650px) {
.artistp_c_disco_album { width: 75% }
.artistp_f_c .artistthumb { width: 50% }
}
@media (max-width: 590px) {
.artistp_h_c_f h1 { float: left; padding-left: 5%; font-size: 45px; color: #fff; text-shadow: 1px 1px black;}
.artistp_h_c_f_nav { display: inline-block; position: relative; padding-right: 3%; margin-top: 0px; }
.artistp_h_c_f_nav_n { display: inline-block; margin-right: 3px; }
}
@media (max-width: 529px) {
.artistp_c_disco_album { width: 100% }
.artistp_c_videos_c .videobloc { width: 100%; margin: 0 0 4% 0 }
}
/*@media (max-width: 429px) {*/
/*.artistp_f_c .artistthumb { width: 100% }*/
/*}*/
@media (max-width: 320px) {
.artistp_c { padding: 5% 5% 0 }
.artistp_c_bio_infos { width: 90%; padding: 5%; }
.artistp_c_bio_infos p { width: 47%; margin-left: 5px; }
.social { float: none; margin-top: 20px; margin-right: 0px; display: inline-block; padding: 0px 30px; width: 100%;}
.social li { display: inline-block; float: left; margin-right: 0px; margin-top: 10px; padding: 0px 16px; }
.social_site { text-align: center; width: 100%; background-color: rgba(255, 255, 255, 0.8); padding: 3px 0px; border-radius: 18px;}
.artistp_h_c_f h1 { padding-left: 22%; margin-top: -18px; }
/*.artistp_h_c_f_nav { padding-right: 25%; }*/
.artistp_f p { /*padding: 0 44px;*/ padding: 15px; line-height: 1.2; }
}
/* account */
.account {}
.account_h { font-size: 16px; line-height: 24px; padding: 24px; text-align: center; text-transform: uppercase; color: #fff; background: #4B4748 }
.accountmain { background: #373334; color: #fff; padding-top: 30px }
.accountmain label { position: relative; cursor: pointer }
.accountmain_row { padding: 21px 0 }
.accountmain_row.accountmain_row_asArtist { background: #2D292A }
.accountmain_row > p { font: 18px/24px 'Avenir 35 Light'; text-align: right; display: inline-block; vertical-align: top; margin-right: -4px; width: 20%; padding-left: 5% }
.accountmain_n { display: inline-block; vertical-align: top; margin-right: -5px; width: 72%; padding-left: 3%; font: 18px/24px 'Avenir 65 Medium' }
.accountmain_n img { width: 60px; height: 60px; display: inline-block; vertical-align: middle; margin-right: -4px }
.accountmain_n p { display: inline-block; vertical-align: middle; margin-right: -4px; margin-left: 20px; color: #B9B5B6 }
.accountmain_profile .btn { margin-left: 40px }
.accountmain_platform label { width: 100%; margin-right: 0; display: block; line-height: 30px; margin-bottom: 15px }
.accountmain_platform label:last-child { margin-bottom: 0 }
.accountmain_platform label i { width: 30px; height: 30px; display: inline-block; vertical-align: bottom; background-size: 100%; background-position: 0 center; background-repeat: no-repeat; margin-right: 20px }
.accountmain_platform_spo i { background-image: url('../bundles/sedonaumfsitefront/css/i/ico_spotify.svg') }
.accountmain_platform_deez i { background-image: url('../bundles/sedonaumfsitefront/css/i/ico_deezer.svg') }
.ie678 .accountmain_platform_spo i { background-image: url('../bundles/sedonaumfsitefront/css/i/ico_spotify.png') }
.ie678 .accountmain_platform_deez i { background-image: url('../bundles/sedonaumfsitefront/css/i/ico_deezer.png') }
.accountmain_sub label,
.accountmain_artists label { display: inline-block; vertical-align: top; width: 30%; margin-right: -4px; margin-bottom: 20px; padding-right: 3.3333% }
.accountmain_sub label img,
.accountmain_artists label img { margin-left: 15px }
.accountmain_sub label p,
.accountmain_artists label p { max-width: 34%; line-height: 24px }
/* custom radio + checkbox */
.accountmain .radio,
.accountmain .checkbox { position: relative }
.accountmain .radio { padding-left: 20px }
.accountmain input[type='radio'], .accountmain input[type='checkbox'] { visibility: hidden }
.accountmain .radio:before,
.accountmain .checkbox:before { content: ''; display: inline-block; width: 20px; height: 20px; position: absolute; top: 50%; left: 0; margin-top: -10px; background-repeat: no-repeat; background-position: 0 0; visibility: visible }
.accountmain .radio:before { background-image: url('../bundles/sedonaumfsitefront/css/i/accountmain_radio.svg') }
.ie678 .accountmain .radio:before { background-image: url('../bundles/sedonaumfsitefront/css/i/accountmain_radio.png') }
.accountmain .checkbox:before { background-image: url('../bundles/sedonaumfsitefront/css/i/accountmain_checkbox.svg') }
.ie678 .accountmain .checkbox:before { background-image: url('../bundles/sedonaumfsitefront/css/i/accountmain_checkbox.png') }
.accountmain .radio.checked:before,
.accountmain .checkbox.checked:before { background-position: 0 -20px }
.accountmain_f { text-align: center; padding: 40px 0 }
.accountmain_f a:first-child { margin-right: 60px }
@media (max-width: 969px) {
.accountmain_row > p { width: 100%; padding: 0; text-align: center; padding-bottom: 20px }
.accountmain_n { width: 80%; padding: 0 10% }
.accountmain_profile { text-align: center }
.accountmain_sub label,
.accountmain_artists label { width: 46%; padding-right: 4% }
}
@media (max-width: 669px) {
.accountmain_profile .btn { margin: 20px 20% 0; margin-top: 20px; display: block }
}
@media (max-width: 499px) {
.accountmain_n {}
.accountmain_artists, .accountmain_sub { text-align: left }
.accountmain_sub label,
.accountmain_artists label { width: 100%; padding: 0; margin-left: auto; margin-right: auto }
.accountmain_sub label p,
.accountmain_artists label p { width: auto }
.accountmain_f a { display: block; width: 60%; margin: 0 auto }
.accountmain_f a:first-child { margin: 0 auto 40px }
}
/* lyrics */
.lyrics_main { width: 100%; font-size: 0;;}
.lyrics_main_n {display: inline-block; width: 50%; background-color: #231F20; transition: 350ms transform ease;}
/*.lyrics_main_n:hover { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); position: relative; z-index: 99; }*/
.lyrics_main_n.odd {background-color: #2D292A;}
.lyrics_main_n_h {height: 56px; overflow: hidden; position: relative;}
.lyrics_main_n_h_title {display: inline-block;}
.lyrics_main_n_h_title span {background: url('../bundles/sedonaumfsitefront/css/i/lyrics_n.svg') 22px/24px no-repeat; display: inline-block; width: 50px; height: 50px; margin-top: 6px; vertical-align: middle}
.ie678 .lyrics_main_n_h_title span { background: url('../bundles/sedonaumfsitefront/css/i/lyrics_n.png') 22px/24px no-repeat }
.lyrics_main_n_h_title p { color: #fff; display: inline-block; padding-left: 14px; vertical-align: middle; width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lyrics_main_n_h_artist { color: #fff; display: inline; margin: 0; padding-top: 0px; padding-left: 0px; float: right; width: 50%; text-align: right}
.lyrics_main_n_h_artist:after { content: ""; height: 56px; display: inline-block; vertical-align: middle; }
.lyrics_main_n_h_artist p {display: inline-block; vertical-align: middle; text-align: right; margin: 0; padding: 0 20px 0 0; width: 75%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lyrics_main_n_h_artist img {display: inline-block; vertical-align: middle}
.lyrics_main_n_c { color: #C8C8C8; overflow: hidden; height: 157px; padding: 16px 20px 5px 22px; line-height: 1.8; }
.lyrics_main_n_f {margin-left: 22px; padding: 20px 0; display: block }
.lyrics_main_n_f span { width: 8px; height: 8px; background-color: #4B4748; margin-left: 12px; margin-right: 12px; display: inline-block; vertical-align: middle; position: relative }
.lyrics_main_n_f span:before, .lyrics_main_n_f span:after { content:''; position: absolute; width: 8px; height: 8px; background-color: #4B4748; display: block; top: 0 }
.lyrics_main_n_f span:before { left: -12px }
.lyrics_main_n_f span:after { right: -12px }
@media (max-width: 790px) {
.lyrics_main_n { width: 100% }
}
/* news */
.news { width: 100%; position: relative; min-height: 100px; }
.news img { display: block; width: 100% }
.news_c { width: 100%; padding: 20px 0; background: rgba(0,0,0,.4) }
img + .news_c { position: absolute; bottom: 0; }
.news_c p, .news_c h2 { color: #fff; text-shadow: 1px 1px rgba(0,0,0,.5) }
.news_c p { font-size: 14px; padding: 0 20px 10px }
.news_c h2 { font-size: 24px; line-height: 32px; padding: 0 20px }
@media (max-width: 1280px) {
.news_c { padding: 14px 0 }
.news_c p { padding: 0 14px 6px }
.news_c h2 { font-size: 22px; line-height: 28px; padding: 0 14px }
}
@media (max-width: 1180px) {
.news_c h2 { font-size: 20px; line-height: 26px }
}
/* newsp */
.newsp {background-color: #fff}
.newsp .newsp_h .btn {
transition: 350ms background-color ease;
}
.newsp .newsp_h .btn:hover {
background-color: #fff;
color: #000;
text-shadow: none;
}
.newsp .newsp_h h1,.newsp .newsp_h h2,.newsp .newsp_h h3,.newsp .newsp_h h4,
.newsp .newsp_c h1,.newsp .newsp_c h2,.newsp .newsp_c h3,.newsp .newsp_c h4{ font-family: 'Avenir 55 Roman', sans-serif; }
/*.newsp .newsp_h h1,*/ .newsp .newsp_c h1{ font-size: 56px; }
.newsp .newsp_h h2, .newsp .newsp_c h2 { font-size: 46px; }
.newsp .newsp_h h3, .newsp .newsp_c h3 { font-size: 36px; }
.newsp .newsp_h h4, .newsp .newsp_c h4 { font-size: 26px; }
.newsp_h { position: relative; max-height: 520px; overflow: hidden }
.newsp_h .label { position: absolute; top: 20px; left: 20px }
.newsp_h img {display: block; width: 100%;}
.newsp_h a {margin: 25px 30px 0 0; position: absolute; top: 0; right: 0; background-color: rgba(55,51,52,0.5); border: none; padding: 10px 16px;}
.newsp_h h1 { position: absolute; width: 100%; z-index: 1; bottom: 0; font-size: 46px; color: #fff; display: inline-block; vertical-align: middle; padding: 30px; line-height: 1; text-shadow: 1px 1px rgba(0,0,0,.5); text-align: center;}
.newsp_c {width: 100%; background-color: #fff; position: relative;}
.newsp_c a.close, .newsp_c a.close_asDark {position: absolute; margin-top: 60px; right: 30px; z-index: 2;display:block;}
.newsp_c a { display: inline; font-weight: 700;}
.newsp_c a:hover { text-decoration:underline; }
.newsp_c div.p { color: #687170; z-index: 1; position: relative; padding: 4em 15%; font-size: 18px; line-height: 28px;}
.newsp_c div.p p { margin:16px 0; }
.newsp_c div.p p a { word-break: break-all }
.newsp_c div.p ul,.newsp_c div.p ol { margin:16px 0; padding:0 0 0 40px;list-style: initial; }
.newsp_c div.p ul { background-color: #f4f4f4; padding-left: 0; }
.newsp_c div.p li { display: list-item; list-style: none; padding: 12px 0 12px 20px; }
.newsp_c div.p li:nth-child(2n) { background-color: #fff; }
.newsp_c_iframe { position: relative; padding-bottom: 43.25%; padding-top: 30px; height: 0; width: 80%; overflow: hidden; margin: 0 auto;}
.newsp_c_iframe iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.newsp_c blockquote { font: 20px/32px 'Avenir 55 Roman'; color: #373334; z-index: 1; position: relative; padding: 0px 15% 0px 14%; font-style: italic; text-align: center; display: inline-block;}
.newsp_c > span {top: 58px; left: 22%;}
.newsp_subscribe {display: block; width: 52%; margin: 0 auto; padding: 20px 23% 80px 24%;}
.newsp_subscribe p {display: inline-block; padding: 0; vertical-align: middle; margin-left: 18%; margin-top: 4px; color: #687170}
.newsp_subscribe ul {margin: 0; float: right; padding-top: 4px;}
.newsp_links {padding-bottom: 80px; text-align: center;}
.newsp_links img { width:324px; height:324px}
.newsp_links a { display: inline; margin-right: 20px; }
.newsp_links a:last-child { display: inline; margin-right: 0px; }
.newsp_links_n {display: inline-block; font-size: 0px; position: relative;}
.newsp_links_n_info {position: absolute; bottom: 0px; left: 0}
.newsp_links_n_info p {padding: 20px; color: #fff; text-shadow: 1px 1px #000; text-align: left; line-height: 23px;}
.newsp_published_date {font-family: "Avenir 35 Light", sans-serif; font-size: 12px;}
@media screen and (max-width: 910px) {
.social .social_site {
display: block;
width: 100%;
}
}
@media (max-width: 1270px) {
.social .social_site {float: left;}
.social li {display: inline-block; float: none; margin-left: 2px;}
.newsp_subscribe {text-align: center;}
.newsp_subscribe p { margin-top: 12px; width: 100%; text-align: center; margin-left: 0px;}
.newsp_subscribe ul { float: inherit; padding-top: 12px; width: 100%; text-align: center; }
.newsp_links a {margin-right: 0px;}
.newsp_links_n img {width: 28%; height: 28%}
}
@media (max-width: 1167px) {
.newsp_links { padding-left: 16%; padding-right: 16%;}
.newsp_links a {display: inline-block; margin-bottom: 20px;}
.newsp_links a:last-child {display: inline-block; margin-bottom: 20px;}
.newsp_links_n img {height: inherit; width: 100%;}
}
@media (max-width: 910px) {
.newsp_c a.close, .newsp_c a.close_asDark {right: 3%;}
.newsp_c div.p { padding: 70px 12% 60px 13%;}
.newsp_c div.p p iframe { width: 100%; }
.newsp_c > span {top: 58px; left: 10%;}
.newsp_links_n_info p {padding: 5%;}
.newsp_subscribe a span {display: none;}
.newsp_subscribe p {padding: 12px;}
.btn_asNewspSub span {display: inline-block;}
}
@media (max-width: 678px) {
.newsp_h h1 { font-size: 30px;}
}
@media (max-width: 537px) {
.newsp_h h1 { font-size: 28px; padding: 10px;}
.newsp_links a {width: 100%; padding: 0px;}
.newsp_c a.close, .newsp_c a.close_asDark {right: 2%;}
}
@media (max-width: 320px) {
.newsp_h {overflow: inherit;}
.newsp_h a { bottom: -48px; left: 26px; z-index: 4; font: 10px/22px 'Avenir 35 Light',sans-serif; top: inherit; right: inherit; }
.newsp_h h1 {font-size: 18px; padding: 10px;}
.newsp_c a.close, .newsp_c a.close_asDark {margin-top: 23px;}
.newsp_c > span {left: 6%;}
.news_subscribe p {padding: 12px 0 0 0;}
.newsp_subscribe ul {padding-top: 0px;}
.social {padding: 0px;}
.social li {padding: 0px;}
.social .social_site {width: 100%; display: block; float: none;}
}
/* results */
.overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.9); z-index: 110; opacity: 0; -webkit-transition: all 350ms ease; transition: all 350ms ease; visibility: hidden }
.overlay.active { opacity: 1; visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s }
.results { width: 780px; position: absolute; top: 120px; left: 50%; margin-left: -390px; z-index: 1000; box-sizing: border-box; z-index: 120 }
.results_n { margin-bottom: 50px }
.results_n header { /*font: 18px/18px 'Avenir 35 Light';*/ font-size: 18px; line-height: 18px; color: #fff; text-transform: uppercase; padding-bottom: 20px }
.results_n header:before { content:''; display: inline-block; vertical-align: top; width: 26px; height: 22px; background: url('../bundles/sedonaumfsitefront/css/i/results_n.png') 0 0 no-repeat; margin-right: 10px }
.results_n_asVideo header:before { background-position: 0 -36px }
.results_n_asLyrics header:before { background-position: 0 -75px }
.results_n_c {}
.results_n_c li { display: block }
.results_n_c li a { background: rgba(0,0,0,.2) }
.results_n_c li a img { width: 60px; height: 60px; display: inline-block; vertical-align: middle }
.results_n_c li a figure { width: 100px; height: 60px; display: inline-block; vertical-align: middle }
.results_n_c li a figure img { width: 100%; display: block; height: 60px }
.results_n_c li a span { display: inline-block; font-size: 22px; color: #fff; height: 40px; line-height: 40px; vertical-align: middle; padding-left: 16px; text-overflow: ellipsis; overflow: hidden; }
.results_n_c li a span b { font-family: 'Avenir 65 Medium', sans-serif; }
.results_n_more { padding-top: 30px; text-align: center }
@media (max-width: 780px) {
.results { width: 100%; left: 0; margin-left: 0; padding: 0 5% }
.results_n_c li a span { font-size: 16px }
}
/* popin */
body.overflow { overflow: hidden }
.popin { position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 1000; overflow-x: visible;
text-align: left;
background-color: rgba(0,0,0,.6); }
.popin_w {
max-width: 861px;
width: 100%;
overflow: hidden;
border-radius: 6px;
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
@media (max-width: 780px) {
.popin_w {
left: 0;
right: 0;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
max-width: 100%;
}
}
.popin_w .close {
position: absolute;
right: 26px;
top: 26px;
width: 24px;
content: '';
height: 24px;
background: url(../bundles/sedonaumfsitefront/css/i/close-popin.svg) no-repeat center center; }
.popin_w .pan {
width: 50%;
float: left;
min-height: 520px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.popin_w .pan_l {
background: url(../bundles/sedonaumfsitefront/css/i/bg-left.png) no-repeat center center;
background-size: cover;
color: #fff; }
.popin_w .pan_l h2 {
font-size: 26px;
font-weight: normal;
line-height: 1.35;
margin: 0;
margin-bottom: 22px; }
.popin_w .pan_l ul {
list-style: none;
margin: 0;
padding: 0; }
.popin_w .pan_l ul li {
font-size: 14px;
line-height: 18px;
font-stretch: normal;
font-style: normal;
font-weight: normal;
display: block;
height: 38px;
margin-bottom: 17px;
padding-left: 55px;
background: no-repeat left center; }
.popin_w .pan_l ul li.user-mal {
background-image: url(../bundles/sedonaumfsitefront/css/i/user-mal.png);
background-position-x: 8px; }
.popin_w .pan_l ul li.vinyl {
background-image: url(../bundles/sedonaumfsitefront/css/i/vinyl.png); }
.popin_w .pan_l ul li.focus {
background-image: url(../bundles/sedonaumfsitefront/css/i/focus.png); }
.popin_w .pan_l ul li.headpod {
background-image: url(../bundles/sedonaumfsitefront/css/i/headpod.png); }
.popin_w .pan_r {
color: #757575; }
.popin_w .pan_r h2 {
font-size: 25px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
margin-bottom: 4px;
color: #e0c4a1; }
.popin_w .pan_r #registration-form h2 {
margin-bottom: 25px;
}
.popin_w .pan_r p {
font-size: 13px;
line-height: 1.4em;
margin-bottom: 20px; }
.popin_w .pan_r .or {
width: 222px;
text-align: center;
display: block;
position: relative;
margin-bottom: 23px; }
.popin_w .pan_r .or span {
display: inline-block;
background: #fff;
position: relative;
z-index: 2;
padding: 0 15px;
font-size: 12px;
color: #959595; }
.popin_w .pan_r .or:before {
height: 1px;
width: 100%;
content: '';
background-color: #cdcdcd;
position: absolute;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.popin_w .pan_r .button-social {
border-radius: 100px;
display: block;
width: 188px;
line-height: 34px;
text-decoration: none;
font-size: 12px;
color: #ffffff;
padding-left: 37px;
background: no-repeat 8px center;
margin-bottom: 7px; }
.popin_w .pan_r .button-social.deezer {
background-color: #000;
background-image: url(../bundles/sedonaumfsitefront/css/i/icon-login-deezer.png);
background-size: 24px 16px;
background-position: 8px 8px; }
.popin_w .pan_r .button-social.deezer:hover {
background-color: #363636; }
.popin_w .pan_r .button-social.spotify {
background-color: #37bb5d;
background-image: url(../bundles/sedonaumfsitefront/css/i/icon-login-spotify.png); }
.popin_w .pan_r .button-social.spotify:hover {
background-color: #3FD56A; }
.popin_w .pan_r .button-social.facebook {
background-color: #3b5998;
background-image: url(../bundles/sedonaumfsitefront/css/i/icon-login-facebook.png);
background-position: 12px 6px;
background-size: 19px 19px; }
.popin_w .pan_r .button-social.facebook:hover {
background-color: #486DBB; }
.popin_w .pan_r .terms {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 40px 0; }
.popin_w .pan_r .terms p {
font-size: 10px;
display: block;
line-height: 1.3em;
color: #959595;
margin: 0; }
.popin_w .pan_r .terms p a {
color: inherit;
text-decoration: underline;
display: inline;
font-weight: bold; }
.popin_w .pan_r .terms p a:hover {
color: #777777; }
.popin_w .pan_r .checkbox {
padding-right: 15px; }
.popin_w .pan_r .checkbox label {
height: 12px;
border-radius: 100%;
width: 12px;
border: 2px solid #e8c4a1;
content: '';
display: block;
position: relative;
cursor: pointer;
padding: 0; }
.popin_w .pan_r .checkbox [type="checkbox"]:not(:checked),
.popin_w .pan_r .checkbox [type="checkbox"]:checked {
position: absolute;
left: -9999px; }
.popin_w .pan_r .checkbox [type="checkbox"]:checked + label {
background: url(../bundles/sedonaumfsitefront/css/i/checked.svg) no-repeat center center;
background-size: cover; }
.popin_w .pan_r form {
color: #959595;
width: 222px;
display: block; }
.popin_w .pan_r form .form-row input {
border: 0;
padding: 0;
border-bottom: 1px solid #cdcdcd;
display: block;
font-size: 12px;
width: 100%;
height: 27px;
text-align: left;
padding-bottom: 3px;
font-weight: 400;
color: #959595;
margin-bottom: 0;
outline: none; }
.popin_w .pan_r form .form-row input.fm_n_input_asError {
border-bottom-color: red;
}
.popin_w .pan_r .fm_n_error p {
margin-top: 5px;
font-size: 12px;
line-height: 1.2em;
}
.popin_w .pan_r form .form-row {
margin-bottom: 22px; }
.popin_w .pan_r form .fieldset .form-row:last-of-type {
margin-bottom: 0; }
.popin_w .pan_r form .lost-pwd {
font-size: 11px;
color: inherit;
text-decoration: none;
text-align: right;
display: block;
margin-top: 8px;
margin-bottom: 28px; }
.popin_w .pan_r form .lost-pwd:hover {
color: #777777; }
.popin_w .pan_r form .no-account {
font-size: 11px;
text-align: right;
margin-bottom: 8px; }
.popin_w .pan_r form .no-account a {
color: #e0c4a1;
text-decoration: none;
display: inline;
font-weight: 400; }
.popin_w .pan_r form .no-account a:hover {
color: #EACCA6; }
.popin_w .pan_r form .button, #submit_registration, .popin_w .pan_r .button {
border-radius: 18px;
background-color: #e0c4a1;
box-shadow: 0 2px 4px 0 rgba(226, 220, 214, 0.74);
text-transform: uppercase;
border: 0;
color: white;
font-size: 10px;
font-weight: 400;
text-transform: uppercase;
line-height: 23px;
padding: 0 10px;
cursor: pointer;
float: right; }
.popin_w .pan_r form .button:hover, #submit_registration:hover {
background-color: #EACCA6; }
.popin_w .pan_r.sign-in_out .buttons {
margin-bottom: 22px;
width: 220px; }
.popin_w .pan_r .connect-social h2 {
line-height: 45px;
margin-bottom: 50px; }
.popin_w .pan_r .connect-social .button-social {
display: block;
float: right;
width: auto;
padding-right: 15px;
margin-bottom: 0; }
.popin_w .pan_r .connect-social .button-social.service_used {
text-transform: capitalize;
}
@media (max-width: 880px) {
.popin_w .pan {
display: block;
min-height: 0; }
.popin_w .pan_l {
display: none; }
.popin_w .pan_r {
width: 100%;
float: none;
padding: 15px; }
.popin_w .pan_r h2 {
margin-top: 20px; }
.popin_w .pan_r h2 span {
display: none; }
.popin_w .pan_r .or,
.popin_w .pan_r h2,
.popin_w .pan_r p,
.popin_w .pan_r form,
.popin_w .pan_r .buttons {
margin-left: auto;
margin-right: auto;
max-width: 240px;
width: 100%;
}
.popin_w .pan_r h2 {
margin-top: 5px;
font-size: 34px;
margin-bottom: 21px;
}
.popin_w .pan_r .buttons .button {
margin: 0 auto;
margin-bottom: 9px; } }
/* form */
.fm {}
.fm_n { display: block; position: relative; font-size: 0; margin: 20px 0; /*margin-top: 20px;padding-bottom: 15px;*/ }
.fm_n p { display: inline-block; vertical-align: middle; font-size: 1.5rem; width: 36%; color: #4a4a4a; font-weight: lighter; text-align: right; padding-right: 45px; }
.fm_n input { display: inline-block; vertical-align: middle; font-size: 14px; width: 32%; color: #4a4a4a; font-weight: lighter; text-align: left; margin-right: 3%; background-color: #fff; padding-left: 10px; height: 20px; border-radius: 10px; /*** evol champs ****/ padding: 10px 16px; height: auto; border-radius: 20px; }
.fm_n select { margin-right: 3%; /**** evol champs ****/ padding: 10px; height: auto; border-radius: 20px; border: 1px solid #8e8e8e; outline: none; }
.fm_n a { color: rgba(0,0,0,.7); font-size: 12px; padding-top: 3px; padding-left: 45%; }
.fm_n_error p { display: block; font-size: 10px; text-align: left; color: red; width: 200px; padding: 0; margin: 0;}
.fm_n_error a { display: block; font-size: 10px; text-align: right; color: #4a4a4a; width: 200px; padding: 0; margin: 0;}
.fm_n_input_asError { border-bottom-color: red; }
.fm_n_input_asAskmail { background: url('../bundles/sedonaumfsitefront/css/i/popin_inscription.svg') 96% 2px no-repeat; border: 1px solid #f97000;}
.ie678 .fm_n_input_asAskmail { background: url('../bundles/sedonaumfsitefront/css/i/popin_inscription.png') 96% 2px no-repeat; border: 1px solid #f97000;}
.fm_n_input_asSuccess { background: url('../bundles/sedonaumfsitefront/css/i/popin_inscription.svg') 96% -14px no-repeat; border: 1px solid #60af1d;}
.ie678 .fm_n_input_asSuccess { background: url('../bundles/sedonaumfsitefront/css/i/popin_inscription.png') 96% -14px no-repeat; border: 1px solid #60af1d;}
.fm_n_birthday { position: relative; top: 0; left: 0; vertical-align: middle; text-align: left; width: 35%; display: inline-flex; flex-direction: row-reverse;}
.fm_n_birthday_info#fos_user_registration_form_birth_date_year { margin-right: 24px; }
.fm_n_birthday_info { margin-right: 18px; color: #4a4a4a; background-color: #FFFFFF; font-size: 14px; border: 0 }
.fm_n_country {width: 32%;}
.fm_btn {margin-top: 12px; width: 200px; margin-left: 42%; text-transform: inherit; font-size: 18px;}
.fm_btn_asConnect { display: inline-block; margin-top: 12px; width: 200px; margin-left: 6%; margin-right: 6%; text-transform: inherit; font-size: 18px; background: transparent; cursor: pointer }
.fm_btn_asReturn { margin-top: 24px; width: 285px; margin-left: 42%; text-transform: inherit; font-size: 18px;}
@media (max-width: 716px) {
.fm_n p { display: block; width: inherit; text-align: center; padding-right: 0px; padding-bottom: 5px; }
.fm_n_birthday { width: 65%;}
.fm_n_birthday select { flex-grow: 1;}
.fm_n_birthday_info#fos_user_registration_form_birth_date_year { margin-right: 0px; }
.fm_n input { width: 65%; }
.fm_n .fm_n_error { }
.fm_n .fm_n_error p { text-align: left; }
.fm_n a { padding-left: 0px; }
.fm_btn {margin-left: 0px;}
.fm_btn_asReturn {margin-left: 0px;}
}
/* hide font bar */
#mfPreviewBar { display: none }
/*
####### PLUGINS STYLES #######
*/
/* colorbox */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
#cboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;filter: blur(10px);-webkit-filter: blur(10px);-moz-filter: blur(10px);-ms-filter: blur(10px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;position: relative}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background:rgba(0,0,0,.4);}
#cboxCurtain { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; z-index: 10 }
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#fff;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{/* padding: 30px 30px 50px 30px; */ background:#fff;}
.jsPad { padding: 30px 30px 50px 30px; }
#cboxTitle{position:relative; bottom:30px; left:30px; color:#687170; font-family: 'Avenir 55 Roman'; font-size: 16px}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc; visibility: hidden}
#cboxLoadingGraphic{background:url(../bundles/sedonaumfsitefront/css/images/loading.gif) no-repeat center center;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:-55px; margin-top:-15px; width:15px; height:30px; text-indent:-9999px; background: url('../bundles/sedonaumfsitefront/css/i/cboxPrevious.svg') 0 0 no-repeat; }
.ie678 #cboxPrevious{ background: url('../bundles/sedonaumfsitefront/css/i/cboxPrevious.png') 0 0 no-repeat }
#cboxNext{position:absolute; top:50%; right:-110px; margin-top:-15px; width:15px; height:30px; text-indent:-9999px; background: url('../bundles/sedonaumfsitefront/css/i/cboxNext.svg') 0 0 no-repeat;}
.ie678 #cboxNext{ background: url('../bundles/sedonaumfsitefront/css/i/cboxNext.png') 0 0 no-repeat}
#cboxClose{position:absolute; top:-60px; right:-60px; display:block; background:url('../bundles/sedonaumfsitefront/css/i/cboxClose.svg') no-repeat 0 0; width:30px; height:30px; text-indent:-9999px;}
.ie678 #cboxClose{ background:url('../bundles/sedonaumfsitefront/css/i/cboxClose.png') no-repeat 0 0}
/*** responsive colorbox styles fix for photos ****/
@media (max-width: 768px) {
#colorbox { left: 0!important; right: 0; margin: 0 auto; }
#colorbox #cboxContent { height: auto!important; }
#colorbox button#cboxPrevious { left: 0!important; }
#colorbox button#cboxNext { right: 0!important; }
#colorbox button#cboxPrevious, #colorbox button#cboxNext { opacity: 0.3; background-color: #000; background-size: 15px; width: 25px; height: 40px; background-position: center; z-index: 10}
#colorbox #cboxLoadedContent { height: auto; box-sizing: border-box; height: auto!important; }
#colorbox #cboxLoadedContent img.cboxPhoto { width: 100%!important; height: auto!important; }
}
@media (max-width:1000px) {
body.withNavMini #player_wrapper { padding-left: 100px; box-sizing: border-box }
#player_wrapper { width: 100% }
#player_wrapper iframe { width: 100% }
}
@media (max-width:679px) {
#player_wrapper { padding-left: 0 }
body.withNavExpand #player_wrapper { padding-left: 220px }
}
@media (max-width: 768px ) {
Html, Body, p { font-family : "Avenir 35 Light"; font-size : 14px ; line-height : 1.2 ; }
/** surcharges **/
div.artistp_h_c_f { padding: 10px 0; }
div.artistp_h_c_f h1 { float: none; margin-top: 0; padding: 0 10px; display: inline-block; max-width: 50%; width: 100%; }
div.artistp_h_c_f h1 a { font-size: 28px; padding-left: 0; text-transform: uppercase }
.artistp_h_f_nav {
padding: 10px 0;
text-align: left;
white-space: nowrap;
}
.cover_c_cta_asListen, .cover_c_cta_asBuy {
padding: 7px 0;
}
a.lyrics_main_n_h_title, a.lyrics_main_n_h_artist {
display: block;
float: none;
}
a.lyrics_main_n_h_title p, a.lyrics_main_n_h_title span {
vertical-align: middle;
}
div.lyrics_main_n_h {
height: auto;
}
/*.btn.btn_asListen, .btn.btn_asFollow, .btn.btn_asSub
{ line-height: 28px!important; padding: 0 8px; }*/
.artistp_c_concert .btn.btn_asSub
{ margin: 0 auto; width: 180px; display: block; }
}
@media (max-width: 680px) {
.cover_c_cta_asListen, .cover_c_cta_asBuy {
width: 45%;
/*float: left;*/
margin: 0 2%;
}
}
@media (max-width: 374px) {
.cover_c_cta_asListen, .cover_c_cta_asBuy {
width: 100%;
float: none;
margin: 10px 0;
}
}
.cover_c_cta_asListen, .cover_c_cta_asBuy {
padding: 5px 0;
}
/*** back catalogue ***/
.artistp_c_mea_lastPlaylist {
float: right;
width: 55%;
min-height: 500px;
margin-bottom: 50px;
}
.artistp_c_mea_lastPlaylist + .artistp_c_mea_popular {
float: left;
clear: both;
max-width: 325px;
width: 40%;
}
/*** back cat ***/
.artistp_h_f_back-catalogue { margin-bottom: 70px; }
.artistp_h_f_back-catalogue .artistp_h_f_nav { text-align: center; white-space: normal; padding: 0; }
.artistp_h_f.artistp_h_f_back-catalogue { background: none; }
.artistp_h_f.artistp_h_f_back-catalogue .artistp_h_f_nav li { padding: 0; background: none; }
.artistp_h_f.artistp_h_f_back-catalogue .artistp_h_f_nav li a { border: 1px solid; border-radius: 20px; margin-left: 20px; margin-bottom: 10px; text-shadow: none; transition: 350ms all ease; }
.artistp_h_f.artistp_h_f_back-catalogue .artistp_h_f_nav li:first-child a {margin-left: 0; }
.artistp_h_f.artistp_h_f_back-catalogue .artistp_h_f_nav li.sel a, .artistp_h_f.artistp_h_f_back-catalogue .artistp_h_f_nav li a:hover { color: #fff; background: #687170; border-color: #687170; }
.artistp_h_f.artistp_h_f_back-catalogue .artistp_h_f_nav li:last-child { margin-right: 0; }
.artistp_c_disco.back-catalogue .artistp_c_disco_album { width: 29%; max-width: 29%; }
.artistp_c_disco.back-catalogue .artistp_c_disco_album, .artistp_c_disco.back-catalogue .artistp_c_disco_tracks, .back-catalogue .artistp_c_disco_album_other .ligne .tracklists { margin-bottom: 35px; }
.artistp_c_disco.back-catalogue .artistp_c_disco_album_other { clear: both; }
.back-catalogue .artistp_c_disco_album_other p.tip { display: none; }
.back-catalogue .artistp_c_disco_album_other .artistp_c_disco_album {
margin-bottom: 0;
}
.back-catalogue .artistp_c_disco_album_other .cover_asDisco {
position: relative;
}
.back-catalogue .artistp_c_disco_album_other .cover_c {
position: absolute;
top: 0;
bottom: 0;
display: none;
background-color: rgba(0,0,0,0.7);
transition: 350ms opacity ease;
opacity: 0;
margin: 0;
}
.back-catalogue .artistp_c_disco_album_other .cover_asDisco:hover .cover_c {
opacity: 1;
}
.back-catalogue .artistp_c_disco_album_other .cover_asDisco .cover_c .cover_c_cta_asListen,
.back-catalogue .artistp_c_disco_album_other .cover_asDisco .cover_c .cover_c_cta_asBuy {
border: none;
color: #fff;
font-weight: 700;
}
.back-catalogue .artistp_c_disco_album_other .ligne,
.back-catalogue .artistp_c_disco_album_other .cover_asDisco .cover_c {
display: flex;
flex-wrap: wrap;
}
.back-catalogue .artistp_c_disco_album_other .cover_asDisco .cover_c .centerFlex{
margin: auto;
width: 100%;
}
.back-catalogue .artistp_c_disco_album_other .cover_asDisco .cover_c .seeTracklist{
position: absolute;
bottom: 25px;
left: 0;
right: 0;
margin: 0 auto;
display: block;
width: 130px;
background: none;
color: #fff;
outline: none;
text-decoration: underline;
cursor: pointer;
}
.back-catalogue .artistp_c_disco_album_other .cover_asDisco .cover_c .cover_c_cta_asListen i.jsTooltip {
background: url('../bundles/sedonaumfsitefront/css/i/tracklist_n_play_invert.svg') left center no-repeat;
}
.back-catalogue .artistp_c_disco_album_other .cover_asDisco .cover_c .cover_c_cta_asBuy i {
background: url('../bundles/sedonaumfsitefront/css/i/tracklist_n_buy_invert.svg') left center no-repeat;
}
.back-catalogue .artistp_c_disco_album_other .artistp_c_disco_album {
padding-right: 0;
float: none;
flex-grow: 1;
margin-right: 6%;
}
.back-catalogue .artistp_c_disco_album_other .artistp_c_disco_album:nth-child(3) {
margin-right: 0;
}
.artistp_c_disco.back-catalogue {
padding-bottom: 0;
}
.back-catalogue .artistp_c_disco_album_other .ligne,
.back-catalogue .artistp_c_disco_album_other .ligne .tracklist {
clear: both;
}
.back-catalogue .artistp_c_disco_album_other .ligne .tracklist.empty {
padding: 20px;
}
.back-catalogue .artistp_c_disco_album_other .ligne .tracklist.empty li:hover {
background: none;
}
.back-catalogue .artistp_c_disco_album_other .ligne .tracklists {
width: 100%;
position: relative;
}
.back-catalogue .artistp_c_disco_album_other .ligne .tracklists .triangle {
display: none;
}
.back-catalogue .artistp_c_disco_album_other .ligne .tracklists.open .triangle {
height: 0;
border-left: 17px solid transparent;
border-right: 17px solid transparent;
border-bottom: 30px solid #f4f4f4;
position: absolute;
top: 5px;
display: inline-block;
transition: 350ms left ease;
}
.back-catalogue .artistp_c_disco_album_other .ligne .tracklists .tracklist {
display: none;
width: 100%;
margin-top: 35px;
}
.back-catalogue .artistp_c_disco_album_other .ligne .tracklist.open {
display: block;
}
@media screen and (max-width: 830px) {
.artistp_h_f_back-catalogue {
margin-bottom: 0;
padding-bottom: 30px;
}
.artistp_c_disco.back-catalogue > .artistp_c_disco_album {
width: 100%;
float: none;
max-width: 60%;
margin: 0 auto;
padding-right: 0;
}
.back-catalogue .artistp_c_disco_album_other .cover_c {
position: static;
background: none;
opacity: 1;
padding: 10px 5px;
}
.artistp_h_f_back-catalogue + .back-catalogue .artistp_c_disco_album_other p.tip {
margin-bottom: 20px;
display: block;
}
.back-catalogue .artistp_c_disco_album_other .cover_asDisco .cover_c .cover_c_cta_asListen,
.back-catalogue .artistp_c_disco_album_other .cover_asDisco .cover_c .cover_c_cta_asBuy {
color: #000;
}
.back-catalogue .artistp_c_disco_album_other .cover_asDisco .cover_c .cover_c_cta_asListen i.jsTooltip {
background: url('../bundles/sedonaumfsitefront/css/i/tracklist_n_play.svg') left center no-repeat;
}
.back-catalogue .artistp_c_disco_album_other .cover_asDisco .cover_c .cover_c_cta_asBuy i {
background: url('../bundles/sedonaumfsitefront/css/i/tracklist_n_buy.svg') left center no-repeat;
}
.back-catalogue .artistp_c_disco_album_other .cover_asDisco .cover_c .seeTracklist {
display: none;
}
}
@media screen and (max-width: 570px) {
.artistp_c_disco.back-catalogue > .artistp_c_disco_album {
max-width: 100%;
}
.back-catalogue .artistp_c_disco_album_other .cover_c {
padding: 5px 0;
}
.back-catalogue .artistp_c_disco_album_other .cover_asDisco .cover_c .cover_c_cta_asListen,
.back-catalogue .artistp_c_disco_album_other .cover_asDisco .cover_c .cover_c_cta_asBuy {
font-size: 0!important;
display: inline-block;
width: auto;
margin: 0 5px;
padding: 0;
}
}
.dispo_back-cat {
padding-bottom: 50px;
}
.dispo_back-cat > div {
clear: both;
}
.dispo_back-cat + .artistp_c_mea,
.dispo_back-cat + .artistp_c_mea + .artistp_c_actu {
display : none;
}
/**** nettoyage *****/
/*** btn ****/
.btn {
display: inline-block;
vertical-align: middle;
border: 1px solid #fff;
border-radius: 20px;
font-size: 13px;
color:#fff;
text-shadow: 1px 1px #000;
text-transform:uppercase;
position: relative;
/*-webkit-transition: -webkit-transform 350ms ease;*/
transition: 350ms all ease;
padding: 10px 16px;
}
.btn.btn_chevron:after {
content: ">";
font-size: 20px;
display: inline-block;
vertical-align: middle;
padding-left: 5px;
margin-top: -5px;
font-family: monospace;
font-weight: 700;
line-height: 0;
}
.btn_asMore i {
background: url('../bundles/sedonaumfsitefront/css/i/btn_asMore.svg') left center no-repeat;
width: 22px;
height: 14px;
padding-right: 10px;
}
.btn_asMore:hover i {
background: url('../bundles/sedonaumfsitefront/css/i/btn_asMore_invert.svg') left center no-repeat;
}
.ie678 .btn_asMore i {
background: url('../bundles/sedonaumfsitefront/css/i/btn_asMore.png') left center no-repeat
}
/**** fonts ****/
Html, Body, p { font-family : "Avenir 35 Light", sans-serif; font-size : 16px ; line-height : 1.2 ; }
h1, h2, h3, h4 { font-family : "Avenir 55 Roman", sans-serif; }
h1 { font-size : 2rem; }
h2 { font-size : 1.5rem; }
h3 { font-size : 1.2rem; }
h4 { font-family: "Avenir 35 Light", sans-serif; font-size: 1.2rem; }
strong, b { font-family : "Avenir 65 Medium", sans-serif; }
.avenir35 {font-family : "Avenir 35 Light", sans-serif;}
.avenir55 {font-family : "Avenir 55 Roman", sans-serif;}
.avenir65 {font-family : "Avenir 65 Medium", sans-serif;}
.avenir85 {font-family : "Avenir 85 Heavy", sans-serif;}
#ft_h p {
/*font: 14px/32px 'Avenir 55 Roman';*/
font-family: 'Avenir 55 Roman', sans-serif;
font-size: 0.9rem;
line-height: 2.3;
}
@media screen and (min-width: 960px) {
/*** zoom on hover ****/
.zoomOnHover:hover {
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
z-index: 99;
box-shadow: 0 0 4px 0 rgba(0,0,0,.5);
}
/*** zoom slide sur les éléments de gauche et de droite ***/
.artistthumb.zoomOnHover:nth-child(4n+1):hover,
.clips_c .videobloc.grid23:nth-child(3n+3):hover,
.lyrics_main_n:nth-child(odd):hover {
-webkit-transform: translateX(4px) scale(1.03); -ms-transform: translateX(4px) scale(1.03); transform: translateX(4px) scale(1.03);
position: relative;
}
.artistthumb.grid4.zoomOnHover:nth-child(4n+4):hover,
.artistthumb.grid5.zoomOnHover:nth-child(4n+5):hover,
.clips_c .videobloc.grid23:nth-child(3n+5):hover,
.lyrics_main_n:nth-child(even):hover{
-webkit-transform: translateX(-4px) scale(1.03); -ms-transform: translateX(-4px) scale(1.03); transform: translateX(-4px) scale(1.03)
}
.clips_c .videobloc.videobloc_asBig.grid23:nth-child(1):hover {
-webkit-transform: translateX(8px) scale(1.03); -ms-transform: translateX(8px) scale(1.03); transform: translateX(8px) scale(1.03)
}
.clips_c .videobloc.videobloc_asBig.grid23:nth-child(2):hover {
-webkit-transform: translateX(-8px) scale(1.03); -ms-transform: translateX(-8px) scale(1.03); transform: translateX(-8px) scale(1.03)
}
}
.popin_w .jsPopinLostPassword h2 {
margin-bottom: 30px;
}
.absoluteImg {
position: relative;
}
.absoluteImg img {
position: absolute;
top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
height: 100%;
width: auto;
}
.already-reset-pwd {
padding: 0 15px;
text-align: center;
}
@media screen and (max-width: 768px) {
.absoluteImg img {
height: auto;
width: 100%;
}
}
.userstate-hello span {
display: block;
line-height: 1.4em;
}
.jsPopinRegister .flash-success {
color: #e1c2a0;
font-weight: 500;
text-align: center;
padding: 0 60px;
margin-bottom: 15px;
font-size: 18px;
}
.jsPopinRegister .flash-success + div {
padding: 0 60px;
}
/** Player embeded **/
#player_wrapper_float {
width: 100%;
max-width: 1060px;
position: fixed;
z-index: 100;
bottom: 0;
left: 50%;
transform: translateX(-50%);
padding-left: 220px;
opacity: 0;
}
.player-wrapper {
display: flex;
height: 59px;
width: 100%;
flex-wrap: nowrap;
justify-content: center;
flex-direction: row;
align-items: center;
background-color: rgba(0, 0, 0, 0.6);
z-index: 100; }
.player-wrapper #dzplayer {
opacity: 0; }
.player-wrapper .progressbarplay {
cursor: pointer;
overflow: hidden;
height: 3px;
background-color: #dae1e6;
margin-top: 0; }
.player-wrapper .progressbarplay .bar {
width: 0;
height: 3px;
background-color: #e0c4a1; }
.player-wrapper .timeTrack {
font-size: 13px;
color: #fff; }
.player-wrapper .timeTrack.current {
margin-right: 10px; }
.player-wrapper .timeTrack.total {
margin-left: 10px;
margin-right: 32px; }
.player-wrapper .pl_info {
font-size: 11px;
color: #fff;
margin-right: 38px;
width: 77px;
min-width: 77px;
}
.player-wrapper #pl_author-name,
.player-wrapper #pl_title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.player-wrapper #pl_title {
font-weight: 900;
}
.player-wrapper #pl_author-name {
color: #e0c4a1;
}
.player-wrapper #pl_author-name .by {
color: #fff;
}
.player-wrapper .pl_queue,
.player-wrapper .addtofav,
.player-wrapper .repeat {
margin-right: 23px;
flex: 0 0 auto;
cursor: pointer; }
.player-wrapper .pl_thumb {
margin-right: 5px;
}
.player-wrapper .pl_thumb img {
width: 24px;
height: 24px;
display: block;
}
.player-wrapper .pl_queue {
width: 23px;
height: 15px;
height: 100%;
background: url(../bundles/sedonaumfsitefront/css/i/player/pl_queue.svg) no-repeat center center;
position: relative; }
.player-wrapper .pl_queue:hover {
background-image: url(../bundles/sedonaumfsitefront/css/i/player/pl_queue-on.svg); }
.player-wrapper .pl_queue_list {
position: absolute;
bottom: 100%;
margin-bottom: 12px;
left: 50%;
width: 205px;
height: 186px;
border-radius: 6px;
display: none;
transform: translateX(-50%); }
.player-wrapper .pl_queue_list_ctn {
overflow: hidden;
border-radius: 6px;
background: #333232;
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
width: 205px;
height: 186px;
position: relative; }
.player-wrapper .pl_queue_list:before {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 14px 10px 0 8px;
border-color: #333232 transparent transparent transparent;
content: ''; }
.player-wrapper .pl_queue_list ul {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: -15px;
overflow-y: auto; }
.player-wrapper .pl_queue_list ul li {
height: 33px;
font-size: 13px;
color: #fff;
display: flex;
padding: 0 11px 0 8px;
align-items: center;
flex-wrap: nowrap;
flex-direction: row; }
.player-wrapper .pl_queue_list ul li > * {
flex: 0 1 auto; }
.player-wrapper .pl_queue_list ul li:nth-child(even) {
background-color: #1b1919;
background-clip: padding-box; }
.player-wrapper .pl_queue_list ul li .addtofav {
width: 8px;
height: 7px;
background-size: cover;
margin-right: 10px; }
.player-wrapper .pl_queue_list ul li .index {
font-size: 13px;
margin-right: 14px; }
.player-wrapper .pl_queue_list ul li .title {
flex: 3 0px;
white-space: nowrap;
overflow: hidden;
font-size: 10px;
text-overflow: ellipsis;
margin-right: 15px; }
.player-wrapper .pl_queue_list ul li .title .album_title {
color: #fff;
font-size: 8px; }
.player-wrapper .pl_queue_list ul li .playBtn {
width: 8px;
opacity: 0;
height: 7px;
background: url(../bundles/sedonaumfsitefront/css/i/player/mini-play.svg) no-repeat center center;
background-size: cover;
margin-right: 11px;
transition: all 250ms linear; }
.player-wrapper .pl_queue_list ul li .duration {
font-size: 9px;
color: #fff; }
.player-wrapper .pl_queue_list ul li:hover .title {
color: #e0c4a1; }
.player-wrapper .pl_queue_list ul li:hover .playBtn {
opacity: 1; }
.player-wrapper .pl_queue:hover #pl_queue_list {
display: block; }
.player-wrapper .addtofav {
width: 12px;
height: 11px;
background: url(../bundles/sedonaumfsitefront/css/i/player/addtofav.svg) no-repeat center center;
background-size: cover; }
.player-wrapper .addtofav:hover {
background-image: url(../bundles/sedonaumfsitefront/css/i/player/addtofav-on.svg); }
.player-wrapper .repeat {
width: 17px;
height: 15px;
background: url(../bundles/sedonaumfsitefront/css/i/player/repeat.svg) no-repeat center center; }
.player-wrapper .repeat.active,
.player-wrapper .repeat:hover {
background-image: url(../bundles/sedonaumfsitefront/css/i/player/repeat-on.svg);
width: 17px;
height: 15px; }
.player-wrapper .repeat.active.all {
background-image: url(../bundles/sedonaumfsitefront/css/i/player/repeat-all.svg);
}
.player-wrapper .random {
width: 23px;
height: 15px;
margin-right: 36px;
flex: 0 0 auto;
cursor: pointer;
background: url(../bundles/sedonaumfsitefront/css/i/player/random.svg) no-repeat center center; }
.player-wrapper .random.active,
.player-wrapper .random:hover {
background-image: url(../bundles/sedonaumfsitefront/css/i/player/random-on.svg); }
.player-wrapper #controlers {
display: flex;
align-items: center;
margin-left: 22px;
margin-right: 25px; }
.player-wrapper #controlers .button-prev,
.player-wrapper #controlers .button-next,
.player-wrapper #controlers .button-pause,
.player-wrapper #controlers .button-play {
background: #fff;
width: 29px;
height: 29px;
/*border-radius: 50%;*/
flex: 0 0 auto;
cursor: pointer;
background: no-repeat center center;
background-size: cover; }
.player-wrapper #controlers .button-prev.off, .player-wrapper #controlers .button-next.off, .player-wrapper #controlers .button-pause.off, .player-wrapper #controlers .button-play.off {
background-color: rgba(255, 255, 255, 0.7); }
.player-wrapper #controlers .button-pause, .player-wrapper #controlers .button-play {
width: 35px;
height: 35px;
background-image: url(../bundles/sedonaumfsitefront/css/i/player/play.svg); }
.player-wrapper #controlers .button-pause {
background-image: url(../bundles/sedonaumfsitefront/css/i/player/pause.svg); }
.player-wrapper #controlers .button-play, .player-wrapper #controlers .button-pause {
margin: 0 15px; }
.player-wrapper #controlers .button-prev {
background-image: url(../bundles/sedonaumfsitefront/css/i/player/previous.svg); }
.player-wrapper #controlers .button-prev:hover {
background-image: url(../bundles/sedonaumfsitefront/css/i/player/previous-on.svg); }
.player-wrapper #controlers .button-next {
background-image: url(../bundles/sedonaumfsitefront/css/i/player/next.svg); }
.player-wrapper #controlers .button-next:hover {
background-image: url(../bundles/sedonaumfsitefront/css/i/player/next-on.svg); }
.player-wrapper #controlers .button-pause {
display: none; }
.player-wrapper #slider_seek {
width: 100%; }
@media screen and (max-width: 768px) {
#player_wrapper_float {
padding-left: 0;
left: 0;
right: 0;
transform: translateX(0%);
}
.player-wrapper .pl_queue_list:before,
.player-wrapper .timeTrack.total,
.player-wrapper .timeTrack.current,
.player-wrapper .timeTrack.current {
display: none;
}
.player-wrapper .pl_queue,
.player-wrapper .addtofav,
.player-wrapper .repeat,
.player-wrapper .pl_info {
margin-right: 10px;
}
.player-wrapper #controlers {
margin-right: 15px;
}
.player-wrapper #controlers .button-play, .player-wrapper #controlers .button-pause {
margin: 0 5px;
}
.player-wrapper .pl_queue {
position: static;
}
.player-wrapper .pl_queue_list {
left: 0;
right: 0;
transform: translateX(0);
width: 100%;
}
.player-wrapper .pl_queue_list_ctn {
width: 100%;
}
}
@media (max-width: 1024px) {
#player_wrapper_float {
display: none;
}
}
.player-wrapper .addtofav {
display: none;
}
#loadingDiv {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1000;
content: '';
display: none;
background: url(../bundles/sedonaumfsitefront/css/i/loader.svg) no-repeat center center;
background-color: rgba(35,31,32,0.8);
}
.grecaptcha-badge {
display: none;
}
/** Utility class **/
.defaultHidden { display: none; }
.visible { visibility: visible; }
.blurDiv { filter: blur(20px);-webkit-filter: blur(20px);-moz-filter: blur(20px);-ms-filter: blur(20px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='20'); }
.div_center { text-align: center; background: #F5F5F5; padding: 40px 0; }
.btn_autoWidth { width: auto; }
/* Deezer icon on follow */
.btn_asFollow i.deezerFollow { background: url('../bundles/sedonaumfsitefront/css/i/btn_asFollowDeezer.svg') left center no-repeat; }
.btn_asFollow i.defaultFollow { background: url('../bundles/sedonaumfsitefront/css/i/btn_asMusic.svg') left center no-repeat; }
.btn_asFollow:hover i.defaultFollow { background: url('../bundles/sedonaumfsitefront/css/i/btn_asMusic_invert.svg') left center no-repeat; }
/*!
Video.js Default Styles (http://videojs.com)
Version 4.7.3
Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurances of 'vjs-default-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g.