/*! Source: /themes/default/assets/css/base.css */ @font-face { font-family: "RedditSans-Regular"; src: url('../fonts/RedditSans-Regular.woff2') format("woff2"); font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: "RedditSans-Bold"; src: url('../fonts/RedditSans-Bold.woff2') format("woff2"); font-style: normal; font-weight: 700; font-display: swap; } /* iBahia • 2023 - MUNDIWARE */ .fade-in { opacity: 0; animation: fadeIn 0.5s ease-in 1 forwards; } @keyframes fadeIn { to { opacity: 1; } } .fade-out { opacity: 1; animation: fadeOut 0.5s ease-in 1 forwards; } @keyframes fadeOut { to { opacity: 0; } } *::selection { background: #E31837 100%; color: #fff; } * { margin: 0px; padding: 0px; border: 0px; font-weight: normal; font-size: 100%; font: inherit; vertical-align: baseline; list-style: none; line-height: 1; outline: 0px; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; transition: 0.4s; font-family: 'RedditSans-Regular', Arial, Helvetica, sans-serif; } *::-webkit-scrollbar-track { background-color: transparent; -ms-overflow-style: none; /* IE 11 */ scrollbar-width: none; /* Firefox 64 */ } * { -ms-overflow-style: none; /* Disable scrollbar IE 10+ */ } body::-webkit-scrollbar { width: 7px; height: 7px; } body::-webkit-scrollbar-button { width: 4px; height: 4px; } body::-webkit-scrollbar-thumb { background: var(--vermelhoPadrao); border: 0px none #ffffff; border-radius: 50px; } body::-webkit-scrollbar-thumb:hover { background: var(--vermelhoPadrao); } body::-webkit-scrollbar-thumb:active { background: var(--vermelhoPadrao); } body::-webkit-scrollbar-track { background: #ffffff; border: 0px none #ffffff; border-radius: 50px; } body::-webkit-scrollbar-track:hover { background: #b3b3b3; } body::-webkit-scrollbar-track:active { background: #ebebeb; } body::-webkit-scrollbar-corner { background: transparent; } *::-webkit-scrollbar { width: 1px; background-color: transparent; -ms-overflow-style: none; /* IE 11 */ scrollbar-width: none; /* Firefox 64 */ } *::-webkit-scrollbar-thumb { background-color: transparent; -ms-overflow-style: none; /* IE 11 */ scrollbar-width: none; /* Firefox 64 */ } a, a:visited, a:hover, a:active { text-decoration: none; cursor: pointer; } /* Cores Principais */ :root { --verdePadrao: #158543; --verdeEscuro: #26603c; --verdeClaro: #20c634; --roxoPadrao: #812ccb; --cinzaPadrao: #727070; --cinzaClaro: #efefef; --azulPadrao: #1462a3; --cinzaEscuro: #4e4e4e; --douradoPadrao: #b79116; --douradoEscuro: #937100; --vinho: #67161e; --pretoFull: #000; --pretoPadrao: #161616; --branco: #FFFFFF; --vermelhoPadrao: #E31837; --laranjaPadrao: #CB4C1C; } body { overflow-x: hidden; -ms-overflow-style: none; background-color: #FFFFFF; } html { scroll-behavior: smooth; } b { font-weight: bold; } i { font-style: italic; } .spin { transform-origin: center; animation: spin 1s linear infinite; } @-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); } } .lightbox, #maisTocadasVideos, #lightboxVideo { position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); overflow: auto; opacity: 1; visibility: visible; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(6px); } .lightbox.hidden, #maisTocadasVideos.hidden, #lightboxVideo.hidden { opacity: 0; visibility: hidden; } #lightboxVideo > *, #maisTocadasVideos>* { max-width: 95%; width: 100%; max-height: 85%; } .lightbox .close { position: absolute; right: -4px; top: -10px; font-size: 0.7em; cursor: pointer; background-color: var(--vermelhoPadrao); color: #fff; padding: 5px; border-radius: 15px; display: flex; align-items: center; justify-content: center; } .lightbox-content { display: flex; margin: 5%; align-items: center; justify-content: center; position: relative; } .lightbox-content img { max-width: 1220px; max-height: 100%; width: 100%; height: 100%; object-position: top; } /* ESTILO PADRÃO PARA PÁGINA + RESPONSIVIDADE */ .ib-page { max-width: 1240px; width: 100%; margin: auto; padding: 0 20px; margin-top: 24px; } /* PARAR SCROLL DA PÁGINA */ .stopScroll { overflow-y: hidden; height: 100%; } /* DOTS DOS WIDGETS */ .ib-dot { width: 8px; min-width: 8px; height: 8px; background-color: var(--vermelhoPadrao); border-radius: 50%; } /* BARRA DE PROGRESSO */ .ib-progressBar { position: fixed; top: 0; background: red; width: 100%; height: 8px; display: flex; align-items: center; } #progressBar { background-color: #fff; height: 80%; border-radius: 0 5px 5px 0; } /* ANUNCIOS IBAHIA */ .ib-ad { background: #f5f6f7 0% 0% no-repeat padding-box; display: flex; justify-content: center; align-items: center; cursor: pointer; overflow:hidden; } .ib-ad > div { display: flex; justify-content: center; align-items: center; position: inherit; z-index: 1; opacity: 0; animation: fadeIn 0.5s ease-in 1 forwards; } .ib-ad > div:empty, .ib-ad > div > div:empty{ display:none; } .ib-ad.ad350x300 { width: 100%; max-width: 350px; max-height: 300px; height: 300px; } .ib-ad.ad336x280 { width: 100%; max-width: 336px; max-height: 280px; min-height: 280px; height: 280px; margin: auto; } .continue-after-publi { font-family: 'RedditSans-Regular', Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 4px; text-align: center; width: 100%; display: block; color: #646464; margin-bottom: 5px; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } @media (max-width: 700px){ .ib-ad.full{ height: 280px; } .ib-storiesIframe .content>iframe { max-height: 700px; } } /* lightbox stories */ .ib-storiesIframe { cursor: pointer; position: fixed; z-index: 3000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); overflow: auto; opacity: 1; visibility: visible; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(6px); } .ib-storiesIframe.hidden { opacity: 0; visibility: hidden; } .ib-storiesIframe .content { position: relative; max-width: 620px; width: 100%; padding: 20px; height: 100%; max-height: 100vh; } .ib-storiesIframe .content .close { position: absolute; left: 38px; top: 38px; cursor: pointer; } .ib-storiesIframe .content .close > img { width: 12px; height: 12px; } .ib-storiesIframe .content>iframe { width: 100%; height: 100%; border-radius: 12px; } .ib-patrocinio { display: flex; flex-direction: column; font-size: 12px; color: var(--pretoFull); opacity: 0.8; letter-spacing: 0.12px; } .ib-patrocinio > a > img { width: 65px; height: 22px; } .ib-scroll-header { width: 100%; justify-content: center; align-items: center; background-color: #fff; position: fixed; top: 0; z-index: 99; opacity: 0; height: 0; overflow: hidden; box-shadow: 0 5px 15px #0000000d; } .ib-scroll-header.visible { opacity: 1; height: auto; } .ib-scroll-header .mw-header-content { z-index: 3; margin: 20px auto 20px auto; } /*! Source: /themes/default/assets/css/splide-core.min.css */ .splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:transparent;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#FF783E;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0} @keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0} /*! Source: /themes/default/assets/css/radios/base.css */ @font-face { font-family: "Cabin"; src: url('../fonts/Cabin-Regular.woff2') format("woff2"); font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: "Cabin"; src: url('../fonts/Cabin-Bold.woff2') format("woff2"); font-style: normal; font-weight: 700; font-display: swap; } /* BREADCRUMB */ .ib-breadcrumb { max-width: 1240px; width: 100%; padding: 0 20px; margin: 20px auto; display: flex; align-items: center; gap: 10px; } .ib-breadcrumb>span { color: #727070; font-size: 14px; } .ib-breadcrumb>a { font-weight: 700; font-size: 20px; letter-spacing: 0.14px; color: var(--vermelhoPadrao); position: relative; font-family: 'Cabin'; } .ib-breadcrumb>a>img { width: 23px; height: 23px; } .ib-breadcrumb>a:after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 2px; bottom: -3px; left: 0; background-color: var(--vermelhoPadrao); transform-origin: bottom right; transition: transform 0.25s ease-out; } .ib-breadcrumb>a:hover:after { transform: scaleX(1); transform-origin: bottom left; } .lightbox .close , .ib-menuAside > aside, .ib-breadcrumb>a:after{ background-color: var(--corRadio) !important; } .ib-menuAside > aside::after{ content: unset !important; } .ib-menuAside summary { display: list-item; cursor: pointer; position: relative; } .ib-menuAside summary::before { content: "\25B6"; /* código hexadecimal do símbolo ▶️ */ position: absolute; left: 0; } .ib-menuAside details[open] { display: block; } .ib-menuAside details[open] + summary::before { content: "\25BC"; /* código hexadecimal do símbolo ▼ */ } .ib-menuAside summary { line-height: 36px; font-size: 22px; cursor: pointer; color: var(--branco); padding-left: 30px; font-weight: bold; } .ib-menuAside summary::before { content: "\25B6"; /* código hexadecimal do símbolo ▶️ */ display: inline-block; width: 1em; margin-right: 0.5em; color:#FFACDA; } .ib-menuAside details { margin-bottom: 5px; } .ib-menuAside details:not([open]) > ul { display: none; } .ib-menuAside details[open] summary::before { content: "\25BC"; /* código hexadecimal do símbolo ▼ */ } .ib-menuAside details ul { margin: 10px 0 0 30px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; } .ib-menuAside details li { font-size: 18px; line-height: 28px; text-transform: lowercase; opacity: 0.9; letter-spacing: 0.18px; } .ib-menuAside details li>a{ color: var(--branco) } body::-webkit-scrollbar-thumb { background: var(--corRadio) !important; border: 0px none #ffffff; border-radius: 50px; } body::-webkit-scrollbar-thumb:hover { background: var(--corRadio) !important; } body::-webkit-scrollbar-thumb:active { background: var(--corRadio) !important; } .ib-page.expediente.radio>h2, .ib-page.quem-somos.radio>h2, .ib-page.expediente.radio>section>div>a, .ib-breadcrumb>a { color: var(--corRadio) !important; } .ib-breadcrumb>a { font-weight: normal !important; } .ib-breadcrumb>a>b { font-weight: 700 !important; } .mw-radio-topofull, .mw-radio-blocofull-01, .mw-radio-blocofull-02, .mw-radio-blocofull-03, .mw-radio-blocofull-04, .mw-radio-blocofull-05 { max-width: unset; padding: 0; margin: 0; } .mw-radio-topofull>*, .mw-radio-blocofull-01>*, .mw-radio-blocofull-02>*, .mw-radio-blocofull-03>*, .mw-radio-blocofull-04>*, .mw-radio-blocofull-05>* { grid-column: 1/-1 !important; } .loadingRadio .content h2 { color: var(--pretoPadrao); font-size: 20px; line-height: 24px; } .loadingRadio .content h2 em{ font-weight: 700; color: var(--corRadio); } #playerFlutuante.hidden{ opacity: 0; left: -20px; } #playerFlutuante { position: fixed; display: flex; flex-direction: column; max-width: 80px; gap: 10px; width: 100%; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 10px 20px #00000033; border-radius: 20px; padding: 10px; align-items: center; z-index: 10; top: 40%; opacity: 1; left: 20px; } /* #playerFlutuante:hover { left: 20px; opacity: 1; }*/ #playerFlutuante>img { width: 60px; border-radius: 10px; height: 60px; background: #ccc; border-radius: 8px; object-fit: cover; } #playerFlutuante>span { display: flex; flex-direction: column; font-size: 12px; color: #6F19CB; letter-spacing: 0.12px; text-transform: uppercase; } #playerFlutuante>* { user-select: none; } #playerFlutuante>span>em { font-weight: 700; font-size: 24px; letter-spacing: 0.24px; line-height: 29px; } #playerFlutuante .fundo.rosa { background-color: var(--corRadio); width: 44px; height: 44px; margin-top: 5px; } #playerFlutuante .fundo.roxo { background-color: #6F19CB; } #playerFlutuante .fundo { width: 30px; box-shadow: 0px 5px 5px #00000029; height: 30px; background: #ccc; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: relative; cursor: pointer; } #playerFlutuante .volume:hover>.vol { visibility: visible; opacity: 1; } #playerFlutuante .volume:hover>img { position: inherit; z-index: 10; } #playerFlutuante .volume>.vol { visibility: hidden; opacity: 0; position: absolute; transform: rotate(270deg); bottom: 70px; width: 110px; height: 25px; background-color: #6F19CB; border-radius: 30px; padding: 5px 15px; display: flex; justify-content: center; align-items: center; } #playerFlutuante .fundo>img { width: 15px; height: 15px; cursor: pointer; } #playerFlutuante input[type="range"] { -webkit-appearance: none; margin: 15px 0; width: 100%; } #playerFlutuante input[type="range"]:focus { outline: none; } #playerFlutuante input[type="range"]::-webkit-slider-runnable-track { width: 100%; height: 3px; cursor: pointer; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; background: #fff; opacity: 1; border-radius: 25px; border: 0px solid #000101; } #playerFlutuante input[type="range"]::-webkit-slider-thumb { box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; border: 2px solid #fff; height: 15px; width: 15px; border-radius: 50%; opacity: 1; background: #fff; cursor: pointer; -webkit-appearance: none; margin-top: -6px; } #playerFlutuante input[type="range"]:focus::-webkit-slider-runnable-track { background: #fff; } #playerFlutuante input[type="range"]::-moz-range-track { width: 100%; height: 3px; cursor: pointer; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; background: #fff; opacity: 1; border-radius: 25px; animate: 0.2s; border: 0px solid #000101; } #playerFlutuante input[type="range"]::-moz-range-thumb { box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; border: 2px solid #fff; height: 15px; width: 15px; border-radius: 50%; opacity: 1; background: #fff; cursor: pointer; -webkit-appearance: none; margin-top: -6px; } #playerFlutuante input[type="range"]::-ms-track { width: 100%; height: 12.8px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; border-width: 39px 0; color: transparent; } #playerFlutuante input[type="range"]::-ms-fill-lower { background: #fff; border: 0px solid #000101; border-radius: 50px; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; } #playerFlutuante input[type="range"]::-ms-fill-upper { background: #fff; border: 0px solid #000101; border-radius: 50px; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; } #playerFlutuante input[type="range"]::-ms-thumb { box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; border: 0px solid #000000; height: 20px; width: 39px; border-radius: 7px; background: #65001c; cursor: pointer; } #playerFlutuante input[type="range"]:focus::-ms-fill-lower { background: #fff; } #playerFlutuante input[type="range"]:focus::-ms-fill-upper { background: #fff; } .shareInfo { position: absolute; background: var(--corRadio); bottom: -30px; padding: 10px 20px; border: 1px solid #fff; width: fit-content; display: flex; align-items: center; gap: 20px; left: 0px; border-radius: 15px; opacity: 0; visibility: hidden; } .shareInfo.show{ bottom: -44px; visibility: visible; animation: fadeIn 0.5s ease-in 1 forwards; } @media (max-width: 700px){ .shareInfo.show { top: -45px; bottom: unset; left: unset; right: 0; } #playerFlutuante{ min-width: 100%; max-width: 80px; left: 0; flex-direction: row; bottom: 0; top: unset; border-radius: 0; opacity: 1; padding: 10px 20px; } #playerFlutuante .fundo.rosa{ margin-left: auto; padding: 10px 20px; } #playerFlutuante:hover{ left: 0; } } /*! Source: /themes/default/assets/css/radios/topResponsivo.css */ .ib-radio-header { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 5px 15px #00000005; display: flex; flex-direction: column; position: relative; z-index: 3; } .ib-radio-header>.wrapper { padding: 20px; width: 100%; max-width: 1240px; display: flex; align-items: center; margin: auto; gap: 8%; } .ib-radio-header>.wrapper>.menu { display: none; width: 30px; cursor: pointer; height: 30px; } .ib-radio-header>.wrapper>.logos { margin-right: auto; display: flex; gap: 10px; align-items: start; } .ib-radio-header>.wrapper>.logos>h1.mundobahiafm { width: 170px; height: 83px; overflow: hidden; } .ib-radio-header>.wrapper>.logos>a>img { width: 80px; height: 80px; object-fit: cover; } .ib-radio-header>.wrapper>.ib-radio-dropdown:first-of-type { margin-left: auto; } .ib-radio-header>.wrapper>.ib-radio-dropdown { height: 22px; position: relative; width: fit-content; display: flex; flex-direction: column; align-items: center; } .ib-radio-header>.wrapper>.ib-radio-dropdown * { user-select: none; } .ib-radio-header>.wrapper>.ib-radio-dropdown>a { font-size: 18px; line-height: 22px; letter-spacing: 0px; color: var(--pretoPadrao); } .ib-radio-header>.wrapper>.ib-radio-dropdown>ul>li:hover, .ib-radio-header>.wrapper>.ib-radio-dropdown>a.active { font-weight: 700; color: var(--corRadio); } .ib-radio-header>.wrapper>.ib-radio-dropdown.show>ul { display: flex; animation: fadeIn 0.5s ease-in 1 forwards; } .ib-radio-header>.wrapper>.ib-radio-dropdown>ul { margin-top: 15px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 20px 40px #00000066; border-radius: 10px; padding: 22px; display: flex; flex-direction: column; gap: 14px; display: none; opacity: 0; z-index:2; position: absolute; min-width: 235px; top: 20px; } .ib-radio-header>.wrapper>.ib-radio-dropdown>ul>li { font-size: 16px; line-height: 19px; letter-spacing: 0.16px; cursor: pointer; color: #2D2D2D; transition: 0.1s; text-transform: capitalize; } .ib-radio-header>.wrapper>.ib-radio-dropdown>ul>li a { color: #2D2D2D; transition: 0.1s; } .ib-radio-header>.wrapper>.ib-radio-dropdown>ul>li a:hover, .ib-radio-header>.wrapper>.ib-radio-dropdown>ul>li:hover { color: var(--corRadio); } .ib-radio-header>.wrapper>.social { display: flex; align-items: center; gap: 8px; } .ib-radio-header>.wrapper>.social>a { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 50%; overflow: hidden; border: 2px solid var(--corRadio); } .ib-radio-header>nav { display: none; padding: 22px 0 22px 22px; border-top: 1px solid #E4E4E4; position: relative; } .ib-radio-header>nav::before { content: ''; width: 44px; height: 45px; position: absolute; right: 0; background: transparent linear-gradient(90deg, #FFFFFF00 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box; } .ib-radio-header>nav>ul { display: flex; align-items: center; gap: 25px; min-width: 100%; overflow-x: scroll; margin-bottom: -20px; } .ib-radio-header>nav>ul li a { font-size: 16px; line-height: 20px; color: var(--pretoPadrao); letter-spacing: 0.16px; white-space: nowrap; } .ib-radio-header>nav>ul li a.active { font-weight: 700; color: var(--corRadio); } .ib-menuAside { top: 0; min-height: 100vh; visibility: hidden; opacity: 0; width: 100%; position: fixed; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); z-index: 3000; background-image: linear-gradient(286deg, #000000ab, #000000ab); background-size: 100%; } .ib-menuAside .wrap-details{ width: 100%; display: flex; flex-direction: column; gap: 20px; min-height: 100%; overflow-y: scroll; margin-bottom: -20px; padding-bottom: 20px; } .ib-radiosAside { display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; gap: 24px; } .ib-radiosAside>a>img { width: 100%; object-fit: contain; height: 50px; } .ib-menuAside.active { animation: showMenu 0.6s ease-in 1 forwards; } .ib-menuAside.active>aside { animation: showMenuAside 0.7s ease-in 1 forwards; } .ib-botao-ib{ display: flex; flex-direction: row; gap: 10px; font-size: 18px; line-height: 22px; letter-spacing: 0px; color: var(--pretoPadrao); } @keyframes showMenu { to { visibility: visible; opacity: 1 } } .ib-menuAside>aside { min-height: 100vh; visibility: hidden; transform: translateX(-100vw); padding: 20px 50px; max-width: 416px; width: 100%; overflow: hidden; max-height: 100vh; display: flex; flex-direction: column; gap: 20px; background-color: var(--vermelhoPadrao); position: relative; } @keyframes showMenuAside { to { visibility: visible; transform: translateX(0); } } .ib-menuAside>aside::after { content: ""; position: absolute; bottom: 10px; width: 100%; height: 70px; left: 0; background: transparent linear-gradient(180deg, #E3183700 0%, #E31837 100%) 0% 0% no-repeat padding-box; } .ib-menuAside>aside>header { display: flex; align-items: center; gap: 10px; } .ib-menuAside>aside>header > img { cursor: pointer; margin-left: auto; } .ib-menuAside>aside>.social { display: flex; align-items: center; gap: 10px; } .ib-menuAside>aside>.social>a { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 50%; overflow: hidden; border: 2px solid #fff; } @media (max-width:840px) { .ib-radio-header>.wrapper { gap: 5%; } } @media (max-width: 700px) { .ib-botao-ib{ display: none; } .ib-radio-header>.wrapper>.menu, .ib-radio-header>nav { display: block; } .ib-radio-header>.wrapper>.ib-radio-dropdown { display: none; } .ib-radio-header>.wrapper>.social { margin-left: auto; } } @media (max-width: 480px) { .ib-radio-header>.wrapper>.social { display: none; } } /*! Source: /themes/default/assets/css/radios/footerResponsivo.css */ /* iBahia • 2023 - MUNDIWARE */ .ib-footer{ display: flex; flex-direction: column; background-color: var(--corRadio); } .ib-footer > .wrapper{ max-width: 1220px; position: relative; margin: auto; width: 100%; gap: 20px; display: flex; justify-content: space-between;; padding: 45px 20px; } .ib-footer > .wrapper > a{ width: 40px; height: 30px; } .ib-footer > .wrapper > a > img{ width: 100%; height: 100%; object-fit: contain; } .ib-footer > .wrapper > div{ display: flex; flex-direction: column; gap: 25px; } .ib-footer > .wrapper > div > a > img{ width: 100%; max-width: 230px; height: 105px; } .ib-footer > .wrapper > div > div{ display: flex; flex-direction: column; gap: 10px; } .ib-footer > .wrapper > div > div > h3{ font-size: 18px; line-height: 22px; color: var(--branco); font-weight:600; } .ib-footer > .wrapper > div > div > .social{ display: flex; align-items: center; gap: 10px; } .ib-footer > .wrapper > div > div > .social > a{ width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 50%; overflow: hidden; border: 2px solid var(--branco); } .ib-footer > .wrapper > div > div > .social > a:hover{ background-color: #ffffff42; } .ib-footer > .wrapper > ul{ display: flex; flex-direction: column; gap: 10px; } .ib-footer > .wrapper > ul li:first-of-type{ margin-bottom:5px; font-weight: 700; text-transform: uppercase; position: initial; } .ib-footer > .wrapper > ul li{ font-size: 16px; line-height: 20px; color: var(--branco); position: relative; width: fit-content; cursor: pointer; text-transform: lowercase; } .ib-footer > .wrapper > ul li > a{ color: var(--branco); } .ib-footer > .wrapper > ul li:after{ content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 2px; bottom: 0; left: 0; background-color: #fff; transform-origin: bottom right; transition: transform 0.25s ease-out; } .ib-footer > .wrapper > ul li:hover:after { transform: scaleX(1); transform-origin: bottom left; } .ib-footer > h3{ background-color: var(--branco); font-size: 14px; line-height:16px; color: var(--pretoPadrao); text-transform: lowercase; text-align: center; padding: 13px 20px; } .ib-footer > h3 > em{ color: var(--pretoPadrao); font-weight: 700; } @media (max-width: 630px){ .ib-footer > .wrapper{ flex-direction: column; } .ib-footer > .wrapper{ padding: 45px 20px 50px; } .ib-footer > .wrapper > a{ position: absolute; right: 20px; bottom: 50px; } } /*! Source: /themes/default/assets/css/pages/quem-somos.css */ /* iBahia • 2023 - MUNDIWARE */ .ib-page.quem-somos{ display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 40px; margin: 50px auto 60px; width: 100%; padding:0px 0px!important; } .ib-page.quem-somos > .quem-somos-header { display:flex; flex-direction: column; gap:40px; justify-content: center; align-items: center; } .ib-page.quem-somos > .quem-somos-header > h2{ font-family: 'RedditSans-Bold'; border: 1px solid #00000000; font-size: 66px; background: transparent linear-gradient(263deg, #FF783E 0%, #E31837 70%, #C41230 100%) 0% 0% no-repeat padding-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .ib-page.quem-somos > .quem-somos-header > figure{ display: flex; flex-direction: column; gap: 8px; width: 100%; } .ib-page.quem-somos > .quem-somos-header > figure > img{ width: 100%; max-height: 508px; height: 100%; object-fit: cover; cursor: pointer; } .ib-page.quem-somos > .quem-somos-text { display:flex; flex-direction: column; gap:40px; align-items: flex-start; justify-content: flex-start; max-width: 700px; margin: 0 auto; } .ib-page.quem-somos > .quem-somos-text p{ color: #000000; font-size: 24px; line-height: 32px; letter-spacing: 0.24px; max-width: 700px; } @media (max-width: 700px){ .ib-page.quem-somos{ gap: 26px; margin: 0px auto 40px; } .ib-page.quem-somos > .quem-somos-header > h2{ font-size: 46px; text-align: center; white-space: nowrap; padding:0px 20px; } .ib-page.quem-somos > .quem-somos-header { display:flex; flex-direction: column-reverse; gap:32px; } .ib-page.quem-somos > .quem-somos-text { padding:0px 20px; } .ib-page.quem-somos > .quem-somos-text > p{ font-size: 18px; line-height: 26px; letter-spacing: 0.18px; } .ib-page.quem-somos > figure > img { width: 100%; max-height: 204px; object-fit: cover; position: relative; width: 100%; height: 204px; } } /*! Source: /themes/default/assets/css/components/modais.css */ /* iBahia • 2023 - MUNDIWARE */ .ib-modal{ position: fixed; z-index: 50; left: 0; padding: 20px 12px; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); overflow: auto; opacity: 1; visibility: visible; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(6px); } .ib-modal.hidden { opacity: 0; visibility: hidden; } .ib-modal > .content{ max-width: 954px; background-color: var(--branco); display: flex; flex-direction: column; gap: 36px; padding: 30px; box-shadow: 0px 25px 50px #00000040; border-radius: 8px; } .ib-modal > .content > header{ display: flex; align-items: center; justify-content: space-between; } .ib-modal > .content > header > .logo{ width: 103px; height: 35px; object-fit: contain; } .ib-modal > .content > header > img{ width: 25px; height: 25px; cursor: pointer; } /* MODAL LEAVE PAGE */ .ib-modal.leave-page > .content > h2{ font-size: 32px; line-height: 38px; font-weight: 500; color: var(--pretoPadrao); letter-spacing: 0.32px; } .ib-modal.leave-page > .content > h2 > em{ color: var(--vermelhoPadrao); font-weight: 700; } .ib-modal.leave-page > .content > div{ display: grid; grid-template-columns: repeat(3,1fr); overflow: hidden; gap: 24px; } .ib-modal.leave-page > .content > div > a { width: 100%; height: 100%; overflow: hidden; display: flex; flex-direction: column; gap: 10px; } .ib-modal.leave-page > .content > div > a > img{ max-width: 282px; min-width: 100px; height: 182px; width: 100%; box-shadow: 0px 5px 15px #0000000D; border-radius: 10px; object-fit: cover; } .ib-modal.leave-page > .content > div > a > .text { display: flex; flex-direction: column; justify-content: space-evenly; gap: 10px; } .ib-modal.leave-page > .content > div > a > .text > h3{ letter-spacing: 0.12px; text-transform: uppercase; font-weight: 500; font-size: 12px; line-height: 16px; color: var(--vermelhoPadrao); } .ib-modal.leave-page > .content > div > a > .text > h2{ color: var(--pretoFull); font-weight: 700; font-size: 18px; line-height: 22px; } @media (max-width: 700px){ .ib-modal.leave-page > .content > div{ grid-template-columns: 1fr; } .ib-modal.leave-page > .content > div > a { flex-direction: row; align-items: center; gap: 14px; } .ib-modal.leave-page > .content > div > a > img{ max-width: 100px; height: 84px; } .ib-modal.leave-page > .content > h2{ font-size: 26px; line-height: 30px; font-weight: 500; color: var(--pretoPadrao); letter-spacing: 0.32px; } } /* MODAL LOGIN */