/* 

Theme Name: OMNI Diagnóstico
Theme URI:    
Author:       
Author URI:   
Description:  
Version:      
Tested up to: 
Requires PHP: 
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  storefront
Tags:         

*/


/* NOTEBOOK > 15" */

@media screen and (min-width: 1440px) { 
    
}

@media screen and (max-width: 1440px) {
   
}

/* NOTEBOOK < 13" */

@media screen and (min-width: 1280px) { 
    
}

@media screen and (max-width: 1280px) {
   
}

/* TABLETS E CELULAR PAISAGEM */

@media screen and (min-width: 991px) { 
    
}

@media screen and (max-width: 991px) {
    
}

/* CELULAR COM TELA GRANDE */

@media screen and (min-width: 767px) {

}

@media screen and (max-width: 767px) {

}

/* CELULAR */

@media screen and (min-width: 575px) { 
    
}

@media screen and (max-width: 575px) {
   
}



h1 {
  /*font-size: clamp(4em, 1em + 1vw, 1.5em);*/
}



body {
  /*background-image: linear-gradient(to right bottom, #fff4df, #fef0d6, #fdeccd, #fbe8c4, #fae4bb);*/
  background-image: linear-gradient(to left, #ffdd7c, #fde193, #fbe5a9, #f9e9be, #f6edd4);
	font-family: "Poppins", sans-serif;
	overflow-x: hidden;
	color:#4a3300;
  font-smoothing: antialiased; 
  overflow-y: scroll;

}

/*Menu - navegação*/

#headerNavbar{
  z-index: 2002;
}

.nav-link{
  font-size: 1rem;
  font-weight:300;
	color: #030303;
	text-transform: uppercase;
	transition: .4s;
  z-index: 1;
}

.nav-link:active {
	color: #484848;
}

.nav-link:hover {
	color: #000000;

}


.redes a {
	background-color: transparent;
	color: gray;
	font-size: 1.2rem;
	border: none;
}

.redes a:hover {
	background-color: transparent;
	color: #010101;
}


nav ul {
  /*list-style: none;*/
}

nav ul li {
  display: inline-block;
}
nav ul li a {
  display: block;
  padding: 15px;
  text-decoration: none;
  color: #aaaaaa;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0 10px;
}
nav ul li a,
nav ul li a:after,
nav ul li a:before {
  transition: all .5s;
}
nav ul li a:hover {
  color: #555;
}


/* stroke */
nav.stroke ul li a,
nav.fill ul li a {
  position: relative;
}
nav.stroke ul li a:after,
nav.fill ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #030303;
  height: 1px;
}
nav.stroke ul li a:hover:after {
  width: 100%;
}

.the_post_card {
transform: scale(1);
border-radius: 4rem;
transition:all.4s;
}
.the_post_card:hover {
transform: scale(1.1);
}

.psacp-post-img-bg {
    border-radius:6px;
}

.post_article_the_category a {
    color:#815b01;
    text-decoration:none;
}

.cat-links a {
     color:#815b01;
    text-decoration:none;
}

/*Títulos*/

.marrom {
  color:#c6993e;
}

.psacp-post-title {
    text-transform:uppercase;
}

/*Carregamento Imagens e seções*/

 /* Animações de entrada */
    .fade-up, .zoom-in, .fade-in, .fade-left, .fade-right {
      opacity: 0;
      transform: translateY(40px);
      transition: all 0.8s ease-out;
    }
    .zoom-in {
      transform: scale(0.9);
    }
    .show {
      opacity: 1;
      transform: translateY(0) scale(1);
    }

@keyframes reveal {
  from { opacity: 0; clip-path: inset(0% 60% 0% 50%); }
  to { opacity: 1; clip-path: inset(0% 0% 0% 0%); }
}

.revealing-image {
  animation: auto linear reveal both;
  animation-timeline: view();
  animation-range: entry 25% cover 50%;
}

/*Botões*/


.magnetic {
  background: #2d2d2d00;
  border: 1px solid #ffffff;
  overflow: visible;
  transition: ease .4s;
}

.particles-field {
  position: absolute;
  inset: -100%;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.particle {
  position: absolute;
  width: 28px;
  height: 28px;
  background: #ffffff;
  border-radius: 0;
}

.magnetic:hover .particles-field {
  opacity: 1;
}

@keyframes particleFloat {
  0% { transform: translate(var(--x), var(--y)) scale(0); }
  50% { transform: translate(calc(var(--x) * -1), calc(var(--y) * -1)) scale(1); }
  100% { transform: translate(var(--x), var(--y)) scale(0); }
}

.btn-dark {
  background-color:#4a3300;
  color:#fae6ae;
}

.btn-dark:hover {
  background-color:#fae6ae;
   border-color:#fae6ae;
  color:#4a3300;
}

.btn-outline-dark {
  border-color:#4a3300;
  color:#4a3300;
}

.btn-outline-dark:hover {
  background-color:#4a3300;
   border-color:#4a3300;
  color:#fae6ae;
}

.btn-outline-light {
  border-color:#fff3ce;
  color:#fff3ce;
}

.btn-outline-light:hover {
  background-color:#fff3ce;
   border-color:#fff3ce;
  color:#4a3300;
}

.btn-8 {
  text-align: center;
  display: inline-block;
  padding: 20px 50px;
  border: 1px solid #704f01;
  cursor: pointer;
  color:#503f01;
  letter-spacing: 2px;
  position:relative;
  overflow:hidden;
}

.btn-8:before {
  content: "";
  position: absolute;
  height: 0;
  width: 150%;
  background : #fbc102;
  color:#241800;
  left: 0;
  bottom: 0;
  transition: all .5s;
  opacity: 0.3;
}

.btn-8:hover:before {
  height: 100%;  
}

.btn a:hover {
color:#473200;
}

.whatsapp{
    z-index:2025;
}

/*Banners*/


 .carousel-item-images {
  filter: brightness(0.5); 
  /*object-fit: cover;
  -webkit-mask-image: linear-gradient(to left, transparent 5%, #bb9936 100%);
  mask-image: linear-gradient(to left, transparent 5%, black 100%);*/
}


.banner-titulo {
/*font-size: xxx-large;*/
}

.texto-claro {
  color:#fff3ce;
}

.gold {
  color:#bb9936;
}

.bg-textos {
  background-color: #fff5e0;
  background-image: url(../omni/images/bg-textos.svg);
  background-repeat: no-repeat;
  background-size: cover;
  border:1px solid #e8d7b2;
 /*
  background-image: linear-gradient(to right bottom, #fff4df, #fef0d6, #fdeccd, #fbe8c4, #fae4bb);
  background-image: linear-gradient(to right bottom, #fff9e7, #f7e9be, #efd896, #e7c76d, #deb642);
 background-image: linear-gradient(to left top, #e9b422, #ecbf4a, #efca6a, #f3e2b4, #f5e4b6);
 background-image: linear-gradient(to left top, #c69610, #d4a62e, #e1b644, #efc659, #fdd66e);*/
}

.bg-exames {
  background-image: url(../omni/images/bg-exames.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 480px;
  border:1px solid #734f02;
}

.bg-local {
  background-color: #fff5e0;
  background-image: url(../omni/images/bg-local.svg);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 480px;
  border:1px solid #e8d7b2;
}

.bg-contato { background-image: linear-gradient(to right bottom, #ffe4b2, #fef0d6, #fdeccd, #fbe8c4, #fed486);
 /* background-color: #fceccd;
  background-image: url(../omni/images/bg-contato.svg);
  background-repeat: no-repeat;
  background-size: cover;
  border:1px solid #e8d7b2;
 
 
  background-image: linear-gradient(to right bottom, #fff9e7, #f7e9be, #efd896, #e7c76d, #deb642);
 background-image: linear-gradient(to left top, #e9b422, #ecbf4a, #efca6a, #f3e2b4, #f5e4b6);
 background-image: linear-gradient(to left top, #c69610, #d4a62e, #e1b644, #efc659, #fdd66e);*/
}
/*Perfil*/
#sobre-nos {
  /*background-image: linear-gradient(to left, #f4d068, #f5d884, #f6df9f, #f6e6b9, #f6edd4);*/
}

#perfil{
	background:#4b4b4b;
}

#quemsomos {
	/*border-radius: 16px;
	border-left:5px solid #C89C34;*/
}


/*Serviços*/


/*topo de páginas*/
.bg-pages {
	width: 100%;
	background:url(../omni/images/bg-pages.png);
	background-position: center;
	background-repeat: no-repeat;
  opacity: 0.1;
  transform: scale(1.5);
}

/*cards*/

.contenedor {
	height: 100%;
	padding: 0;
}

.container_foto {
	background-color: #fff5e0;
	padding: 0;
	overflow: hidden;


}

.container_foto article {
	padding: 10%;
	position: absolute;
	bottom: 18%;
  color:#4a3300;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


.container_foto h4 {
	font-weight: 300;
	color: #fff;
	font-size: 16px;
}

.container_foto img {
	width: 100%;
	top: 0;
	left: 0;
  opacity: 0.2;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	-ms-transition: all 2s ease;
	transition: all 2s ease;
}

.ver_mas {
	background-color: #4a3300;
  color:#ffe4bf;
	position: absolute;
	width: 100%;
	height: 76px;
	bottom: 0;
	opacity: 0;
	transform: translate(0px, 70px);
	-webkit-transform: translate(0px, 70px);
	-moz-transform: translate(0px, 70px);
	-o-transform: translate(0px, 70px);
	-ms-transform: translate(0px, 70px);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.ver_mas span {
	font-size: 1.4rem;
	color: #fae6ae;
	position: relative;
	margin: 0 auto;
	width: 100%;
	top: 23px;
  bottom:0;
}


/*hovers*/

.container_foto:hover {
	cursor: pointer;
}

.container_foto:hover img {
	opacity: 1;
  background-color:#b4962880;
  filter: brightness(0.5);
  /*filter: invert(70%);*/
	transform: scale(1.5);
}

.container_foto:hover article {

  color:#fae6ae;
	transform: translate(2px, -69px);
	-webkit-transform: translate(2px, -69px);
	-moz-transform: translate(2px, -69px);
	-o-transform: translate(2px, -69px);
	-ms-transform: translate(2px, -69px);
}

.container_foto:hover .ver_mas {
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	opacity: 1;
}

/*Logo*/

/*Logos Slider*/

@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.logos {
  overflow: hidden;
  padding: 40px 0;
  background: rgba(255, 255, 255, 0);
  white-space: nowrap;
  position: relative;
}

.logos:before,
.logos:after {
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  content: "";
  z-index: 2;
}


.logos:hover .logos-slide {
  animation-play-state: paused;
}

.logos-slide {
  display: inline-block;
  animation: 35s slide infinite linear;
}

.logos-slide img {
  height: 220px;
  margin: 0 40px;
}

/*Parallax*/

.parallax {
  width: 100%;
  background:url(../omni/images/parallax-first.jpg);
  /*background-image: linear-gradient(to bottom, #e51933, #d61931, #c6192f, 
  #b7182d, #a8182b, #a7182b, #a5182a, #a4182a, #b0182c, #bd182d, #c9172f, #d61730);*/
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
}

.parallax-content {
	border-left:12px solid #e67e22;
	background: rgba(0, 0, 0,0.5);
	margin:  15px auto;
	}

/*Contato*/

.banner-topo {
 
  min-height:328px;
  align-self: center;
  justify-content: center;
  background-color: #ffecd262;
  /*background-color: #ffbb0276;*/
  backdrop-filter: blur(6px);
  /*border-radius: 1em;*/
}


/*Footer*/


.rdp .nav-link {
	color: #4b4b4b;
	transition:  .3s;
}

.rdp .nav-link:hover {
	color: #a97f3d;
}


.rdp .redes a {
	background-color: #4b4b4b;
	color: #ffffff;
	font-size: 1.2rem;
	border: none;
	transition: .4s;
}

.rdp .redes a:hover {
	background-color: #a97f3d;
	
}

.cat-links {
	/*display: none;*/
}

/*Paginação de categoria*/
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0e0f0f;
    border-color: #0e0f0f;
}

.page-link {
	color:#1a1a1a;
	transition: .4s;
}

.page-link:hover {
	color: grey;
}


/*Navegação links*/

.btn-underline-black span,.btn-underline-white span,.btn-underline span, .linha span {
  display:inline;
  color:currentColor;
  background-image:linear-gradient(90deg,#ffffff 100%, #ccc 0);
  background-position:100% 100%;
  background-size:0 2px;
  background-repeat:no-repeat;
  transition:background-size 1s cubic-bezier(.19,1,.155,1.01) 0s;
  pointer-events:none;
}

.active.btn-underline-black span,.active.btn-underline-white span,
.btn-underline-black:hover span,.btn-underline-white:hover span,
.btn-underline.active span,.btn-underline:hover span, .linha:hover span {
  background-image:linear-gradient(90deg,#F7E4B4,#FFF);
  background-size:100% 1px;
  background-position:0 100%;
}

.btn-underline-white{color:currentColor; text-decoration: none; margin-bottom:0.4rem;}

.btn-underline-white span li a i,.btn-underline span i{display:inline;color:currentColor;}

.btn-underline-black{color:currentColor;}

.list-social-media {
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  align-content:flex-start;
  flex-wrap:wrap;
  text-decoration: none;
  list-style-type: none;
  flex-direction:column;
}

.icon-arrow-up:before{content:"\E902";}

  @media only screen and (min-width:1025.1px) {
    .list-social-media{margin-top:1rem;}}
      @media only screen and (max-width:1025px) {
        .list-social-media li:not(:last-child){margin-bottom:.5rem;}}
        .list-social-media li a{display:inline-flex;
          justify-content:flex-start;
          align-items:center;
          align-content:center;
          flex-wrap:wrap;
          flex-direction:row;
          color:currentColor;
        }
          @media only screen and (max-width:767.98px){
            /*.list-social-media li a{font-size:1.8rem;}*/}
            .list-social-media li a span{display:block;}
            @media only screen and (min-width:1025.1px){
              .list-social-media li a span{margin-right:1.3rem}}
              @media only screen and (max-width:1025px){
                .list-social-media li a span{margin-right:.8rem;}}
                .list-social-media li a i {
                  display:flex;
                  overflow:hidden;
                  }
                  .list-social-media li a i:before{
                    display:block;
                    transition:all .4s cubic-bezier(.645,.045,.355,1);
                    transition-delay:0s;}
                    .list-social-media li a:hover i:before {
                      transform:translate(115%,-115%);
                    }


                    /*Links de linha*/
.linha{
	color: #000000;
  position: relative;
  text-decoration: none;
}

.linha::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 2px;
  background-color: #241800;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform .3s ease-in-out;
}

.linha:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

/*Links de linha*/
ul li {
  list-style: none;
}
.linha2{
	color: #ffffff;
  position: relative;
  text-decoration: none;
  margin-bottom:15px;
}

.linha2::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 2px;
  background-color: #ffffff;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform .3s ease-in-out;
}

.linha2:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}


                    /*Menus de exames*/

.menu-item {
	color: #000000;
  position: relative;
  text-decoration: none;
}

.menu-item::before {
  content: "";
  position: absolute;
  width: 70%;
  height: 1px;
  border-radius: 2px;
  background-color: #000000;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform .3s ease-in-out;
}

.menu-item:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

/*Formulário*/

.form-control {
	padding: 0.8rem;
}


.form-control {
	background-color:#fbe5ab;
	transition: 2s;
	border:1px solid #e4d291;
  color:#241800;
  }

  .form-control:hover {
	background-color:#ffffff;
	
  }
  
  /*WhatsApp*/
  
  .what {
    z-index: 2025;
    position: fixed;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.what button {
    background: #4ec146;
    color: #fff;
    border-radius: 50%;
    text-decoration: none !important;
    box-shadow: 0px 4px 20px #00000040;
    border: none;
    text-align: center;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    font-size: xx-large;
}
.what:hover button {
    background: #fff;
    color: #4ec146;
}
