/*
####### 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% }
body { font: 14px 'Avenir 65 Medium', Arial, Helvetica, sans-serif; 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: 23px 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%; 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 { font-family: 'Avenir 35 Light'; 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 {}
#nav_c li a { font: 14px/26px 'Avenir 65 Medium',sans-serif; color:#fff; text-transform:uppercase; padding:12px 12px 6px 74px; 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: 25px 0 }
#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'); }
#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;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,#greyscale");
-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 }
.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; 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: 125px; line-height: 100px; padding: 20px 0; margin: 0 auto }
#mnav_logo img { display: block; width: 100% }
#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: 23px 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-x: hidden }
#mnav { display: block; }
#nav {-webkit-transform: translateX(-220px);-ms-transform: translateX(-220px);transform: translateX(-220px); width: 220px }
#nav_h { display: none }
#nav_c { margin-top: 50px }
#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(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 { margin-left: 100px }
#ct_main { margin-left: 0 }
}
#ft { background: #231f20; position: relative; text-align: center; padding: 0 50px }
#ft_h { padding: 30px 0 }
#ft_h p { font: 14px/32px 'Avenir 55 Roman'; 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 { margin-left: 0; 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);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='20'); }
body.withBlur_asSearch #wp, body.withBlur_asSearch #hd { filter: blur(20px);-webkit-filter: blur(20px);-moz-filter: blur(20px);-ms-filter: blur(20px);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) }
/* 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:first-child { margin-left: 0; }
.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: 13px/27px 'Avenir 55 Roman',sans-serif; color:#4F4F4F; }
.social_share { text-align: center; padding: 3px 5px}
.social_share a { font: 20px/27px 'Avenir 55 Roman',sans-serif; 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 */
.btn { display: inline-block; vertical-align: middle; border: 1px solid #fff; border-radius: 20px; padding: 0 20px; font: 13px/38px 'Avenir 35 Light',sans-serif; color:#fff; text-shadow: 1px 1px #000; text-transform:uppercase; position: relative; -webkit-transition: -webkit-transform 350ms ease; transition: transform 350ms ease }
.btnConcertslist { display: inline-block; vertical-align: middle; border: 1px solid; border-radius: 20px; padding: 0 20px; font: 13px/38px 'Avenir 35 Light',sans-serif; text-transform:uppercase; position: relative }
.btn i { display: inline-block; vertical-align: middle; margin-right: 7px; }
.btnConcertslist 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.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_asFollow { }
.btn_asMore:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.btn_asFollow i { background: url('../bundles/sedonaumfsitefront/css/i/btn_asFollow.svg') left center no-repeat; width: 20px; height: 19px; }
.ie678 .btn_asFollow i { background: url('../bundles/sedonaumfsitefront/css/i/btn_asFollow.png') left center no-repeat }
.btn_asFollow span { vertical-align: sub; }
.btn_asListen i { background: url('../bundles/sedonaumfsitefront/css/i/btn_asListen.svg') left center no-repeat; width: 7px; height: 10px; }
.ie678 .btn_asListen i { background: url('../bundles/sedonaumfsitefront/css/i/btn_asListen.png') left center no-repeat }
.btn_asMore i { background: url('../bundles/sedonaumfsitefront/css/i/btn_asMore.svg') left center no-repeat; width: 22px; height: 14px; padding-right: 10px; }
.ie678 .btn_asMore i { background: url('../bundles/sedonaumfsitefront/css/i/btn_asMore.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; }
.ie678 .btn_asSub i { background: url('../bundles/sedonaumfsitefront/css/i/btn_asSub.png') left center no-repeat }
.btn_asNewsp { border-color: #687170; color:#687170; text-shadow: none; }
.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 { display: none; }
}
@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: 16px; 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 }
}
/* ico */
.ico_asPlay { width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin-left: -20px; margin-top: -40px; 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:nth-child(4n+4):hover { -webkit-transform: translateX(-4px) scale(1.03); -ms-transform: translateX(-4px) scale(1.03); transform: translateX(-4px) scale(1.03) }
.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 }
.artistthumb_c { position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,.4) }
.artistthumb_c h3 { font-size: 22px; 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: 18px; padding: 10px 15px }
}
/* videobloc */
.videobloc { position: relative }
.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; font-family: 'Avenir 35 Light' }
/* 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 { font-family: 'Avenir 35 Light'; 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%; font: 18px/44px 'Avenir 85 Heavy',sans-serif; text-align: center }
.cover_c_cta_asBuy { }
.cover_c_cta_asBuy i { background: url('../bundles/sedonaumfsitefront/css/i/tracklist_n_buy.svg') left center no-repeat; width: 23px; height: 22px; display: inline-block; margin-right: 3%; 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_asListen { }
.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: 3%; vertical-align: sub; }
.ie678 .cover_c_cta_asListen i { background: url('../bundles/sedonaumfsitefront/css/i/tracklist_n_play.png') left center no-repeat }
@media (max-width: 1138px) {
.cover_asDisco { text-align: center; width: 100% }
.cover_c { margin-bottom: 20px }
.cover_c_cta_asBuy { }
.cover_c_cta_asBuy i { margin-left: 0% }
.cover_c_cta_asListen { }
.cover_c_cta_asListen i { margin-left: 0% }
}
@media (max-width: 320px) {
.cover_asDisco img { width: 100%;}
}
/* tracklist */
.tracklist { background-color: #f4f4f4; }
.tracklist li.even { background-color: #fff; }
.tracklist_c { }
.tracklist_n { font: 16px/24px 'Avenir 55 Roman',sans-serif; 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 0 12px 20px; display: inline-block; vertical-align: top; width: 100%; box-sizing: border-box; float: right; }
.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; line-height: 1.4 }
.tracklist_n p { width: 60% }
.tracklist_n a i { background-position: 0 0; background-repeat: no-repeat; display: inline-block; margin-right: 20px }
.tracklist_n_ico { float: right; display: inline-block; vertical-align: top; margin-top: 4px;}
.tracklist_n_ico_w { display: inline-block; width: 24px; margin-right: 18px;}
.tracklist_n_play {}
.tracklist_n_play i { width: 24px; height: 24px; 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_w ,
.tracklist_n .tracklist_n_w.tracklist_n_w_asImg { width: 100% }
.tracklist_n p { padding: 0 12px 0 5px; max-width: inherit }
.tracklist_n_asMore p { margin-left: 7px; }
}
@media (max-width: 473px) {
.tracklist_n p { width: 85%; }
.tracklist_n div {margin-top: 5px;}
.tracklist_n_ico { display: block; }
.tracklist_n_asMore { height: 42px;}
.tracklist_n_asMore p { width: inherit; margin-left: 7px; }
}
/* 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 { font: 16px/24px 'Avenir 55 Roman',sans-serif; 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: 16px/24px 'Avenir 35 Light',sans-serif; 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 { display: inline-block; vertical-align: middle; width: 100%; color: #373334; font: 16px/24px 'Avenir 35 Light',sans-serif; padding: 12px 0 12px 30px; }
.concertslist td a { float: left;}
}
/* exclu */
.exclu { height: 250px; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat }
.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: 26px/32px 'Avenir 55 Roman'; 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 }
}
/* lettrine */
.lettrine {font: 70px/69px 'Avenir 85 Heavy'; 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 { font: 14px/14px 'Avenir 55 Roman'; text-transform: uppercase; padding-bottom: 6px }
.hpnews_mea_c_n h2 { font-size: 18px; line-height: 26px; width: 270px }
.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: 30px; color: #fff; display: inline-block; vertical-align: middle; padding: 30px; line-height: 1; text-shadow: 1px 1px rgba(0,0,0,.5) }
.hpnews_mea_f h1 a { float: right; color: #fff; text-transform: none; vertical-align: middle; margin: 0 30px 0 0 }
.hpnews_layout { }
.hpnews_layout:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.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 { font: 14px/14px 'Avenir 55 Roman'; text-transform: uppercase; padding: 20px 20px 8px 20px; text-transform: uppercase; color: #fff; text-shadow: 1px 1px rgba(0,0,0,.5) }
.hpnews_layout_n_c h3 { font: 16px 'Avenir 55 Roman'; 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: 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 }
.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 }
.artists_h:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.artists_h_az { padding: 0 12px; float: left }
.artists_h_az li { display: inline-block; margin-right: -4px }
.artists_h_az li a { font: 16px/18px 'Avenir 55 Roman'; text-transform: uppercase; color: #878384; padding: 25px 8px }
.artists_h_az li.sel a { background: #4B4748; color: #fff; padding: 25px 20px; margin: 0 3px }
.artists_h form { float: right }
.artists_h_select { height: 24px; display: inline-block; vertical-align: middle; margin: 22px; position: relative; background: url('../bundles/sedonaumfsitefront/css/i/artists_h_select.svg') right 0 no-repeat; overflow: hidden; padding-right: 10px; min-width: 100px }
.ie678 .artists_h_select { background: url('../bundles/sedonaumfsitefront/css/i/artists_h_select.png') right 0 no-repeat }
.artists_h_select select { width: 130%; border: 0; color: #878384; font-size: 16px; outline: 0; cursor: pointer; background: transparent; position: relative; z-index: 1; }
.artists_h_select.sel { background-color: #878384 }
/*.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% }
.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 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: 1280px) {
.artists_h_az { float: none; width: 100% }
.artists_h_az li { margin-right: 0 }
.artists_h_az li a { padding-bottom: 10px }
.artists_h form { float: none; padding-top: 0 }
.artists_h_select:first-of-type { padding-left: 0 }
}
@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; }
.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% }
}
@media (max-width: 320px) {
.clips_c .videobloc { padding-bottom: 55.2% }
}
/* pl */
.pl {}
.pl_h { font-size: 16px; line-height: 24px; padding: 24px; text-align: center; text-transform: uppercase; color: #fff; background: #4B4748 }
.pl_tracks {}
.pl_tracks ul {}
.pl_tracks ul li { display: inline-block; vertical-align: top; margin-right: -4px; width: 50%; background: #231F20; padding: 20px }
.pl_tracks ul li.even { background: #2D292A }
.pl_tracks ul li a { color: #fff; font-size: 22px; line-height: 24px }
.pl_tracks ul li a span { float: right; font-family: 'Avenir 35 Light'; color: #878384 }
.pl_tracks ul li a i { float: left; display: block; width: 24px; height: 24px; background: url('../bundles/sedonaumfsitefront/css/i/pl_tracks_play.svg') no-repeat 0 0; margin-right: 20px }
.ie678 .pl_tracks ul li a i { background: url('../bundles/sedonaumfsitefront/css/i/pl_tracks_play.png') no-repeat 0 0 }
.pl_artists:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.pl_artists .artistthumb { float: left; width: 25% }
.pl_more { text-align: center; padding: 25px 0 }
.pl_sort:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.pl_sort .artistthumb { float: left; width: 20% }
@media (max-width: 879px) {
.pl_tracks ul li { width: 100%; float: none }
.pl_tracks ul li.even { background: #231F20 }
.pl_tracks ul li:nth-child(even) { background: #2D292A }
.pl_sort .artistthumb { width: 33.333% }
.pl_artists .artistthumb { width: 33.333% }
}
@media (max-width: 729px) {
.pl_sort .artistthumb { width: 50% }
.pl_artists .artistthumb { width: 50% }
}
@media (max-width: 429px) {
.pl_sort .artistthumb { width: 100% }
.pl_artists .artistthumb { width: 100% }
}
.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: 80px; 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: 5px; }
.artistp_h_c_f_nav_n { display: inline-block; margin-right: 10px; }
.artistp_h_f { background-color: #f5f5f5; display: block; }
.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 { font: 15px/27px 'Avenir 55 Roman',sans-serif; text-transform: uppercase; text-align: center; }
.artistp_h_f_nav a:hover, .artistp_h_f_nav li.sel a { font: 15px/27px 'Avenir 55 Roman',sans-serif; color:#4f4f4f; text-transform: uppercase; text-align: center; }
.artistp_c { padding: 40px 80px 0 }
.artistp_c .exclu { margin-bottom: 50px }
.artistp_c h2 { font-family: 'Avenir 55 Roman'; 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; padding: 0 20px; font: 13px/38px 'Avenir 35 Light', sans-serif; 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: 30px }
}
.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 { font: 15px/32px 'Avenir 55 Roman'; width: 100%; display: inline-block; line-height: 30px; }
.artistp_c_bio_infos em { width: 156px; display: inline-block; line-height: 25px; font: 17px/32px 'Avenir 55 Roman'; color: #687170 }
.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 }
.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%; margin-bottom: 50px }
.artistp_c_mea_popular { float: none; width: 80%; margin: 0 auto }
}
@media (max-width: 629px) {
.artistp_c_mea_lastalbum { width: 100% }
.artistp_c_mea_popular { width: 100% }
}
.artistp_c_videos { padding-bottom: 50px }
.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 .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 .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 }
.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%; margin: 0 auto; display: block; padding-bottom: 50px; }
.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_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 { font: 26px/40px 'Avenir 55 Roman'; color: #fff; text-shadow: 1px 1px rgba(0,0,0,.4); max-width: 60%; display: inline-block; vertical-align: middle; margin-right: 26px }
.artist_c_concert_sub p strong { font-family: 'Avenir 85 Heavy' }
.artist_c_concert_sub .btn { display: inline-block; vertical-align: middle; margin-right: -4px }
.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_tracks { float: left; width: 65% }
.artistp_c_disco_tracks_h { display: inline-block; vertical-align: middle; width: 100%; color: #8E4B30; font: 22px 'Avenir 35 Light',sans-serif; text-transform: uppercase; padding-bottom: 0px; position: relative; }
.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: 14px/26px 'Avenir 65 Medium'; 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_pics {}
.artistp_c_pics_n { width: 32%; margin: 0 1% 1%; vertical-align: middle; display: inline-block; margin-right: -4px; overflow: hidden }
.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_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% }
.artistp_c_clips_c .videobloc_asBig { width: 49%; margin-right: 2% }
.artistp_c_clips_c .videobloc_asBig .ico_asPlay { width: 50px; height: 50px; margin-top: -50px; }
.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 { content: '”'; position: absolute; z-index: 0; top: 32px; left: -21px; font: 80px/80px 'Avenir 85 Heavy'; color: #687170; opacity: .5 }
.artistp_c_lyrics_c_text:after { content: '”'; position: absolute; z-index: 0;right: -21px; font: 80px/80px 'Avenir 85 Heavy'; color: #687170; opacity: .5 }
.artistp_c_lyrics_c_text p { font: 18px/28px 'Avenir 55 Roman'; color: #687170; padding-bottom: 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 }
.artistp_c_lyricsvid_c_related .videobloc { width: 50% }
}
@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 { font: 22px/70px 'Avenir 35 Light'; color: #373334; padding: 0 30px; text-transform: uppercase; background: #F5F5F5 }
.artistp_f_c { }
.artistp_f_c:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.artistp_f_c .artistthumb { width: 25%; float: left; }
.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: 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 30px 0 }
.artistp_c_bio_infos { background-color: #f5f5f5; width: 90%; padding: 5%; display: block; position: relative; }
.artistp_c_bio_infos p { width: 49%; display: inline-block; margin: 0px; vertical-align: top; padding-bottom: 5%; }
.artistp_c_bio_infos span { font: 15px/15px 'Avenir 55 Roman'; 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: 5px; }
.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 { font: 14px/30px 'Avenir 55 Roman',sans-serif; color:#8E4B30; text-transform: uppercase; text-align: center; }
.artistp_h_f_nav a:hover { font: 14px/30px 'Avenir 55 Roman',sans-serif; color:#4f4f4f; 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: 6px; }
.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: right; 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; }
}
/* 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;}
.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;}
.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 {font: 22px 'Avenir 55 Roman'; line-height: 28px; color: #fff; display: inline-block; padding-left: 14px; vertical-align: top; margin-top: 16px; width: 190px; height: 22px; overflow: hidden;}
.lyrics_main_n_h_artist { font: 24px 'Avenir 35 Light'; color: #fff; display: inline; margin: 0; padding-top: 0px; padding-left: 0px; float: right;}
.lyrics_main_n_h_artist p {display: inline-block; font: 22px 'Avenir 35 Light'; vertical-align: top; margin-top: 17px; text-align: right; margin-left: 10px; margin-right: 73px;}
.lyrics_main_n_h_artist img {display: inline; position: absolute; top: 0; right: 0;}
.lyrics_main_n_c { color: #C8C8C8; overflow: hidden; height: 157px; font: 20px 'Avenir 35 Light'; padding: 16px 20px 5px 22px; line-height: 29px;}
.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%; position: absolute; bottom: 0; padding: 20px 0; background: rgba(0,0,0,.4) }
.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_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;}
.newsp_h h1 { position: absolute; width: 100%; z-index: 1; bottom: 0; font: 46px 'Avenir 65 Medium'; 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; text-decoration:underline;}
.newsp_c div.p { font: 18px/28px 'Avenir 55 Roman'; color: #687170; z-index: 1; position: relative; padding: 60px 23% 50px 24%;}
.newsp_c div.p p { margin:16px 0; }
.newsp_c div.p ul { margin:16px 0; padding:0 0 0 40px;list-style: initial; }
.newsp_c div.p ol { margin:16px 0; padding:0 0 0 40px;list-style: initial; }
.newsp_c div.p li { display: list-item;list-style: initial; }
.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; widfm_btn_asConnectth: 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; font: 18px 'Avenir 55 Roman'; 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; font: 17px 'Avenir 65 Medium'; text-align: left; line-height: 23px;}
@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 > 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: 30px 'Avenir 65 Medium';}
}
@media (max-width: 537px) {
.newsp_h h1 {font: 28px 'Avenir 65 Medium'; 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: 18px 'Avenir 65 Medium'; 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'; 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; font-family: 'Avenir 35 Light'; color: #fff; height: 60px; line-height: 60px; vertical-align: middle; padding-left: 16px }
.results_n_c li a span b { font-family: 'Avenir 65 Medium' }
.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-y: auto }
.popin_w { width: 700px; position: absolute; background: #fff; color: #373334; padding-top: 40px; top: 150px; left: 50%; margin-left: -350px; }
.popin_w .close { top:-60px; right:-60px; position: absolute; background-position: 0 -32px }
.popin_w h3 { font: 20px/24px 'Avenir 35 Light'; color: #373334; text-align: center }
.popin_h { padding-bottom: 18px }
.popin_h h2 { font: 28px/34px 'Avenir 35 Light'; text-align: center }
.popin_c { padding: 0 50px }
.popin_c p { font: 16px/22px 'Avenir 55 Roman'; color: #687170; }
.popin_c_accounts { padding-top: 24px; text-align: center }
.popin_c_accounts h3 { padding-bottom: 35px }
.popin_c_accounts_n { padding: 0 55px; display: inline-block; vertical-align: middle; margin-right: 16px; margin-bottom: 30px; border-radius: 40px; -webkit-border-radius: 40px; color: #fff; height: 40px; line-height: 40px; font-size: 13px; -webkit-transition: -webkit-transform 350ms ease, opacity 350ms ease; transition: transform 350ms ease, opacity 350ms ease }
.popin_c_accounts_n.sel { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.popin_c_accounts_n.disabled { opacity: .5 }
.popin_c_accounts_n:last-of-type { margin-right: 0 }
.popin_c_accounts_n i { display: inline-block; vertical-align: middle; margin-right: 10px; background-position: 0 0; background-repeat: no-repeat; background-size: contain }
.popin_c_accounts_n_asSp,
.popin_c_accounts_n_asDe { height: 50px; line-height: 50px; font-size: 16px }
.popin_c_accounts_n_asSp { background-color: #94B93D }
.popin_c_accounts_n_asSp i { width: 30px; height: 30px; background-image: url('../bundles/sedonaumfsitefront/css/i/ico_spotify.svg') }
.ie678 .popin_c_accounts_n_asSp i { background-image: url('../bundles/sedonaumfsitefront/css/i/ico_spotify.png') }
.popin_c_accounts_n_asDe { background-color: #000 }
.popin_c_accounts_n_asDe i { width: 37px; height: 20px; background-image: url('../bundles/sedonaumfsitefront/css/i/ico_deezer.svg') }
.ie678 .popin_c_accounts_n_asDe i { background-image: url('../bundles/sedonaumfsitefront/css/i/ico_deezer.png') }
.popin_c_accounts_n_asFb { background-color: #2D609B }
.popin_c_accounts_n_asFb i { width: 10px; height: 17px; background-image: url('../bundles/sedonaumfsitefront/css/i/ico_facebook.svg') }
.ie678 .popin_c_accounts_n_asFb i { background-image: url('../bundles/sedonaumfsitefront/css/i/ico_facebook.png') }
.popin_c_accounts_n_asTw { background-color: #1DADEA }
.popin_c_accounts_n_asTw i { width: 18px; height: 13px; background-image: url('../bundles/sedonaumfsitefront/css/i/ico_twitter.svg'); vertical-align: sub }
.ie678 .popin_c_accounts_n_asTw i { background-image: url('../bundles/sedonaumfsitefront/css/i/ico_twitter.png') }
.popin_c_accounts_n_asGp { background-color: #CA3937 }
.popin_c_accounts_n_asGp i { width: 16px; height: 16px; background-image: url('../bundles/sedonaumfsitefront/css/i/ico_google.svg') }
.ie678 .popin_c_accounts_n_asGp i { background-image: url('../bundles/sedonaumfsitefront/css/i/ico_google.png') }
.popin_c_asPtf {padding: initial;}
.popin_c_asPtf_c {padding: 60px 76px 60px 76px; background: #f5f5f5; margin-bottom: 25px}
.popin_c_asPtf_c:last-child {margin-bottom: 0}
.popin_c_asPtf_c_n {}
.popin_c_asPtf_c_n a {display: inline-block; width: 110px; padding-bottom: 18px; margin-right: 24px; /*font-size: 0;*/}
.popin_f { text-align: center; background: #F5F5F5; padding: 40px 0 }
.popin_f h3 { padding-bottom: 20px }
@media (max-width: 700px) {
.popin_w { width: 100%; left: 0; margin-left: 0 }
.popin_c { text-align: center }
.popin_close { position:absolute; top:-80px; left:50%; margin-left: -15px; }
.popin_c_accounts_n, .popin_c_accounts_n:last-of-type { display: block; margin: 0 auto 30px; max-width: 300px; }
}
@media (max-width: 860px) {
.popin_w .close { top:-60px; right:0px; position: absolute;}
}
@media (max-width: 716px) {
.popin_w .close { top:-60px; right:30px; position: absolute;}
}
/* form */
.fm {}
.fm_n { display: block; position: relative; font-size: 0; margin-top: 20px;padding-bottom: 15px; }
.fm_n p { display: inline-block; vertical-align: middle; font-family: 'Avenir 35 Light'; font-size: 24px; width: 36%; color: #4a4a4a; font-weight: lighter; text-align: right; padding-right: 45px; }
.fm_n input { display: inline-block; vertical-align: middle; font-size: 10px; width: 32%; color: #4a4a4a; font-weight: lighter; text-align: left; margin-right: 3%; background-color: #fff; padding-left: 10px; height: 20px; border-radius: 10px; }
.fm_n select { margin-right: 3%; }
.fm_n a { color: rgba(0,0,0,.7); font-size: 12px; padding-top: 3px; padding-left: 45%; }
.fm_n_error { position: absolute; top: 26px; left: 52%;}
.fm_n_error p { display: block; font-size: 10px; text-align: left; color: #f97000; 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 { border: 1px solid #8e8e8e; }
.fm_n_input_asError { background: url('../bundles/sedonaumfsitefront/css/i/popin_inscription.svg') 96% 2px no-repeat; border: 1px solid #f97000;}
.ie678 .fm_n_input_asError { background: url('../bundles/sedonaumfsitefront/css/i/popin_inscription.png') 96% 2px no-repeat }
.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; display: inline-block; top: 0; left: 0; width: 32%;}
.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 input { width: 65%; }
.fm_n .fm_n_error { position: absolute; top: 51px; left: 18%; }
.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}
@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 }
}
/** 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; }
/*!
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.