html {
box-sizing: border-box; }
*, *::after, *::before {
box-sizing: inherit; }
@font-face {
font-family: "fontastic";
src: url(//mangabeiracatering.com.br/wp-content/themes/mangabeira/source/fonts/fontastic/fontastic.eot);
src: url(//mangabeiracatering.com.br/wp-content/themes/mangabeira/source/fonts/fontastic/fontastic.eot?#iefix) format("embedded-opentype"), url(//mangabeiracatering.com.br/wp-content/themes/mangabeira/source/fonts/fontastic/fontastic.woff) format("woff"), url(//mangabeiracatering.com.br/wp-content/themes/mangabeira/source/fonts/fontastic/fontastic.ttf) format("truetype"), url(//mangabeiracatering.com.br/wp-content/themes/mangabeira/source/fonts/fontastic/fontastic.svg#fontastic) format("svg");
font-weight: normal;
font-style: normal; }
[data-icon]:before {
font-family: "fontastic" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontastic" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-facebook:before {
content: "\61"; }
.icon-twitter:before {
content: "\62"; }
.icon-instagrem:before {
content: "\63"; }
.icon-youtube-play:before {
content: "\64"; }
.icon-google-plus:before {
content: "\65"; }
.icon-chevron-down:before {
content: "\66"; }
.icon-chevron-left:before {
content: "\67"; }
.icon-chevron-right:before {
content: "\68"; }
.icon-chevron-up:before {
content: "\69"; }
.icon-caret-down:before {
content: "\6a"; }
.icon-caret-left:before {
content: "\6b"; }
.icon-caret-right:before {
content: "\6c"; }
.icon-caret-up:before {
content: "\6d"; }
.icon-envelope-o:before {
content: "\6e"; }
.icon-android-call:before {
content: "\6f"; }
.icon-globe:before {
content: "\70"; }
.icon-eye:before {
content: "\71"; }
.icon-star:before {
content: "\72"; }
body {
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif; }
.container {
padding-right: 15px;
padding-left: 15px; }
@media screen and (min-width: 768px) {
.container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
max-width: 750px; }
.container::after {
clear: both;
content: "";
display: table; } }
@media screen and (min-width: 992px) {
.container {
max-width: 970px; } }
@media screen and (min-width: 1200px) {
.container {
max-width: 1170px; } }
a, button, li, a:hover, a:focus, button:hover {
outline: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.btn {
background-color: white;
display: inline-block;
padding: 6px 13px 8px;
text-decoration: none; }
.btn.btn-primary {
background-color: #585afc;
color: #FFF;
text-decoration: none; }
.btn.btn-primary:hover {
background-color: #2629fb;
color: #FFF;
text-decoration: none; }
.post-item .thumbnail {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-content: center;
-moz-align-content: center;
-ms-align-content: center;
align-content: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center; }
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
body {
margin: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; }
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline; }
audio:not([controls]) {
display: none;
height: 0; }
[hidden], template {
display: none; }
a {
background-color: transparent; }
a:active, a:hover {
outline: 0; }
abbr[title] {
border-bottom: 1px dotted; }
b, strong {
font-weight: bold; }
dfn {
font-style: italic; }
h1 {
font-size: 2em;
margin: 0.67em 0; }
mark {
background: #ff0;
color: #000; }
small {
font-size: 80%; }
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
img {
border: 0; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 1em 40px; }
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0; }
pre {
overflow: auto; }
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em; }
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0; }
button {
overflow: visible; }
button, select {
text-transform: none; }
button, html input[type="button"] {
-webkit-appearance: button;
cursor: pointer; }
input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
button[disabled], html input[disabled] {
cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0; }
input {
line-height: normal; }
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto; }
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
legend {
border: 0;
padding: 0; }
textarea {
overflow: auto; }
optgroup {
font-weight: bold; }
table {
border-collapse: collapse;
border-spacing: 0; }
td, th {
padding: 0; }
body {
background-color: #eee;
background-image: -webkit-linear-gradient(#eee, #FFF);
background-image: linear-gradient(#eee, #FFF); }
.btn-more, .frm .btn-form {
background-color: #FFF;
color: #FFF;
font-size: 0.8125rem;
padding: 10px 15px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.btn-more.-btn-trans, .frm .-btn-trans.btn-form {
background-color: rgba(255, 255, 255, 0.5);
margin: 0 auto;
max-width: 110px; }
.btn-more.-btn-trans:hover, .frm .-btn-trans.btn-form:hover {
background-color: rgba(255, 255, 255, 0.6); }
.responsive-vid {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative; }
.responsive-vid embed, .responsive-vid object, .responsive-vid iframe {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%; }
.section-inova {
background-size: cover;
background-position: center center;
padding: 2rem 0; }
@media screen and (min-width: 768px) {
.section-inova {
padding: 3rem 0; } }
.section-inova .sec-header {
margin-bottom: 2rem;
text-align: center; }
@media screen and (min-width: 768px) {
.section-inova .sec-header {
margin-bottom: 3rem; } }
.section-inova .sec-header.-inverse {
color: #FFF; }
.section-inova .sec-title {
font-size: 1.125rem;
margin: 0;
text-transform: uppercase; }
@media screen and (min-width: 1200px) {
.section-inova .sec-title {
font-size: 1.25rem; } }
.section-inova .sec-title .light {
font-weight: 300; }
.page-cont {
padding: 1rem 0 2rem; }
@media screen and (min-width: 768px) {
.page-cont {
padding: 1.5rem 0 2.5rem; } }
@media screen and (min-width: 992px) {
.page-cont {
padding: 2.5rem 0 3.5rem; } }
@media screen and (min-width: 1200px) {
.page-cont {
padding: 3.25rem 0 6rem; } }
@media screen and (min-width: 768px) {
.page .page-cont .container {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex; } }
.page .page-cont .container .content {
padding-bottom: 1rem; }
@media screen and (min-width: 768px) {
.page .page-cont .container .content {
-webkit-flex: 2;
-moz-flex: 2;
-ms-flex: 2;
flex: 2;
padding-bottom: 0;
margin-right: 5%;
overflow: hidden; } }
@media screen and (min-width: 768px) {
.page .page-cont .container .sidebar {
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden; } }
@media screen and (min-width: 768px) {
.page.-page-servicos .page-cont .container .content {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
box-ordinal-group: 2;
-webkit-order: 2;
-moz-order: 2;
order: 2;
-ms-flex-order: 2;
margin: 0; } }
@media screen and (min-width: 768px) {
.page.-page-servicos .page-cont .container .sidebar {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
box-ordinal-group: 1;
-webkit-order: 1;
-moz-order: 1;
order: 1;
-ms-flex-order: 1;
margin-right: 5%; } }
.main-header {
background-color: #FFF;
width: 100%;
z-index: 100; }
@media screen and (min-width: 768px) {
.main-header .container {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex; } }
.main-header .nav-header {
padding: 15px 0 10px; }
.main-header .logo {
background: url(//mangabeiracatering.com.br/wp-content/themes/mangabeira/source/img/logo-mangabeira-catering.svg) no-repeat center top;
background-size: 100% auto;
overflow: hidden;
text-indent: 101%;
white-space: nowrap;
margin: 0;
height: 50px;
width: 125px; }
@media screen and (min-width: 1200px) {
.main-header .logo {
height: 70px;
width: 160px; } }
.main-header .logo a {
display: block;
height: 100%; }
.main-header .btn-menu {
background-color: #262879;
color: #FFF;
cursor: pointer;
display: block;
padding: 10px;
position: absolute;
top: 25px;
right: 15px; }
.main-header .btn-menu.active {
background-color: #444; }
@media screen and (min-width: 768px) {
.main-header .btn-menu {
display: none; } }
.main-header .nav-content {
background-color: #262879;
display: none;
margin: 0 -15px;
padding: 20px 10px; }
@media screen and (min-width: 768px) {
.main-header .nav-content {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
background-color: transparent;
width: -webkit-calc(100% - 95px);
width: calc(100% - 95px);
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
padding: 0; } }
@media screen and (min-width: 1200px) {
.main-header .nav-content {
width: -webkit-calc(100% - 131px);
width: calc(100% - 131px); } }
@media screen and (min-width: 1200px) {
.main-header .-main-menu li:first-child {
margin-left: -100px; } }
@media screen and (min-width: 768px) {
.main-header .nav-menu {
margin: 0 auto; } }
.main-header .nav-menu ul {
list-style: none;
padding-left: 0;
margin: 0; }
@media screen and (min-width: 768px) {
.main-header .nav-menu ul {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex; } }
.main-header .nav-menu li.current-menu-item a {
position: relative; }
@media screen and (min-width: 768px) {
.main-header .nav-menu li.current-menu-item a {
color: #585afc; }
.main-header .nav-menu li.current-menu-item a:before {
background-color: #585afc;
content: '';
display: block;
position: absolute;
bottom: -5px;
left: 50%;
transform: translateX(-50%);
height: 5px;
width: 5px; } }
.main-header .nav-menu a {
color: #FFF;
display: block;
font-weight: 500;
padding: 10px 15px;
text-decoration: none;
text-transform: uppercase; }
@media screen and (min-width: 768px) {
.main-header .nav-menu a {
color: #444;
font-size: 0.8125rem; } }
.main-header .nav-menu a:hover {
opacity: 0.75; }
@media screen and (min-width: 768px) {
.main-header .nav-menu a:hover {
color: #262879;
opacity: 1; } }
.main-header .nav-menu.-social {
margin: 1rem 0 0; }
@media screen and (min-width: 768px) {
.main-header .nav-menu.-social {
margin: 0; } }
.main-header .nav-menu.-social li {
display: inline-block; }
@media screen and (min-width: 768px) {
.main-header .nav-menu.-social li {
margin-left: 5px; } }
@media screen and (min-width: 768px) {
.main-header .nav-menu.-social a {
background-color: #262879;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
border-radius: 100px;
color: #FFF;
display: block;
line-height: 2.3rem;
height: 35px;
width: 35px;
text-align: center;
padding: 0; }
.main-header .nav-menu.-social a:hover {
background-color: #080a5b; } }
.content .post-header {
margin: 1rem 0 2rem;
text-align: center;
text-transform: uppercase; }
@media screen and (min-width: 768px) {
.content .post-header {
text-align: left;
margin-top: 0; } }
@media screen and (min-width: 1200px) {
.content .post-header {
margin-bottom: 3rem; } }
.content .post-header .post-title {
margin: 0;
font-weight: normal;
font-size: 1.25rem; }
@media screen and (min-width: 768px) {
.content .post-header .post-title {
font-size: 1.375rem; } }
@media screen and (min-width: 1200px) {
.content .post-header .post-title {
font-size: 1.625rem; } }
.content .post-header .meta {
font-size: 0.875rem;
color: #ababab; }
.content .post-header .meta span {
margin: 0 5px; }
.content .post-header .meta span:first-child {
margin-left: 0; }
.-the_content {
color: #444;
line-height: 1.6; }
@media screen and (min-width: 1200px) {
.-the_content {
font-size: 1.0625rem;
line-height: 1.85; } }
.-the_content h2, .-the_content h3 {
color: #262879;
font-weight: normal;
font-size: 1.375em;
text-transform: uppercase; }
.-the_content h3 {
font-size: 1em; }
.-the_content img {
height: auto;
max-width: 100%; }
@media screen and (min-width: 1200px) {
.-the_content p {
margin: 1.5rem 0; } }
.-the_content p a {
color: #262879; }
.-the_content a:hover {
color: #262879;
text-decoration: underline; }
.-the_content hr {
border: none;
border-bottom: 5px solid #dddddd;
margin: 2rem 0; }
@media screen and (min-width: 1200px) {
.-the_content hr {
margin: 3.15rem 0; } }
.-the_content address {
font-size: 0.875rem; }
@media screen and (min-width: 768px) {
.-the_content address {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex; } }
@media screen and (min-width: 768px) {
.-the_content address div:first-child {
margin-right: 5%; } }
.-the_content address a {
color: #444;
font-style: normal;
display: block;
text-transform: uppercase;
text-decoration: none; }
.-the_content ul a, .-the_content ol a {
color: #262879;
text-decoration: none; }
.-the_content ul a:hover, .-the_content ol a:hover {
text-decoration: underline; }
.-the_content .gallery {
margin-top: 35px !important; }
.-the_content .gallery .gallery-item {
text-align: left !important; }
.-the_content .-address p {
margin: 0 0 1.5em;
padding-right: 15px; }
@media screen and (min-width: 768px) {
.-the_content .-address p {
margin: 0; } }
.-the_content .-address ul {
list-style: none;
padding-left: 0;
margin: 0;
display: block; }
.-the_content .-address a {
color: #444;
font-size: 14px;
font-weight: 500;
padding: 0; }
.-the_content .-address a:hover {
color: #585afc;
text-decoration: none; }
.-the_content .-address .-inline {
display: flex; }
.-the_content .-address .-inline a {
margin-right: 10px; }
.-the_content .column {
list-style: none;
padding-left: 0;
margin: 0; }
@media screen and (min-width: 992px) {
.-the_content .column {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2; } }
.-the_content .alignnone {
margin: 5px 20px 20px 0; }
.-the_content .aligncenter, .-the_content div.aligncenter {
display: block;
margin: 5px auto 5px auto; }
.-the_content .alignright {
float: right;
margin: 5px 0 20px 20px; }
.-the_content .alignleft {
float: left;
margin: 5px 20px 20px 0; }
.-the_content a img.alignright {
float: right;
margin: 5px 0 20px 20px; }
.-the_content a img.alignnone {
margin: 5px 20px 20px 0; }
.-the_content a img.alignleft {
float: left;
margin: 5px 20px 20px 0; }
.-the_content a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
.-the_content .wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center; }
.-the_content .wp-caption.alignnone, .-the_content .wp-caption.alignleft {
margin: 5px 20px 20px 0; }
.-the_content .wp-caption.alignright {
margin: 5px 0 20px 20px; }
.-the_content .wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto; }
.-the_content .wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px; }
.-the_content .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden; }
.-the_content .screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.map-address {
margin: 2em 0 1em; }
@media screen and (min-width: 768px) {
.map-address {
margin-top: 3em; } }
.responsive-iframe {
background-color: #ccc;
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative; }
.responsive-iframe embed, .responsive-iframe object, .responsive-iframe iframe {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%; }
.list-icons {
display: block; }
.list-icons li {
background: #262879;
color: #FFF;
display: flex;
width: 100%; }
.list-icons li:nth-child(even) {
background-color: #2a2c85; }
.list-icons li .thumbnail {
background: rgba(255, 255, 255, 0.1);
align-items: center;
display: flex;
justify-content: center;
width: 10%; }
@media screen and (min-width: 1200px) {
.list-icons li .thumbnail {
width: 15%; } }
.list-icons li .thumbnail i {
opacity: .85; }
@media screen and (min-width: 1200px) {
.list-icons li .thumbnail i {
font-size: 1.25em; }
.list-icons li .thumbnail i.icon-globe {
font-size: 1.5em; } }
.list-icons li .caption {
padding: 3% 5%;
max-width: 90%; }
@media screen and (min-width: 1200px) {
.list-icons li .caption {
max-width: 85%; } }
.list-icons li .caption h3 {
color: #FFF;
margin: 0 0 10px; }
.list-icons li .caption p {
margin: 0;
opacity: .75; }
.sidebar {
margin-top: 1.25em; }
@media screen and (min-width: 768px) {
.sidebar {
margin-top: 0; } }
.wgt-sidebar {
background-color: #DDD;
color: #444;
overflow: hidden;
margin-bottom: 2rem; }
.wgt-sidebar:last-child {
margin-bottom: 0; }
.wgt-sidebar .wgt-header {
background-color: #585afc;
color: #FFF;
padding: 15px 2rem;
text-transform: uppercase; }
.wgt-sidebar .wgt-header h2 {
font-weight: normal;
font-size: 1rem;
margin: 0; }
.wgt-sidebar .wgt-cont {
border: 1px solid #f1f1f1; }
.wgt-sidebar a {
color: #444;
text-decoration: none;
text-transform: uppercase; }
.wgt-sidebar a:hover {
color: #585afc; }
.wgt-sidebar ol, .wgt-sidebar ul {
list-style: none;
padding-left: 0;
margin: 0; }
.wgt-sidebar .mais-lidas h2 {
font-size: 1rem;
font-weight: normal;
margin: 0; }
.wgt-sidebar .mais-lidas li {
counter-increment: step-counter;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch; }
.wgt-sidebar .mais-lidas li:nth-child(odd):before {
background-color: #585afc; }
.wgt-sidebar .mais-lidas li:nth-child(odd) h2 {
background-color: #FFF; }
.wgt-sidebar .mais-lidas li:before {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
background-color: #6264ff;
color: #FFF;
content: counter(step-counter);
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
min-height: 45px;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
width: 45px; }
.wgt-sidebar .mais-lidas li h2 {
background-color: #f1f1f1;
width: -webkit-calc(100% - 45px);
width: calc(100% - 45px);
padding-left: -webkit-calc(45px / 2);
padding-left: calc(45px / 2); }
.wgt-sidebar .mais-lidas li a {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
font-size: 0.875rem;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px; }
.wgt-sidebar .simple-list {
padding: 1rem 2rem; }
.wgt-sidebar .simple-list li {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center; }
.wgt-sidebar .simple-list a {
color: #585afc;
display: block;
margin-right: 5px;
padding: 7px 0; }
.wgt-sidebar .simple-list a:hover {
text-decoration: underline; }
.wgt-sidebar .destaque-blog {
color: #FFF !important;
min-height: 250px; }
.wgt-sidebar.-contact {
position: sticky;
top: 0; }
.wgt-sidebar.-contact .wgt-header {
text-align: center; }
.wgt-sidebar.-contact .wgt-cont {
padding: 20px 30px 0; }
.wgt-sidebar.-contact .btn-form {
margin: 15px -30px 0;
width: calc(100% + 60px); }
.form-newsletter form {
background-color: #FFF;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
border-radius: 100px;
padding: 8px 15px 8px 25px; }
@media screen and (min-width: 768px) {
.form-newsletter form {
max-width: 400px;
margin: 0 auto; } }
.form-newsletter form .ipt {
background-color: transpartent;
border: none;
font-size: 0.875em;
outline: none;
padding: 6px 0;
width: 65%; }
@media screen and (min-width: 768px) {
.form-newsletter form .ipt {
width: 71%; } }
.form-newsletter form .btn-form {
background-color: #262879;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
color: #FFF;
border: none;
box-shadow: none;
font-size: 0.875em;
float: right;
padding: 6px 15px; }
.form-newsletter form .btn-form:hover {
background-color: #353788; }
.frm legend {
color: #262879;
margin: 0 0 15px;
text-transform: uppercase; }
@media screen and (min-width: 768px) {
.frm .wpcf7-form-control-wrap:nth-child(2), .frm .wpcf7-form-control-wrap:nth-child(3) {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%;
position: relative;
z-index: 10; }
.frm .wpcf7-form-control-wrap:nth-child(2):last-child, .frm .wpcf7-form-control-wrap:nth-child(3):last-child {
margin-right: 0; }
.frm .wpcf7-form-control-wrap:nth-child(2):nth-child(3n), .frm .wpcf7-form-control-wrap:nth-child(3):nth-child(3n) {
margin-right: 0; }
.frm .wpcf7-form-control-wrap:nth-child(2):nth-child(3n+1), .frm .wpcf7-form-control-wrap:nth-child(3):nth-child(3n+1) {
clear: left; } }
.frm .ipt {
background-color: #dddddd;
border: none;
color: #444;
display: block;
font-size: 0.875rem;
outline: none;
padding: 10px 15px;
margin: 0 0 10px;
width: 100%; }
@media screen and (min-width: 768px) {
.frm .ipt {
padding: 13px 15px; } }
@media screen and (min-width: 768px) {
.frm .ipt:nth-child(2), .frm .ipt:nth-child(3) {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%; }
.frm .ipt:nth-child(2):last-child, .frm .ipt:nth-child(3):last-child {
margin-right: 0; }
.frm .ipt:nth-child(2):nth-child(3n), .frm .ipt:nth-child(3):nth-child(3n) {
margin-right: 0; }
.frm .ipt:nth-child(2):nth-child(3n+1), .frm .ipt:nth-child(3):nth-child(3n+1) {
clear: left; } }
.frm .ipt:hover {
background-color: #e7e7e7; }
.frm .ipt:focus {
background-color: #f1f1f1; }
.frm .ipt.-txa {
height: 140px; }
@media screen and (min-width: 1200px) {
.frm .ipt.-txa {
height: 200px; } }
.frm .btn-form {
background-color: #262879;
border: none;
text-transform: uppercase;
padding: 10px 45px;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
box-ordinal-group: 2;
-webkit-order: 2;
-moz-order: 2;
order: 2;
-ms-flex-order: 2; }
.frm .btn-form:hover {
background-color: #121465; }
.frm .ajax-loader {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
box-ordinal-group: 1;
-webkit-order: 1;
-moz-order: 1;
order: 1;
-ms-flex-order: 1; }
.frm .frm-footer {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end; }
.frm-contact-sidebar p {
margin: 0; }
.frm-contact-sidebar .wpcf7-form-control-wrap {
width: 100% !important; }
.frm-contact-sidebar .ipt {
background-color: #FFF;
width: 100% !important; }
.frm-contact-sidebar .btn-form {
background-color: #585afc;
padding: 15px 0;
width: 100%; }
.section-inova.-footer {
background: url(//mangabeiracatering.com.br/wp-content/themes/mangabeira/source/img/bg/bg-footer.jpg) no-repeat center bottom #262879;
background-attachment: fixed;
background-size: cover; }
@media screen and (min-width: 1200px) {
.section-inova.-footer {
padding: 4rem 0; } }
@media screen and (min-width: 992px) {
.section-inova.-footer .container {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; } }
.wgt-footer {
color: #FFF;
text-align: center;
font-size: 0.875rem;
font-weight: 300;
margin: 0 0 3.5rem;
text-transform: uppercase; }
@media screen and (min-width: 992px) {
.wgt-footer {
text-align: left;
margin: 0; } }
.wgt-footer .logo {
background: url(//mangabeiracatering.com.br/wp-content/themes/mangabeira/source/img/logo-mangabeira-catering-white.svg) no-repeat center top;
background-size: 100% auto;
overflow: hidden;
text-indent: 101%;
white-space: nowrap;
margin: 0 auto;
height: 65px;
width: 95px; }
@media screen and (min-width: 992px) {
.wgt-footer .logo {
margin: 0; } }
@media screen and (min-width: 1200px) {
.wgt-footer .logo {
height: 90px;
width: 107px; } }
.wgt-footer .wgt-title {
color: #dbb953;
font-weight: 300;
font-size: 1rem; }
@media screen and (min-width: 992px) {
.wgt-footer .wgt-title {
margin: 0 0 2.25rem; } }
.wgt-footer a {
color: #FFF;
display: block;
text-decoration: none; }
.wgt-footer a:hover {
opacity: 0.75; }
.wgt-footer address {
font-style: normal; }
.wgt-footer.-brand {
margin-bottom: 2rem; }
@media screen and (min-width: 992px) {
.wgt-footer.-brand {
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1; } }
.wgt-footer.-address a:nth-child(2) {
margin-top: 1rem; }
@media screen and (min-width: 1200px) {
.wgt-footer.-address a:nth-child(2) {
padding: 10px 0;
margin-top: 1rem; } }
@media screen and (min-width: 992px) {
.wgt-footer.-address {
-webkit-flex: 2;
-moz-flex: 2;
-ms-flex: 2;
flex: 2;
padding-right: 2.5rem; } }
@media screen and (min-width: 1200px) {
.wgt-footer.-address {
padding-right: 4rem; } }
@media screen and (min-width: 992px) {
.wgt-footer.-list-blog .wgt-title {
margin-bottom: 1rem; } }
.wgt-footer.-list-blog a {
border-bottom: 1px solid #dddddd;
padding: 15px 0; }
.wgt-footer.-list-blog a:last-child {
border: none;
color: #262879; }
@media screen and (min-width: 992px) {
.wgt-footer.-list-blog a:last-child {
text-align: right; } }
@media screen and (min-width: 992px) {
.wgt-footer.-list-blog {
-webkit-flex: 2;
-moz-flex: 2;
-ms-flex: 2;
flex: 2;
padding-right: 2.5rem; } }
@media screen and (min-width: 1200px) {
.wgt-footer.-list-blog {
padding-right: 4rem; } }
.wgt-footer.-list-links ul {
display: flex;
list-style: none;
padding-left: 0;
margin: 0; }
.wgt-footer.-list-links li {
margin-right: 15px; }
.wgt-footer.-list-links li:last-child {
margin-right: 0; }
.wgt-footer.-social {
margin-bottom: 2rem; }
.wgt-footer.-social ul {
list-style: none;
padding-left: 0;
margin: 0;
text-align: center; }
@media screen and (min-width: 992px) {
.wgt-footer.-social ul {
text-align: left; } }
.wgt-footer.-social li {
display: inline-block;
margin: 0 5px; }
.wgt-footer.-social a {
background-color: #262879;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
border-radius: 100px;
color: #FFF;
display: inline-block;
line-height: 2.3rem;
height: 35px;
width: 35px;
text-align: center;
padding: 0; }
.wgt-footer.-social a:hover {
background-color: #080a5b; }
@media screen and (min-width: 992px) {
.wgt-footer.-social {
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1; } }
.copyright {
background-color: #585afc;
color: #FFF;
font-size: 0.875rem;
padding: 20px 0;
text-align: center;
text-transform: uppercase; }
@media screen and (min-width: 768px) {
.copyright .container {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
width: 100%; } }
.copyright p {
margin: 0 0 0.75rem; }
@media screen and (min-width: 768px) {
.copyright p {
font-size: 0.75rem;
letter-spacing: 1.5px;
margin: 0; } }
.copyright a {
color: #262879;
text-decoration: none; }
@media screen and (min-width: 768px) {
.copyright a {
margin-left: auto; } }
.wgt-footer.-social.-language {
display: none; }
@media screen and (min-width: 768px) {
.wgt-footer.-social.-language {
display: block; } }
.wgt-footer.-social.-language .nav-menu.-social {
float: right; }
.wgt-footer.-social.-language .nav-menu.-social .language .-current > a i {
color: #FFF; }
.swiper-container {
width: 100%;
height: 100%; }
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff; display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center; }
.destaque-inova .swiper-slide {
background-size: cover;
background-position: center top;
color: #FFF;
height: 400px;
text-decoration: none;
text-transform: uppercase; }
@media screen and (min-width: 768px) {
.destaque-inova .swiper-slide {
height: -webkit-calc(100vh - 95px);
height: calc(100vh - 95px);
min-height: 820px; } }
@media screen and (min-width: 992px) {
.destaque-inova .swiper-slide {
min-height: 565px; } }
@media screen and (min-width: 1200px) {
.destaque-inova .swiper-slide {
min-height: 462px; } }
.destaque-inova .caption {
align-items: center;
display: flex;
justify-content: center;
margin-top: -45px;
padding: 0 15px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 100; }
@media screen and (min-width: 768px) {
.destaque-inova .caption {
margin-top: -90px; } }
.destaque-inova .caption h2 {
color: #FFF;
font-weight: 300;
font-style: italic;
text-align: center;
text-transform: uppercase; }
@media screen and (min-width: 768px) {
.destaque-inova .caption h2 {
font-size: 2.625em; } }
.destaque-inova .caption h2 strong {
display: block;
font-weight: bold; }
.section-institucional {
margin-top: -100px;
position: relative;
z-index: 100; }
@media screen and (min-width: 768px) {
.section-institucional {
margin-top: -200px; } }
.section-institucional .container {
display: flex; }
.section-institucional .container .caption {
background: url(//mangabeiracatering.com.br/wp-content/themes/mangabeira/source/img/bg/bg-institucional.jpg) no-repeat center center #262879;
background-size: cover;
text-align: center;
padding: 30px; }
@media screen and (min-width: 768px) {
.section-institucional .container .caption {
display: flex;
flex-direction: column;
justify-content: center;
padding: 4.25% 5% 5%;
text-align: left; } }
.section-institucional .container .caption h2 {
color: #FFF;
font-size: 1.25em;
font-weight: 300;
line-height: 1.2;
margin: 0;
text-transform: uppercase; }
.section-institucional .container .caption h2 strong {
display: block; }
@media screen and (min-width: 768px) {
.section-institucional .container .caption h2 {
margin-bottom: auto; } }
.section-institucional .container .caption p {
color: #FFF;
font-weight: 300;
line-height: 1.5;
margin: 2em 0; }
@media screen and (min-width: 768px) {
.section-institucional .container .caption p {
margin-top: 15px; } }
.section-institucional .container .caption .btn {
max-width: 100px; }
@media screen and (min-width: 768px) {
.section-institucional .container .caption .btn {
margin-top: auto; } }
.section-institucional .container .thumbnail {
display: none;
line-height: 0; }
@media screen and (min-width: 768px) {
.section-institucional .container .thumbnail {
display: block; } }
.section-inova.-blog {
background: url(//mangabeiracatering.com.br/wp-content/themes/mangabeira/source/img/bg/bg-blog.jpg) no-repeat center top;
background-size: cover; }
.section-inova.-blog .sec-title {
color: #262879;
font-weight: normal; }
.section-inova.-blog .more {
color: #262879;
display: block;
padding: 2rem 2rem 0.25rem;
text-decoration: none;
text-align: center;
text-transform: uppercase; }
@media screen and (min-width: 1200px) {
.section-inova.-blog .more {
padding: 2rem 2rem 0; } }
.list-featured-blog {
overflow: hidden;
list-style: none;
padding-left: 0;
margin: 0; }
@media screen and (min-width: 768px) {
.list-featured-blog {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex; } }
@media screen and (min-width: 768px) {
.list-featured-blog li {
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
height: 35vh; }
.list-featured-blog li:first-child {
-webkit-flex: 2;
-moz-flex: 2;
-ms-flex: 2;
flex: 2; } }
@media screen and (min-width: 1200px) {
.list-featured-blog li {
height: 50vh;
min-height: 330px; } }
.destaque-blog {
background-size: cover;
background-position: center center;
color: #FFF;
display: block;
text-align: center;
text-transform: uppercase;
text-decoration: none;
padding: 4rem 2rem;
position: relative; }
@media screen and (min-width: 768px) {
.destaque-blog {
height: 100%;
padding: 2rem;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center; } }
.destaque-blog:after {
background-color: rgba(0, 0, 0, 0.15);
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.75));
background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.75));
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.destaque-blog .caption {
position: relative;
z-index: 10;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
@media screen and (min-width: 1200px) {
.destaque-blog .caption {
opacity: 0; } }
.destaque-blog h2 {
margin: 0;
font-weight: normal;
font-size: 1rem; }
.destaque-blog .read-more {
font-size: 0.875rem; }
@media screen and (min-width: 768px) {
.destaque-blog .read-more {
display: block;
margin-top: 1rem; } }
.destaque-blog:hover:before {
opacity: 0; }
.destaque-blog:hover:after {
background-color: rgba(0, 0, 0, 0.25);
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.85));
background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.85)); }
@media screen and (min-width: 1200px) {
.destaque-blog:hover .caption {
opacity: 1; } }
@media screen and (min-width: 1200px) {
.destaque-blog.-vid:before {
content: "\64";
display: block;
height: 100%;
width: 100%;
position: absolute;
top: 50%;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
font-family: "fontastic" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; } }
.list-post {
list-style: none;
padding-left: 0;
margin: 0; }
.list-post li {
margin-bottom: 1rem; }
.post-item {
color: #FFF;
text-decoration: none; }
.post-item:hover .caption {
background-color: #e7e7e7; }
.post-item:hover .thumbnail:before {
background-color: rgba(0, 0, 0, 0.2);
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.75));
background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.75)); }
.post-item .thumbnail {
height: 255px;
background-position: center center;
background-size: cover;
padding: 1rem;
position: relative;
text-transform: uppercase; }
@media screen and (min-width: 768px) {
.post-item .thumbnail {
height: 420px;
padding: 2.5rem; } }
@media screen and (min-width: 1200px) {
.post-item .thumbnail {
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start; } }
.post-item .thumbnail:before {
background-color: rgba(0, 0, 0, 0.15);
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.75));
background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.75));
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.post-item .categ {
background-color: #262879;
color: #FFF;
font-size: 0.875rem;
padding: 5px 10px;
position: relative;
z-index: 10; }
.post-item .title {
font-weight: normal;
font-size: 1.25rem;
margin-bottom: 0;
margin-top: 1rem;
z-index: 10; }
@media screen and (min-width: 1200px) {
.post-item .title {
font-size: 1.625rem; } }
.post-item .caption {
background-color: #f1f1f1;
padding: 1rem;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
@media screen and (min-width: 768px) {
.post-item .caption {
padding: 2.5rem; } }
.post-item .caption p {
margin: 0 0 1rem; }
.post-item .caption .read-more {
color: #262879;
font-size: 0.875rem;
text-transform: uppercase; }
@media screen and (min-width: 768px) {
.section-inova.-servicos .sec-header {
margin-bottom: 4em; } }
.section-inova.-servicos .sec-header .sec-title {
color: #262879;
font-weight: normal;
margin-bottom: 1.5em; }
.section-inova.-servicos .sec-header p {
color: #444;
margin: 0 auto;
max-width: 600px; }
@media screen and (min-width: 768px) {
.section-inova.-servicos .sec-footer {
margin-bottom: 2em; } }
.section-inova.-servicos .more {
color: #262879;
display: block;
padding: 2rem 2rem 0.25rem;
text-decoration: none;
text-align: center;
text-transform: uppercase; }
@media screen and (min-width: 1200px) {
.section-inova.-servicos .more {
padding: 2rem 2rem 0; } }
.lista-servicos {
list-style: none;
padding-left: 0;
margin: 0; }
@media screen and (min-width: 768px) {
.lista-servicos {
display: flex;
flex-wrap: wrap;
justify-content: center; } }
.lista-servicos .item {
margin-bottom: 1.25em;
text-align: center; }
@media screen and (min-width: 768px) {
.lista-servicos .item {
margin-bottom: 1.75em;
padding: 0 15px;
width: calc(100% / 3); } }
@media screen and (min-width: 1200px) {
.lista-servicos .item {
margin-bottom: 2.75em;
padding: 0 60px; } }
.lista-servicos .item .thumbnail {
background-color: #262879;
border-radius: 100%;
margin: 0 auto;
overflow: hidden;
height: 150px;
width: 150px; }
.lista-servicos .item .thumbnail img {
height: auto;
max-width: 100%; }
.lista-servicos .item h3 {
color: #262879;
font-size: 1em;
text-transform: uppercase; }
.lista-servicos .item p {
color: #444; }
.redes-sociais.-in-page {
margin-bottom: 15px; }
@media screen and (min-width: 768px) {
.redes-sociais.-in-page {
margin-right: 20px; } }
@media screen and (min-width: 992px) {
.redes-sociais.-in-page {
margin-right: 35px; } }
@media screen and (min-width: 1200px) {
.redes-sociais.-in-page {
margin-right: 40px; } }
.redes-sociais ul {
display: flex;
justify-content: center;
list-style: none;
padding-left: 0;
margin: 0; }
@media screen and (min-width: 768px) {
.redes-sociais ul {
flex-direction: column; } }
.redes-sociais li {
margin-right: 5px; }
@media screen and (min-width: 768px) {
.redes-sociais li {
margin-bottom: 7px;
margin-right: 0; } }
.redes-sociais a {
background-color: #262879;
border-radius: 100px;
align-items: center;
display: flex;
justify-content: center;
color: #FFF;
font-size: 0.75em;
line-height: 0;
text-decoration: none;
height: 35px;
width: 35px; }
.redes-sociais a:hover {
color: #FFF;
opacity: 0.75; }
.redes-sociais a.facebook {
background-color: #2f3880; }
.redes-sociais a.twitter {
background-color: #3e85e6; }
.redes-sociais a.google {
background-color: #ce282c; }
.lista-seguros {
display: block;
list-style: none;
padding-left: 0;
margin: 0; }
@media screen and (min-width: 768px) {
.lista-seguros {
margin-top: 2em; } }
.lista-seguros li {
display: flex;
margin-bottom: 2em; }
.lista-seguros .thumbnail {
padding-top: 5px;
width: 100px; }
.lista-seguros .thumbnail img {
border: 3px solid #EEE;
height: auto;
max-width: 100%; }
.lista-seguros .caption {
padding-left: 20px;
width: calc(100% - 100px); }
.lista-seguros h2, .lista-seguros h3, .lista-seguros p {
margin: 0; }
.lista-seguros p {
font-size: 0.875em;
margin-top: 15px; }
.page-header {
background-color: #262879;
color: #FFF;
text-align: center;
text-transform: uppercase;
padding: 1.25rem;
position: relative; }
@media screen and (min-width: 768px) {
.page-header {
height: 150px;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center; } }
.page-header:before {
background-color: rgba(0, 0, 0, 0.05);
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.1));
background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.1));
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%; }
.page-header .page-title {
color: #FFF;
font-size: 1.25rem;
margin: 0;
position: relative;
text-decoration: none;
z-index: 10; }
@media screen and (min-width: 768px) {
.page-header .page-title {
font-size: 1.375rem; } }
@media screen and (min-width: 1200px) {
.page-header .page-title {
font-size: 1.625rem; } }
@media screen and (min-width: 768px) {
.page-header.-nav .container {
align-items: center;
display: flex;
justify-content: space-between;
width: 100%; } }
ul {
display: flex;
justify-content: center;
position: relative;
list-style: none;
padding-left: 0;
margin: 0;
z-index: 1; }
@media screen and (min-width: 768px) {
ul {
margin-left: auto; } }
ul li.current_page_item a {
color: #bcbdfe; }
ul a {
color: #FFF;
display: block;
font-size: 0.8125em;
font-weight: 300;
padding: 5px 10px;
text-decoration: none; }
ul a:hover {
color: #bcbdfe; }
.section-inova.-newsletter {
background-image: url(//mangabeiracatering.com.br/wp-content/themes/mangabeira/source/img/bg/bg-newsletter.jpg);
background-color: #262879; }
@media screen and (min-width: 768px) {
.section-inova.-newsletter {
padding: 4rem 0; } }
@media screen and (min-width: 1200px) {
.section-inova.-newsletter {
padding: 5rem 0 6rem; } }
@media screen and (min-width: 768px) {
.section-inova.-newsletter .sec-header {
margin-bottom: 1.25rem; } }
.section-inova.-newsletter .sec-title .light {
display: block; }
.section-inova.-clientes {
box-shadow: 0 0 100px rgba(0, 0, 0, 0.05); }
.list-clientes {
display: flex;
justify-content: space-between;
list-style: none;
padding-left: 0;
margin: 0; }
.list-clientes a {
display: block;
text-align: center; }
.list-clientes img {
height: auto;
max-width: 75%; }
@media screen and (min-width: 768px) {
.list-clientes img {
max-width: 100%; } }
.pagination-section {
margin: 2rem 0 0;
font-size: 0.9375rem;
text-align: center; }
@media screen and (min-width: 1200px) {
.pagination-section {
margin-top: 2.75rem; } }
.pagination-section span, .pagination-section a {
background-color: #dddddd;
color: #444;
display: inline-block;
margin: 0 2px;
padding: 8px;
text-decoration: none; }
.pagination-section a {
background-color: #262879;
color: #FFF; }
.pagination-section a:hover {
background-color: #3a3c8d; }
.nav-menu.-social .language {
width: 50px;
position: relative;
z-index: 200; }
@media screen and (max-width: 767px) {
.nav-menu.-social .language {
position: absolute;
top: 100px;
right: 0; } }
@media screen and (min-width: 1200px) {
.nav-menu.-social .language {
margin-right: -10px; } }
.nav-menu.-social .language .-current {
cursor: pointer;
margin-left: 0;
width: 50px; }
.nav-menu.-social .language .-current > a i {
color: #444;
position: absolute;
top: -2px;
right: 0; }
@media screen and (max-width: 767px) {
.nav-menu.-social .language .-current > a i {
display: none; } }
.nav-menu.-social .language ul {
display: none;
flex-direction: column;
position: absolute;
top: 38px;
right: 0;
width: 55px;
z-index: 100; }
@media screen and (max-width: 767px) {
.nav-menu.-social .language ul {
width: 50px; } }
.nav-menu.-social .language ul li {
display: block;
margin-bottom: 10px; }
.nav-menu.-social .language a {
background-repeat: none;
background-size: cover;
display: block;
overflow: hidden;
height: 27px;
width: 27px; }
.-overlay-language {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 100; }