:root {
    --colorWhite: #FFF;
    --colorBlack: #000;
    --colorMain: #561A1A;
    --colorSecond: #DBA860;
    --colorThird: #F1E7D9;
    --colorFourth: #AA7446;

	--maxWidth: 1366px;
}

@font-face {
	font-family:"KumbhSans";
	src: url("/assets/fonts/KumbhSans.ttf");
	src: url('/assets/fonts/KumbhSans.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:"Consultant";
	src: url("/assets/fonts/Consultant.otf");
	src: url('/assets/fonts/Consultant.otf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:"Poppins Light";
	src: url("/assets/fonts/Poppins-Light.ttf");
	src: url('/assets/fonts/Poppins-Light.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:"Poppins Regular";
	src: url("/assets/fonts/Poppins-Regular.ttf");
	src: url('/assets/fonts/Poppins-Regular.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:"Poppins Bold";
	src: url("/assets/fonts/Poppins-Bold.ttf");
	src: url('/assets/fonts/Poppins-Bold.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:"Poppins Black";
	src: url("/assets/fonts/Poppins-Black.ttf");
	src: url('/assets/fonts/Poppins-Black.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

html {font-size: 20px;}
* {margin: 0; padding: 0; font-family: "KumbhSans"; font-size: 1.2rem; line-height: 1.6rem;}
a {text-decoration: none;}
.mask {position: fixed; top: 0; bottom: 0; width: 100%; background-color: #000; opacity: .8; z-index: 9999; display: none;}
.close {position: absolute; top: 2rem; right: 2rem; color: #FFF; font-size: 2rem;}
.u-nav-mobile {position: fixed; top: 0; bottom: 0; padding: 2rem; background: #FFF; width: 65%; list-style: none; z-index: 99999; display: none;}
.u-nav-mobile li {margin: 1rem 0;}
.u-nav-mobile li a {color: var(--colorFourth);}
.u-nav-mobile li a:hover {color: var(--colorMain);}
.bkred {background-color: #CE333C;}
.bkorg {background-color: #F06A47;}
.dsblock {display: block !important;}

.sst-header-logo {width: 10%;}
.sst-header-logo img {width: 100%;}
.sst-header-fix {position: absolute; right: 2rem; width: 11rem; top: 2rem;}
.stt-menu-carousel {width: 100%; text-align: right;}
.stt-menu-carousel .u-nav {padding: 0.5rem; border-radius: 0.5rem;}
.stt-menu-carousel .u-nav-item {display: block; margin: .5rem 0;}
.stt-menu-carousel .u-nav-item a.u-nav-link, .menu-collapse a.u-nav-link {color: var(--colorWhite);}
.stt-menu-carousel .u-nav-help {color: var(--colorWhite); padding: .8rem 1rem; border: 1px var(--colorWhite) solid; text-align: center; margin: 0 0 1.5rem 0; display: block; font-size: .9rem;}
.stt-menu-carousel .u-nav-help:hover {background-color: var(--colorWhite); color: var(--colorMain) !important;}

footer {padding: 5rem 0; background: #000;}
.stt-footer {display: flex; align-items: center; width: var(--maxWidth); margin: 0 auto;}
.stt-footer-welcome {width: 40%;}
.stt-footer-welcome h2 {color: var(--colorWhite); font-weight: normal; font-size: 1.5rem; line-height: 1.8rem; padding-right: 4rem;}
.stt-footer-address {width: 30%;}
.stt-footer-address h2 {color: var(--colorWhite); font-weight: normal; font-size: 1.2rem; line-height: 1.6rem; margin-bottom: 1rem;}
.stt-footer-address p {color: var(--colorWhite); font-size: 1.2rem; line-height: 1.6rem; margin-bottom: 1rem;}
.stt-footer-contact {width: 30%;}
.stt-footer-contact h2 {color: var(--colorWhite); font-weight: normal; font-size: 1.2rem; line-height: 1.6rem; margin-bottom: 1rem;}
.stt-footer-contact a {color: var(--colorWhite); font-size: 1.2rem; line-height: 1.6rem; margin-bottom: 1rem;}
.stt-footer-contact p {color: var(--colorWhite); font-size: 1.8rem; line-height: 2rem; margin-top: 1.5rem;}

.stt-footer-copy {display: flex; width: var(--maxWidth); margin: 2rem auto 0; border-top: 1px #FFF solid; padding-top: 2rem;}
.stt-footer-copy-menu {width: 50%;}
.stt-footer-copy-menu ul {list-style: none;}
.stt-footer-copy-menu ul li {display: inline; margin: 0 1rem;}
.stt-footer-copy-menu ul li a {color: var(--colorWhite); font-size: 1rem;}
.stt-footer-copy-info {width: 50%; text-align: right;}
.stt-footer-copy-info p {color: var(--colorWhite); font-size: 1rem;}

.sst-nav-horz {list-style: none;}
.sst-nav-horz-item {display: inline; margin: 0 .1rem;}
.sst-nav-horz-item a {font-size: 1rem; line-height: .8rem; color: var(--colorMain); padding: .7rem 1rem; border-radius: .2rem; display: inline-block;}
.sst-nav-horz-item a:hover {background-color: var(--colorThird);}
.sst-nav-horz-item a.sst-nav-horz-help {font-size: 1rem; line-height: .8rem; color: var(--colorWhite); padding: .7rem 2rem; background-color: var(--colorMain); border: 1px var(--colorMain) solid; border-radius: .2rem; display: inline-block;}

.sst-menu-single-top {width: 100%; text-align: right;}
.sst-menu-single-top .u-nav {padding: 0.5rem; border-radius: 0.5rem;}
.sst-menu-single-top .u-nav-item {display: block; margin: .5rem 0;}
.sst-menu-single-top .u-nav-item a.u-nav-link, .menu-collapse a.u-nav-link {color: var(--colorBlack);}
.sst-menu-single-top .u-nav-help {color: var(--colorWhite); padding: .8rem 1rem; border: 1px var(--colorWhite) solid; text-align: center; margin: 0 0 1.5rem 0; display: block; font-size: .9rem;}
.sst-menu-single-top .u-nav-help:hover {background-color: var(--colorWhite); color: var(--colorMain) !important;}

.stt-header-single {padding: .5rem 0; background-color: #DBA860;}
.sst-header-single-container {width: 90%; max-width: var(--maxWidth); margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.sst-header-single-logo a {display: flex;}
.sst-header-single-logo img {width: 9rem;}
.sst-header-nav-mobile {display: none;}

.hdCarousel {position: absolute; top: 2rem; left: 0; width: 100%; z-index: 99;}
.wp-slider-cont-logo {position: absolute; top: 3rem; left: 8rem; z-index: 99999; width: 12rem;}
.wp-slider-content {position: absolute; top: 0; bottom: 0; left: 0; width: 25%; background-color: var(--colorMain);}
.wp-slider-cont-info {position: absolute; width: 35rem; bottom: 18rem; left: 4rem;}
.wp-slider-cont-info h1 {font-size: 5.6rem; line-height: 6.6rem; font-family: "Poppins Bold"; color: var(--colorWhite); margin: 0;}
.wp-slider-cont-info p {font-size: 1.2rem; line-height: 1.6rem; color: var(--colorWhite); margin: 0; width: 60%;}
.wp-slider-cont-info a {padding: 1rem; color: var(--colorWhite); display: inline-block; margin: 1rem 0 0; border: 1px var(--colorWhite) solid; min-width: 15rem; text-align: center;}
.wp-slider-cont-info a:hover {background: var(--colorWhite); color: var(--colorMain);}
.owl-dots {position: absolute; left: 4rem; bottom: 5rem;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background-color: var(--colorSecond) !important;}

.stt-banner-home {padding: 5rem 0; text-align: center;}
.stt-banner-home img {border: 30px #561A1A solid; max-width: 84%;}

.stt-two-columns {margin: 15rem auto; width: 90%; max-width: var(--maxWidth); display: flex; align-items: center;}
.stt-tc-text {width: 50%;}
.stt-tc-text h2 {font-size: 88px; line-height: 88px; font-family: "KumbhSans"; margin-bottom: 2rem;}
.stt-tc-text h2 span {font-size: 30px; line-height: 30px; font-family: "KumbhSans"; color: var(--colorSecond); display: block; text-transform: uppercase;}
.stt-tc-text p {margin-bottom: 2rem;}
.stt-tc-text a {border: 1px var(--colorSecond) solid; background-color: var(--colorSecond); padding: 1rem 5rem; display: inline-block; color: var(--colorWhite);}
.stt-tc-img {width: 50%; text-align: center;}
.stt-tc-img img {max-width: 90%;}

.stt-digital {padding: 10rem 0 5rem; width: 100%; background: var(--colorThird);}
.stt-digital-content {max-width: var(--maxWidth); width: 90%; margin: 0 auto; text-align: center;}
.stt-digital-content h2 {font-size: 30px; line-height: 50px; color: var(--colorFourth);}
.stt-digital-content h3 {font-size: 60px; line-height: 60px;}
.stt-digital-list {display: flex; align-items: start; margin-top: 2rem;}
.stt-digital-item {width: 20%; text-align: center;}
.stt-digital-item h2 {font-size: 25px; font-weight: normal; color: var(--colorBlack);}
.stt-digital-item p {font-size: 1rem; line-height: 1rem; color: var(--colorFourth); width: 70%; margin: 0 auto;}
.stt-digital-images {display: flex; align-items: center;}
.stt-digital-img-item {width: 20%; font-size: 0; line-height: 0;}
.stt-digital-img-item img {width: 100%; font-size: 0;}

.stt-horario {padding: 5rem 0; width: 100%; background: var(--colorFourth);}
.stt-horario-content {max-width: var(--maxWidth); width: 60%; margin: 0 auto; display: flex; align-items: center;}
.stt-horario-text {width: 50%;}
.stt-horario-text p {font-size: 3.1rem; line-height: 2.2rem; font-weight: 900; color: var(--colorWhite);}
.stt-horario-text p span {font-size: 1.8rem; line-height: 2rem; font-weight: 900; color: var(--colorWhite);}
.stt-horario-button {width: 50%; text-align: right;}
.stt-horario-button p {color: var(--colorWhite);}

.stt-calendar {padding: 10rem 0;}
.stt-calendar-content {margin: 0 auto; max-width: var(--maxWidth); width: 90%;}
.stt-calendar-content h2 {font-size: 30px; line-height: 50px; color: var(--colorFourth);}
.stt-calendar-content h3 {font-size: 60px; line-height: 60px; font-weight: 900;}
.stt-calendar-content ul {list-style: none; margin-top: 2rem; border-bottom: 2px #333 solid;}
.stt-calendar-content ul li {display: inline-block; padding: 1rem 2rem; cursor: pointer; color: var(--colorFourth);}
.stt-calendar-content ul li.active {display: inline-block; padding: 1rem 2rem; cursor: pointer; color: var(--colorBlack);}
.stt-calendar-month {display: none;}
.stt-calendar-week {display: flex; align-items: center;}
.stt-calendar-day {width: 14.28%; height: 8rem; border: 1px #CCC solid;}
.stt-calendar-day sup {font-size: .8rem; position: absolute; padding: .2rem .8rem; color: #CCC;}
.stt-calendar-day sup.dayAct {font-size: .8rem; position: absolute; padding: .2rem .8rem; color: var(--colorBlack);}
.stt-calendar-day p {padding: 2rem .5rem 0; font-size: .9rem; line-height: 1rem;}
#m4 {display: block;}

.stt-banner-donations {padding: 10rem 0; background: url(/assets/images/donativos.jpg) center no-repeat; background-size: 100%;}
.stt-banner-content {width: var(--maxWidth); max-width: 90%; margin: 0 auto;}
.stt-banner-content h2 {font-size: 30px; line-height: 50px; color: var(--colorFourth);}
.stt-banner-content h3 {font-size: 60px; line-height: 60px; font-weight: 900; color: #FFF; margin-bottom: 2rem;}
.stt-banner-content a {border: 1px var(--colorSecond) solid; background-color: var(--colorSecond); padding: 1rem 5rem; display: inline-block; color: var(--colorWhite);}

.stt-blog {padding: 10rem 0; background: var(--colorThird);}
.stt-blog-content {width: var(--maxWidth); max-width: 90%; margin: 0 auto;}
.stt-blog-title {text-align: center;}
.stt-blog-title h2 {font-size: 30px; line-height: 50px; color: var(--colorFourth);}
.stt-blog-title h3 {font-size: 60px; line-height: 60px; font-weight: 900; margin-bottom: 4rem;}
.stt-blog-articles {display: flex; align-items: start;}
.stt-blog-articles-item {width: 33.33%;}
.stt-blog-articles-item-card {width: 70%; height: 17rem; padding: 10%; background-color: #FFF;}
.stt-blog-articles-item-card h2 {font-size: 1.8rem; line-height: 2.2rem; margin-bottom: 1rem;}

.stt-aboutus {display: flex; align-items: center; width: 100%; height: 45rem; background: #333;}
.stt-aboutus-content {width: 20%; height: 100%; background: #7f796f; display: flex; align-items: center; position: relative;}
.stt-aboutus-content h1 {font-size: 4rem; line-height: 4.2rem; text-align: left; left: 8rem; top: 7rem; position: absolute; width: 29rem; color: var(--colorWhite); font-family: "Poppins Black";}
.stt-aboutus-image {width: 80%; height: 100%; background: url(/assets/images/historia-parroquia-san-pedro-de-verona-2.jpg) center no-repeat; background-size: 100%; background-attachment: fixed;}
.stt-aboutus-history {position: absolute; top: 29.4rem; left: 6rem; width: 25rem; background: #ffffffbd; padding: 2rem; border-radius: 0.4rem;}
.stt-aboutus-history p {font-size: .9rem; text-align: justify;}
.stt-aboutus-history p i {font-size: .9rem;}

.stt-aboutus-info {background-color: #f3e7db;}
.stt-aboutus-container {padding: 7rem 0; width: 90%; max-width: var(--maxWidth); margin: 0 auto;}
.stt-aboutus-info-image {width: 50%; margin: 0 auto 5rem; text-align: center;}
.stt-aboutus-info-image img {width: 90%; border: 1.5rem var(--colorSecond) solid; transform: rotate(5deg);}
.stt-aboutus-info-text {width: 50%; margin: 0 auto;}
.stt-aboutus-info-text h2 {font-size: 4rem; line-height: 4.2rem; font-family: "Poppins Black"; margin-bottom: 2rem; color: var(--colorSecond); text-align: center;}
.stt-aboutus-info-text h2 span {font-size: 4rem; line-height: 4.2rem; color: var(--colorMain); font-family: "Poppins Black";}
.stt-aboutus-info-text p {font-size: .9rem; margin: 1rem 0; text-align: justify;}

/* SERVICIOS */
.stt-servicios-uncion {padding: 2rem 0; background: var(--colorMain); text-align: center;}
.stt-servicios-uncion h2 {font-size: 4rem; line-height: 4.2rem; font-family: "Consultant"; margin-bottom: 1rem; color: var(--colorWhite); text-align: center; font-weight: normal;}
.stt-servicios-uncion p {font-size: 1rem; margin-bottom: 1rem; color: var(--colorWhite);}

.stt-servicios-confesiones {width: 100%; padding: 10rem 0; background: #f3e7db;}
.stt-servicios-confesiones-info {display: flex; align-items: center; width: 80%; margin:0 auto;}
.stt-servicios-confesiones-text {width:40%;}
.stt-servicios-confesiones-text h2 {font-size: 4rem; line-height: 4.2rem; text-align: left; width: 29rem; color: var(--colorFourth); font-family: "Poppins Black"; margin: 1rem 0;}
.stt-servicios-confesiones-text p {font-size: .9rem; text-align: left; margin-bottom: 1rem; color: var(--colorFourth);}
.stt-servicios-confesiones-text ul {list-style: none;}
.stt-servicios-confesiones-text ul li {font-size: .9rem; text-align: left; margin-bottom: 1rem; color: var(--colorFourth); margin: 1rem 0;}
.stt-servicios-confesiones-text ul li span {font-size: .9rem; font-family: "Poppins Bold"; color: var(--colorFourth);}
.stt-servicios-confesiones-image {width: 60%; text-align: right; position: relative;}
.stt-servicios-confesiones-image img {width: 90%;}
.stt-servicios-confesiones-image p {position: absolute; left: 15%; bottom: 4rem; font-size: 1.8rem; line-height: 2rem; color: var(--colorWhite); width: 50%; text-align: left;}
.stt-servicios-confesiones-image p span {font-size: 1.2rem; line-height: 1.5rem; color: var(--colorWhite); display: block;}


.stt-servicios-info {background-color: #f3e7db;}
.stt-servicios-container {padding: 7rem 0; width: 90%; max-width: var(--maxWidth); margin: 0 auto;}
.stt-servicios-info-image {width: 50%; margin: 0 auto 5rem; text-align: center;}
.stt-servicios-info-image img {width: 90%; border: 1.5rem var(--colorSecond) solid; transform: rotate(5deg);}
.stt-servicios-info-text {width:100%; margin: 0 auto;}
.stt-servicios-info-text h2 {font-size: 4rem; line-height: 4.2rem; font-family: "Consultant"; margin-bottom: 2rem; color: var(--colorSecond); text-align: center; font-weight: normal;}
.stt-servicios-info-text h2 span {font-size: 4rem; line-height: 4.2rem; color: var(--colorFourth); font-family: "Consultant";}
.stt-servicios-info-text p {font-size: .9rem; margin: 1rem auto 2rem; text-align: justify; width: 70%;}
.stt-servicios-info-text p i {font-size: .9rem;}

.stt-servicios-misas {width: 100%; display: flex; align-items: start;}
.stt-servicios-misas-lugar {width: 20%;}
.stt-servicios-misas-lugar ul {list-style: none;}
.stt-servicios-misas-lugar ul li {font-size: .8rem; line-height: .8rem; margin-bottom: 1rem; text-align: center;}
.stt-servicios-misas-lugar ul li span {display: block; font-size: 1.5rem;}
.stt-servicios-misas-titulo {height: 5rem;}
.stt-servicios-misas-titulo h2 {font-family: "KumbhSans"; font-size: 1.2rem; line-height: 1.2rem; margin: 0 0 .5rem;}
.stt-servicios-misas-titulo p {text-align: center; line-height: 1.2rem; margin: 0; width: 100%;}

.stt-servicios-santisimo {width: 100%; display: flex; align-items: center;}
.stt-servicios-santisimo-info {width: 30%; padding: 10%; background-color: var(--colorFourth);}
.stt-servicios-santisimo-info h2 {font-size: 4rem; line-height: 4.2rem; font-family: "Poppins Black"; margin-bottom: 1rem; color: var(--colorWhite); font-weight: normal;}
.stt-servicios-santisimo-info h2 span {font-family: "Consultant"; color: var(--colorWhite); font-size: 2.4rem; margin: 0 0 2rem 2rem;}
.stt-servicios-santisimo-info ul {list-style: none;}
.stt-servicios-santisimo-info ul li {color: var(--colorWhite); margin: 1rem 0; display: block;}
.stt-servicios-santisimo-info ul li i {color: var(--colorWhite); display: block;}
.stt-servicios-santisimo-info ul li span {color: var(--colorWhite); font-size: 1.2rem; font-family: "Poppins Bold";}
.stt-servicios-santisimo-image {width: 50%; font-size: 0;}

.stt-servicios-lineamientos {padding: 10rem 0; background: var(--colorFourth) url(/assets/images/servicios-lineamientos.png) bottom right no-repeat;}
.stt-servicios-lineamientos-info {width: 90%; max-width: 780px; margin: 0 auto;}
.stt-servicios-lineamientos-info h2 {font-family: "Consultant"; color: var(--colorWhite); font-size: 2.8rem; margin: 0 0 2rem 3.5rem; font-weight: normal;}
.stt-servicios-lineamientos-info h3 {font-family: "Poppins Black"; color: var(--colorWhite); font-size: 4.25rem; line-height: 4.6rem; margin: 0 0 2rem 0; font-weight: normal;}
.stt-servicios-lineamientos-info ul {list-style: square; margin: 0 0 2rem 3rem;}
.stt-servicios-lineamientos-info ul li {margin: 1rem 0; color: var(--colorWhite);}
.stt-servicios-lineamientos-info a {font-size: .9rem; color: var(--colorWhite); padding: 1rem 4rem; display: inline-block; border: 1px var(--colorWhite) solid;}
.stt-servicios-lineamientos-info a:hover {color: var(--colorFourth); background-color: var(--colorWhite);}

.stt-guidelines-items {padding: 0; background-color: #29294D;}
.stt-guideline-title h2 {padding: 1rem 4rem; background-color: #FED149; display: inline-block; color: #29294D;}
.stt-guidelines-cols {display: flex; align-items: start; align-items: stretch}
.stt-guidelines-colitem {padding: 2rem;}
.stt-guidelines-colitem h3 {color: #FFF;}
.stt-guidelines-colitem p {color: #FFF; font-size: .9rem;}
.stt-guidelines-colitem ul {padding: 1rem 0; margin-left: 1.5rem;}
.stt-guidelines-colitem ul li {color: #FFF; line-height: 2rem;}

.stt-parroquia-digital {padding: 10rem 0;}
.stt-parroquia-digital-content {width: 90%; max-width: 1080px; margin: 0 auto; text-align: center;}
.stt-parroquia-digital-content h1 {font-family: "Consultant"; color: var(--colorFourth); font-size: 3.7rem; line-height: 4rem; margin-bottom: 4rem; font-weight: normal; text-align: center;}
.stt-parroquia-digital-elementos {width: 100%; margin: 3rem auto;}
.elemento-izq {display: flex; align-items: center; margin: 3rem 0;}
.elemento-der {display: flex; align-items: center; margin: 3rem 0; justify-content: flex-end;}
.numElement {font-size: 1.7rem; line-height: 1.7rem; width: 2rem; padding: .5rem; border: 1px #561A1A solid;}
.TxtElement {width: 14rem; padding: .5rem 1rem; font-size: .9rem; text-align: left;}

.stt-parroquia-digital-item {display: inline-flex; align-items: center; width: 45%; background: var(--colorSecond); margin: 0.2rem 0;}
.stt-parroquia-digital-icon {width: 20%; padding: 2rem 0; text-align: center; background: var(--colorFourth);}
.stt-parroquia-digital-icon svg {height: 2rem;}
.stt-parroquia-digital-icon svg path {fill: var(--colorMain);}
.stt-parroquia-digital-link {width: 80%; padding: 0 1rem; text-align: left;}
.stt-parroquia-digital-link a {font-size: 1rem; color: var(--colorMain);}

.stt-colecturia {padding: 10rem 0;}
.stt-colecturia-content {width: 90%; max-width: 1080px; margin: 0 auto; text-align: center;}
.stt-colecturia-content h1 {font-family: "Consultant"; color: var(--colorFourth); font-size: 3.7rem; margin-bottom: 4rem; font-weight: normal; text-align: center;}
.stt-colecturia-elementos {width: 100%; margin: 3rem auto;}

.stt-colecturia-info {background-color: #f3e7db;}
.stt-colecturia-container {padding: 7rem 0; width: 90%; max-width: var(--maxWidth); margin: 0 auto;}
.stt-colecturia-info-image {width: 50%; margin: 0 auto 5rem; text-align: center;}
.stt-colecturia-info-image img {width: 90%; border: 1.5rem var(--colorSecond) solid; transform: rotate(5deg);}
.stt-colecturia-info-text {width:100%; margin: 0 auto;}
.stt-colecturia-info-text h2 {font-size: 4rem; line-height: 4.2rem; font-family: "Consultant"; margin-bottom: 2rem; color: var(--colorSecond); text-align: center; font-weight: normal;}
.stt-colecturia-info-text h2 span {font-size: 4rem; line-height: 4.2rem; color: var(--colorFourth); font-family: "Consultant";}
.stt-colecturia-misas {width: 100%; display: flex; align-items: start;}
.stt-colecturia-misas-lugar {width: 25%;}
.stt-colecturia-misas-lugar ul {list-style: none;}
.stt-colecturia-misas-lugar ul li {font-size: .8rem; line-height: .8rem; margin-bottom: 1rem; text-align: center;}
.stt-colecturia-misas-lugar ul li span {display: block; font-size: 1.5rem;}
.stt-colecturia-misas-titulo {height: 5rem;}
.stt-colecturia-misas-titulo h2 {font-family: "KumbhSans"; font-size: 1.2rem; line-height: 1.2rem; margin: 0 0 .5rem;}
.stt-colecturia-misas-titulo p {text-align: center; line-height: 1.2rem; margin: 0; width: 100%;}

.stt-criptas {padding: 10rem 0;}
.stt-criptas-content {width: 90%; max-width: 1080px; margin: 0 auto;}
.stt-criptas-content h1 {font-family: "Consultant"; color: var(--colorFourth); font-size: 3.7rem; margin-bottom: 4rem; font-weight: normal; text-align: center;}
.stt-criptas-content p {text-align: center;}
.stt-criptas-elementos {width: 70%; margin: 3rem auto;}

.stt-criptas-venta {width: 100%; display: flex; align-items: center; margin-top: 4rem;}
.stt-criptas-venta-info {width: 30%; padding: 10%; background-color: var(--colorFourth);}
.stt-criptas-venta-info h2 {font-size: 4rem; line-height: 4.2rem; font-family: "Consultant"; margin-bottom: 1rem; color: var(--colorWhite); font-weight: normal;}
.stt-criptas-venta-info ul {list-style: square; margin: 0 0 4rem 2rem;}
.stt-criptas-venta-info ul li {color: var(--colorWhite); margin: 1rem 0; display: block;}
.stt-criptas-venta-info p {color: var(--colorWhite); font-size: 1.2rem; text-align: center;}
.stt-criptas-venta-info p span {color: var(--colorWhite); font-size: 1.2rem; font-family: "Poppins Bold"; display: block;}
.stt-criptas-venta-image {width: 50%; font-size: 0;}
.stt-criptas-venta-image img {width: 100%; font-size: 0;}

.stt-salon-parroquial {padding: 10rem 0;}
.stt-salon-parroquial-content {width: 90%; max-width: 1080px; margin: 0 auto; text-align: center;}
.stt-salon-parroquial-content h1 {font-family: "Consultant"; color: var(--colorFourth); font-size: 3.7rem; line-height: 4rem; margin-bottom: 4rem; font-weight: normal; text-align: center;}
.stt-salon-parroquial-content ul {text-align: left; margin:2rem 0 2rem 4rem; list-style: square;}
.stt-salon-parroquial-content p {text-align: center; margin:2rem 0;}
.stt-salon-parroquial-content img {margin:1rem 0; max-width: 100%;}
.stt-salon-parroquial-content video {max-width: 100%;}

.stt-ayudanos {padding: 10rem 0;}
.stt-ayudanos-content {width: 90%; max-width: 1080px; margin: 0 auto; text-align: center;}
.stt-ayudanos-content h1 {font-family: "Consultant"; color: var(--colorFourth); font-size: 3.7rem; line-height: 4rem; margin-bottom: 4rem; font-weight: normal; text-align: center;}
.stt-ayudanos-content p {text-align: center; margin:2rem 0;}
.stt-ayudanos-cuenta span {font-weight: bold;}

.stt-lineamientos {padding: 10rem 0;}
.stt-lineamientos-content {width: 90%; max-width: 1080px; margin: 0 auto;}
.stt-lineamientos-content h1 {font-family: "Consultant"; color: var(--colorFourth); font-size: 3.7rem; line-height: 4rem; margin-bottom: 4rem; font-weight: normal; text-align: center;}
.stt-lineamientos-info {display: flex; align-items: start;}
.stt-lineamientos-info-menu {width: 20%;}
.stt-lineamientos-info-menu h2 {padding: .3rem 1rem; margin: .2rem 0; font-size: .9rem; line-height: .9rem; font-weight: normal; font-family: "Poppins Bold";}
.stt-lineamientos-info-menu ul {list-style: none;}
.stt-lineamientos-info-menu ul li {padding: .8rem 1rem; margin: .2rem 0; background-color: var(--colorThird); font-size: .9rem; line-height: .9rem; cursor: pointer; color: var(--colorFourth);}
.stt-lineamientos-info-menu ul li.active {padding: .8rem 1rem; margin: .2rem 0; background-color: var(--colorFourth); font-size: .9rem; line-height: .9rem; cursor: pointer; color: var(--colorWhite);}
.stt-lineamientos-info-text {width: 70%; padding: 0 5%;}
.stt-lineamientos-info-item {display: none;}
.stt-lineamientos-info-item p {margin-bottom: 1rem;}
.stt-lineamientos-info-item p span {font-family: "Poppins Bold"; font-size: 1.1rem;}
.stt-lineamientos-info-item h2 {font-family: "Poppins Bold"; font-size: 2.4rem; line-height: 2.8rem; margin-bottom: 2rem;}
.stt-lineamientos-info-item h3 {font-family: "Poppins Bold"; font-size: 1.1rem;}
.stt-lineamientos-info-item ul {margin: 0 0 1rem 2rem;}
.stt-lineamientos-info-item ul li span {font-family: "Poppins Bold"; font-size: 1.1rem;}
#lnBautizo {display: block;}

.stt-banner-courses {margin: 0 0 10rem;}
.stt-banner-courses-info {width: 90%; max-width: 1080px; margin: 0 auto; text-align: center;}
.stt-banner-courses-info img {max-width: 100%;}

.slider-line {background-color: #000; padding: 0 4rem; text-align: right;}
.slider-line-content {display: flex; align-items: center; width: var(--maxWidth); margin: 0 auto;}
.slider-contact {width: 60%; text-align: left;}
.slider-contact p {color: #FFF;}
.slider-contact p span {font-size: .8rem; margin-left: 1rem;}
.slider-network {width: 40%;}
.slider-network ul {list-style: none;}
.slider-network ul li {display: inline-block; width: 3rem; text-align: center;}
.slider-network ul li a {display: flex; width: 3rem; align-items: center; text-align: center; justify-content: center; background: var(--colorFourth); padding: 1rem 0;}
.slider-network ul li svg {height: 1rem;}
.slider-network ul li svg path {fill: #FFF;}

.stt-patronal {height: 1400px; background: url(/assets/images/fiesta-patronal-2024.jpg) center top no-repeat; background-size: 100%; display: flex; align-content: space-between; justify-content: center; align-items: flex-end;}
.stt-patronal-text {width: var(--maxWidth); margin: 0 auto; position: relative; text-align: center;}
.stt-patronal-text img {max-width: 100%;}
.stt-patronal-novenario {width: 980px; max-width: 90%; margin: 3rem auto; position: relative;}
.stt-patronal-novenario h2 {font-size: 24px; color: #A67C52; margin-bottom: 1rem;}
.stt-patronal-novenario p {font-size: 21px;}
.stt-patronal-novenario-list {margin: 4rem 0; display: ruby-text; width: 100%;}
.stt-patronal-novenario-item {width: 49%; display: flex; align-items: center; margin: 1rem 0;}
.stt-patronal-novenario-item-date {background: var(--colorThird); padding: 1rem 2rem; text-align: center;}
.stt-patronal-novenario-item-date p {width: 50px;}
.stt-patronal-novenario-item-date p span {display: block; font-family: "Poppins Regular"; font-size: 2.4rem; line-height: 2.4rem;}
.stt-patronal-novenario-item-info {padding-left: 1rem;}
.stt-patronal-novenario-item-info p {font-family: "Poppins Regular"; font-size: 1.1rem; line-height: 1.2rem;}
.stt-patronal-novenario-item-info p span {font-family: "Poppins Regular"; font-size: .8rem; line-height: .8rem;}
.stt-patronal-novenario-item-info p.novenario-day {font-size: .7rem; line-height: .8rem; color: var(--colorFourth);}
.stt-patronal-sign {font-family: "Consultant"; font-size: 2.4rem !important; line-height: 3.8rem; color: var(--colorFourth); margin: 2rem 0 10rem 2rem;}

.stt-patronal-cartel {width: var(--maxWidth); max-width: 90%; margin: 0 auto; text-align: center; margin-bottom: 10rem;}
.stt-patronal-cartel img {max-width: 100%; margin: 0 auto 5rem; display: block;}
.stt-patronal-cartel a {display: block; padding: 1rem 0; background-color: var(--colorMain); color: var(--colorWhite); width: 20rem; max-width: 80%; margin: 0 auto; border-radius: .8rem;}

.stt-video-youtube {background: #dba860; width: 929px; margin: 5rem auto;}
.stt-video-content {padding: 5rem;}

.stt-privacidad {padding: 10rem 0;}
.stt-privacidad-content {width: 90%; max-width: 1080px; margin: 0 auto; text-align: justify;}
.stt-privacidad-content h1 {font-family: "Consultant"; color: var(--colorFourth); font-size: 3.7rem; line-height: 4rem; margin-bottom: 4rem; font-weight: normal; text-align: center;}
.stt-privacidad-content h2 {color: var(--colorFourth); font-size: 1.5rem; line-height: 1.5rem; margin-bottom: 2rem; font-weight: normal;}
.stt-privacidad-content p {margin:2rem 0;}
.stt-privacidad-content ul {margin:2rem;}

@media screen and (max-width:1366px){
	:root {
		--maxWidth: 1280px;
	}
	.wp-slider-cont-logo {width: 8rem;}
	.wp-slider-cont-info {bottom: 12rem;}
	.wp-slider-cont-info h1 {font-size: 4.6rem; line-height: 5.6rem;}
	.stt-tc-text h2 {font-size: 78px; line-height: 78px;}
	.stt-digital-content h3 {font-size: 50px; line-height: 50px;}
	.stt-horario-content {width: 70%;}
	.stt-horario-button a {display: ruby;}
	.stt-calendar-content h3 {font-size: 50px; line-height: 50px;}
	.stt-banner-content h3 {font-size: 50px; line-height: 50px; width: 80%;}
	.stt-blog-title h3 {font-size: 50px; line-height: 50px;}
	.stt-patronal {height: 1200px;}
}

@media screen and (max-width:1280px){
	:root {
		--maxWidth: 90%;
	}
	.stt-banner-donations {padding: 7rem 0;}
	.stt-two-columns {margin: 10rem auto; display: block;}
	.stt-tc-img {width: 100%;}
	.stt-tc-text {width: 70%; margin: 5rem auto; text-align: center;}
	.stt-digital-list {width: 80%; margin: 2rem auto; display: block;}
	.stt-digital-item {width: 32%; text-align: center; display: inline-table; margin: 2rem auto;}
	.stt-horario-content {display: block;}
	.stt-horario-text {width: 100%; text-align: center;}
	.stt-horario-button {width: 100%; text-align: center; margin: 2rem 0 0;}
	.stt-horario-button a {display: inline-block;}
	.stt-banner-donations {padding: 5rem 0;}
	.stt-banner-content {text-align: center;}
	.stt-banner-content h3 {margin: 0 auto 2rem; width: 90%;}
	.stt-patronal {height: 1100px;}
}

@media screen and (max-width:1024px){
	.sst-header-fix {position: fixed; width: 50%; right: 0; top: 0; bottom: 0; background: #FFF; z-index: 9999; display: none;}
	.stt-menu-carousel .u-nav-item a.u-nav-link, .menu-collapse a.u-nav-link {color: var(--colorMain);}
	.stt-menu-carousel .u-nav {padding: 3rem;}
	.stt-menu-carousel .u-nav-help {color: var(--colorMain); padding: 0.8rem 3rem; border: 1px var(--colorMain) solid; display: inline-block;}
	.wp-slider-cont-logo {position: inherit; width: 90%; margin: 0 auto; display: flex; align-items: center;}
	.sst-header-single-logo img {width: 4rem;}
	.sst-header-logo-image {width: 15%;}
	.sst-header-nav-mobile {width: 85%; display: block; text-align: right;}
	.sst-header-nav-mobile svg {width: 3rem;}
	.stt-blog-articles {display: inline-block;}
	.stt-blog-articles-item {width: 60%; margin: 1rem auto;}
	.stt-blog-articles-item-card {width: 80%;}
	.sst-nav-horz {display: none;}
	.stt-footer {display: block;}
	.stt-footer-welcome {width: 50%; margin: 0 auto; text-align: center;}
	.stt-footer-welcome h2 {padding: 0; margin-bottom: 2rem;}
	.stt-footer-address {width: 50%; margin: 0 auto; text-align: center;}
	.stt-footer-contact {width: 50%; margin: 0 auto; text-align: center;}
	.stt-footer-copy {display: block; text-align: center;}
	.stt-footer-copy-menu {width: 90%; margin: 0 auto 2rem;}
	.stt-footer-copy-info {width: 90%; margin: 0 auto;}
	.stt-footer-copy-info p {text-align: center;}
	.stt-banner-donations {background-size: cover;}
	.stt-servicios-misas {width: 50%; margin: 0 auto; display: block;}
	.stt-servicios-misas-lugar {width: 100%; margin-bottom: 3rem;}
	.stt-servicios-santisimo {display: block;}
	.stt-servicios-santisimo-info {width: 70%; margin: 0 auto; text-align: center;}
	.stt-servicios-santisimo-info h2 span {display: block;}
	.stt-servicios-santisimo-image {width: 70%; margin: 0 auto; text-align: center;}
	.stt-servicios-confesiones-info {display: block;}
	.stt-servicios-confesiones-text {width: 100%;}
	.stt-servicios-confesiones-image {width: 100%; position: relative;}
	.stt-servicios-confesiones-image img {width: 100%;}
	.stt-patronal {height: 900px;}
	.stt-colecturia-misas {width: 50%; margin: 0 auto; display: block;}
	.stt-colecturia-misas-lugar {width: 100%; margin-bottom: 3rem;}
}

@media screen and (max-width: 932px){
	.slider-line {padding: 0; text-align: center; width: 100%;}
	.slider-contact {display: none;}
	.slider-network {width: 100%;}
	.sst-header-logo img {width: 80%;}
	.sst-header-nav-mobile svg {width: 2rem;}
	.wp-slider-cont-info {bottom: 8rem;}
	.owl-dots {bottom: 2rem;}
	.stt-calendar-week {display: block;}
	.stt-calendar-day {width: 100%; height: 5rem;}
	.stt-banner-content h3 {font-size: 35px; line-height: 42px;}
	.stt-aboutus-info-image {width: 70%;}
	.stt-aboutus-info-text {width: 70%;}
	.stt-patronal {height: 850px;}
	.stt-video-youtube {width: 90%; margin: 5rem auto;}
	.stt-video-content {padding: 5rem; width: 80%; margin: 0 auto;}
	.stt-video-content iframe {width: 100%;}
}

@media screen and (max-width: 820px){
	.stt-servicios-santisimo-image {width: 100%;}
	.stt-parroquia-digital-item {display: flex; width: 70%; margin: 1rem auto;}
	.sttcolecturia-item img {width: 100%;}
	.stt-criptas-venta {display: block;}
	.stt-criptas-venta-info {width: 70%; margin: 0 auto; text-align: center;}
	.stt-criptas-venta-image {width: 90%; text-align: center; margin: 0 auto;}
	.stt-criptas-venta-image video {width: 80%;}
	.stt-salon-parroquial-content img {width: 95%;}
	.stt-patronal-novenario-list {display: block;}
	.stt-patronal-novenario-item {width: 50%; margin: 1rem auto;}
	.stt-patronal {height: 750px;}
	.stt-guidelines-cols {display: block;}
}

@media screen and (max-width: 768px){
	.stt-patronal {height: 700px;}
}

@media screen and (max-width: 640px){
	.sst-header-nav-mobile svg {width: 1.5rem;}
	.wp-slider-cont-info {bottom: 6rem;}
	.wp-slider-cont-info h1 {font-size: 3.6rem; line-height: 4.6rem;}
	.wp-slider-cont-info a {padding: .5rem; min-width: 10rem; font-size: .9rem;}
	.stt-tc-text h2 {font-size: 58px; line-height: 58px;}
	.stt-hotrario-text p {font-size: 58px; line-height: 58px;}
	.stt-footer-welcome {width: 90%;}
	.stt-footer-address {width: 90%;}
	.stt-footer-contact {width: 90%;}
	.stt-servicios-info-text {width: 100%;}
	.stt-servicios-info-eucaristia ul li {width: 100%; display: block;}
	.stt-servicios-santisimo-image {width: 80%;}
	.stt-servicios-santisimo-image img {width: 100%;}
	.stt-criptas-venta-image video {width: 100%;}
	.stt-patronal {height: 600px;}
	.stt-patronal-novenario-item {width: 70%;}
	.stt-video-content {width: 72%;}
	.stt-video-content iframe {height: 240px;}
}

@media screen and (max-width: 540px){
	html {font-size: 16px;}
	.owl-carousel .owl-stage-outer {height: 600px;}
	.wp-slider-content {bottom: -19rem; height: 19rem; top: auto; width: 100%;}
	.wp-slider-cont-info {top: 2rem; bottom: auto; width: 90%; left: 5%;}
	.wp-slider-cont-info h1 {font-size: 40px; line-height: 50px;}
	.wp-slider-cont-info p {width: 80%;}
	.owl-dots {bottom: -2.6rem; left: 50%; margin-left: -36px;}
	.stt-digital-content h2 {font-size: 20px; line-height: 40px;}
	.stt-digital-content h3 {font-size: 40px; line-height: 40px;}
	.stt-digital-item {width: 100%; display: block;}
	.stt-horario-text p {font-size: 40px; line-height: 40px;}
	.stt-calendar-content h2 {font-size: 20px; line-height: 40px;}
	.stt-calendar-content h3 {font-size: 40px; line-height: 40px;}
	.stt-banner-content h2 {font-size: 20px; line-height: 40px;}
	.stt-banner-content h3 {font-size: 40px; line-height: 40px;}
	.stt-blog-title h2 {font-size: 20px; line-height: 40px;}
	.stt-blog-title h3 {font-size: 40px; line-height: 40px;}
	.stt-blog-articles-item {width: 80%;}
	.stt-aboutus {position: inherit; background: none; display: block;}
	.stt-aboutus-content {background: none; width: 100%; height: auto; padding: 2rem 0;}
	.stt-aboutus-content h1 {font-size: 40px; line-height: 40px; position: inherit; left: auto; top: auto; color: var(--colorFourth); width: 100%; text-align: center;}
	.stt-aboutus-image {width: 100%; background-size: cover;}
	.stt-aboutus-history {top: 27rem; left: 2rem; width: 71%;}
	.stt-aboutus-info-text {width: 90%;}
	.stt-aboutus-info-text h2 {font-size: 2rem; line-height: 2rem;}
	.stt-aboutus-info-text h2 span {font-size: 2rem; line-height: 2rem;}
	.stt-footer-welcome h2 {font-size: 1rem;}
	.stt-servicios-santisimo-info h2 {font-size: 3rem; line-height: 3.2rem;}
	.stt-servicios-confesiones-text h2 {font-size: 3rem; line-height: 3.2rem; width: auto;}
	.stt-servicios-lineamientos-info h3 {font-size: 3rem; line-height: 3.2rem;}
	.stt-servicios-lineamientos {background-size: 70%;}
	.stt-patronal {height: 550px;}
	.stt-video-content {width: 67%;}
}

@media screen and (max-width: 414px){
	.owl-carousel .owl-stage-outer {height: 520px;}
	.stt-tc-text {width: 90%;}
	.stt-calendar-content ul li {padding: 1rem;}
	.stt-calendar-content ul li.active {padding: 1rem;}
	.stt-blog-articles-item {width: 90%;}
	.stt-aboutus-content {background: none; width: 90%; height: auto; padding: 2rem 0; margin: 0 auto;}
	.stt-servicios-santisimo-info h2 {font-size: 2rem; line-height: 2.2rem;}
	.stt-servicios-confesiones-text h2 {font-size: 2rem; line-height: 2.2rem; width: auto;}
	.stt-servicios-lineamientos-info h3 {font-size: 2rem; line-height: 2.2rem;}
	.stt-patronal {height: 400px;}
	.stt-patronal-novenario-item {width: 90%;}
	.stt-video-content {width: 57%;}
	.stt-video-content iframe {height: 160px;}
}

@media screen and (max-width: 360px){
	.slider-line {padding: 0 3rem;}
}