.top {
margin-top: 30px;
}
/**
* Based on
*
* - reset.css 2.0 by Eric Meyer
(public domain)
* http://meyerweb.com/eric/tools/css/reset/
*
* - normalize.css 8.0.1 by Nicolas Gallagher and Jonathan Neal
* (licensed under MIT)
* https://github.com/necolas/normalize.css
*
* - Based on Reboot from Bootstrap 4.2.1
* (licensed under MIT)
* https://github.com/twbs/bootstrap
*/
/**
* IE10+ doesn't honor `` in some cases
*/
@-ms-viewport {
width: device-width;
}
/**
* general reset
*/
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,
main {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/**
* HTML5 display-role reset for older browsers
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main,
summary {
display: block;
}
/**
* inherit box model for all elements
*/
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
/**
* html root rules
* 1. set border-box for inheritance
* 2. avoid 300ms click delay on touch devices that support the `touch-action`
* CSS property
* 3. Prevent adjustments of font size after orientation changes in IE, on
* Windows Phone and iOS.
* 4. Setting @viewport causes scrollbars to overlap content in IE11 and Edge,
* so we force a non-overlapping, non-auto-hiding scrollbar to counteract.
* 5. Change the default tap highlight to be completely transparent in iOS.
*/
html {
/* 1 */
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 2 */
-ms-touch-action: manipulation;
touch-action: manipulation;
/* 3 */
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
/* 4 */
-ms-overflow-style: scrollbar;
/* 5 */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/**
* body rules
* 1. reset line-height to 1
* 2. set base font-family to sans-serif
* 3. Set an explicit initial text-align value so that we can later use the
* `inherit` value on things like `| ` elements.
*/
body {
/* 1 */
line-height: 1;
/* 2 */
font-family: sans-serif;
/* 3 */
text-align: left;
}
/**
* Lists
*/
ol,
ul {
list-style: none;
}
/**
* Quotes
*/
blockquote,
q {
quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
content: '';
content: none;
}
/**
* Tables
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
caption {
caption-side: bottom;
}
/**
* Table Headers
* 1. Matches default ` | ` alignment by inheriting from the ``, or the
* closest parent with a set `text-align`.
*/
th {
/* 1 */
text-align: inherit;
}
/**
* Horizontal Lines
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
/* 1 */
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
/* 2 */
overflow: visible;
}
/**
* Preformatted Text
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Don't allow content to break outside
* 3. We have @viewport set which causes scrollbars to overlap content in IE11
* and Edge, so we force a non-overlapping, non-auto-hiding scrollbar to
* counteract.
*/
pre,
code,
kbd,
samp {
/* 1 */
font-family: monospace, monospace;
}
pre {
/* 2 */
overflow: auto;
/* 3 */
-ms-overflow-style: scrollbar;
}
/**
* Links
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
/* 1 */
background-color: transparent;
/* 2 */
-webkit-text-decoration-skip: objects;
}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
* 3. Add explicit cursor to indicate changed behavior.
* 4. Prevent the text-decoration to be skipped.
*/
abbr[title] {
/* 1 */
border-bottom: none;
/* 2 */
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
/* 3 */
cursor: help;
/* 4 */
text-decoration-skip-ink: none;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/**
* Hide SVG overflow in IE
*/
svg:not(:root) {
overflow: hidden;
}
/**
* Remove the default `border-radius` that macOS Chrome adds.
* Details at https://github.com/twbs/bootstrap/issues/24093
*/
button {
border-radius: 0;
}
/**
* Work around a Firefox/IE bug where the transparent `button` background
* results in a loss of the default `button` focus styles.
* Credit: https://github.com/suitcss/base/
*/
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
/**
* form element resets
* 1. Remove the margin in Firefox and Safari
* 2. inherit font rules
*/
input,
button,
select,
optgroup,
textarea {
/* 1 */
margin: 0;
/* 2 */
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="reset"],
[type="submit"],
[type="button"] {
/* 2 */
-webkit-appearance: button;
}
/**
* Remove the default appearance of temporal inputs to avoid a Mobile Safari
* bug where setting a custom line-height prevents text from being vertically
* centered within the input.
* See https://bugs.webkit.org/show_bug.cgi?id=139848
* and https://github.com/twbs/bootstrap/issues/11266
*/
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox;
}
/**
* 1. Remove the default vertical scrollbar in IE.
* 2. Textareas should really only resize vertically so they don't break their
* (horizontal) containers.
*/
textarea {
overflow: auto;
resize: vertical;
}
/**
* Show the overflow in IE.
*/
button,
input {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
*/
button,
select {
text-transform: none;
}
/**
* Remove the inheritance of word-wrap in Safari.
* See https://github.com/twbs/bootstrap/issues/24990
*/
select {
word-wrap: normal;
}
/**
* Remove inner border and padding from Firefox, but don't restore the outline
* like Normalize.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* 1. Add the correct box sizing in IE 10-
* 2. Remove the padding in IE 10-
*/
input[type="radio"],
input[type="checkbox"] {
/* 1 */
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 2 */
padding: 0;
}
/**
* Suppress the focus outline on elements that cannot be accessed via keyboard.
* This prevents an unwanted focus outline from appearing around elements that
* might still respond to pointer events.
* Credit: https://github.com/suitcss/base
*/
[tabindex="-1"]:focus {
outline: 0 !important;
}
/**
* Browsers set a default `min-width: min-content` on fieldsets,
* unlike e.g. ` `s, which have `min-width: 0` by default.
* So we reset that to ensure fieldsets behave more like a standard block element.
* See https://github.com/twbs/bootstrap/issues/12359
* and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
*/
fieldset {
min-width: 0;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Set display to block for all browsers
*/
legend {
/* 1 */
max-width: 100%;
white-space: normal;
/* 2 */
color: inherit;
/* 3 */
display: block;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
/* 1 */
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 2 */
padding: 0;
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
/* 1 */
-webkit-appearance: textfield;
/* 2 */
outline-offset: -2px;
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
/* 1 */
-webkit-appearance: button;
/* 2 */
font: inherit;
}
/**
* Correct element display for output
*/
output {
display: inline-block;
}
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
[hidden] {
display: none;
}
/*
@include respond (tab-land) {//width < 900?
font-size: 56.25%; //1rem = 9px, 9/16 = 56.25%
}
@include respond (tab-port) { //width < 1200?
font-size: 50%; //1rem = 8 / 16 = 50%
}
@include respond (big-desktop) {
font-size: 75%; //12 / 16 = 75%
}
*/
*,
*::after,
*::before {
margin: 0;
padding: 0;
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
html {
font-size: 62.5%;
scroll-behavior: smooth;
overflow-x: hidden;
}
body {
font-family: "Helvetica Neue";
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 100vh;
position: relative;
overflow-x: hidden;
}
@font-face {
font-family: "hobeaux";
src: url("https://use.typekit.net/af/a4d2a2/00000000000000003b9adf36/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2");
}
@font-face {
font-family: "trade-gothic-next";
src: url("https://use.typekit.net/af/a1ace0/00000000000000003b9b2100/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2");
}
@font-face {
font-family: "trade-gothic-next-condensed";
src: url("https://use.typekit.net/af/9f0057/00000000000000003b9b210d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2");
}
.produtos {
/* categoria individual. */
}
.produtos__title {
color: #34a99d;
font-family: hobeaux, sans-serif;
font-size: 26px;
font-style: normal;
font-weight: 400;
}
@media only screen and (min-width: 48rem) {
.produtos__title {
font-size: 38px;
}
}
@media only screen and (min-width: 64rem) {
.produtos__title {
font-size: 50px;
}
}
.produtos__title span {
font-weight: 700;
}
.produtos__catalogo--lista {
color: #040405;
font-family: hobeaux, sans-serif;
font-weight: 400;
font-size: 14px;
font-style: normal;
}
@media only screen and (min-width: 48rem) {
.produtos__catalogo--lista {
font-size: 28px;
}
}
@media only screen and (min-width: 64rem) {
.produtos__catalogo--lista {
font-size: 34px;
}
}
.produtos__catalogo--item a {
color: #040405;
text-align: center;
}
.produtos__catalogo--item.active > a {
color: #db0036;
font-weight: 700;
}
.produtos__categoria--descricao {
font-family: tgn-soft-round-con, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
}
@media only screen and (min-width: 48rem) {
.produtos__categoria--descricao {
font-size: 20px;
}
}
.produtos__categoria--infos table {
font-family: hobeaux, sans-serif;
font-weight: 700;
font-style: normal;
}
.produtos__categoria--infos table thead {
font-size: 13px;
letter-spacing: 0.52px;
}
@media only screen and (min-width: 48rem) {
.produtos__categoria--infos table thead {
font-size: 28px;
letter-spacing: 1.12px;
}
}
@media only screen and (min-width: 64rem) {
.produtos__categoria--infos table thead {
font-size: 32px;
letter-spacing: 1.28px;
}
}
.produtos__categoria--infos table tbody {
font-family: tgn-soft-round-con, sans-serif;
font-size: 10px;
font-weight: 400;
font-style: normal;
}
@media only screen and (min-width: 48rem) {
.produtos__categoria--infos table tbody {
font-size: 16px;
}
}
.produtos__categoria--infos table tbody tr td:first-child {
font-family: hobeaux, sans-serif;
font-weight: 700;
font-style: normal;
}
.produtos__categoria--infos table tfoot {
font-family: tgn-soft-round-con, sans-serif;
font-size: 8px;
font-weight: 400;
font-style: normal;
}
@media only screen and (min-width: 48rem) {
.produtos__categoria--infos table tfoot {
font-size: 14px;
}
}
.insta__title {
font-size: 26px;
color: #ffe500;
font-family: "hobeaux";
}
@media only screen and (min-width: 48rem) {
.insta__title {
font-size: 38px;
}
}
@media only screen and (min-width: 64rem) {
.insta__title {
font-size: 50px;
}
}
.insta__text {
text-align: center;
}
@media only screen and (min-width: 64rem) {
.insta__text {
width: 100%;
}
}
.insta__span {
font-weight: 600;
}
.programacao__title {
font-size: 26px;
color: #db0036;
font-family: "hobeaux";
}
@media only screen and (min-width: 48rem) {
.programacao__title {
font-size: 38px;
}
}
@media only screen and (min-width: 64rem) {
.programacao__title {
font-size: 50px;
}
}
.programacao__text {
width: 90%;
}
.se-liga__text {
font-size: 16px;
color: #ffffff;
font-family: "trade-gothic-next-condensed";
line-height: normal;
}
@media only screen and (min-width: 48rem) {
.se-liga__text {
font-size: 20px;
}
}
@media only screen and (min-width: 64rem) {
.se-liga__text {
font-size: 28px;
}
}
.causas-projetos__text {
font-family: hobeaux, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 26px;
color: #34a99d;
}
@media only screen and (min-width: 48rem) {
.causas-projetos__text {
font-size: 38px;
}
}
@media only screen and (min-width: 64rem) {
.causas-projetos__text {
font-size: 50px;
}
}
.causas-projetos__text span {
font-weight: 700;
}
.infos {
font-family: hobeaux, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
}
@media only screen and (min-width: 64rem) {
.infos {
font-size: 20px;
}
}
@media only screen and (min-width: 64rem) {
.infos {
font-size: 24px;
}
}
.infos__content--title {
color: #34a99d;
font-family: hobeaux, sans-serif;
font-size: 30px;
font-style: normal;
font-weight: 400;
}
@media only screen and (min-width: 64rem) {
.infos__content--title {
font-size: 40px;
}
}
@media only screen and (min-width: 90rem) {
.infos__content--title {
font-size: 50px;
}
}
.infos__content--title span {
font-weight: 700;
}
.infos__content p strong {
font-size: 20px;
}
@media only screen and (min-width: 64rem) {
.infos__content p strong {
font-size: 30px;
}
}
.infos__content--link {
color: #f07700;
}
.footer {
font-family: hobeaux, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 700;
}
.footer__lista--item-link {
color: #f07700;
font-size: 14px;
}
@media only screen and (min-width: 48rem) {
.footer__lista--item-link {
font-size: 18px;
}
}
.footer__newsletter--title {
color: #34a99d;
font-family: hobeaux, sans-serif;
font-size: 26px;
font-style: normal;
font-weight: 400;
}
.footer__newsletter--input {
font-family: tgn-soft-round-comp, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
}
.footer__newsletter--button {
color: #ffffff;
font-size: 18px;
}
.btn-default {
color: #ffffff;
display: inline-block;
font-family: 'hobeaux';
font-size: 16px;
padding: 15px 30px;
background-color: #f07700;
border-radius: 50px;
border: none;
margin: 20px auto;
text-align: center;
cursor: pointer;
-webkit-transition: all .2s;
transition: all .2s;
text-decoration: none;
}
.btn-default:hover {
background-color: #fc8e20;
}
@media only screen and (min-width: 64rem) {
.btn-default {
font-size: 22px;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.container {
margin: 0 auto;
max-width: 1240px;
min-width: 290px;
padding: 0 15px;
}
@media only screen and (min-width: 48rem) {
.container {
padding: 0 20px;
}
}
.header {
margin: 0 auto;
width: 100%;
max-width: 1440px;
}
.header__imagem--logo {
display: block;
width: 80px;
margin: 0 auto;
padding: 20px 0;
}
@media only screen and (min-width: 48rem) {
.header__imagem--logo {
width: 125px;
padding: 20px;
}
}
.header__carousel {
position: relative;
width: 100%;
max-width: 1440px;
overflow: hidden;
/* ---- flickity-button ---- */
/* ---- previous/next buttons ---- */
}
.header__carousel--cell {
width: 100%;
overflow: hidden;
height: 180px;
}
@media only screen and (min-width: 36rem) {
.header__carousel--cell {
height: 250px;
}
}
@media only screen and (min-width: 48rem) {
.header__carousel--cell {
height: 350px;
}
}
@media only screen and (min-width: 64rem) {
.header__carousel--cell {
height: 465px;
}
}
@media only screen and (min-width: 90rem) {
.header__carousel--cell {
height: 650px;
}
}
.header__carousel--cell iframe {
width: 100%;
height: 100%;
}
.header__carousel--cell-img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.header__carousel:focus {
outline-color: white;
}
.header__carousel .flickity-page-dots {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.header__carousel .flickity-rtl .flickity-page-dots {
direction: rtl;
}
.header__carousel .flickity-page-dots .dot {
width: 15px;
height: 15px;
margin: 10px 10px 20px 0;
background: #f07700;
border-radius: 50%;
}
.header__carousel .flickity-page-dots .dot.is-selected {
border: none;
background-color: #d8006f;
}
.header__carousel .flickity-button {
position: absolute;
background: url("../../imagens/carousel/arrow.png") center center no-repeat;
background-color: transparent;
border: none;
-webkit-transition: all 0.2s;
transition: all 0.2s;
display: none;
}
@media only screen and (min-width: 64rem) {
.header__carousel .flickity-button {
display: block;
}
}
.header__carousel .flickity-button:disabled {
opacity: 0.3;
cursor: auto;
pointer-events: none;
}
.header__carousel .flickity-prev-next-button {
top: calc(50% - 25px);
width: 44px;
height: 66px;
}
.header__carousel .flickity-prev-next-button.previous {
left: 20px;
}
@media only screen and (min-width: 90rem) {
.header__carousel .flickity-prev-next-button.previous {
left: 100px;
}
}
.header__carousel .flickity-prev-next-button.next {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
right: 20px;
}
@media only screen and (min-width: 90rem) {
.header__carousel .flickity-prev-next-button.next {
right: 100px;
}
}
.header__carousel .arrow {
display: none;
}
.produtos {
padding-bottom: 60px;
}
@media only screen and (min-width: 48rem) {
.produtos {
padding-bottom: 40px;
}
}
.produtos .container {
max-width: 290px;
}
@media only screen and (min-width: 48rem) {
.produtos .container {
max-width: 1280px;
}
}
.produtos__title {
position: relative;
margin-bottom: 50px;
}
.produtos__title::before {
background-image: url("../../imagens/text-decor-320px.png");
background-repeat: no-repeat;
content: "";
display: block;
height: 21px;
position: absolute;
top: 35px;
width: 121px;
}
@media only screen and (min-width: 48rem) {
.produtos__title::before {
background-image: url("../../imagens/text-decor-768px.png");
height: 27px;
top: 45px;
width: 151px;
}
}
@media only screen and (min-width: 64rem) {
.produtos__title::before {
background-image: url("../../imagens/text-decor-1024px.png");
height: 31px;
top: 57px;
width: 171px;
}
}
.produtos__catalogo--lista {
display: -moz-box;
display: -webkit-box;
position: relative;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
-webkit-transform: translate3d(0, 0, 0);
overflow-y: hidden;
padding-bottom: 10px;
/* Track */
/* Handle */
/* Handle on hover */
}
@media only screen and (min-width: 48rem) {
.produtos__catalogo--lista {
-webkit-box-pack: unset;
-ms-flex-pack: unset;
justify-content: unset;
}
}
.produtos__catalogo--lista::-webkit-scrollbar {
height: 5px;
width: 5px;
}
.produtos__catalogo--lista::-webkit-scrollbar-track {
display: none;
}
.produtos__catalogo--lista::-webkit-scrollbar-thumb {
background: #d8006f;
border-radius: 2.5px;
}
.produtos__catalogo--lista::-webkit-scrollbar-thumb:hover {
background: #db0036;
}
.produtos__catalogo--item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-right: 15px;
}
.produtos__catalogo--item:last-child {
margin-right: 0;
}
@media only screen and (min-width: 48rem) {
.produtos__catalogo--item {
margin-right: 35px;
}
}
.produtos__catalogo--item a {
text-decoration: none;
}
.produtos__categoria {
margin-top: 20px;
}
.produtos__categoria--item .bullet {
display: none;
}
@media only screen and (min-width: 48rem) {
.produtos__categoria--item .bullet {
display: block;
margin-top: 35px;
}
}
@media only screen and (min-width: 64rem) {
.produtos__categoria--item .bullet {
display: block;
margin-top: 25px;
}
}
.produtos__categoria--item .bullet__item {
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
background-size: 50% auto;
border: 2px solid #34a99d;
border-radius: 15px;
cursor: pointer;
display: inline-block;
opacity: 0.5;
}
@media only screen and (min-width: 48rem) {
.produtos__categoria--item .bullet__item {
height: 70px;
width: 70px;
}
}
@media only screen and (min-width: 64rem) {
.produtos__categoria--item .bullet__item {
height: 89px;
width: 89px;
}
}
@media only screen and (min-width: 90rem) {
.produtos__categoria--item .bullet__item {
height: 115px;
width: 115px;
}
}
.produtos__categoria--item .bullet__item:not(:first-child) {
margin-left: 10px;
}
.produtos__categoria--item .bullet__item.is-selected {
opacity: 1;
}
.produtos__categoria .flickity-button {
background-color: transparent;
background-size: cover;
border: none;
cursor: pointer;
height: 26px;
position: absolute;
top: 145px;
width: 17px;
}
@media only screen and (min-width: 48rem) {
.produtos__categoria .flickity-button {
height: 66px;
top: 50%;
width: 44px;
}
}
.produtos__categoria .flickity-button-icon {
display: none;
}
.produtos__categoria .flickity-button.previous {
background-image: url("../../imagens/produtos/prod-arrow-prev.png");
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.produtos__categoria .flickity-button.next {
background-image: url("../../imagens/produtos/prod-arrow-next.png");
right: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@media only screen and (min-width: 48rem) {
.produtos__categoria .flickity-button.next {
left: calc(50% - 46px);
}
}
@media only screen and (min-width: 64rem) {
.produtos__categoria .flickity-button.next {
left: calc(50% - 54px);
}
}
.produtos__categoria--carousel {
margin-top: 30px;
position: relative;
}
@media only screen and (min-width: 48rem) {
.produtos__categoria--carousel {
margin-top: 10px;
min-height: 434px;
}
}
@media only screen and (min-width: 64rem) {
.produtos__categoria--carousel {
min-height: 518px;
}
}
.produtos__categoria--carousel:focus {
outline: none;
}
.produtos__categoria--carousel-cell {
width: 100%;
}
@media only screen and (min-width: 48rem) {
.produtos__categoria--carousel-cell {
display: -ms-grid;
display: grid;
-ms-grid-columns: calc((100vw - 60px) / 2) calc((100vw - 60px) / 2);
grid-template-columns: calc((100vw - 60px) / 2) calc((100vw - 60px) / 2);
-webkit-column-gap: 20px;
column-gap: 20px;
}
}
@media only screen and (min-width: 64rem) {
.produtos__categoria--carousel-cell {
-ms-grid-columns: auto auto;
grid-template-columns: auto auto;
}
}
.produtos__categoria--carousel-cell.is-selected {
z-index: 100;
}
@media only screen and (min-width: 48rem) {
.produtos__categoria--carousel-cell.is-selected {
margin-top: 10px;
min-height: 434px;
}
}
@media only screen and (min-width: 64rem) {
.produtos__categoria--carousel-cell.is-selected {
min-height: 518px;
}
}
.produtos__categoria--carousel-cell.is-selected:focus {
outline: none;
}
.produtos__categoria--imagem {
border-radius: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
justify-self: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-width: 50%;
max-width: 80%;
margin: 0 auto;
overflow: hidden;
}
@media only screen and (min-width: 48rem) {
.produtos__categoria--imagem {
min-width: 256px;
max-width: 70%;
width: calc((100vw - 90px) / 2);
}
}
@media only screen and (min-width: 90rem) {
.produtos__categoria--imagem {
width: 600px;
}
}
.produtos__categoria--imagem img {
height: 100%;
max-height: 255px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
@media only screen and (min-width: 48rem) {
.produtos__categoria--imagem img {
max-height: 434px;
}
}
@media only screen and (min-width: 64rem) {
.produtos__categoria--imagem img {
max-height: 518px;
}
}
.produtos__categoria--imagem .btn-default {
width: 100%;
max-width: 210px;
}
.produtos__categoria--infos {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin-top: 30px;
}
@media only screen and (min-width: 48rem) {
.produtos__categoria--infos {
margin-top: 0px;
width: calc((100vw - 90px) / 2);
}
}
@media only screen and (min-width: 90rem) {
.produtos__categoria--infos {
width: 600px;
}
}
.produtos__categoria--infos table {
border: 1px solid black;
border-collapse: unset;
border-radius: 20px;
margin: 0 auto;
padding: 15px 10px;
}
@media only screen and (min-width: 48rem) {
.produtos__categoria--infos table {
padding: 20px 15px;
}
}
@media only screen and (min-width: 64rem) {
.produtos__categoria--infos table {
padding: 20px;
}
}
.produtos__categoria--infos table thead tr td {
padding-bottom: 10px;
}
.produtos__categoria--infos table tbody td {
padding-bottom: 10px;
}
.section__insta--programacao {
display: block;
}
@media only screen and (min-width: 48rem) {
.section__insta--programacao {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.section__insta--programacao > div {
padding: 40px 15px;
}
@media only screen and (min-width: 48rem) {
.section__insta--programacao > div {
width: 50%;
}
}
.insta__container {
background-color: #e3424a;
overflow: hidden;
}
.insta__container--interno {
width: 290px;
margin: 0 auto;
}
@media only screen and (min-width: 48rem) {
.insta__container--interno {
width: 344px;
float: right;
}
}
@media only screen and (min-width: 64rem) {
.insta__container--interno {
width: 485px;
}
}
@media only screen and (min-width: 90rem) {
.insta__container--interno {
width: 590px;
margin-right: 15px;
}
}
.insta__grid--container {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
-ms-grid-rows: (1fr)[2];
grid-template-rows: repeat(2, 1fr);
grid-gap: 10px;
padding: 15px 0;
}
@media only screen and (min-width: 48rem) {
.insta__grid--container {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
-ms-grid-rows: (1fr)[2];
grid-template-rows: repeat(2, 1fr);
}
}
.insta__grid--item {
height: 140px;
width: 140px;
border-radius: 30px;
overflow: hidden;
}
@media only screen and (min-width: 48rem) {
.insta__grid--item {
width: 108px;
height: 108px;
}
}
@media only screen and (min-width: 64rem) {
.insta__grid--item {
width: 150px;
height: 150px;
}
}
@media only screen and (min-width: 90rem) {
.insta__grid--item {
height: 190px;
width: 190px;
}
}
.insta__button {
margin: 20px auto;
}
.insta__image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.programacao__container {
background-color: #91b508;
overflow: hidden;
}
.programacao__container--interno {
margin: 0 auto;
max-width: 290px;
width: 100%;
}
@media only screen and (min-width: 48rem) {
.programacao__container--interno {
max-width: 344px;
float: left;
}
}
@media only screen and (min-width: 64rem) {
.programacao__container--interno {
max-width: 485px;
}
}
@media only screen and (min-width: 90rem) {
.programacao__container--interno {
max-width: 590px;
margin: 0 0 0 15px;
}
}
.programacao__image {
width: 90%;
margin-top: 20px;
border-radius: 20px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
@media only screen and (min-width: 48rem) {
.programacao__image {
height: 220px;
width: 90%;
}
}
@media only screen and (min-width: 64rem) {
.programacao__image {
height: 274px;
width: 100%;
}
}
@media only screen and (min-width: 90rem) {
.programacao__image {
height: 350px;
}
}
.programacao__button {
margin: 20px auto;
}
@media only screen and (min-width: 48rem) {
.programacao__button {
margin: 20px 0;
}
}
.title__balao {
margin: 10px 0;
}
@media only screen and (min-width: 90rem) {
.title__balao {
width: 171px;
}
}
.causas-projetos {
margin: 0 auto;
padding: 60px 0 0;
width: 90vw;
max-width: 290px;
overflow-x: hidden;
}
@media only screen and (min-width: 48rem) {
.causas-projetos {
max-width: 1240px;
}
}
.causas-projetos__container {
margin-top: 10px;
width: 100%;
}
.causas-projetos__container--item {
margin: 20px;
width: 100vw;
max-width: 290px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
opacity: 0.8;
}
@media only screen and (min-width: 48rem) {
.causas-projetos__container--item {
max-width: 325px;
}
}
@media only screen and (min-width: 64rem) {
.causas-projetos__container--item {
max-width: 440px;
}
}
@media only screen and (min-width: 90rem) {
.causas-projetos__container--item {
max-width: 600px;
}
}
.causas-projetos__container--item:hover {
opacity: 1;
}
.causas-projetos__container .flickity-page-dots {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.causas-projetos__container .flickity-rtl .flickity-page-dots {
direction: rtl;
}
.causas-projetos__container .flickity-page-dots .dot {
width: 15px;
height: 15px;
margin: 10px 10px 20px 0;
background: #f07700;
border-radius: 50%;
}
.causas-projetos__container .flickity-page-dots .dot.is-selected {
border: none;
background-color: #d8006f;
}
.causas-projetos__image {
border-radius: 20px;
display: block;
overflow: hidden;
}
.causas-projetos__image img {
width: 100vw;
max-width: 100%;
}
.causas-projetos__text {
margin: 0 auto;
max-width: 1240px;
min-width: 290px;
}
.causas-projetos__modal {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.causas-projetos__modal:target {
opacity: 1;
visibility: visible;
}
.causas-projetos__modal--fundo {
height: 100vh;
width: 100%;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 9999;
padding: 80px 20px 70px;
}
.causas-projetos__modal--container {
width: 290px;
height: 100%;
margin: 0 auto;
position: relative;
}
@media only screen and (min-width: 36rem) {
.causas-projetos__modal--container {
width: 390px;
}
}
@media only screen and (min-width: 48rem) {
.causas-projetos__modal--container {
width: 690px;
}
}
@media only screen and (min-width: 64rem) {
.causas-projetos__modal--container {
width: 945px;
}
}
.causas-projetos__modal--corpo {
width: 100%;
min-width: 290px;
height: 100%;
margin: 0 auto;
background-color: white;
position: relative;
overflow: auto;
padding: 60px 20px;
border-radius: 20px;
/* Track */
/* Handle */
/* Handle on hover */
}
@media only screen and (min-width: 64rem) {
.causas-projetos__modal--corpo {
max-width: 945px;
padding: 40px;
}
}
.causas-projetos__modal--corpo > article {
margin-top: 50px;
}
.causas-projetos__modal--corpo::-webkit-scrollbar {
width: 5px;
}
.causas-projetos__modal--corpo::-webkit-scrollbar-track {
display: none;
}
.causas-projetos__modal--corpo::-webkit-scrollbar-thumb {
background: #f07700;
border-radius: 10px;
}
.causas-projetos__modal--corpo::-webkit-scrollbar-thumb:hover {
background: #fc8e20;
}
.causas-projetos__modal--close {
position: absolute;
top: 15px;
right: 20px;
color: #f07700;
font-size: 45px;
font-weight: bold;
}
.causas-projetos__modal--close:link, .causas-projetos__modal--close:active, .causas-projetos__modal--close:visited {
text-decoration: none;
}
.causas-projetos__modal--sobre {
display: block;
}
@media only screen and (min-width: 48rem) {
.causas-projetos__modal--sobre {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.dobenzinhos__carousel {
/* draggable */
/* ---- flickity-button ---- */
/* ---- previous/next buttons ---- */
/* ---- page dots ---- */
}
.dobenzinhos__carousel--cell {
width: 220px;
height: 200px;
margin-right: 20px;
border: none;
}
.dobenzinhos__carousel--cell iframe {
width: 100%;
height: 100%;
}
.dobenzinhos__carousel--cell-img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.dobenzinhos__carousel:focus {
outline-color: white;
}
.dobenzinhos__carousel .flickity-enabled {
position: relative;
}
.dobenzinhos__carousel .flickity-enabled:focus {
outline: none;
}
.dobenzinhos__carousel .flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.dobenzinhos__carousel .flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
.dobenzinhos__carousel .flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.dobenzinhos__carousel .flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.dobenzinhos__carousel .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.dobenzinhos__carousel .flickity-button {
position: absolute;
background: rgba(255, 255, 255, 0.75);
border: none;
color: #333;
}
.dobenzinhos__carousel .flickity-button:hover {
background: white;
cursor: pointer;
}
.dobenzinhos__carousel .flickity-button:focus {
outline: none;
-webkit-box-shadow: 0 0 0 5px #19f;
box-shadow: 0 0 0 5px #19f;
}
.dobenzinhos__carousel .flickity-button:active {
opacity: 0.6;
}
.dobenzinhos__carousel .flickity-button:disabled {
opacity: 0.3;
cursor: auto;
/* prevent disabled button from capturing pointer up event. #716 */
pointer-events: none;
}
.dobenzinhos__carousel .flickity-button-icon {
fill: currentColor;
}
.dobenzinhos__carousel .flickity-prev-next-button {
display: none;
}
.dobenzinhos__carousel .flickity-page-dots {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dobenzinhos__carousel .flickity-rtl .flickity-page-dots {
direction: rtl;
}
.dobenzinhos__carousel .flickity-page-dots .dot {
width: 15px;
height: 15px;
margin: 30px 10px 20px 0;
background: #f07700;
border-radius: 50%;
}
.dobenzinhos__carousel .flickity-page-dots .dot.is-selected {
border: none;
background-color: #d8006f;
}
.modal__sobre--left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 48rem) {
.modal__sobre--left {
width: 48%;
margin-right: 4%;
}
}
@media only screen and (min-width: 64rem) {
.modal__sobre--left {
width: 58%;
}
}
@media only screen and (min-width: 48rem) {
.modal__sobre--right {
width: 48%;
margin-top: 0;
}
}
@media only screen and (min-width: 64rem) {
.modal__sobre--right {
width: 38%;
}
}
.modal__sobre--video-container {
width: 100%;
height: 200px;
border-radius: 20px;
}
@media only screen and (min-width: 36rem) {
.modal__sobre--video-container {
height: 250px;
}
}
@media only screen and (min-width: 64rem) {
.modal__sobre--video-container {
height: 380px;
}
}
.modal__sobre--video-item {
border-radius: 20px;
}
.modal__image--container {
width: 100%;
height: 200px;
border-radius: 20px;
}
@media only screen and (min-width: 36rem) {
.modal__image--container {
height: 250px;
}
}
@media only screen and (min-width: 48rem) {
.modal__image--container {
height: 430px;
}
}
@media only screen and (min-width: 64rem) {
.modal__image--container {
height: 573px;
}
}
.modal__image--item img {
width: 100%;
height: 100%;
border-radius: 20px;
}
.modal__text {
font-family: hobeaux, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
color: #000;
line-height: 1.5;
}
@media only screen and (min-width: 64rem) {
.modal__text {
font-size: 20px;
}
}
@media only screen and (min-width: 64rem) {
.modal__text {
font-size: 24px;
}
}
.title__balao--modal {
margin: 0;
}
.top {
margin-top: 30px;
}
.infos__content--title {
font-size: 23px;
}
@media only screen and (min-width: 36rem) {
.infos__content--title {
font-size: 30px;
}
}
@media only screen and (min-width: 48rem) {
.infos__content--title {
font-size: 40px;
}
}
@media only screen and (min-width: 48rem) {
.infos__content--title {
margin-top: 0px;
}
}
.quero-vender__container {
max-width: 1240px;
padding: 30px 15px;
margin: 0 auto;
display: block;
}
@media only screen and (min-width: 48rem) {
.quero-vender__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
.quero-vender__vender {
display: block;
width: 290px;
height: 116px;
margin: 20px auto;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("../../imagens/quero/quero-vender768.png");
}
@media only screen and (min-width: 36rem) {
.quero-vender__vender {
width: 354px;
height: 141px;
}
}
@media only screen and (min-width: 48rem) {
.quero-vender__vender {
width: 48%;
display: inline-block;
}
}
@media only screen and (min-width: 64rem) {
.quero-vender__vender {
height: 188px;
}
}
@media only screen and (min-width: 90rem) {
.quero-vender__vender {
height: 240px;
}
}
@media only screen and (min-width: 64rem) {
.quero-vender__vender {
background-image: url("../../imagens/quero/quero-vender1024.png");
}
}
@media only screen and (min-width: 90rem) {
.quero-vender__vender {
background-image: url("../../imagens/quero/quero-vender1440.png");
}
}
.quero-vender__sempre {
display: block;
width: 290px;
height: 116px;
margin: 20px auto;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("../../imagens/quero/quero-sempre768.png");
}
@media only screen and (min-width: 36rem) {
.quero-vender__sempre {
width: 354px;
height: 141px;
}
}
@media only screen and (min-width: 48rem) {
.quero-vender__sempre {
width: 48%;
display: inline-block;
}
}
@media only screen and (min-width: 64rem) {
.quero-vender__sempre {
height: 188px;
}
}
@media only screen and (min-width: 90rem) {
.quero-vender__sempre {
height: 240px;
}
}
@media only screen and (min-width: 64rem) {
.quero-vender__sempre {
background-image: url("../../imagens/quero/quero-sempre1024.png");
}
}
@media only screen and (min-width: 90rem) {
.quero-vender__sempre {
background-image: url("../../imagens/quero/quero-sempre1440.png");
}
}
@media only screen and (min-width: 48rem) {
.infos .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1240px;
}
}
@media only screen and (min-width: 48rem) {
.infos .container {
padding: 0 20px;
}
}
.infos .container hr {
background-color: #040405;
border: none;
height: 1px;
width: 100%;
}
.infos__content {
margin: 0 auto 25px;
width: 290px;
}
@media only screen and (min-width: 48rem) {
.infos__content {
max-width: calc((1240px - 40px) / 3);
width: calc((100vw - 80px) / 3);
}
}
.infos__content--title {
margin-bottom: 15px;
}
.infos__content p {
margin-bottom: 10px;
}
.footer {
padding: 20px 0 40px;
}
@media only screen and (min-width: 64rem) {
.footer {
padding-bottom: 75px;
}
}
@media only screen and (min-width: 90rem) {
.footer {
padding-bottom: 100px;
}
}
@media only screen and (min-width: 48rem) {
.footer .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.footer__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer__logo--img {
width: 105px;
}
.footer__content {
margin: 0 auto;
width: 290px;
}
@media only screen and (min-width: 48rem) {
.footer__content {
margin: 0;
width: calc(100% - 115px);
}
}
@media only screen and (min-width: 64rem) {
.footer__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.footer__lista {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 30px 0;
}
@media only screen and (min-width: 48rem) {
.footer__lista {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 20px 0;
}
}
@media only screen and (min-width: 48rem) {
.footer__lista--item {
margin-left: 10px;
}
}
@media only screen and (min-width: 90rem) {
.footer__lista--item {
margin-left: 30px;
}
}
.footer__newsletter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 48rem) {
.footer__newsletter {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
}
@media only screen and (min-width: 64rem) {
.footer__newsletter {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0 auto;
}
}
.footer__newsletter--title {
margin-bottom: 15px;
}
@media only screen and (min-width: 48rem) {
.footer__newsletter--title {
margin-left: 10px;
}
}
@media only screen and (min-width: 64rem) {
.footer__newsletter--title {
margin-left: 15px;
}
}
.footer__newsletter--form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 48rem) {
.footer__newsletter--form {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-left: 10px;
}
}
.footer__newsletter--label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
}
@media only screen and (min-width: 48rem) {
.footer__newsletter--label {
margin-bottom: 0;
width: unset;
}
}
.footer__newsletter--label span {
display: block;
min-width: 60px;
}
.footer__newsletter--input {
border: 2px solid #f07700;
border-radius: 40px;
padding: 7px 20px 10px;
width: 100%;
}
@media only screen and (min-width: 48rem) {
.footer__newsletter--input {
margin-right: 5px;
min-width: 178px;
}
}
.footer__newsletter--button {
background-color: #f07700;
border: none;
border-radius: 40px;
-ms-flex-item-align: end;
align-self: flex-end;
max-width: 215px;
min-width: 215px;
padding: 13px 20px 15px;
}
@media only screen and (min-width: 48rem) {
.footer__newsletter--button {
min-width: 128px;
}
}
.footer__imprint {
text-align: center;
}
.footer__imprint--container {
margin: 80px auto 0px;
}
.footer__imprint--text {
color: #f07700;
}
.newsletter {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.39);
overflow: auto;
z-index: 500;
}
.newsletter__modal {
width: 80%;
min-height: 85vh;
min-width: 290px;
max-width: 728px;
margin: 35px auto;
}
.newsletter__form {
background-color: #ffffff;
border-radius: 50px;
padding: 20px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (min-width: 36rem) {
.newsletter__form {
padding: 40px;
}
}
.newsletter__form--span {
font-weight: bold;
}
.newsletter__form--close {
color: #f07700;
font-size: 4rem;
font-weight: bold;
right: 25px;
position: absolute;
top: 15px;
cursor: pointer;
}
@media only screen and (min-width: 36rem) {
.newsletter__form--close {
font-size: 5rem;
}
}
.newsletter__form--title {
font-family: hobeaux, sans-serif;
color: #34a99d;
font-size: 25px;
font-weight: 400;
display: block;
margin: 40px 0;
}
@media only screen and (min-width: 36rem) {
.newsletter__form--title {
font-size: 40px;
}
}
.newsletter__form .label-float {
position: relative;
}
.newsletter__form .label-float input {
padding: 11px 0 11px 15px;
border: 2px solid #f07700;
border-radius: 50px;
width: 100%;
font-size: 24px;
color: #aaa;
font-family: tgn-soft-round-comp, sans-serif;
outline-style: none;
margin: 30px 0;
}
.newsletter__form .label-float input::-webkit-input-placeholder {
color: rgba(35, 31, 32, 0.4);
}
.newsletter__form .label-float input:-ms-input-placeholder {
color: rgba(35, 31, 32, 0.4);
}
.newsletter__form .label-float input::-ms-input-placeholder {
color: rgba(35, 31, 32, 0.4);
}
.newsletter__form .label-float input::placeholder {
color: rgba(35, 31, 32, 0.4);
}
.newsletter__form .label-float label {
position: absolute;
top: 0px;
left: 0px;
color: #000;
font-weight: bold;
text-transform: uppercase;
font-weight: 700;
font-size: 18px;
font-family: hobeaux, sans-serif;
}
.newsletter__form .label-float input:required:invalid + label:after {
content: '*';
}
.newsletter__form .label-float select {
background: #ffffff;
padding: 11px 0 11px 15px;
-webkit-appearance: none;
background: url("/themes/custom/dobem/imagens/newsletter/arrow-down.png");
background-repeat: no-repeat;
background-position: calc(100% - 15px);
border: 2px solid #f07700;
border-radius: 50px;
width: 100%;
font-size: 18px;
font-weight: 400;
color: #a5a5a5;
font-family: tgn-soft-round-comp, sans-serif;
outline-style: none;
margin-bottom: 40px;
}
.newsletter__form .label-float .form__input--estado, .newsletter__form .label-float .form__input--cidade, .newsletter__form .label-float .form__input--genero {
margin-top: 30px;
}
.newsletter__form .label-float select:required:invalid ~ label:after {
content: '*';
}
.newsletter__form .label-float .checked {
font-size: 18px;
font-weight: 700;
margin-top: 8px;
color: #ffffff;
}
.newsletter__form .checkboxes__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 30px;
margin-bottom: 30px;
padding-left: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
letter-spacing: 1px;
}
.newsletter__form .checkboxes__container--text {
font-family: tgn-soft-round-comp, sans-serif;
color: #231f20;
font-size: 18px;
margin-left: 15px;
display: block;
width: 100%;
}
.newsletter__form .checkboxes__container--text a {
text-decoration: none;
border-bottom: 1px solid #231f20;
color: #231f20;
font-size: 18px;
font-weight: bolder;
}
.newsletter__form .checkboxes__container--register {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.newsletter__form .checkboxes__container--register:checked ~ .checkboxes__container--checkmark {
background-color: #f07700;
}
.newsletter__form .checkboxes__container--register:checked ~ .checkboxes__container--checkmark:after {
display: block;
}
.newsletter__form .checkboxes__container--checkmark {
position: absolute;
top: 0;
left: 0;
height: 30px;
width: 30px;
border: 2px solid #f07700;
border-radius: 50%;
background-color: white;
}
.newsletter__form .checkboxes__container--checkmark:after {
content: "";
position: absolute;
display: none;
left: 9px;
top: 4px;
width: 10px;
height: 15px;
border: solid #ffffff;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.newsletter__form--submit {
width: 100%;
background-color: #f07700;
border: none;
border-radius: 50px;
color: #ffffff;
padding: 13px 0;
text-align: center;
text-decoration: none;
display: inline-block;
font-family: hobeaux, sans-serif;
outline-style: none;
font-size: 25px;
text-transform: uppercase;
font-weight: bold;
margin: 20px 0 30px;
cursor: pointer;
-webkit-transition: all .2s;
transition: all .2s;
}
@media only screen and (min-width: 36rem) {
.newsletter__form--submit {
margin: 30px 0 0;
}
}
.newsletter__form--submit:hover {
color: #ffffff;
background-color: #fc8e20;
}
.juridico {
font-family: tgn-soft-round-con, sans-serif;
}
.juridico .container {
max-width: 980px;
}
.juridico p {
font-size: 12px;
line-height: 1.25;
text-indent: 20px;
margin-bottom: 5px;
}
@media only screen and (min-width: 48rem) {
.juridico p {
font-size: 20px;
margin-bottom: 15px;
text-indent: 50px;
}
}
.juridico p:last-child {
text-align: right;
}
.juridico p a {
color: #f07700;
font-family: hobeaux, sans-serif;
font-weight: 700;
}
.juridico ul {
color: #db0036;
font-family: hobeaux, sans-serif;
font-size: 16px;
margin: 10px 0 5px;
}
@media only screen and (min-width: 48rem) {
.juridico ul {
font-size: 30px;
margin: 20px 0 15px;
}
}
.juridico ol {
background-color: #91b508;
color: #ffffff;
font-family: hobeaux, sans-serif;
font-size: 10px;
padding: 15px 20px;
margin-bottom: 15px;
}
@media only screen and (min-width: 48rem) {
.juridico ol {
font-size: 16px;
padding: 15px 50px;
}
}
.juridico ol li {
line-height: 1.725;
margin: 10px 0;
}
.juridico ol li a {
background-color: #f07700;
border-radius: 9999px;
color: #ffffff;
font-family: hobeaux, sans-serif;
padding: 5px 15px;
text-decoration: none;
}
.juridico table {
border: 1px solid black;
border-collapse: unset;
border-radius: 20px;
margin: 0 auto 5px;
padding: 15px 10px;
font-family: hobeaux, sans-serif;
font-weight: 700;
font-style: normal;
}
@media only screen and (min-width: 48rem) {
.juridico table {
margin-bottom: 15px;
padding: 20px 15px;
}
}
@media only screen and (min-width: 64rem) {
.juridico table {
padding: 20px;
}
}
.juridico table thead {
font-size: 13px;
letter-spacing: 0.52px;
text-align: center;
}
@media only screen and (min-width: 48rem) {
.juridico table thead {
font-size: 28px;
letter-spacing: 1.12px;
}
}
@media only screen and (min-width: 64rem) {
.juridico table thead {
font-size: 32px;
letter-spacing: 1.28px;
}
}
.juridico table thead tr th {
padding-bottom: 10px;
}
.juridico table tbody {
font-family: tgn-soft-round-con, sans-serif;
font-size: 10px;
font-weight: 400;
font-style: normal;
}
@media only screen and (min-width: 48rem) {
.juridico table tbody {
font-size: 16px;
}
}
.juridico table tbody tr th {
font-family: hobeaux, sans-serif;
font-weight: 700;
font-style: normal;
padding-bottom: 10px;
padding-right: 10px;
}
.juridico table tbody tr td {
padding-bottom: 10px;
}
.juridico table tbody tr td ul {
color: unset;
font-family: unset;
font-size: unset;
margin: unset;
position: relative;
}
@media only screen and (min-width: 48rem) {
.juridico table tbody tr td ul {
font-size: unset;
margin: unset;
}
}
.juridico table tbody tr td ul li::before {
background-image: url("../../imagens/do-bem-favicon-152.png");
background-position: center center;
background-repeat: no-repeat;
background-size: 7.5px 7.5px;
content: "";
display: inline-block;
height: 7.5px;
margin-right: 3px;
width: 7.5px;
}
@media only screen and (min-width: 48rem) {
.juridico table tbody tr td ul li::before {
background-size: 15px 15px;
height: 15px;
width: 15px;
}
}
.juridico table tbody tr td p {
font-size: unset;
text-indent: 10.5px;
}
@media only screen and (min-width: 48rem) {
.juridico table tbody tr td p {
text-indent: 18px;
}
}
.juridico table tbody tr td p:last-child {
text-align: left;
}
.login-generico .main-container__container {
position: relative;
display: block;
font-family: hobeaux, sans-serif;
font-weight: 400;
font-style: normal;
margin-top: 40px;
}
.login-generico .main-container__container--age {
text-align: center;
color: #040405;
text-transform: uppercase;
font-size: 24px;
margin: 39px auto 41px;
}
@media only screen and (min-width: 48rem) {
.login-generico .main-container__container--age {
font-size: 40px;
}
}
.login-generico .main-container__container--left, .login-generico .main-container__container--right {
border: solid 2px #040405;
color: #040405;
display: block;
font-size: 20px;
text-decoration: none;
padding: 18px 0;
margin: 20px auto;
text-align: center;
}
@media only screen and (min-width: 36rem) {
.login-generico .main-container__container--left, .login-generico .main-container__container--right {
width: 196px;
margin: 0;
}
}
@media only screen and (min-width: 48rem) {
.login-generico .main-container__container--left, .login-generico .main-container__container--right {
max-width: 196px;
}
}
@media only screen and (min-width: 36rem) {
.login-generico .main-container__container--bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 422px;
margin: 0 auto;
}
}
.login-generico {
color: #040405;
display: block;
margin: 0 auto;
max-width: 290px;
padding: 40px 0;
}
@media only screen and (min-width: 36rem) {
.login-generico {
max-width: 540px;
}
}
@media only screen and (min-width: 48rem) {
.login-generico {
max-width: 706px;
}
}
.login-generico .logo-container {
text-align: center;
margin-bottom: 57px;
}
.login-generico .user-login__container {
margin-top: 40px;
color: #040405;
display: block;
font-family: hobeaux, sans-serif;
font-weight: 400;
font-style: normal;
margin: 0 auto;
max-width: 290px;
}
@media only screen and (min-width: 36rem) {
.login-generico .user-login__container {
max-width: 540px;
}
}
@media only screen and (min-width: 48rem) {
.login-generico .user-login__container {
max-width: 706px;
}
}
.login-generico .user-login__container div[role="alert"] {
background-color: #d8006f;
color: #ffffff;
margin-bottom: 30px;
padding: 10px;
}
.login-generico .user-login__container div[role="alert"] a {
color: #040405;
}
.login-generico .user-login__container .form-item {
position: relative;
margin-bottom: 30px;
}
.login-generico .user-login__container .form-item label {
background-color: #d8006f;
border-radius: 20px;
color: #ffffff;
font-size: 16px;
padding: 10px 20px;
position: absolute;
left: 20px;
top: -17px;
text-transform: uppercase;
}
.login-generico .user-login__container .form-item input {
color: #040405;
padding: 20px 10px 10px;
}
.login-generico .user-login__container .form-item [type="text"],
.login-generico .user-login__container .form-item [type="password"] {
border: 2px solid #040405;
width: 100%;
font-size: 18px;
}
.login-generico .user-login__container .form-item .description {
margin: 10px 0;
}
.login-generico .user-login__container #edit-submit {
color: #ffffff;
display: block;
font-family: 'hobeaux';
font-size: 16px;
padding: 15px 30px;
background-color: #f07700;
border-radius: 50px;
border: none;
margin: 20px auto;
width: 210px;
text-align: center;
cursor: pointer;
-webkit-transition: all .2s;
transition: all .2s;
text-decoration: none;
}
.login-generico .user-login__container #edit-submit:hover {
background-color: #fc8e20;
}
@media only screen and (min-width: 64rem) {
.login-generico .user-login__container #edit-submit {
font-size: 22px;
}
}
.login-generico .footer-container {
padding-bottom: 25px;
}
.login-generico .footer-container__container {
text-align: center;
}
.login-generico .footer-container__container--cookies {
margin: 50px auto;
text-align: justify;
color: #040405;
font-size: 16px;
}
@media only screen and (min-width: 36rem) {
.login-generico .footer-container__container--cookies {
text-align: center;
}
}
.login-generico .footer-container__container--direitos {
font-size: 16px;
text-decoration: underline;
bottom: 0;
color: #040405;
}
/*# sourceMappingURL=main.css.map */ |