.logo-header {
background: #F5F5F5;
}
.logo-header a {
display: block;
margin: 0 auto;
max-width: 33%;
outline: none;
}
.sub-header {
background: #BC4326;
}
.right-sub-header img {
padding: 5px;
}
.sub-header ul#menu-menu-sub-header {
display: flex;
list-style: none;
margin-bottom: 0px;
padding-left: 0px;
}
.sub-header-content .left-sub-header .vc_column-inner .wpb_wrapper p {
display: flex;
}
.sub-header-content .vc_column-inner .wpb_wrapper p a {
padding: 10px;
display: flex;
align-content: center;
justify-content: center;
position: relative;
}
.sub-header-content .vc_column-inner .wpb_wrapper p a:after, .left-sub-header #menu-menu-sub-header a:after {
display: block;
width: 2px;
height: 30px;
background: #FB6A05;
content: "";
border-radius: 50%;
position: absolute;
top: 50%;
margin-top: -15px;
right: 0px;
}
.left-sub-header #menu-menu-sub-header a {
padding: 7.5px 10px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: bold;
text-decoration: none;
position: relative;
font-size: 0.875rem;
}
.left-sub-header #menu-menu-sub-header li:last-child a:after {
display: none;
}
.sub-header-content .vc_column-inner .wpb_wrapper {
display: flex;
}
.right-sub-header .wpb_wrapper p {
display: flex!important;
min-width: 100%;
align-items: center;
justify-content: flex-end;
color: #fff;
text-transform: uppercase;
padding: 4.5px 0px;
font-size: 0.875rem;
}
.right-sub-header a {
padding: 0px!important;
}
.right-sub-header a:after {
display: none!important;
}
.sub-header-content .right-sub-header .vc_column-inner .wpb_wrapper .wpb_wrapper {
display: flex;
}
.sub-header-content .right-sub-header .vc_column-inner .wpb_wrapper .wpb_text_column.wpb_content_element{
min-width: 100%;
}
.logo-header img {
padding: 30px 0px;    
}
.menu-topo .current-menu-item, .menu-topo .current-category-ancestor {
border-bottom: 1px solid #fff;
}
.nav-site {
background: #FF6900;
padding: 0px;
}
nav.menu-topo ul.nav-item li {
margin-right: 15px;
position: initial;
}
nav.menu-topo ul li.nav-item  > a {
color: #fff;
padding: 10px;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 0.875rem;
}
body .menu-topo  li.nav-item > a:before {
content: "";
width: 25px;
height: 26px;
display: block;
background-size: 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
margin-right: 15px;
}
li.menu-pequenos-reparos a:before{
background: url(https://dicasmaonamassa.com.br/wp-content/uploads/2024/02/pequenos-reparos-icon.svg);
}
li.menu-inspire-se a:before{
background: url(https://dicasmaonamassa.com.br/wp-content/uploads/2024/02/inspirese-icon.svg);
}
li.menu-eco-decoracao a:before{
background: url(https://dicasmaonamassa.com.br/wp-content/uploads/2024/02/decoracao-icon.svg);
}
li.menu-paisagismo a:before{
background: url(https://dicasmaonamassa.com.br/wp-content/uploads/2024/02/paisagismo-icon.svg);
}
li.menu-datas-comemorativas a:before{
background: url(https://dicasmaonamassa.com.br/wp-content/uploads/2024/02/datas-icon.svg);
}
.scroller-news {
border-bottom: 1px solid #E8E8E8;
}
footer.site-footer {
background-color: #BC3908;
background-image: url(https://dicasmaonamassa.com.br/wp-content/uploads/2024/02/rodape-bg-min.jpg);
padding: 60px 0px 0px 0px;
background-size: cover;
background-position: 50% 50%;
}
footer.site-footer .menu-categorias-container li a:before {
content: "";
width: 38px;
height: 40px;
background-size: 100% 100%;
display: block;
background-repeat: no-repeat;
background-position: 50% 50%;
margin-bottom: 18px;
}
footer.site-footer ul li {
position: relative;
padding: 0px 30px;
}
footer.site-footer ul li:after {
display: block;
width: 5px;
height: 90px;
background: rgb(255 105 0 / 20%);
content: "";
border-radius: 50%;
position: absolute;
top: 50%;
margin-top: -45px;
right: 0px;
}
footer.site-footer ul li:last-child:after{
display: none;
}
footer.site-footer ul {
list-style: none;
padding: 0px;
display: flex;
justify-content: center;
align-content: center;
margin-bottom: 60px;
border-bottom: 5px solid rgb(255 105 0 / 20%);
padding-bottom: 30px;
padding-top: 30px;
border-top: 5px solid rgb(255 105 0 / 20%);
flex-wrap: wrap;
}
footer.site-footer ul li a {
color: #fff;
padding: 10px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
text-decoration: none;
text-align: center;
}
footer.site-footer ul.sub-menu {
display: none!important;
}
.oferecimento-footer-logos {
display: flex;
align-items: center;
flex-direction: row;
justify-content: center;
}
.vc_row.wpb_row.vc_row-fluid.oferecimento-footer {
text-transform: uppercase;
text-align: center;
color: #fff;
margin-bottom: 60px;
}
.post-footer-grid {
display: flex;
align-items: center;
}
.post-footer-grid .wpb_single_image {
max-width: 50px;
min-width: 50px;
min-height: 50px;
max-height: 50px;
margin-bottom: 0px!important;
border-radius: 50%;
overflow: hidden;
margin-right: 10px;
}
.posts-footer .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
padding-right: 0px;
padding-bottom: 0px;
}
.posts-footer  .vc_gitem-post-data {
margin-bottom: 0px;
}
.posts-footer  .vc_gitem-post-data a{
color: #fff!important;
}
.posts-footer .vc_pageable-slide-wrapper .vc_grid-item {
border-bottom: 5px solid rgb(255 105 0 / 20%);
padding-bottom: 5px!important;
margin-bottom: 5px;
}
.posts-footer .vc_pageable-slide-wrapper .vc_grid-item:last-child {
border: 0px!important;
padding-bottom: 0px!important;
margin-bottom: 0px;
}
.site-footer .wpb_column.vc_column_container.vc_col-sm-4 .vc_column-inner {
max-width: 330px;
margin: 0 auto;
}
.posts-footer .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
margin-right: 0px;
}
.posts-footer  .vc_grid.vc_row.vc_grid-gutter-30px {
margin-bottom: 0px;
}
footer.site-footer h3 {
font-size: 1.4rem;
color: #fff;
margin-bottom: 20px!important;
}
footer.site-footer h3 strong {
background: #fff;
color: #CF5117;
padding: 2px;
border-radius: 8px;
font-weight: 500;
}
.links-social-footer {
border-bottom: 5px solid rgb(255 105 0 / 20%);
padding-bottom: 60px;
display: flex;
margin-bottom: 60px!important;
}
.links-social-footer a {
margin-right: 20px;
text-decoration: none;
}
.links-social-footer img, .e-mail-footer img {
margin-right: 10px;
}
.e-mail-footer a, .links-social-footer a{
color: #fff;
display: flex;
align-items: center;
}
.copy {
display: block;
margin-top: 30px;
padding-bottom: 0px;
}
.copy p {
display: flex;
text-align: center;
align-items: center;
justify-content: center;
color: #fff;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
border-top: 5px solid rgb(255 105 0 / 20%);
padding-top: 30px;
margin-bottom: 0px;
padding: 15px;
}
.copy p img{
margin-left: 10px;
}
.col-md-8.content-archive {
padding-right: 45px;
}
ul.dropdown-menu.mega-menu {
width: 100%;
left: 0px;
padding: 30px;
margin-top: 0px;
border-radius: 0px;
background: #F5F5F5;
border-bottom: 3px solid #CDCDCD; 
}
ul.dropdown-menu.mega-menu ul {
margin: 0px!important;
padding: 0px!important;
list-style: none;
}
ul.dropdown-menu.mega-menu ul a{
color: #4D4D4D;
text-decoration: none;
}
ul.dropdown-menu.mega-menu .widget.widget_nav_menu ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
ul.dropdown-menu.mega-menu .widget.widget_nav_menu li {
width: 50%;
padding: 10px;
}
ul.dropdown-menu.mega-menu .widget.widget_nav_menu li.current-menu-item {
font-weight: bold;
}
ul.dropdown-menu.mega-menu .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
padding-right: 0px;
padding-bottom: 0px;
}
ul.dropdown-menu.mega-menu .vc_grid.vc_row.vc_grid-gutter-30px {
margin-bottom: 0px;
}
ul.dropdown-menu.mega-menu .post-mega-menu-grid {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-items: center;
}
ul.dropdown-menu.mega-menu  .post-mega-menu-grid  .wpb_single_image.wpb_content_element.vc_align_center {
max-width: 40px;
border-radius: 50%;
overflow: hidden;
max-height: 40px;
margin-right: 15px;
margin-bottom: 0px!important;
}
ul.dropdown-menu.mega-menu .post-mega-menu-grid .vc_gitem-post-data {
margin-bottom: 0px;
max-height: 45px;
overflow: hidden;
}
ul.dropdown-menu.mega-menu  .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
margin-right: 0px;
}
.grid-destaque-mega-menu-item h3 {
font-size: 1rem;
}
.grid-destaque-mega-menu-item .vc_gitem-row-position-top {
position: relative!important;
}
ul.dropdown-menu.mega-menu .vc_gitem_row .vc_gitem-col {
padding: 0px;
}
nav.menu-topo {
display: flex;
justify-content: space-between;
min-width: 100%;
}
.menu-topo .search {
display: flex;
justify-content: center;
align-items: center;
}
.search input.is-search-input {
background: rgb(255 255 255 / 15%)!important;
border: 0px!important;
border-radius: 8px 0px 0px 8px;
color: #fff;
}
.menu-topo .search input.is-search-input::placeholder{
color:rgb(255 255 255 / 55%);
}
.menu-topo .search  .is-form-style input.is-search-submit, .is-search-icon {
background: rgb(255 255 255 / 15%)!important;
border-radius: 0px 8px 8px 0px;
border: 0px;
}
.menu-topo .search  .is-form-style .is-search-submit path {
fill: #fff;
}
.menu-topo .search div.is-ajax-search-details, div.is-ajax-search-result {
width: 200px!important;
padding: 0px!important;
}
.is-ajax-search-details a, .is-ajax-search-result a {
color: #202020!important;
text-decoration: none!important;
}
.is-ajax-search-result .is-search-sections {
display: flex;
flex-direction: column;
}
.is-ajax-search-result  .is-search-sections .thumbnail img {
margin-bottom: 20px;
display: block;
}
nav.menu-topo .search {
max-width: 160px;
}
.grid-destaque-mega-menu-item:before{
display: none!important;
}
.grid-destaque-mega-menu-item .vc_gitem-post-data {
margin-bottom: 0px;
}
.grid-destaque-mega-menu-item .vc_gitem-row-position-bottom {
position: relative!important;
}
.container-grid-menu-item-mega-menu .vc_grid-item {
border-bottom: 1px solid #D8D8D8;
padding-bottom: 10px!important;
margin-bottom: 10px;
}
.container-grid-menu-item-mega-menu .vc_grid-item:last-child {
border-bottom: 0px ;
}
.grid-destaque-mega-menu-item .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title {
font-size: 0.9rem;
font-size: 0.9rem;
max-height: 38px;
overflow: hidden;
}
.grid-destaque-mega-menu-item .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_date {
padding-top: 15px;
border-radius: 8px;
color: #D84D39;
margin-bottom: 30px;
}
.menu-topo .dropdown-toggle::after {
background: url(https://dicasmaonamassa.com.br/wp-content/uploads/2021/06/dropdown-icon.svg);
border: 0px!important;
width: 10px;
height: 6px;
background-repeat: no-repeat;
background-size: 100%;
}
button.navbar-toggler {
padding: 15px;
outline: none!important;
border: 0px!important;
color: #fff;
}
button.navbar-toggler.collapsed  .fa-bars:before {
content: "\f0c9"!important;     
}
button.navbar-toggler .fa-bars:before {
content: "\f00d"!important;
}
body a.dropdown-mobile{
display: none!important;
}
.dropdown-icon {
background: url(https://dicasmaonamassa.com.br/wp-content/uploads/2021/06/dropdown-icon.svg);
border: 0px!important;
height: 20px;
max-width: 10px;
margin: 0 auto;
width: 10px;
background-repeat: no-repeat;
background-size: 100%;
display: block;
position: relative;
background-position: 50% 50%;
}
nav.menu-topo ul  li.nav-item  > button {
display: none;
background: transparent;
border: 0px;
padding: 15px 0px;
width: 50px;
outline: none;
cursor: pointer;
transition: transform .2s;
}
nav.menu-topo ul li.nav-item.show > button{
-webkit-transform: rotate(180deg); 
-moz-transform: rotate(180deg);      
-o-transform: rotate(180deg);         
-ms-transform: rotate(180deg);      
transform: rotate(180deg);
}
.menu-topo .dropdown-toggle::after{
transition: transform .2s;
}
.menu-topo .dropdown-toggle:hover::after{
-webkit-transform: rotate(180deg); 
-moz-transform: rotate(180deg);      
-o-transform: rotate(180deg);         
-ms-transform: rotate(180deg);      
transform: rotate(180deg);
}
.site ul.zoom-instagram-widget__items {
padding: 0px!important;
display: block;
margin: 0 auto!important;
border: 0;
box-shadow: none;
}
.site .site-footer ul.zoom-instagram-widget__items li.zoom-instagram-widget__item {
border-radius: 6px;
overflow: hidden;
}
a.insta-conta {
padding: 2px 4px;
background: rgb(209,83,23)!important;
background: linear-gradient( 
61deg
, rgba(209,83,23,1) 0%, rgba(241,121,43,1) 100%)!important;
border-radius: 8px;
color: #fff;
font-weight: 500;
padding: 10px;
position: absolute;
width: 280px;
top: calc(50% - 26px);
left: calc(50% - 130px);
text-align: center;
font-size: 22px;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
a.insta-conta img{
margin-right: 10px;
}
.instagram {
position: relative;
}
body .wpcf7-not-valid{
border-color:#f00!important;
}
body span.wpcf7-not-valid-tip{
display: none!important;
}
body h2#swal2-title {
font-size: 1.4rem;
}
.grecaptcha-badge {
display: none!important;
}
.oferecimento-footer-logos img {
margin: 0px 15px;
}
@media all and (min-width: 992px) {
.navbar .nav-item .dropdown-menu{ display: none; }
.navbar .nav-item:hover .nav-link{   }
.navbar .nav-item:hover .dropdown-menu{ display: block; }
.navbar .nav-item .dropdown-menu{ margin-top:0; }
}
@media screen and (max-width: 1200px) and (min-width: 768px){
.container {
max-width: 100%!important;
}
nav.menu-topo .search {
max-width: 155px;
}
nav.menu-topo ul li.nav-item > a {
font-size: 0.838rem;
}
footer.site-footer ul li {
padding: 0px 20px;
}
}
@media (max-width:991px){
ul.dropdown-menu.mega-menu {
padding: 5px;
}
ul.dropdown-menu.mega-menu.show .container {
padding: 5px 10px!important;
margin: 0px!important;
flex-direction: column;
}
ul.dropdown-menu.mega-menu .vc_row {
margin-left: 0px;
margin-right: 0px;
}
ul.dropdown-menu.mega-menu.show .vc_column_container > .vc_column-inner {
padding: 0px;
}
body a.dropdown-mobile{
display: block!important;
}
nav.menu-topo ul li.nav-item > a {
max-width: calc(100% - 50px)!important;
}
div.is-ajax-search-result {
max-width: 100%!important;
margin-top: 10px!important;
right: 0px!important;
width: 100%!important;
left: 0px!important;
}
div#navbar-collapse-1 {
position: absolute;
width: 100%;
background: #d25518;
top: 56px;
z-index: 10;
left: 0px;
padding: 15px;
} 
.navbar-nav {
margin: 0px;
}
.menu-topo .dropdown-toggle::after {
display: none;
}
nav.menu-topo ul  li.nav-item  > a {
justify-content: flex-start;
float: left;
max-width: calc(100% - 50px)!important;
min-width: calc(100% - 50px)!important;
}
nav.menu-topo ul  li.nav-item  > button {
display: block;
}
.nav-site .container {
display: flex;
justify-content: space-between;
flex-direction: row-reverse; 
flex-wrap: wrap;
}
nav.menu-topo {
display: flex;
justify-content: space-between;
min-width: 200px;
padding: 10px;
}
}
@media (max-width:768px){
.site .instagram ul.zoom-instagram-widget__items li.zoom-instagram-widget__item {
min-width: 50%;
}
.site-footer li.zoom-instagram-widget__item {
width: 28%!important;
}
.site .instagram .zoom-instagram-widget__items .zoom-instagram-widget__item .zoom-instagram-link {
width: 100%!important;
height: 260px;
}
.site-footer .zoom-instagram-widget__items .zoom-instagram-widget__item .zoom-instagram-link {
width: 100%!important;
height: 140px;
}
.sub-header-content {
max-width: 100%!important;
}
.logo-header a {
max-width: 100%;
width: 250px;
}
.right-sub-header.wpb_column.vc_column_container.vc_col-sm-6 {
display: none;
}
.sub-header-content .vc_column-inner .wpb_wrapper {
justify-content: center;
}
footer.site-footer ul li {
padding: 0px 15px;
width: 50%;
}
footer.site-footer ul li:after{
display: none;
}
footer.site-footer ul li a {
border: 1px solid #f3f3f3;
margin-bottom: 30px;
border-radius: 8px;
}
.site-footer .wpb_column.vc_column_container.vc_col-sm-4 .vc_column-inner {
max-width: 100%;
}
.site-footer .wpb_column.vc_column_container.vc_col-sm-4 {
border-bottom: 1px solid rgb(255 255 255 / 20%);
padding-bottom: 60px;
display: flex;
margin-bottom: 60px!important;
}
.site-footer .wpb_column.vc_column_container.vc_col-sm-4:last-child {
border-bottom: 0px;
margin-bottom: 0px!important;
}
}
@media (max-width:478px){
.instagram .zoom-instagram-widget__items .zoom-instagram-widget__item .zoom-instagram-link {
width: 100%!important;
min-height: 190px;
}
}
@media (max-width:360px){
.instagram .zoom-instagram-widget__items .zoom-instagram-widget__item .zoom-instagram-link {
width: 100%!important;
min-height: 140px;
}
}
@media(max-width: 1150px){
html{
font-size: 93.75%;
}
}
@media(max-width: 720px){
html{
font-size: 87.5%;
}
}