/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
@import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light&display=swap');

@import url("player.css");

.hide-main #tm-main {display: none;}
.top-a-dark #tm-top-a {background: #231f20;}
.uk-overlay-background {background: rgba(234, 121, 20, 0.25);}
.uk-overlay-panel:before {color: #fff;}

.video-destaque iframe {max-height: 396px;}

#tm-header .headerbar-left {float: left;}
#tm-header .headerbar-right {float: right;}
#tm-header .headerbar-left,
#tm-header .headerbar-right {width: 50%;}
#tm-header {}

#headerbar {padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.3);}

.menu-headerbar {display: table; float: right;}
.menu-headerbar > .uk-nav {display: table;}
#menu-headerbar.uk-nav-offcanvas {display: table; margin: 40px auto;}
.menu-headerbar > .uk-nav > li,
#menu-headerbar.uk-nav-offcanvas > li {float: left;}
.menu-headerbar > .uk-nav > li > a,
#menu-headerbar.uk-nav-offcanvas > li > a {font-size: 0; color: #fff; padding: 0; line-height: normal}
.menu-headerbar > .uk-nav > li > a > i,
#menu-headerbar.uk-nav-offcanvas > li > a > i {font-size: 15px;}
.menu-headerbar > .uk-nav > li:first-child {margin-right: 20px;}
.menu-headerbar > .uk-nav > li:first-child > a {font-size: 11px; letter-spacing: 1px;}
#menu-headerbar.uk-nav-offcanvas > li:first-child {display: none;}


#tm-header .tm-navbar-wrapper {background: #000;}
#tm-header .tm-navbar-wrapper .uk-navbar-nav > li > a {color: #fff; font-weight: bold;}
#tm-header .tm-navbar-wrapper .uk-navbar-nav > li > a:hover,
#tm-header .tm-navbar-wrapper .uk-navbar-nav > li.uk-active > a,
#tm-header .tm-navbar-wrapper .uk-navbar-nav > li.uk-open > a {color: #ea7914;}


.uk-dropdown-navbar {padding-top: 0; padding-bottom: 0;}
.uk-nav-dropdown > li,
.uk-nav-navbar > li {border-bottom: 2px solid rgba(255,255,255,0.3);}
.uk-nav-dropdown > li:last-child,
.uk-nav-navbar > li:last-child {margin-bottom: 0;}
.uk-nav-dropdown > li > a,
.uk-nav-navbar > li > a {line-height: 16px; font-weight: bold; color: #fff; padding-top: 15px; padding-bottom: 15px;}

.tm-header-container h3.uk-heading-large {font-family: 'Shadows Into Light', cursive; font-weight: bold; font-size: 60px; line-height: 70px; font-style: italic;}
.tm-header-container .uk-text-large {color: #fff; font-style: italic;}

.tm-header-container .uk-overlay-panel h1,
.tm-header-container .uk-overlay-panel h2,
.tm-header-container .uk-overlay-panel h3,
.tm-header-container .uk-overlay-panel h4,
.tm-header-container .uk-overlay-panel h5,
.tm-header-container .uk-overlay-panel h6 {color: #fff;}

.tm-top-b > .uk-width-1-1 > .uk-panel {margin-top: 150px;}
.tm-top-b > .uk-width-1-1 > .uk-panel:first-child {margin-top: 0;}

footer .menu-headerbar {float: none; width: 100%;}
footer .menu-headerbar ul > li {display: inline-block; margin: 2px 10px;}
footer .menu-headerbar ul > li:first-child {display: block; margin: 0;}

.mod-title > .uk-panel-title {text-transform: uppercase; text-align: center; font-size: 35px; color: #dd3d23; margin-bottom: 60px; position: relative;}
.mod-title > .uk-panel-title:before {position: absolute; top: -30px; width: 100px; height: 3px; background: #f7b3a8; left: 50%; margin-left: -50px; content: "";}
.mod-title .uk-panel-teaser {margin-bottom: 20px;}

.k2ItemsBlock.blog ul.uk-grid {background: #f4f4f4;}
.k2ItemsBlock.blog ul.uk-grid li .uk-panel {padding: 30px 15px; background: #f4f4f4;}
.k2ItemsBlock.blog ul.uk-grid li:first-child .uk-panel {padding-right: 15px;}
.k2ItemsBlock.blog ul.uk-grid li:last-child .uk-panel {padding-left: 15px;}
.k2ItemsBlock.blog ul.uk-grid .uk-panel {padding: 30px 15px; background: #f4f4f4;}
.k2ItemsBlock.blog .moduleItemImage .moduleItemImage {display: block; height: 180px; margin-bottom: 20px; overflow: hidden;}
.k2ItemsBlock.blog .moduleItemImage .moduleItemImage,
.k2ItemsBlock.blog .moduleItemImage .moduleItemImage img {border-radius: 5px;}
.k2ItemsBlock.blog ul.uk-grid .uk-panel h3 {font-weight: 700; margin-bottom: 5px;}
.k2ItemsBlock.blog ul.uk-grid .uk-panel .moduleItemTitle:hover {text-decoration: none;}
.k2ItemsBlock.blog ul.uk-grid .uk-panel .moduleItemTitle:hover h3 {color: #dd3d23;}
.k2ItemsBlock.blog ul.uk-grid .uk-panel .moduleItemAuthor {font-size: 12px; color: #999;}
.k2ItemsBlock.blog ul.uk-grid .uk-panel .moduleItemIntrotext {font-size: 14px;}

.catItemView.noticias .catItemTitle {font-weight: bold;}
.catItemView.noticias .catItemImageBlock a {display: block; height: 350px; overflow: hidden; border-radius: 5px;}
.catItemView.noticias .catItemImageBlock a img {border-radius: 5px; width: 100%!important;}
.catItemView.noticias .catItemIntroText p {margin-bottom: 0;}
.catItemView.noticias .catItemReadMore .uk-button {margin-right: 15px;}
.catItemView.noticias .itemContainer .catItemView.noticias {padding-bottom: 48px; border-bottom: 2px solid #eee;}

.noticias-lateral .moduleItemIntrotext .moduleItemImage {display: block; height: 100px; border-radius: 5px; overflow: hidden;}
.noticias-lateral .moduleItemIntrotext .moduleItemImage img {width: 100%; float: none; border-radius: 5px;}
.noticias-lateral .moduleItemTitle {font-weight: bold; font-size: 14px;}
.noticias-lateral .moduleItemDateCreated {font-size: 12px; color: #999;}

/* PÁGINAS */
.pg-home #tm-header .tm-navbar-wrapper {background: transparent; position: absolute; z-index: 2; width: 100%;}
.pg-home #tm-main {display: none;}

.pg-player #tm-top-a,
.pg-player #tm-bottom-a,
.pg-player #tm-main {background: #231f20;}
.pg-player #tm-main {padding-top: 40px; padding-bottom: 0;}
.pg-player #tm-bottom-a {padding-top: 0;}

.pg-player #tm-main .content-categorypg-player > h1,
.pg-player #tm-content > h1 {text-align: center;}

.itemListView.pg-player .componentheading h1 {text-align: center; color: #fff;}
.itemListView.pg-player .itemListCategory img {width: 200px;}
.itemListView.pg-player .itemListCategory {padding: 0; background: 0; border: none;}
.itemListView.pg-player #itemListLinks {padding: 0; background: #fafafa; border: 1px solid #eee;}
.itemListView.pg-player #itemListLinks .itemContainer {border-bottom: 1px solid #eee; border-right: 1px solid #eee; width: calc(50% - 1px)!important;}
.itemListView.pg-player #itemListLinks .itemContainer a {display: block; color: #666; padding: 10px 20px;}
.itemListView.pg-player #itemListLinks .itemContainer a i {display: none;}


/* modal discografia */
.wf-mediabox-container {padding: 30px 0 30px 30px;}
.wf-mediabox-container #k2Container.itemView.pg-player {padding-right: 30px;}
.wf-mediabox-container .itemView.pg-player .itemFullText {font-size: 14px; line-height: 20px;}
.wf-mediabox-container .itemView.pg-player .itemAuthor,
.contentpane .itemView.pg-player .itemAuthor {font-size: 13px; border-bottom: 1px solid #ddd; color: #999; padding-bottom: 5px;}
.wf-mediabox-container .itemView.pg-player .itemHeader {margin-bottom: 20px;}
.wf-mediabox-container .itemView.pg-player .itemBody {border-bottom: 3px solid #ddd; padding-bottom: 30px;}
.wf-mediabox-container .wf-mediabox-caption {display: none;}
.wf-mediabox-container .wf-mediabox-numbers ol {text-align: left; padding-left: 30px;}

.contentpane {background: #fff; padding: 0; padding-right: 30px;}
.contentpane hr {border-color: #ccc;}
body.contentpane #k2Container.itemView.pg-player {padding: 0;}



.mod-qm-somos > div {height: 500px; background-position: center center; background-size: cover;}
.mod-qm-somos > div > div {color: #fff; text-align: center; transform: translate(0%, 30%);}
.mod-qm-somos > div > div h3 {font-family: 'Shadows Into Light', cursive; font-weight: normal; font-size: 40px; line-height: 50px; font-style: italic; color: #fff;}

.mod-header > div > ul > li {height: 500px;}


/* BACKGROUND GRADIENT */
.uk-button,
button.bfSubmitButton {background: #dd3d23; background: -moz-linear-gradient(90deg, #dd3d23, #ea7914, #dd3d23); background: -webkit-linear-gradient(0deg, #dd3d23, #ea7914, #dd3d23); background: linear-gradient(0deg, #dd3d23, #ea7914, #dd3d23); background-position: 0 -100%; background-size: 100% 200%; color: #fff!important; font-weight: bold;}
.uk-button:hover,
button.bfSubmitButton:hover {background-position: 0 -200%;}

.uk-dropdown-navbar,
.uk-nav-dropdown > li > a,
.uk-nav-navbar > li > a {background: #dd3d23; background: -moz-linear-gradient(0deg, #0c72c7, #d32eb2, #0c72c7); background: -webkit-linear-gradient(90deg, #dd3d23, #ea7914, #dd3d23); background: linear-gradient(90deg, #dd3d23, #ea7914, #dd3d23); background-position: 0 -100%; background-size: 200% 100%;}
.uk-nav-dropdown > li > a:hover,
.uk-nav-navbar > li > a:hover {background: #dd3d23; background: -moz-linear-gradient(180deg, #0c72c7, #d32eb2, #0c72c7); background: -webkit-linear-gradient(-90deg, #dd3d23, #ea7914, #dd3d23); background: linear-gradient(-90deg, #dd3d23, #ea7914, #dd3d23);}

/* BOTÕES */
.uk-button {box-shadow: 0 0 0 rgba(0,0,0,0.2); border-radius: 50px;}
.uk-button:hover {box-shadow: 3px 3px 0 rgba(0,0,0,0.2);}


/* TRANSITIONS */
.uk-button,
.uk-button:hover,
.uk-nav-dropdown > li > a,
.uk-nav-navbar > li > a,
.uk-nav-dropdown > li > a:hover,
.uk-nav-navbar > li > a:hover,
#player #plwrap #cover p,
#player #plwrap #cover:hover p {transition:all ease-in-out 0.3s;}


/* ÍCONES */
#player #audiowrap button:before,
#player #audiowrap a[data-plyr=download]:before {font-family: FontAwesome; display: inline-block; font-weight: 400; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased;}
#player #audiowrap button[data-plyr=play]:before {content: "\f04b";}/* pause */
#player #audiowrap button.plyr__control--pressed[data-plyr=play]:before {content: "\f04c";}/* play */
#player #audiowrap button[data-plyr=restart]:before {content: "\f021";}/* restart */
#player #audiowrap button[data-plyr=mute]:before {content: "\f028";}/* mute */
#player #audiowrap button.plyr__control--pressed[data-plyr=mute]:before {content: "\f026";}/* volume */
#player #audiowrap a[data-plyr=download]:before {content: "\f019";}/* download */

#player .wf-icon-zoom-link,
.itemBackToTop > a.k2Anchor,
.bfClearfix > div:last-child {display: none!important;}



@media (max-width: 970px) {
	
}

@media (max-width: 650px) {
	#player .plyr__volume {display: none;}
	#player #plwrap #cover,
	#player #plList {width: 100%!important;}
	#player #plwrap #cover p {text-align: center;}
	.tm-header-container .uk-slideshow .uk-cover-background {background-position: left;}
	.uk-block-large {padding-top: 100px; padding-bottom: 100px;}
}


/* PLAYER */
#player .add-bottom {margin: 20px 0;}

#player #audiowrap,
#player #plwrap {display: table; width: 100%;}

#player #plwrap #cover {float: left; margin-right: 20px;}
#player #plwrap #cover {width: calc( 30% - 20px);}
#player #plwrap #cover img {width: 100%; margin-bottom: 15px;}
#player #plwrap #cover .uk-button {display: block; line-height: 20px; padding: 10px 0;}
#player #plwrap #cover:hover p {color: #fff;}

#player .plyr--audio .plyr__controls {display: table; padding: 0;}

#player #mainwrap {display: table; width: 100%;}

#player #audiowrap {margin-bottom: 20px;}
#player #audiowrap #audio0 {width: calc(100% - 60px); float: left;}
#player #tracks {width: 60px; float: left;}

#player #plList {padding: 0; margin: 0; width: 70%; float: left;}
#player #plList .plItem {display: block;}
#player #plList .plTitle,
#player #plList .plLength {position: relative; left: inherit; right: inherit;}
#player #plList .plLength {float: right; margin-right: 21px; padding-left: 0;}

#player .plButtons {padding-left: 21px;}

/* display */
#player #mainwrap #nowPlay {display: table; width: calc(100% - 40px); background: rgba(0,0,0,0.4); padding: 20px; border-radius: 10px; margin-bottom: 20px; border: 1px solid rgba(255,255,255,0.1); box-shadow: 0 0 10px rgb(221, 61, 35, 0.2); color: #fff;}
#player #mainwrap #nowPlay span#npAction {width: 30%;}
#player #mainwrap #nowPlay > div {width: 70%; overflow: hidden;}
#player #mainwrap #nowPlay span#npTitle {width: auto; -moz-transform:translateX(100%); -webkit-transform:translateX(100%); transform:translateX(100%); /* Apply animation to this element */	-moz-animation: npTitle 15s linear infinite; -webkit-animation: npTitle 15s linear infinite; animation: npTitle 15s linear infinite; width: 100%;}
#player #mainwrap #nowPlay span#npAction,
#player #mainwrap #nowPlay span#npTitle {float: left; padding: 0;}


/* lista de músicas */
#player #plwrap {}

/* botões */
#player #audiowrap button,
#player #tracks a,
#player #audiowrap a[data-plyr=download],
#player .plButtons a {width: 30px; height: 30px; line-height: 30px; float: left; border-radius: 5px; background: rgba(154,154,154,0); color: rgba(154,154,154,0.3); border: none; position: relative; font-size: 20px; padding: 0; margin: 0; text-align: center;}
#player #audiowrap button:hover,
#player #tracks a:hover,
#player #audiowrap a[data-plyr=download]:hover,
#player .plButtons a:hover {background: rgba(154,154,154,0.2); color: rgba(154,154,154,1);}
#player #audiowrap button svg,
#audiowrap button span,
#player #audiowrap a[data-plyr=download] svg,
#player #audiowrap a[data-plyr=download] span {display: none;}
#player #audiowrap a[data-plyr=download] span:before {display: block;}

#player li {cursor: default;}
#player li p {padding: 20px; color: #999;}


/* track */
#player .plyr__controls__item.plyr__progress__container {width: calc( 65% - 80px); float: left; padding: 0 10px;}
#player .plyr__progress {position: relative; background: rgba(154,154,154,0.2); border-radius: 10px; height: 30px;}
#player .plyr__progress .plyr__tooltip {position: absolute; top: -18px; background: rgba(255,255,255,0.2); font-size: 12px; padding: 0 5px; border-radius: 3px; opacity: 0; margin-left: -17px;}
#player .plyr__progress:hover .plyr__tooltip {opacity: 1;}
#player .plyr__progress input {width: 100%; position: relative; z-index: 2;}
#player .plyr__progress .plyr__progress__buffer {-webkit-appearance: none; background: 0 0; border: 0; border-radius: 100px; height: 10px; left: 0; margin-top: -5px; padding: 0; position: absolute; top: 50%; color: rgba(193,201,209,.66); width: 100%;}
#player .plyr__progress input[type=range] {position: relative; z-index: 2;}

/* tempo */
#player .plyr__time {float: left; width: 50px; line-height: 30px;}
#player .plyr__time.plyr__time--current:after {content: "/"; margin: 0 5px;}

/* volume */
#player .plyr__volume {float: left; width: calc(35% - 140px); margin-right: 10px;}
#player .plyr__volume input {width: calc(100% - 30px);}


/* Move it (define the animation) */
@-moz-keyframes npTitle {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes npTitle {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes npTitle {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}