h1, h2, h3, h4, h5, h6, p, a, span {font-family: 'Roboto', sans-serif;}
h1, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6 {
    line-height: 40px; letter-spacing: -1px;}
h4, .entry-content h4 {font-weight: bold;}
.main-header-bar-navigation {margin-bottom: 40px;}
a:hover {text-decoration: none !important;}
p {color: #707070;}
footer p {color: white;}
li {color: #707070; margin-bottom: 24px;}

a#scroll-to-top{z-index: 1000;}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  
  div.image-services {border-radius: 24px 24px 0 0; min-height: 200px;}
  div.header-services {border-radius: 0 0 24px 24px; padding: 40px 54px;}
  
  div.box-services .content-desc {padding-right: 0;}

  div.box-services .content-title {
    margin: 16px 0;
    font-size: 24px;
    line-height: 24px;
}

  .footer-adv-overlay {padding: 64px 44px;}
  footer.site-footer {margin-top: -50px;}
  h4, .entry-content h4, h4.title-about {font-size: 24px;}
  
  .ast-header-break-point .main-header-menu {
    background-color: #f5ffec;
    width: 50%;
    margin-right: 30px;
    float: right;
    text-align: right;
    border-radius: 8px;
    box-shadow: 10px 10px 20px rgb(163 236 107 / 20%);
}

.main-header-bar .main-header-bar-navigation.toggle-on {padding-top: 0;}
.ast-header-break-point .main-navigation ul .menu-item .menu-link {border: none;}
.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu {border: none;}
.menu-item {margin: 0;}

.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle {
  right: 84px; color: #73aa17;}
.ast-header-break-point .main-navigation ul.sub-menu .menu-item .menu-link:before{display: none;}

.ast-header-break-point .main-header-menu .sub-menu {background-color: #d1f5b4;}
.header-main-layout-2 .main-header-bar-navigation .sub-menu {text-align: right;}

div.box-topo {padding: 24px 48px 32px 48px;}
  
} /*************************/


@media (min-width: 580px) {
  div#n2-ss-4 .n2-ss-slider-2, div#n2-ss-4 .n2-ss-layers-container, div#n2-ss-4 .n2-ss-slide-active {min-height: 550px;}
  .wpcf7 form .wpcf7-response-output {margin: -3.5em 0.5em 1em; width: 70%;}
}

/* sub-menu */
.ast-desktop .main-header-menu.submenu-with-border .sub-menu {
    border: none;
    background-color: #d1f5b4;
    border-radius: 8px;
    width: 180px;
    margin-top: 8px;
}
.sub-menu .menu-item a:hover.menu-link {
    background-color: #edfbe1;
    border-radius: 8px;
    color: #73aa17 !important;
}

.sub-menu li.menu-item {margin: 0;}
.sub-menu a.menu-link {text-transform: lowercase;}
.main-header-menu .sub-menu .menu-link {padding: 10px 20px;}
.ast-desktop .main-header-menu .sub-menu {box-shadow: 10px 10px 20px rgb(163 236 107 / 30%);}

/* menu */
.main-header-menu .menu-link {
    color: #73AA17;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 8px;
    height: 40px !important;
}
.menu-item a:hover.menu-link {
    background-color: #73AA17;
    border-radius: 8px;
    color: white !important;
}

.main-header-menu .current-menu-item > .menu-link{
  background-color: #73AA17;
  color: white;
  border-radius: 8px;
}

.menu-item {margin: 0 4px;}

.site-footer .widget-title {
    color: #fff;
    font-weight: bold;
    font-size: 30px;
}

.site-footer {
    margin-top: -24px;
    z-index: 10;
    position: relative;
}

.footer-adv-widget-4 p {
  margin-bottom: 40px;
  padding-left: 35px;
}
.site-footer a {color: #73AA17;}
.widget_nav_menu li {line-height: 32px; margin-bottom: 0;}
.site-footer a:focus, .site-footer a:hover {color: #A3EC6B;}

.site-footer a:focus, .site-footer a:hover {background-color: transparent !important;}

.footer-adv-widget-4 i {
    margin-right: 20px;
    margin-left: -35px;
}

.footer-adv-widget-4 {padding-right: 0;}

.rapha{
  font-family: 'Montserrat', sans-serif;
  background-color: cyan;
  padding: 0px 4px;
  border-radius: 4px;
}
a.rapha {color: #2D2D44;}
a:hover.rapha {color: #2D2D44; background-color: #fff !important;}
  
.footer-adv-overlay {border-radius: 24px 24px 0 0; padding-bottom: 94px;}

.ast-footer-overlay {
    border-radius: 24px 24px 0 0;
    margin-top: -24px;
    padding: 24px 0;
}

.rainbow {
    background-image: url(http://www.bmsolucoesgraficas.com.br/wp-content/uploads/2020/11/Rainbow.jpg);
    height: 8px;
    background-position: center;
    margin-bottom: 24px;
}
  
.n2-ss-slider-3.n2-ow {border-radius: 24px;}


.box-topo.kc-fb-layout-1 .content-title {
    margin: 4px 0px;
    font-size: 16px;
    text-transform: lowercase;
    font-weight: 700;
    color: #36500A;
}
.box-topo.kc-fb-layout-1 .content-desc {
    font-weight: 400;
    margin-bottom: 0;
    color: #36500A;
    font-size: 12px;
}

.box-topo.kc-fb-layout-1 .content-icon i {
    font-size: 32px;
    color: #36500A;
}

.box-topo {
    background-color: rgb(163 236 107 / 50%);
    border-radius: 16px;
    padding: 16px 16px 24px 16px;
    box-shadow: 10px 10px 20px rgb(163 236 107 / 30%);
}

.cl-effect-5 a {
    overflow: hidden;
    color: #73AA17 !important;
    letter-spacing: 0 !important;
}

.cl-effect-5 a:hover {color: #36500a;}
.cl-effect-5 a span {text-decoration: underline;}
.cl-effect-5 a span::before {text-decoration: underline;}

.link-widget {margin: -24px 0 0 75px; width: 100px; }

.title-rainbow:after {
    content: "";
    background-image: url('http://www.bmsolucoesgraficas.com.br/wp-content/uploads/2020/11/rainbow-title.png');
    height: 4px;
    width: 60px;
    display: block;
    margin-top: 24px;
}

.title-rainbow-center:after {
    content: "";
    background-image: url('http://www.bmsolucoesgraficas.com.br/wp-content/uploads/2020/11/rainbow-title.png');
    height: 4px;
    width: 60px;
    display: block;
    margin: 24px auto;
}

h4.title-about {
    color: #36500a;
}
.title-about:after {
    content: "";
    background-color: #36500a;
    height: 4px;
    width: 44px;
    display: block;
    margin-top: 8px;
}

/* services */

.service-section {margin-bottom: 80px;}
.image-services {border-radius: 24px 0 0 24px;}
.header-services{padding: 160px 60px; border-radius: 0 24px 24px 0;}

.header-services p {color: white; margin: 0}
    
.header-services h4 {
    color: white;
    text-transform: lowercase;
}

.header-services h4:after {
    content: "";
    background-color: white;
    height: 4px;
    width: 44px;
    display: block;
    margin-top: 8px;
}

.portfolio-services{
  margin-bottom: 48px;
  padding-bottom: 60px;
  border-bottom: 1px solid #f0f0f0;
}

.box-services{text-align: left; margin-top: 44px;}

.box-services .content-title {
    margin: 8px 0;
    font-size: 30px;
    letter-spacing: -1px;
    text-transform: lowercase;
    font-weight: 700;
    color: #262626;
}
.box-services .content-icon i {
    background-color: gray;
    color: white;
    font-size: 32px;
    padding: 12px 16px;
    border-radius: 16px;
    width: 72px;
    cursor: pointer;
}
.icon-widget.box-services .content-icon i {
    font-size: 24px;
    width: 50px;
    padding: 8px 8px;
    border-radius: 12px;
}
.icon-widget.box-services .content-title {
    font-size: 24px;
    margin-top: -4px;
}
.icon-widget {margin-top: 40px;}

.box-services .content-desc {padding-right: 24px;}


.adesivos.kc_column{background-color: red;}
.adesivos.box-services .content-icon i {background-color: red; box-shadow: 10px 10px 20px rgb(255 0 0 / .3);}
.adesivos.box-services .content-icon i:hover {background-color: #c70000;}

.embalagens.kc_column{background-color: orange;}
.embalagens.box-services .content-icon i {background-color: orange; box-shadow: 10px 10px 20px rgb(255 165 0 / .3);}
.embalagens.box-services .content-icon i:hover {background-color: #dc8e00;}

.editorial.kc_column{background-color: #FFE207;}
.editorial.box-services .content-icon i {background-color: #FFE207; box-shadow: 10px 10px 20px rgb(255 226 7 / .3);}
.editorial.box-services .content-icon i:hover {background-color: #d6be06;}

.magnetos.kc_column{background-color: #68CB3B;}
.magnetos.box-services .content-icon i {background-color: #68CB3B; box-shadow: 10px 10px 20px rgb(104 203 59 / .3);}
.magnetos.box-services .content-icon i:hover {background-color: #519e2e;}

.pdv.kc_column{background-color: #18D2E9;}
.pdv.box-services .content-icon i {background-color: #18D2E9; box-shadow: 10px 10px 20px rgb(24 210 233 / .3);}
.pdv.box-services .content-icon i:hover {background-color: #15b2c5;}

.projetosespeciais.kc_column{background-color: #0066CC;}
.projetosespeciais.box-services .content-icon i {background-color: #0066CC; box-shadow: 10px 10px 20px rgb(0 102 204 / .3);}
.projetosespeciais.box-services .content-icon i:hover {background-color: #034c96;}

.tapumes.kc_column{background-color: #973699;}
.tapumes.box-services .content-icon i {background-color: #973699; box-shadow: 10px 10px 20px rgb(151 54 153 / .3);}
.tapumes.box-services .content-icon i:hover {background-color: #702871;}

.contato.kc_column{background-color: #73AA17;}

/* final services */

.kc-call-to-action {
    position: relative;
    z-index: 10;
}

/* clientes */
.clientes .owl-wrapper-outer {
    padding: 16px 0;
    background-color: white;
    border-radius: 16px;
    box-shadow: 10px 10px 20px rgb(163 236 107 / .1);
}
.clientes .owl-item {text-align: center;}
.clientes img {width: 85px;}

.owl-nav-arrow.owl-theme .owl-controls .owl-buttons div:before {
    color: #d1f5b4;
    font-size: 32px;
    font-weight: bold;
}
/* final clientes */

.pp_nav {display: none !important;}
div.ppt {margin: 0;}


/* contato */
input[type=email], input[type=number], input[type=password], input[type=reset], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    border-radius: 8px;
    padding: 8px 16px !important;
    color: #000;
}

.wpcf7 textarea {
  height: 140px; 
  color: #000;
  
}

input[type="submit"] {
    border-radius: 8px;
    float: right;
    font-size: 12px;
    font-weight: bold;
    padding: 12px 24px;
}

::placeholder {color: #000000; font-size: 12px;}







