/*
Theme Name: Laboratorio Oswaldo Cruz
Author: iSense Comunicação
Description: 
Version: 1.0
License: 
License URI:
Tags: 
Text Domain: 
*/

/*================================= fonts =================================*/

@font-face {
    font-family: 'courager';
    src: url('fonts/courager/courager-webfont.woff2') format('woff2'),
         url('fonts/courager/courager-webfont.woff') format('woff'),
         url('fonts/courager/Courager.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

.Open { font-family: 'Open Sans', sans-serif; }

.Courager { font-family: 'courager', sans-serif; letter-spacing:4px; }

.white, .white a { color: #fff; }
.black, .black a { color: #000; }

.red, .red a { color: #cd1728; }
.green, .green a { color: #009233; }


.font-light { font-weight: 300; }
.font-regular { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-black { font-weight: 900; }

h1 { font-size: 60px; line-height: 60px; }
h2 { font-size: 48px; line-height: 50px; }
h3 { font-size: 36px; line-height: 36px; }
h4 { font-size: 24px; line-height: 30px; letter-spacing:1px; }
h5 { font-size: 18px; line-height: 20px; letter-spacing:1px; }

p { font-size: 14px; line-height: 18px; letter-spacing:1px; }

.txt,
.txt p { font-size: 18px; line-height: 30px; letter-spacing:1px; }

.img-fluid { width: 100%; }

/*================================= styles =================================*/

*{ outline:none; margin: 0px; padding: 0px;  }

body{ overflow-x: hidden; background-color: #fff; background-image: url(img/bg.jpg); background-repeat: repeat; background-position: top center; }
html { margin: 0px; padding: 0px; }

a, a:hover, button, button:hover { text-decoration: none; transition: all .1s linear; }


.zoom img { transition: all 0.3s; transform: scale(1); }
.zoom:hover img { transform: scale(0.95); }


.display-desktop {  }
.display-mobile { display: none; }

label { 
  font-family: 'courager', serif;
  color: #333; 
  font-size: 25px;
  text-transform: uppercase;
}

.wpcf7-submit { 
  padding: 5px 25px; 
  border:none; 
  font-family: 'courager', serif; color: #fff; 
  font-size: 30px;
  background: #cd1728;
  text-transform: uppercase;
  letter-spacing:2px;
}

/*================================= header =================================*/


.menu-desktop .nav .nav-item .nav-link { color: #cd1728; font-size: 48px; padding: 10px 30px; white-space: nowrap;  }
.menu-desktop .nav .nav-item .nav-link:hover,
.menu-desktop .nav .nav-item .active { color: #009233; }
.menu-desktop .logo img  { width: 100%; max-width: 450px; }

.menu-mobile .bg-light { background-color: transparent !important; }
.menu-mobile .logo img  { width: 100%; max-width: 300px; }
.menu-mobile .navbar-toggler { border:none; font-size: 40px; color: #cd1728; padding: 10px; }
.menu-mobile .navbar-nav .nav-item .nav-link { color: #cd1728; font-size: 40px; padding: 5px 10px;  }
.menu-mobile .navbar-nav .nav-item .nav-link:hover,
.menu-mobile .navbar-nav .nav-item .active { color: #fff; background-color: #009233; }


#header-slide .item { min-height: 800px; background-position: left center; background-repeat: no-repeat; background-size: cover; }

#header-slide .owl-nav {  display: none; }
#header-slide .owl-dots { display: block; }
.owl-theme .owl-dots .owl-dot span {
    width: 20px;
    height: 20px;
    margin:20px 10px;
    background: #cd1728;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #ff0018;
}


.vinheta span { background-image: url(img/bg-vinheta.png); background-position: bottom center; background-repeat: repeat-x; padding-bottom: 20px; }

.btn-mais a { opacity: 1; transition: all .1s linear; display: block; width: 100%; color: #fff; background-image: url(img/bg-mais.png); background-position: center; background-repeat: no-repeat; background-size: contain; padding:20px 0px; }
.btn-mais a:hover { opacity: .8; }

.bg-produtos { padding: 1.6em 0 3.2em 0; background-image: url(img/bg-linhas-top.png),url(img/bg-linhas-bot.png); background-repeat: no-repeat, no-repeat; background-position: top center, bottom center; background-size: contain, contain; }
.bg-white { background-color: #fff; }


#produtos-slide .owl-dots { display: none; }
#produtos-slide .owl-nav { width: 100%; position: relative; font-size: 30px; background-color: #ccc }
#produtos-slide .owl-nav .owl-prev,
#produtos-slide .owl-nav .owl-next { position: absolute; top: -300px; width: 80px; height: 80px; background-color: #cd1728!important; color: #fff; border:none; border-radius: 80px; opacity: 1; }
#produtos-slide .owl-nav .owl-prev { left: -100px;  }
#produtos-slide .owl-nav .owl-next { right: -100px; }
#produtos-slide .owl-nav .owl-next:hover,
#produtos-slide .owl-nav .owl-prev:hover { background-color: #ff0018!important; color: #fff; }
#produtos-slide .owl-nav .owl-prev span,
#produtos-slide .owl-nav .owl-next span { padding: 5px 0px 10px 0px; display: block; }


#dicas-slide .owl-dots { display: none; }
#dicas-slide .owl-nav { width: 100%; font-size: 30px; }
#dicas-slide .owl-nav .owl-prev,
#dicas-slide .owl-nav .owl-next { width: 80px; height: 80px; margin:0px 15px; background-color: #cd1728!important; color: #fff; border:none; border-radius: 80px; opacity: 1; }
#dicas-slide .owl-nav .owl-prev:hover,
#dicas-slide .owl-nav .owl-next:hover { background-color: #ff0018!important; color: #fff; }
#dicas-slide .owl-nav .owl-prev span,
#dicas-slide .owl-nav .owl-next span { padding: 5px 0px 10px 0px; display: block; }


.footer-bg { background-color: #cd1728; }
.footer-bg img { width: 100%; max-width: 500px; }
.footer-bg .icone span { font-size:26px; line-height: 30px; color: #cd1728; }
.footer { background-color: #a30b19; }


.marcas img { max-width: 300px; width: 100%; }