@charset "UTF-8"; /* width */ ::-webkit-scrollbar { width: 10px; } /* Track */ ::-webkit-scrollbar-track { background: #6B3B45; } /* Handle */ ::-webkit-scrollbar-thumb { background: #DBDBDB; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #f1f1f1; } #esconder { background:#2B3035 } @media screen and (min-width: 790px) { .site-navigation { background: #6B3B45; } .site-navigation .menu li a, .site-navigation .nav-menu li a { color: 6B3B45; } } .titleWidgetsMod { color: #DBDBDB; text-decoration: underline; text-decoration-color: #DBDBDB; text-decoration-thickness: 4px; -moz-text-decoration-color: #DBDBDB; text-underline-offset: 4px; /*-webkit-text-stroke: 1px #6B3B45;*/ /*text-shadow: -1px 0 #333333, 0 1px #333333, 1px 0 #333333, 0 -1px #333333;*/ /*-webkit-text-fill-color: #DBDBDB;*/ /*-webkit-text-stroke-color: #6B3B45;*/ /*-webkit-text-stroke-width: 0.5px;*/ } footer .footer_copy{ /*-webkit-text-fill-color: #DBDBDB;*/ -webkit-text-stroke-color: #6B3B45; -webkit-text-stroke-width: 0.2px; } .titleWidgets{ color: #DBDBDB; } .entry-meta{ color: #DBDBDB; } .entry-content{ color: #DBDBDB; } .loadingPlayer { border: 4px solid #6B3B45; border-radius: 50%; border-top-color: rgba(0, 0, 0, 0.1); /*border-left: 6px solid #3498db; border-right: 6px solid #3498db;*/ width: 20px; height: 20px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .image-equipe { position: relative; padding: 5px 5px 5px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: transparent; border: #212529; color: #DBDBDB; } .sepWidgets { height:3px; width:auto; position:relative; top:-13px; background: #6B3B45; } #preloader { position:fixed; top:0; left:0; right:0; bottom:0; background-color:#6B3B45; z-index:9999; } /*#banner { background: url(admin/midia/d3975a8bf3721176592f22fbfc6c0654.png); }*/ .avalie { position: fixed; bottom: 0; right: 0; background-image: -webkit-linear-gradient(125deg, #6B3B45 50%, transparent 35%); width: 83px; height: 60px; z-index: 10; } #avalietexto { -webkit-transform:rotate(325deg); //tente 90 no lugar de 270 -moz-transform:rotate(90deg); -o-transform: rotate(270deg); white-space:nowrap; display:block; bottom:0; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; margin-top:25px; margin-left: 20px; color: #DBDBDB; } /*------------------------------ 2.2 Links ------------------------------*/ a:link { text-decoration:none; color: #DBDBDB; } a { /*transition: opacity .25s ease 0s, background-color .25s ease 0s, color .25s ease 0s, background .25s ease 0s, box-shadow .25s ease 0s;*/ text-decoration: none; color: #DBDBDB; text-decoration: none; } a:hover { color: #DBDBDB; } a:active { color: #DBDBDB; } /*----------------------- EDITADO -----------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; border: 0; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } table { border-spacing: 0; border-collapse: separate; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } a:focus { outline: none; } a:active, a:hover { outline: 0; } a img { border: 0; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; height: 0; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } img { -ms-interpolation-mode: bicubic; border: 0; } pre { overflow: auto; } button, input, optgroup, select, textarea { font: inherit; margin: 0; color: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, input { line-height: normal; *overflow: visible; } input[type="checkbox"], input[type="radio"] { padding: 0; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } .clearfix:after, .pcontainer:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; } .clearfix, .pcontainer { display: inline-block; } .clearfix, .pcontainer { display: block; } .clear, .gallery { zoom: 1; } .clear:before, .gallery:before, .clear:after, .gallery:after { display: table; content: ""; } .clear:after, .gallery:after { clear: both; } .break, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote, pre { word-wrap: break-word; word-break: break-word; } .none { display: none; } /*-------------------------------------------------------------- 2.0 Document Setup --------------------------------------------------------------*/ /*------------------------------ 2.1 Typography ------------------------------*/ html, body { font-size: 13.5px; } body, button, input, select, textarea { font-family: "Open Sans", Helvetica, Arial, sans-serif; line-height: 1.8; color: #AAA; } pre, code, input, textarea { font: inherit; } ::-moz-selection { color: white; background: #000; } ::selection { color: white; background: #000; } /*------------------------------ 2.3 Heading ------------------------------*/ h1, h2, h3, h4, h5, h6 { font-family: "Oswald", Helvetica, Arial, sans-serif; font-weight: normal; clear: both; margin: 0 0 10px; text-transform: uppercase; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; color: inherit; } h1 { font-size: 25px; line-height: 1.15; } @media screen and (min-width: 790px) { h1 { font-size: 30px; } } h2 { font-size: 18px; } @media screen and (min-width: 790px) { h2 { font-size: 20px; } } h3 { font-size: 16px; } h4 { font-size: 18px; font-weight: normal; } h5 { font-size: 15px; letter-spacing: 1px; text-transform: uppercase; } h6 { font-size: 13px; font-weight: normal; letter-spacing: 2px; text-transform: uppercase; } /*------------------------------ 2.4 Base ------------------------------*/ ul, ol, dl, p, details, address, .vcard, figure, pre, fieldset, table, dt, dd, hr { margin-bottom: 20px; } /*------------------------------ 2.5 Content ------------------------------*/ img { max-width: 100%; height: auto; vertical-align: middle; } b, strong { font-weight: bold; } blockquote { clear: both; margin: 20px 0; margin: 2rem 0; } blockquote p { font-size: 24px; line-height: 1.5; } blockquote cite { font-size: 13px; font-style: normal; margin-bottom: 20px; } dfn, cite, em, i { font-style: italic; } figure { margin: 0; } address { margin: 20px 0; } hr { height: 1px; margin-bottom: 20px; border: 0; border-top: 1px solid #EEE; } tt, kbd, pre, code, samp, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; padding: 5px 7px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #EEE; } pre { line-height: 1.7; overflow: auto; max-width: 100%; margin: 20px 0; padding: 20px; white-space: pre-wrap; } details summary { font-weight: bold; margin-bottom: 20px; } details :focus { outline: none; } abbr, acronym, dfn { font-size: .95em; cursor: help; letter-spacing: 1px; text-transform: uppercase; border-bottom: 1px dotted #EEE; } mark { text-decoration: none; background-color: #FFF9C0; } small { font-size: 75%; } big { font-size: 125%; } ul, ol { padding-left: 20px; } ul { list-style: disc; } ol { list-style: decimal; } ul li, ol li { margin: 8px 0; } dt { font-weight: bold; } dd { margin: 0 20px 20px; } iframe, embed { max-width: 100%; } /*------------------------------ 2.6 Table ------------------------------*/ table { width: 100%; margin-bottom: 20px; border-spacing: 0; border-collapse: collapse; border: 1px solid #EEE; } table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { line-height: 1.42857; padding: 5px; text-align: center; vertical-align: middle; border: 1px solid #EEE; } table > thead > tr > th, table > thead > tr > td { font-weight: bold; border-bottom-width: 2px; } /*------------------------------ 2.7 Form ------------------------------*/ fieldset { padding: 20px; border: 1px solid #EEE; } input[type="reset"], input[type="submit"], input[type="submit"] { padding: 10px 20px; cursor: pointer; color: white; border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #6B3B45; } input[type="reset"]:hover, input[type="submit"]:hover, input[type="submit"]:hover { background: #6B3B45; } input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus { cursor: pointer; } textarea { resize: vertical; } select { overflow: auto; max-width: 100%; padding: 10px; vertical-align: top; border: 1px solid #EEE; outline: none; } textarea, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { max-width: 100%; padding: 8px 12px; border: 1px solid #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: transparent; -webkit-appearance: none; } textarea:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus { outline: none; } button::-moz-focus-inner { padding: 0; border: 0; } input[type="radio"], input[type="checkbox"] { margin: 10px; } input, textarea, input[type="submit"]:focus { outline: 0 none; } /*------------------------------ 2.8 Accessibility ------------------------------*/ /* Text meant only for screen readers */ .screen-reader-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { line-height: normal; z-index: 100000; top: 5px; left: 5px; display: block; clip: auto !important; width: auto; height: auto; padding: 1.7em; padding: 17px; text-decoration: none; color: #6B3B45; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #7E7E7E; /* Above WP toolbar */ } /*------------------------------ 2.9 Helper ------------------------------*/ .fleft { float: left; } .fright { float: right; } /*-------------------------------------------------------------- 3.0 Scaffolding --------------------------------------------------------------*/ /*-------------------------------------------------------------- 4.0 Structure & Elements --------------------------------------------------------------*/ /* Structure ------------------------------*/ .pcontainer { position: relative; max-width: 1200px; margin: 0 auto; padding: 0 30px; } /*------------------------------ 4.1 Header ------------------------------*/ /* Search Box ------------------------------*/ .search-toggle .screen-reader-text { left: 5px; } .search-box-wrapper { overflow: hidden; height: 0; color: #DBDBDB; background: #222; } .search-box-wrapper .pcontainer { max-width: 1298px; } .search-box-wrapper .search-form { margin-bottom: 0; padding: 3px 0 0 20px; } .search-box-wrapper input { font-size: 20px; font-style: italic; color: #DBDBDB; border: none; border: none; outline: none; background: #222; } .search-box-wrapper .search-submit { display: none; } .search-box-wrapper .search.icon { font-size: 23px; position: absolute; top: 17px; left: 18px; } /* Top bar ------------------------------*/ .topbar { background: black; -webkit-box-shadow: 0 2px 2px -2px #111; -moz-box-shadow: 0 2px 2px -2px #111; box-shadow: 0 2px 2px -2px #111; } .topbar .pcontainer { max-width: 1098px; } .topbar p { font-size: 12px; margin-bottom: 0; padding: 10px 0; } .topbar ul { margin: 0; padding: 0; } .topbar ul li { display: inline-block; margin: 0; list-style: none; } .topbar ul li a { font-size: 10.5px; font-weight: 600; display: inline-block; padding: 10px 12px; text-transform: uppercase; color: #7E7E7E; } .topbar ul li a:hover { color: white; } .topbar .topbar_left ul li:first-child a { padding-left: 0; } .topbar .topbar_right ul li:last-child a { padding-right: 0; } .topbar .topbar_right { display: none; } @media screen and (min-width: 790px) { .topbar .topbar_right { display: block; } } .topbar .search-toggle { margin-left: 15px; padding-top: 6px; } .topbar .search-toggle i:hover { color: white; } .header { padding: 22px 0; } .logo_area{ width: 100%; max-width: 1170px; background: #2B3035; -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .2); box-shadow: 0 0 3px 3px rgba(0, 0, 0, .2); } @media screen and (min-width: 790px) { #playerrodape{ width: 84%; } .header .logo_area.left { float: left; } .logo_area img { max-width: 300px; } .header .header_right { display: block; } .header .pcontainer { padding: 1px 0; text-align: center; } } .header_right .event_count_wrapper { margin-top: 10px; } .event_count_wrapper { font-family: "Oswald", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; text-transform: uppercase; color: #DBDBDB; } .event_count_wrapper:hover { color: #DBDBDB; } .event_count_wrapper .next_event_text { float: right; margin-right: 15px; padding-top: 4px; } .event_count_wrapper .event_countdown { float: right; } .event_count_wrapper .event_countdown .countdown-amount { font-size: 17px; position: relative; z-index: 100; display: inline-block; min-width: 32px; margin: 0 7.5px; padding: 2px 0; text-align: center; color: white; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #444; -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .4); box-shadow: 0 0 1px 1px rgba(0, 0, 0, .4); } .event_count_wrapper .event_countdown .countdown-amount:before { position: absolute; z-index: -9999; top: 17px; left: 1px; display: block; width: 30px; height: 1px; content: ""; background: #777; } .event_count_wrapper .event_countdown .countdown-period { font-size: 13px; color: #7E7E7E; } .vote .zapmobile{ display:none; } .header_social { position: relative; top: 10px; right: 15px; margin: 0; padding-top: 1px; float: right; height:75px; } .header_social li { display: inline-block; margin: 0; font-size: 27px; } .header_social li a { margin: 0; color: #6B3B45; } .header_social li a i.icon { font-size: 27px; } .header_social li a:hover { color: #999; /*border-bottom:3px solid #6B3B45;*/ } /*REDES SOCIAS 2*/ .header_social2 { position: relative; top: 10px; right: 15px; margin: 0; padding-top: 1px; float: right; height:75px; } .header_social2 li { display: inline-block; margin: 0; font-size: 27px; } .header_social2 li a { margin: 0; color: #6B3B45; } .header_social2 li a i.icon { font-size: 27px; } .header_social2 li a:hover { color: #999; /*border-bottom:3px solid #6B3B45;*/ } .header_info { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #6B3B45; border-top-left-radius: 6em; border-bottom-left-radius: 6em; height: 150px; } .header_info li { float: left; } .header_info li a { display: block; color: white; text-align: center; padding: 16px; text-decoration: none; } .topimg { margin-top:60px; margin-left: 20px; z-index: 9999; } .header_info img { margin-top:-8px; } .header_info li a:hover { background-color: #111111; } /*------------------------------ 4.2 Main ------------------------------*/ #primary { margin-bottom: 20px; padding-bottom: 20px; } @media screen and (min-width: 790px) { #primary { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } } @media screen and (min-width: 790px) { #primary { float: left; width: 65.43967%; } #secondary { float: right; width: 28.62986%; } #secondaryleft { float: left; width: 28.62986%; } } #secondary .widget { max-width: 250px; } #secondaryleft .widget { max-width: 250px; } @media screen and (min-width: 500px) { #widget .widget { float: left; width: 46.93252%; margin-right: 6.13497%; } #secondary .widget:nth-child(2n+0) { clear: right; margin-right: 0; } } @media screen and (min-width: 790px) { #secondary .widget { width: 100%; } } @media screen and (max-width: 790px) { #boxed_content { margin-top:-10px; } .hi .locutor{ margin-top:10px; } } .boxed_content { position: relative; max-width: 1230px; margin: 0 auto; padding: 0 30px; color: #DBDBDB; } .content{ margin-top: 30px; } .site-content .page-inner { padding: 30px 0; } .top_feature { margin-bottom: 30px; } .top_feature .ui.grid > .column { margin-top: 0; margin-bottom: 0; } /* Box_Content ------------------------------*/ .widget_heading, .widget-title { font-size: 13px; font-weight: normal; margin-top: 0; margin-bottom: 15px; letter-spacing: .6px; text-transform: uppercase; color: #7E7E7E; } .player_box { padding: 20px; background: #212121; } /* Album Carousel ------------------------------*/ #albums_carousel { margin-right: -15px; margin-left: -15px; } #albums_carousel .widget_heading, #albums_carousel .widget-title { margin-right: 15px; margin-left: 15px; } #albums_carousel .ac_item { position: relative; margin: 0 15px; border: 7px solid #212121; } #albums_carousel .ac_item img { height: auto; } #albums_carousel .ac_item:hover .overlay { opacity: .3; } #albums_carousel .ac_item:hover .overlay_title { opacity: 1; } .overlay { position: absolute; z-index: 99; top: 0; left: 0; width: 100%; height: 100%; transition: opacity .1s ease-in 0s; opacity: 0; background: none repeat scroll 0 0 #6B3B45; } .overlay_title { position: absolute; z-index: 100; top: 45%; left: 0; width: 100%; transition: opacity .2s ease-in-out 0s; text-align: center; opacity: 0; } .overlay_title h2 { font-size: 15px; color: #DBDBDB; } .owl-controls .left.icon, .owl-controls .right.icon { float: none; } .owl-controls .owl-prev, .owl-controls .owl-next { display: inline-block; } .owl-controls .owl-prev i, .owl-controls .owl-next i { font-size: 18px; } .owl-controls .owl-prev i:hover, .owl-controls .owl-next i:hover { color: #6B3B45; } .owl-controls .owl-next { position: absolute; top: -35px; right: 3px; } .owl-controls .owl-prev { position: absolute; top: -35px; right: 18px; } /* Recent News ------------------------------*/ .recent_news article { margin-bottom: 30px; } .recent_news article .entry-thumb { float: none; width: 100%; margin-right: 30px; margin-bottom: 25px; } @media screen and (min-width: 500px) { .recent_news article .entry-thumb { float: left; width: 222px; margin-bottom: 0; } } .recent_news article .entry-thumb img { max-width: 100%; border: 5px solid #212529; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } @media screen and (min-width: 501px) { .recent_news article .entry-thumb img { max-width: 222px; } } .recent_news article .entry-thumb img:hover { border-color: #6B3B45; } .recent_news article .entry-detail { overflow: hidden; } .recent_news article .entry-detail .entry-title a { color: #DBDBDB; } .recent_news article .entry-detail .entry-title a:hover { color: #6B3B45; } .recent_news article .entry-meta { font-size: 11px; margin-bottom: 6.66667px; text-transform: uppercase; } .recent_news article .entry-meta .sep { margin: 0 10px; } .recent_news article .entry-meta a:hover { color: #DBDBDB; } .recent_news article .entry-more { margin-top: 20px; } .recent_news.bigthumb article .entry-thumb { float: none; width: 100%; margin-bottom: 25px; } .recent_news.bigthumb article .entry-thumb img { max-width: 100%; border: 7px solid #6B3B45; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .recent_news.bigthumb article .entry-thumb img:hover { border-color: #6B3B45; } .single .entry-meta { margin-bottom: 20px !important; padding: 10px 0; border-top: 1px solid #212121; border-bottom: 1px solid #212121; } /* Content ------------------------------*/ /* Sidebar ------------------------------*/ /*------------------------------ 4.3 Footer ------------------------------*/ /*#copy_right { display: ; }*/ .site-footer { position: relative; max-width: 1200px; margin: 0 auto; padding: 0 30px; } .site-footer .pcontainer { margin-top: 30px; padding-top: 30px; padding-bottom: 30px; } .site-footer ul { padding: 0; list-style: none; } .site-footer .widget_nav_menu ul { margin: 0; padding: 0; list-style: none; } .site-footer .widget_nav_menu ul li { margin: 0; border-bottom: 1px solid #212121; } .site-footer .widget_nav_menu ul li:last-child { border-bottom: none; } .site-footer .widget_nav_menu ul li a { display: block; padding: 5px 0 9px; } .site-footer .ui.grid > .column { margin-top: 0; margin-bottom: 30px; } .site-footer .footer_copy { padding-top: 14px; /*border-top: 2px solid #6B3B45;*/ } .site-footer .footer_copy .copy_left, .site-footer .footer_copy .copy_right { text-align: center; } @media screen and (min-width: 790px) { .site-footer .footer_copy .copy_left { text-align: left; } .site-footer .footer_copy .copy_right { text-align: right; } } .site-footer .footer_copy p { margin-bottom: 0; } .site-footer .footer_copy .ui.grid > .column { margin-bottom: 0; } .site-footer .ui.grid .copy_left, .site-footer .ui.grid .copy_right { text-align: center; } @media screen and (min-width: 790px) { .site-footer .ui.grid .copy_left { text-align: left; } .site-footer .ui.grid .copy_right { text-align: right; } } .site-footer a { color: #6B3B45; } .site-footer a:hover { color: #6B3B45; } /*-------------------------------------------------------------- 4.0 Posts --------------------------------------------------------------*/ /* Post Format ------------------------------*/ /* Post Entry ------------------------------*/ .entry-content { margin-bottom: 20px; } .album-content iframe { width: 100% !important; } .entry-footer i.icon { float: left; margin: 4px 4px 0 0; margin: .4rem .4rem 0 0; color: #DBDBDB; } .entry-footer .post-categories, .entry-footer .post-tags { margin-bottom: 5px; padding: 0; list-style: none; } .entry-footer .post-categories li, .entry-footer .post-tags li { display: inline; margin: 0; } .entry-footer .post-categories li a, .entry-footer .post-tags li a { color: #AAA; } .entry-footer .post-categories li a:hover, .entry-footer .post-tags li a:hover { color: #6B3B45; } .entry-footer .post-categories li:after, .entry-footer .post-tags li:after { content: ", "; color: #7E7E7E; } .entry-footer .post-categories li:last-child:after, .entry-footer .post-tags li:last-child:after { content: none; } /* WordPress caption style ------------------------------*/ .wp-caption { font-style: italic; line-height: 1.35; max-width: 100%; margin-bottom: 20px; margin-bottom: 2rem; } .wp-caption img[class*="wp-image-"] { display: block; max-width: 98%; } .wp-caption .wp-caption-text { margin: 10px 0; margin: 1rem 0; } .wp-caption-text, .entry-thumbnail-caption, .cycle-caption { font-size: 13px; font-size: 1.3rem; font-style: italic; line-height: 1.35; } .alignleft, .entry-thumbnail.thumbnail { display: inline; float: left; margin-right: 30px; margin-right: 3rem; } .alignright { display: inline; float: right; margin-left: 30px; margin-left: 3rem; } .aligncenter { display: block; clear: both; margin: 0 auto; } img.wp-smiley { margin-top: 0; margin-bottom: 0; padding: 0; border: none; } .gallery-caption { font-family: inherit; } .bypostauthor { margin: 0; } /* Gallery ------------------------------*/ .gallery { margin-bottom: 20px; margin-bottom: 2rem; } .gallery-item { position: relative; float: left; overflow: hidden; margin: 0 4px 4px 0; margin: 0 .4rem .4rem 0; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { font-size: 12px; font-size: 12px; font-size: 1.2rem; line-height: 1.5; position: absolute; bottom: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; max-height: 50%; margin: 0; padding: 6px 8px; padding: .6rem .8rem; text-align: left; opacity: 0; color: #DBDBDB; background-color: rgba(0, 0, 0, .7); } .gallery-caption:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 49px; content: ""; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .attachment { margin-bottom: 20px; margin-bottom: 2rem; } /* Comments ------------------------------*/ #comments .comments-title { margin-bottom: 20px; margin-bottom: 2rem; } #comments .comment-list { padding-left: 0; list-style: none; } #comments .comment-list .pingback { margin: 0; margin: 0rem; padding: 20px 0; padding: 2rem 0; border-bottom: 1px solid #EEE; } #comments .comment-list .pingback p { margin: 0; } #comments .comment-list .pingback:last-child { margin-bottom: 40px; margin-bottom: 4rem; } #comments .comment { margin: 30px 0; margin: 3rem 0; list-style: none; } #comments .comment .avatar { float: left; width: 60px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #comments .comment .comment-wrapper { position: relative; margin-left: 90px; margin-left: 9rem; padding: 25px 30px 15px 30px; padding: 2.5rem 3rem 1.5rem 3rem; background: #F8F9F9; } #comments .comment .comment-wrapper:before { position: absolute; top: 0; left: -9px; width: 0; height: 0; content: ""; border-width: 0 10px 10px 0; border-style: solid; border-color: transparent #F6F7F9 transparent transparent; } #comments .comment .comment-wrapper .comment-meta .comment-time, #comments .comment .comment-wrapper .comment-meta .comment-reply-link, #comments .comment .comment-wrapper .comment-meta .comment-edit-link { font-size: 11px; font-size: 1.1rem; letter-spacing: .3px; text-transform: uppercase; color: #7E7E7E; } #comments .comment .comment-wrapper .comment-meta .comment-time:hover, #comments .comment .comment-wrapper .comment-meta .comment-reply-link:hover, #comments .comment .comment-wrapper .comment-meta .comment-edit-link:hover { color: #6B3B45; } #comments .comment .comment-wrapper .comment-meta .comment-time:after, #comments .comment .comment-wrapper .comment-meta .comment-reply-link:after, #comments .comment .comment-wrapper .comment-meta .comment-edit-link:after { padding: 0 5px; padding: 0 .5rem; content: "/"; } #comments .comment .comment-wrapper .comment-meta a:last-child:after { content: ""; } #comments .comment .comment-wrapper .comment-meta cite .fn { font-weight: normal; font-style: normal; margin-right: 15px; margin-right: 1.5rem; } #comments .comment .children { padding-left: 30px; padding-left: 3rem; } #comments .comment .children .children { padding-left: 30px; padding-left: 3rem; } #comments .comment .children .children .children { padding-left: 0; padding-left: 0rem; } @media screen and (min-width: 790px) { #comments .comment .children { padding-left: 90px; padding-left: 9rem; } #comments .comment .children .children { padding-left: 90px; padding-left: 9rem; } #comments .comment .children .children .children { padding-left: 90px; padding-left: 9rem; } } /* Comment Form ------------------------------*/ #respond #reply-title { margin-bottom: 15px; padding-bottom: 6px; border-bottom: 2px solid #212121; } #respond .comment-form label { display: block; margin-bottom: 4px; margin-bottom: .4rem; } #respond .form-allowed-tags { font-size: 12px; font-size: 1.2rem; } #respond .form-allowed-tags code { background: none; } /*-------------------------------------------------------------- 4.0 Pages --------------------------------------------------------------*/ .page-title { margin-bottom: 30px; color: #DBDBDB; } .page-title-events { margin-bottom: -8px; color: #DBDBDB; } .page-title-info { margin-bottom: 5px; color: #DBDBDB; } .content-info { margin-bottom: 5px; color: #DBDBDB; } /* Events ------------------------------*/ .events_page .event_widget .event_left .event_date { font-size: 17px; padding: 2px 0; } .events_page .event_widget .event_left .event_date:before { top: 17px; width: 33px; } .events_page .event_widget .event_item { position: relative; margin-bottom: 5px; padding: 5px 10px 10px 0px; background-color: none; } .events_page .event_widget .event_item.has_map { padding: 20px; } .events_page .event_widget .event_item.has_map .event_map { margin-bottom: 15px; } .events_page .event_widget .event_detail .event_time, .events_page .event_widget .event_detail .event_location { display: block; margin-top: 5px; margin-bottom: 5px; } .events_page .event_widget .event_detail .event_title { margin-bottom: 10px; } @media screen and (min-width: 1100px) { .events_page .event_widget .event_detail .event_time, .events_page .event_widget .event_detail .event_location { display: inline-block; margin-bottom: 0; } .events_page .event_widget .event_detail .event_button { float: right; margin: 0; margin-top: 20px; } .events_page .event_widget .event_detail .event_title { margin: 7px 0 3px; } } .event_single .event_item { position: relative; margin-bottom: 30px; padding: 15px 20px 20px 20px; background: #212121; } .event_single .event_item.has_map { padding: 20px; } .event_single .event_item.has_map .event_map { margin-bottom: 15px; } .event_single .event_time, .event_single .event_location { display: block; margin-top: 5px; margin-bottom: 5px; } .event_single .event_button { margin: 0; margin-top: -12px; margin-left: 5px; } /* Albums ------------------------------*/ .album { position: relative; border: 8px solid #212121; } .album .overlay_title h2 { font-size: 23px; color: #DBDBDB; } .album:hover .overlay { opacity: .3; } .album:hover .overlay_title { opacity: 1; } /* Single Albumn */ .album-thumb { margin-bottom: 20px; border: 8px solid #212121; } .album-release, .album-share { font-family: "Oswald", Helvetica, Arial, sans-serif; font-size: 14px; margin-bottom: 15px; letter-spacing: 1px; text-transform: uppercase; } .album-release span, .album-share span { color: #DBDBDB; } .album-share a { font-size: 15px; margin-right: 0; margin-left: 4px; color: #DBDBDB; } .single-album .page-header h1 { margin-bottom: 20px; } .single-album .player_box { margin-bottom: 20px; } .album-buy { margin-bottom: 30px; padding-top: 3px; text-align: left; } @media screen and (min-width: 790px) { .album-buy { margin-bottom: 0; text-align: right; } } .album-buy a.ui.button { margin-left: 2px; } .related-alumn { margin-top: 40px; padding-top: 20px; border-top: 3px solid #212121; } .album-buy.album-buy-sidebar { margin-bottom: 30px; text-align: left; } .album-buy.album-buy-sidebar a.ui.button { margin-right: 2px; } /* Contact ------------------------------*/ .map-contact { margin-bottom: 30px; padding: 20px 20px 20px 20px; color: #DBDBDB; background: #212121; } .map-contact iframe { margin-bottom: 15px; } /* About ------------------------------*/ .page_featured_image { position: relative; } .page_featured_image .featured_title { position: absolute; bottom: 50px; left: 50px; display: block; } .page_featured_image .featured_title span { font-family: "Oswald", Helvetica, Arial, sans-serif; font-size: 30px; font-weight: bold; line-height: 50px; display: inline-block; margin-bottom: 10px; padding: 5px 20px; letter-spacing: 3px; text-transform: uppercase; color: #DBDBDB; background: #F00; } @media screen and (min-width: 790px) { .page_featured_image .featured_title span { font-size: 35px; } } /* Filterable Gallery ------------------------------*/ .gallery-filterable .image-lightbox { margin-bottom: 0 !important; } .filterable-menu { margin-bottom: 30px; padding-top: 3px; text-align: left; } @media screen and (min-width: 790px) { .filterable-menu { margin-bottom: 0; text-align: right; } } .filterable-menu a.ui.button { margin-left: 2px; } /*-------------------------------------------------------------- Modulo Lateral --------------------------------------------------------------*/ .widget-area-lateral aside { margin-top: -20px; float: right; } /*-------------------------------------------------------------- 4.0 Widgets --------------------------------------------------------------*/ .widget-area aside { margin-bottom: 50px; float: right; } .widget ul { padding-left: 0; list-style: none; } .widget-area-left aside { margin-bottom: 50px; float: left; } /* Events Widget ------------------------------*/ .event_widget article { margin-bottom: 100px; } .event_widget article:last-child { margin-bottom: 0; } .event_widget .event_left{ font-family: "Oswald", Helvetica, Arial, sans-serif; position: relative; z-index: 0; float: left; width: 160px; margin-top: 2px; margin-right: 10px; text-transform: uppercase; } .event_widget .event_left .event_date { font-size: 19px; position: relative; z-index: 100; display: inline-block; min-width: 35px; margin-bottom: 3px; padding: 4px 0; text-align: center; color: white; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #444; -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .4); box-shadow: 0 0 1px 1px rgba(0, 0, 0, .4); } .event_widget .event_left .event_date:before { position: absolute; z-index: -9999; top: 21px; left: 1px; display: block; width: 30px; height: 1px; content: ""; background: #777; } .event_widget .event_left .event_month { width: 36px; text-align: center; } .event_widget .event_detail { overflow: hidden; } .event_widget .event_detail .event_title { font-size: 24px; margin-bottom: 5px; color: #DBDBDB; } .event_widget .event_detail .event_title a:hover { color: #6B3B45; } .event_widget .event_detail .event_time, .event_widget .event_detail .event_location { font-size: 12px; margin-bottom: 0; } .event_widget .event_detail .event_button { margin-top: 10px; } /* Video Slider ------------------------------*/ .video_slider .widget-content { border: 8px solid #212121; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /*-------------------------------------------------------------- 9.0 Supports --------------------------------------------------------------*/ /* Custom Semantic-UI ------------------------------*/ /* Popup */ /* Accordion */ .ui.accordion, .ui.accordion .accordion { border-radius: 0; } /* Button */ .ui.button { font-family: "Oswald", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; margin-bottom: 10px; padding: .7em 1.2em; letter-spacing: .7px; text-transform: uppercase !important; color: #DBDBDB; border-radius: 0; background: #7E7E7E; } .ui.button:hover { color: #DBDBDB; background: #6B3B45; } .ui.button:focus { color: #DBDBDB; box-shadow: none; } .ui.button.colored { background: #6B3B45; } .ui.button.colored:hover { background: #7E7E7E; } .ui.huge.button { font-size: 15px; font-weight: bold; padding: 15px 30px; letter-spacing: 1.2px; } .ui.soundcloud.button { background: #F50; } .ui.spotify.button { background: #81B71A; } /* RoyalSlider: Gallery Slideshow ------------------------------*/ #gallery-slideshow { width: 100%; -webkit-user-select: none; -moz-user-select: none; user-select: none; } /* Gallery Masonry ------------------------------*/ #gallery-masonry { width: 100% !important; } #gallery-masonry .gmitem { width: 33%; padding: 7px; } #gallery-masonry .gmitem.w2 { width: 66%; } /* Image Lightbox ------------------------------*/ .image-lightbox-galeria { position: relative; position: relative; padding: 7px 7px 7px 7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #222; height: 220px; } .image-lightbox { position: relative; padding: 5px 5px 5px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /*background: #2B3035;*/ border: #212529; } .image-button { position: absolute; top: 50%; left: 50%; display: block; width: 32px; height: 32px; margin-top: -16px; margin-left: -16px; opacity: 0; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; background: url("pics/rs-default.png") repeat scroll 0 0 #6B3B45; } .image-lightbox:hover .image-button { opacity: 1; } .image-lightbox:hover img { opacity: .4; } .imgIcon { background:url(pics/iconPlayer.png) no-repeat center #6B3B45; } .imgPhoto { background:url(pics/iconPhoto.png) no-repeat center #6B3B45; } .imgIconOpen { background:url(pics/iconOpen.png) no-repeat center #6B3B45; } /* Gallery Carousel ------------------------------*/ #gallery_carousel { margin-top:10px; margin-bottom: 10px; } #gallery_carousel .box_content { margin-right: -10px; margin-left: -10px; } #gallery_carousel .owl-controls .owl-next { right: 0; } .gallery_carousel .gallery_item .image-lightbox { margin: 0 10px; padding: 3px; } .gallery_item img{ width: 100%; height: 150px; } /*-------------------------------------------------------------- 8.0 Shortcodes --------------------------------------------------------------*/ /* Contact Form ------------------------------*/ form label { font-size: 11px; display: inline-block; margin-right: 5px; margin-bottom: 4px; text-transform: uppercase; } .form-row { margin-bottom: 10px; } #contact_form input[type="text"] { min-width: 250px; } #contact_form textarea { min-width: 320px; min-height: 150px; } #contact_form #contact_submit { margin-top: 10px; } #contact_form .notice.hide, #contact_form .loading.hide { display: none; } #contact_form .loading { display: inline-block; margin-left: 5px; vertical-align: middle; } #contact_form .error { border: 1px solid #6B3B45 !important; } #contact_form .notice_ok { color: green; } /* Accordion ------------------------------*/ .ui.accordion .accordion .title, .ui.accordion .title { padding: .8em 0; color: #DBDBDB; } .widget_pcontainer h1 { border-bottom:solid 3px rgba(192,192,192,0.3); font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:30px; padding-bottom:5px; } .widget_pcontainer h3 { border-bottom:solid 5px rgba(192,192,192,0.3); /*border-bottom:solid 3px rgba(192,192,192,0.3);*/ font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:18px; padding-bottom:6px; } .widget_pcontainer_page { position: relative; padding: 15px 5px 5px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #6B3B45; border: #212529; margin-bottom: 20px; } .thumbImgTop a, .thumbImgTop .subAVideo { border:solid 3px #6B3B45; } .widgetequipe .imgThumbEquipeDestaque { border:solid 3px #6B3B45; background: #6B3B45; } .widgetequipe .imgThumbTopFiveDestaque { border:solid 3px #6B3B45; background: #6B3B45; } /*---------------------------------- TOOLTIP ----------------------------------*/ .tooltip-left:before { border-left-color: #6B3B45 !important; } .tooltip-top:before { border-top-color: #6B3B45 !important; } .tooltip-bottom:before { border-bottom-color: #6B3B45!important; } .tooltip:after,.tooltip:after,[data-tooltip]:after { background-color:#6B3B45!important; } /* Base styles for the element that has a tooltip */ [data-tooltip], .tooltip { position: relative; cursor: pointer; text-align:center; } /* Base styles for the entire tooltip */ [data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after { position: absolute; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: none; } /* Show the entire tooltip on hover and focus */ [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /* Base styles for the tooltip's directional arrow */ .tooltip:before, [data-tooltip]:before { z-index: 1001; border: 6px solid transparent; background: transparent; content: ""; } /* Base styles for the tooltip's content area */ .tooltip:after, [data-tooltip]:after { z-index: 1000; padding: 8px; width: 160px; color: #DBDBDB; content: attr(data-tooltip); font-size: 11px; line-height: 1.2; border-radius:5px; } /* Directions */ /* Top (default) */ [data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after, .tooltip-top:before, .tooltip-top:after { bottom: 100%; left: 50%; } [data-tooltip]:before, .tooltip:before, .tooltip-top:before { margin-left: -6px; margin-bottom: -12px; border-top-color: #000; border-top-color: hsla(0, 0%, 20%, 0.9); } /* Horizontally align top/bottom tooltips */ [data-tooltip]:after, .tooltip:after, .tooltip-top:after { margin-left: -80px; } [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after, .tooltip-top:hover:before, .tooltip-top:hover:after, .tooltip-top:focus:before, .tooltip-top:focus:after { -webkit-transform: translateY(-12px); -moz-transform: translateY(-12px); transform: translateY(-12px); } /* Left */ .tooltip-left:before, .tooltip-left:after { right: 100%; bottom: 50%; left: auto; } .tooltip-left:before { margin-left: 0; margin-right: -12px; margin-bottom: 0; border-top-color: transparent; border-left-color: #000; border-left-color: hsla(0, 0%, 20%, 0.9); } .tooltip-left:hover:before, .tooltip-left:hover:after, .tooltip-left:focus:before, .tooltip-left:focus:after { -webkit-transform: translateX(-12px); -moz-transform: translateX(-12px); transform: translateX(-12px); } /* Bottom */ .tooltip-bottom:before, .tooltip-bottom:after { top: 64%; bottom: auto; left: 50%; z-index: 10000; border: 1px solid #000; } .tooltip-bottom:before { margin-top: -12px; margin-bottom: 0; border-top-color: transparent; border-bottom-color: #000; border-bottom-color: hsla(0, 0%, 20%, 0.9); } .tooltip-bottom:hover:before, .tooltip-bottom:hover:after, .tooltip-bottom:focus:before, .tooltip-bottom:focus:after { -webkit-transform: translateY(12px); -moz-transform: translateY(12px); transform: translateY(12px); } /* Right */ .tooltip-right:before, .tooltip-right:after { bottom: 50%; left: 100%; } .tooltip-right:before { margin-bottom: 0; margin-left: -12px; border-top-color: transparent; border-right-color: #000; border-right-color: hsla(0, 0%, 20%, 0.9); } .tooltip-right:hover:before, .tooltip-right:hover:after, .tooltip-right:focus:before, .tooltip-right:focus:after { -webkit-transform: translateX(12px); -moz-transform: translateX(12px); transform: translateX(12px); } /* Move directional arrows down a bit for left/right tooltips */ .tooltip-left:before, .tooltip-right:before { top: 3px; } /* Vertically center tooltip content for left/right tooltips */ .tooltip-left:after, .tooltip-right:after { margin-left: 0; margin-bottom: -16px; } /*---------------------------------- PLAYER ----------------------------------*/ #headerPlayer .ui-slider-range { height:3px; border-radius:5px; background:#6B3B45; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .bar-c {overflow: hidden;height: 30px;width: 33px;margin: 5px auto;position: relative;} .bar {height: 0px;width: 3px;display: inline-block;background-color: #fff;bottom: 0;position: absolute;-webkit-animation-duration: 500ms;-webkit-animation-play-state: running; -webkit-animation-direction: alternate;-webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite;} .bar.noAnim {-webkit-animation: none;-webkit-animation-name: none;} .statusStream span {font-size:11px;} .statusStream span.status {display:block !important; font-size:11px;} .socialLinks {float:right; position:relative; z-index:2;} .socialLinks a {width:30px; height:30px; display:block; margin:12px 12px; float:right; position:relative;} .socialLinks a span {display:block; position:absolute; top:50%; left:50%; margin-left:-12px; margin-top:-12px; width:24px; height:24px; transition-duration:0.3s;} .socialLinks a.facebook {width:24px; height:24px; margin:14px 5px;} .socialLinks a.twitter {width:24px; height:24px; margin:14px 0px 14px 5px;} .socialLinks a:hover span {display:block; position:absolute; top:50%; left:50%; margin-left:-10px; margin-top:-10px; width:20px; height:20px; transition-duration:0.3s;} .bar#bar-1 {left: 0; -webkit-animation-name: danceHeight1; -webkit-animation-delay: 0ms;} .bar#bar-2 { left: 6px; -webkit-animation-name: danceHeight2; -webkit-animation-delay: 300ms;} .bar#bar-3 { left: 12px; -webkit-animation-name: danceHeight3; -webkit-animation-delay: 600ms;} .bar#bar-4 { left: 18px; -webkit-animation-name: danceHeight4; -webkit-animation-delay: 900ms;} .bar#bar-5 { left: 24px; -webkit-animation-name: danceHeight5; -webkit-animation-delay: 1200ms;} .bar#bar-6 { left: 30px; -webkit-animation-name: danceHeight6; -webkit-animation-delay: 1500ms;} .bar#bar-7 {left: 36px; -webkit-animation-name: danceHeight1; -webkit-animation-delay: 0ms;} .bar#bar-8 { left: 42px; -webkit-animation-name: danceHeight2; -webkit-animation-delay: 300ms;} .bar#bar-9 { left: 48px; -webkit-animation-name: danceHeight3; -webkit-animation-delay: 600ms;} .bar#bar-10 { left: 54px; -webkit-animation-name: danceHeight4; -webkit-animation-delay: 900ms;} .bar#bar-11 { left: 60px; -webkit-animation-name: danceHeight5; -webkit-animation-delay: 1200ms;} .bar#bar-12 { left: 66px; -webkit-animation-name: danceHeight6; -webkit-animation-delay: 1500ms;} .bar#bar-13 {left: 72px; -webkit-animation-name: danceHeight1; -webkit-animation-delay: 0ms;} .bar#bar-14 { left: 78px; -webkit-animation-name: danceHeight2; -webkit-animation-delay: 300ms;} .bar#bar-15 { left: 84px; -webkit-animation-name: danceHeight3; -webkit-animation-delay: 600ms;} .bar#bar-16 { left: 90px; -webkit-animation-name: danceHeight4; -webkit-animation-delay: 900ms;} .bar#bar-17 { left: 96px; -webkit-animation-name: danceHeight5; -webkit-animation-delay: 1200ms;} .bar#bar-18 { left: 102px; -webkit-animation-name: danceHeight6; -webkit-animation-delay: 1500ms;} .bar#bar-19 {left: 108px;-webkit-animation-name: danceHeight1; -webkit-animation-delay: 0ms;} .bar#bar-20 { left: 114px; -webkit-animation-name: danceHeight2; -webkit-animation-delay: 300ms;} .bar#bar-21 { left: 120px; -webkit-animation-name: danceHeight3; -webkit-animation-delay: 600ms;} .bar#bar-22 { left: 126px; -webkit-animation-name: danceHeight4; -webkit-animation-delay: 900ms;} .bar#bar-23 { left: 132px; -webkit-animation-name: danceHeight5; -webkit-animation-delay: 1200ms;} .bar#bar-24 { left: 138px; -webkit-animation-name: danceHeight6; -webkit-animation-delay: 1500ms;} .bar#bar-25 {left: 144px;-webkit-animation-name: danceHeight1; -webkit-animation-delay: 0ms;} .bar#bar-26 { left: 150px; -webkit-animation-name: danceHeight2; -webkit-animation-delay: 300ms;} .bar#bar-27 { left: 156px; -webkit-animation-name: danceHeight3; -webkit-animation-delay: 600ms;} .bar#bar-28 { left: 162px; -webkit-animation-name: danceHeight4; -webkit-animation-delay: 900ms;} .bar#bar-29 { left: 168px; -webkit-animation-name: danceHeight5; -webkit-animation-delay: 1200ms;} .bar#bar-30 { left: 174px; -webkit-animation-name: danceHeight6; -webkit-animation-delay: 1500ms;} @-webkit-keyframes dacenFace1 { from { height: 20px; } to { height: 100px;}} @-webkit-keyframes dacenFace2 { from { height: 1px; } to { height: 80px; }} @-webkit-keyframes dacenFace3 { from { height: 50px; } to { height: 95px; }} @-webkit-keyframes dacenFace4 { from { height: 30px; } to { height: 70px; }} @-webkit-keyframes dacenFace5 { from { height: 10px; } to { height: 50px; }} @-webkit-keyframes dacenFace6 { from { height: 1px; } to { height: 65px; }} @-webkit-keyframes dacenFace21 { from { height: 100px; } to { height: 150px;}} @-webkit-keyframes dacenFace22 { from { height: 80px; } to { height: 130px; }} @-webkit-keyframes dacenFace23 { from { height: 90px; } to { height: 140px; }} @-webkit-keyframes dacenFace24 { from { height: 40px; } to { height: 120px; }} @-webkit-keyframes dacenFace25 { from { height: 50px; } to { height: 100px; }} @-webkit-keyframes dacenFace26 { from { height: 30px; } to { height: 110px; }} @media (max-width: 1235px) { .bar-c{ display:none;} } .myPlayer{ width: 280px; height: 50px; } @media (max-width: 767px) { #playerrodape{ width: 73% } #esconder {background:#2B3035} .pcontainer pcontainerWidHeaderProgram{margin-top: -1000px;} .baixo {border-top: 2px solid #212121;} .header_social{display:none;} .header_social2 .popup{display:none;} .header_social2 .qr{display:none;} .vote .zapdesk{display:none;} .vote .zapmobile{display:block;} .divShare{ top: -10px; left: 10px; position: relative; } .myPlayer{ width: 89%; height: 50px; } .agora{ width: 200px !important; float: right; right: 20px; } .marquee { height: 25px; width: 100%; top: -1px !important; overflow: hidden; position: relative; } .marquee section { display: block; width: 200%; height: 30px; position: absolute; overflow: hidden; animation: marquee 5s linear infinite; } .marquee span { float: left; width: 100%; } @keyframes marquee { 0% { left: 0; } 100% { left: -100%; } } } /*REDES COMPARTILHAR*/ ul.shareRedes { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } li.novaRedes { float: left; } li.novaRedes a { display: block; color: white; text-align: center; padding: 16px; text-decoration: none; } li.novaRedes a:hover { background-color: #ffffff; } .noar { margin-top: -5px; max-width:60%; } @-webkit-keyframes danceHeight1 { from { height: 1px; } to { height: 22px; }} @-webkit-keyframes danceHeight2 { from { height: 1px; } to { height: 15px; }} @-webkit-keyframes danceHeight3 { from { height: 1px; } to { height: 20px; }} @-webkit-keyframes danceHeight4 { from { height: 1px; } to { height: 20px; }} @-webkit-keyframes danceHeight5 { from { height: 1px; } to { height: 15px; }} @-webkit-keyframes danceHeight6 { from { height: 1px; } to { height: 15px; }} @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } .imgBackground img {opacity:0.1;} img.grayscale { filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ } /** Start Player **/ #target1{ width:100%; height:100%; } .target1{ width:100%; height:100%; } #banner {width: 100%;height: 300px;overflow: hidden;position:relative;} #target1 { opacity: 0.9; } @media screen and (max-width: 790px) { #banner {width: 100%;height: 150px;overflow: hidden;position:relative;} } /*--------------------------------- NO AR ----------------------------------*/ .pcontainerWidHeaderProgram { float: left; /*position: relative;*/ width:250px; height:65px; margin-left:10px; margin-top: -12px; } .locutor .imgThumbLocutor { height:70px; width:100px; border-radius:3px; float:left; margin-right:10px; overflow:hidden; } .locutor span { font-size:12px; text-transform:uppercase; color: #DBDBDB; text-align: left; } .locutor { /*visibility: hidden;*/ } .fa-circle { font-size: 45px; padding: 6px; margin-left: -9px; color: #2B3035; opacity: 0.2; } /*------------------------------ 4.3 Footer -------------------------------*/ .pcontainer-top { position: relative; margin: 0 auto; padding: 0 30px; display: inline-block; /* -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .2); box-shadow: 0 0 3px 3px rgba(0, 0, 0, .2); */ } #meuPlayer { width:100%; max-width: 1170px; padding:10px; z-index: 999; margin: 0 auto; margin-top: -40px; background: #2B3035; } .fixar { position:fixed; /*margin-top: -163px !important;*/ margin: 5% auto; left: 0; right: 0; top:40px; border-bottom: 3px solid #6B3B45; height: 78px; } .capabanner { width: 100%; height: 70px; overflow: hidden; position:relative; display:none; } @media (max-width: 767px) { .grade img{ width:70px;} } @media (max-width: 400px) { #banner { width: 100%; height: 120px; overflow: hidden; position:relative; } .pcontainerWidHeaderProgram span{ font-size:10px; } .header_social{ display:none; } .header_social2 .popup{display:none;} .header_social2 .qr{display:none;} .vote .zapdesk{display:none;} .vote .zapmobile{display:block;} .fb-page { widht:200px } } .pcontainerWidHeaderProgram { margin-top:0px; max-width:450px; width:100%; height:77px; margin-left:5px; float:left; } /************* GRADE *************/ .grade ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } .grade li { float: left; color: #DBDBDB; line-height: 1.5; margin-left:5px; } /**************** PROGRAMAÇÃO *************/ /*.imgThumb img{height:143px; overflow:hidden; border-radius:5px; margin-bottom:1px; width: 100%;}*/ .port-image { width: 100%; } .filter { padding: 15px; } .col-md-3 { margin-bottom:20px; } .each-item { position:relative; overflow:hidden; } .each-item:hover .cap2, .each-item:hover .cap1 { left:0px; } .cap1 { position:absolute; width:100%; height:70%; background:rgba(255, 255, 255, 0.5); top:0px; left:-100%; padding:10px; transition: all .5s; color: #000000; } .cap2 { position:absolute; width:100%; height:30%; background:rgba(255, 0, 0, 0.5); bottom:0px; left:100%; padding:10px; color: #ffffff; transition: all .5s; } .floating-box { float: left; max-width: 270px; max-height: 280px; margin: 2px; padding: 10px; background:#6B3B45; border-radius: 3%; } #contenet { width: 100%; margin: 0 auto; padding: 0; overflow: hidden; } @media screen and (max-width: 790px) { .each-item:hover .cap1 { left:100%; } .each-item:hover .cap2 { left:-100%; } .cap1 { position:absolute; width:100%; height:70%; background:rgba(255, 255, 255, 0.5); top:0px; left:0px; padding:10px; transition: all .5s; color: #000000; } .cap2 { position:absolute; width:100%; height:30%; background:rgba(255, 0, 0, 0.5); bottom:0px; left:0px; padding:10px; color: #ffffff; transition: all .5s; } .floating-box { float: left; max-width: 250px; } } @media screen and (max-width: 600px) { .floating-box { float: left; max-width: 48%; } @media screen and (max-width: 420px) { .floating-box { float: left; max-width: 99%; } }