@charset "utf-8";
@charset "utf-8";


<!--STYLE SLIDESHOW INI-->
#slideshow2 {  background-color: #0c0c0c;}
.slider2 {
width: 100%;
float: left;
height: 77vh;
overflow: hidden;
max-height: 800px;
}
.slider2 > div {
height: 100%;
}
.sy-slide {
position: inherit !important;
height: 100% !important;
}
.slideshow-image-content { visibility:hidden; background-color: #0a3334;}
.slideshow-image-content.sy-active { visibility: visible;}
.slideshow-image-content > img,
.slideshow-image-content.sy-active > img{
height:100% !important;
width:100% !important;
-animation-name: animabg;
-animation-duration: 25s;
-animation-timing-function: linear;
transform: scale(1.3,1.3);
opacity:1;
visibility:visible;
object-fit: cover;
}
@keyframes animabg {
from {transform: scale(1,1);}
to {transform: scale(1.3,1.3);}
} .sy-controls li a:after {
font-family:'Ionicons';
font-size:40px;
background: none !important;
color:#f35b34 !important;
opacity:1 !important;
}
.sy-controls li.sy-prev a:after { content:"\f124";}
.sy-controls li.sy-next a:after { content: "\f125"; right: 0 !important; left: auto;}
.sy-controls li.sy-prev {
left: 0;
top: 0;
}
.sy-controls li.sy-next {
right: 0;
top: 0;
}
.sy-controls li a {
position: relative;
width: 100%;
height: 100%;
display: block;
text-indent: -9999px;
}
.sy-controls li a:hover, .sy-controls li a:focus {
opacity: 0.0;
outline: none;
}
.sy-controls li {
position: absolute;
width: 8% !important;
min-width: 4.2em;
height: 100%;
z-index: 33;
margin-left: 0px !important;
list-style:none !important;
} .slideshow-texto {
position: absolute;
z-index: 1;
width: 30%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
max-width: 30%;
left: 7%;
}
.slideshow-texto > div {
width: 100%; display: flex;
align-items: l;
margin-top: 6%;
flex-direction: column;
justify-content: flex-start;
}
.slideshow-texto .resumo, .slideshow-texto .resumo p {
color: #8b7f7a !important;
font-size: 16px !important;
}
.slideshow-texto .resumo {position:relative; top: 150px; opacity:0}
.slideshow-texto .resumo strong {  font-size: 20px;}
.slideshow-texto .resumo a { background-color:#1c8788; color: #fff !important; padding:7px 22px; border-radius:6px}
.slideshow-texto .resumo a:hover { background-color:#F35B34; padding: 7px 29px;}
.l-ico {
width: 200px;
max-width: 200px;
padding: 20px;
opacity:0;
top:100px;
position:relative;
}
.slideshow-texto .slideshow-title {
color: #1c8788;
text-transform: uppercase;
font-weight: 600;
font-size: 33px;
opacity:0;
padding: 0px 0;
text-align: left;
position:relative;
top:-150px;
font-family: 'Dita CD';
}
.slideshow-subtitle,
.slideshow-subtitle p {
font-size: 18px;
color: #F35B34 !important;
margin-top: 0px;
text-align: left;
padding: 0;
opacity:0;
width: 100%;
font-weight: 600;
position:relative;
top: 142px;
font-family: 'Dita CD';
}
.slideshow-mask {
display:block;
width:100%;
height:100%;
position:absolute;
background: url(//viseu.com.br/wp-content/themes/viseu2022_vs_2_1/images/mask-slideshow.png);
z-index: 1;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
left: 0px;
opacity:0.5
}
.slideshow-image-content.sy-active .slideshow-title,
.slideshow-image-content.sy-active .slideshow-subtitle,
.slideshow-image-content.sy-active .slideshow-subtitle p,
.slideshow-image-content.sy-active .slideshow-texto .resumo  { opacity:1; top:0; }
.slideshow-image-content.sy-active .slideshow-mask {left:0; opacity:1}
video { width:100%; height:100%; object-fit: cover;} @media screen and (max-width: 700px) {
.slideshow-mask {
display: none;
}
.slideshow-texto > div {
left: 0;
display: flex;
flex-direction: column;
padding: 20px;
bottom: 3px;
background: rgb(0 0 0 / 53%);
-webkit-box-shadow: 0px 0px 34px 7px #000000; 
box-shadow: 0px 0px 34px 7px #000000;
}
.slideshow-texto {
width: 100%;
max-width: 100%;
left: 0;
}
.slideshow-texto .slideshow-title {
font-size: 32px;
color:#FFF;
}
.slideshow-subtitle {
font-size: 18px;
padding:0 0 0 0 ;
text-align: center !important;
justify-content: space-around;
}
ul.sy-controls { display:none !important;}
}
<!--STYLE SLIDESHOW FIM-->

.pagina-box {
margin: 80px 0 0 7%;
float: left;
position: relative;
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: center;
}
.resumo p {
font-size: 16px !important;
color: #333 !important;
line-height: 140% !important;
text-align: left !important;
margin-bottom: 20px;
padding: 0;
}
.resumo li {
font-size: 16px !important;
color: #333 !important;
line-height: 120% !important;
text-align: left;
padding: 0 0 10px 12px;
display: block;
background-image: url(//viseu.com.br/wp-content/themes/viseu2022_vs_2_1/includes/php/widgets/css/images/seta.png);
background-repeat: no-repeat;
background-position: left 5px;
}
.fundo-escuro h2.pb-title,
.fundo-escuro p,
.fundo-escuro ul li { color:#FFF !important;}
.pagina-box .destacada {
height: 100%;
line-height:0;
position: relative;
right: 0;
display: flex;
align-items: center;
max-height: 500px;
overflow: hidden;
}
.widget-pagina-destacada-mask {
position: absolute;
width: 100%;
height: 100%;
background: url(//viseu.com.br/wp-content/themes/viseu2022_vs_2_1/images/mask-quemsomos3.png);z-index: 1;
background-position: left;
background-size: contain;
background-repeat: no-repeat;
}
.pagina-box .destacada img {
width:100% !important;
height: 100% !important;
object-fit:cover;
object-position: center;
position: inherit !important;
}
.content.pagina-widget {
display: flex;
align-items: center;
background-color: #ffffff;
}
.widget-paginas-texto {     position: relative;
display: flex;
align-items: center;
}
.widget-paginas-texto p strong {color: #ef5b32;font-size: 19px;}
.widget-paginas-texto p {margin: 5px 0;padding:0;text-align: left;}
.widget-paginas-texto > div {
padding-right: 0%;
}
.foto-fundo {
background-size: cover;
float: left;
background-attachment: fixed;
height: 50vh;
}
.foto-fundo > div:nth-child(1) {
height: 100%;
align-items: center;
padding: 0 80px;
}
.foto-fundo-texto {
background-color: #fff;
padding: 40px 80px;
}   @media screen and (max-width: 700px) {
article#quem-somos div:nth-child(2),
article#quem-somos div:nth-child(1) {
padding: 20px; }
.pagina-box {
margin:0px;
flex-direction: column;}
.foto-fundo { height: auto; background-position: center;}
.foto-fundo > div:nth-child(1) {  padding: 0 0px;}
.foto-fundo-texto {  background-color: rgb(255 255 255 / 80%); margin-top:150px}
.widget-paginas-texto {
position: relative;
left: 0%;
background-position: right;
width: 100%;
}
.widget-paginas-texto > div {
padding-right: 22PX;
margin-left: 22px;
}
.pagina-box .destacada {
position: inherit;
width: 100%;
padding: 1px;}
}