html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s,
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
line-height: 1.2em;
scroll-behavior: smooth;
}
b {font-weight: bold;}
p {line-height: 1.5;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body { line-height: 1; font-family: 'Raleway', sans-serif; padding: 0 !important; overflow-x: hidden;} 
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
.wp-block-columns {
margin-bottom: 0;
}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
html {overflow-x: hidden;} strong {font-weight: 700; line-height: 1em;}
.text-center {text-align: center;}
* { margin: 0; padding: 0; list-style: none; -webkit-font-smoothing: antialiased;}
i {
font-style: italic;
}
.contacto-home div#form-container {
color: white;
} @font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 400;
src: url(//www.colegiovirgendelasangustias.org/wp-content/themes/Colegio%20Virgen%20de%20las%20Angustias/fonts/playfair-display-v22-latin-regular.eot); src: local(''),
url(//www.colegiovirgendelasangustias.org/wp-content/themes/Colegio%20Virgen%20de%20las%20Angustias/fonts/playfair-display-v22-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.colegiovirgendelasangustias.org/wp-content/themes/Colegio%20Virgen%20de%20las%20Angustias/fonts/playfair-display-v22-latin-regular.woff2) format('woff2'), url(//www.colegiovirgendelasangustias.org/wp-content/themes/Colegio%20Virgen%20de%20las%20Angustias/fonts/playfair-display-v22-latin-regular.woff) format('woff'), url(//www.colegiovirgendelasangustias.org/wp-content/themes/Colegio%20Virgen%20de%20las%20Angustias/fonts/playfair-display-v22-latin-regular.ttf) format('truetype'), url(//www.colegiovirgendelasangustias.org/wp-content/themes/Colegio%20Virgen%20de%20las%20Angustias/fonts/playfair-display-v22-latin-regular.svg#PlayfairDisplay) format('svg'); } @font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 700;
src: url(//www.colegiovirgendelasangustias.org/wp-content/themes/Colegio%20Virgen%20de%20las%20Angustias/fonts/playfair-display-v22-latin-700.eot); src: local(''),
url(//www.colegiovirgendelasangustias.org/wp-content/themes/Colegio%20Virgen%20de%20las%20Angustias/fonts/playfair-display-v22-latin-700.eot?#iefix) format('embedded-opentype'), url(//www.colegiovirgendelasangustias.org/wp-content/themes/Colegio%20Virgen%20de%20las%20Angustias/fonts/playfair-display-v22-latin-700.woff2) format('woff2'), url(//www.colegiovirgendelasangustias.org/wp-content/themes/Colegio%20Virgen%20de%20las%20Angustias/fonts/playfair-display-v22-latin-700.woff) format('woff'), url(//www.colegiovirgendelasangustias.org/wp-content/themes/Colegio%20Virgen%20de%20las%20Angustias/fonts/playfair-display-v22-latin-700.ttf) format('truetype'), url(//www.colegiovirgendelasangustias.org/wp-content/themes/Colegio%20Virgen%20de%20las%20Angustias/fonts/playfair-display-v22-latin-700.svg#PlayfairDisplay) format('svg'); } :root{
--main-color : #1F6F8F;
--accent-color: #EEB300;
--blue-color: #47BBEA;
--yellow-color: #F4D420;
--black-color: #444444;
--light-color: #F3F3F3;
--grey-color: #F3F3F3; 
--dark-grey-color: #929292; 
}
a.read_more {
font-weight: 700;
} div#breadcrumbs {
position: absolute;
top: 100px;
left: 20px;
color: white;
z-index: 99;
}
.home div#breadcrumbs {
display: none;
}
div#breadcrumbs a:hover {
text-decoration: underline;
}
div#breadcrumbs a {
font-weight: 700;
color: white;
}
div#breadcrumbs.blanco {
color: var(--main-color);
background: white;
padding: 5px 15px;
}
div#breadcrumbs.blanco a {
color: var(--main-color);
} .main-menu-wrapper > nav {display: none;}
header .main-menu-wrapper nav.main-navigation.t-1.desktop,
header .main-menu-wrapper nav.main-navigation.t-1.mobile {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 30px 0;
}
header .main-menu-wrapper nav.main-navigation.t-1.mobile {
justify-content: flex-start;
padding: 0;
}
.menu-toggle {
display: inline-block;
}
.main-navigation.toggled {
position: absolute;
z-index: 9999;
}
.main-navigation .nav-menu {
display: flex;
flex-direction: column;
}
.lateral nav#site-navigation {
max-height: 100vh;
height: 100%;
position: fixed;
width: fit-content;
top: 0;
right: -400px;
z-index: 9;
padding: 0 15px 0 10px;
transition: top 0s, height 0s, right 0.5s;
overflow: auto;
background: transparent linear-gradient(337deg, #1F6F8F 0%, #42B1DE 53%, #47BBEA 100%) 0% 0% no-repeat padding-box;
}
@-moz-document url-prefix() {
.lateral nav#site-navigation {
width: auto;
}
}
.lateral nav#site-navigation.toggled {
top: 0;
right: 0;
}
header .complementos-menu {
position: absolute;
height: 100%;
right: calc(-50vw + 50% - 5px);
display: flex;
justify-content: flex-end;
align-items: center;
}
header .complementos-menu > * {
padding: 0 30px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
text-transform: uppercase;
}
header .complementos-menu button i,
header .complementos-menu a i {
padding-left: 15px;
}
header .complementos-menu button i {
font-weight: 400;
}
header .complementos-menu a.tel-header-boton {
background: transparent linear-gradient(116deg, #F4D420 0%, #EEB300 100%) 0% 0% no-repeat padding-box;
color: white;
}
header .complementos-menu a.alexia-header-boton {
background: transparent linear-gradient(113deg, #47BBEA 0%, #1F6F8F 100%) 0% 0% no-repeat padding-box;
color: white;
}
header .complementos-menu a.tel-header-boton:hover {
background: transparent linear-gradient(116deg, #EEB300 0%, #F4D420 100%) 0% 0% no-repeat padding-box;
color: white;
}
header .complementos-menu a.alexia-header-boton:hover {
background: transparent linear-gradient(113deg, #1F6F8F 0%, #47BBEA 100%) 0% 0% no-repeat padding-box;
color: white;
}
header a.site-title img {
padding: 5px 0 3px 0;
}
body.scroll-hidden {
overflow-y: hidden;
}
header .main-navigation a {
display: block;
text-decoration: none;
color: white;
padding: 15px;
text-transform: uppercase;
}
header .menu-t1-container {
padding-top: 15px;
}
header #button-main-menu-toggle i {
width: 26.61px;
}
ul.sub-menu {
padding: 0;
top: 0;
position: relative !important;
border-top: 1px solid white;
border-bottom: 1px solid white;
}
ul.sub-menu li a {
text-align: right;
} a {
text-decoration: none;
color: var(--main-color);
line-height: 1em;
}
#formulario1 {
margin-top: -70px;
position: absolute;
}
a:hover {
text-decoration: none;
color: var(--main-color-hover);
} 
.cta {
text-align: center;
display: inline-block;
font-size: 1.5rem;
color: var(--accent-color);
}
.cta-button {
background: var(--main-color);
color: white !important;
font-size: 18px;
padding: 15px 50px;
text-align: center;
display: inline-block;
transition: ease 0.3s;
cursor: pointer;
border: 0px;
margin-top: 15px;
}
main.main .cta-button {
background: var(--main-color);
}
main.accent .cta-button {
background: var(--accent-color);
}
main.azul .cta-button {
background: var(--blue-color);
}
main.amarillo .cta-button {
background: var(--yellow-color);
}
.main .cta-button {
background: var(--main-color);
}
.accent .cta-button {
background: var(--accent-color);
}
.azul .cta-button {
background: var(--blue-color);
}
.amarillo .cta-button {
background: var(--yellow-color);
}
main.main .cta-button:hover {
background: var(--accent-color);
}
main.accent .cta-button:hover {
background: var(--main-color);
}
main.azul .cta-button:hover {
background: var(--yellow-color);
}
main.amarillo .cta-button:hover {
background: var(--blue-color);
}
.main .cta-button:hover {
background: var(--accent-color);
}
.accent .cta-button:hover {
background: var(--main-color);
}
.azul .cta-button:hover {
background: var(--yellow-color);
}
.amarillo .cta-button:hover {
background: var(--blue-color);
}
.boton {
display: inline-block;
}
.cta-button:hover, .cta-button:active {
background: var(--accent-color-hover);
}
.centrado-verticalmente {
display: flex;
flex-direction: column;
justify-content: center;
}
p{margin-bottom: 1em;}
h1, h2, h3, h4, h5 {
font-family: 'Playfair Display';
margin-bottom: 15px;
}
h1, .h1{
font-size: 2.2rem;
font-weight: 700;
line-height: 1.5;
}
h2, .h2{
font-size: 1.8rem;
line-height: 1.5;
font-weight: 400;
text-transform: uppercase;
}
h3, .h3{
font-size: 1.3rem;
font-weight: 400;
margin-bottom: 0.5em;
line-height: 1.5;
}
h4, .h4{
font-size: 1.2rem;
font-weight: 400;
margin-bottom: 0.5em;
line-height: 1.5;
font-family: 'Raleway', sans-serif;
}
h5, .h5{
font-size: 1.1rem;
font-weight: 400;
margin-bottom: 0.5em;
line-height: 1.5;
color: var(--main-color);
}
img {
max-width: 100%;
}
section { }
.slider .container-fluid {padding: 0;}
.icono-lista {
padding-left: 30px;
}
.icono-lista li {
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin: 15px 0;
}
.icono-lista li p {
margin: 0;
}
.icono-lista li i {
margin: 5px 15px 0 0;
}
.main .icono-lista li i {
color: var(--main-color);
}
.accent .icono-lista li i {
color: var(--accent-color);
}
.azul .icono-lista li i {
color: var(--blue-color);
}
.amarillo .icono-lista li i {
color: var(--yellow-color);
}
.doblewising .icono-lista li i {
color: white;
} header {
background: white;
padding-bottom: 0;
padding-top: 0;
width: 100%;
z-index: 99;
}
header .site-branding {
padding: 0;
transition: 0.5s;
}
header {
box-shadow: 0 2px 6px rgb(51 51 51 / 30%);
}
.site-title {
position: relative;
}
.logos-calidad {
position: absolute;
left: 125px;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
}
.logos-calidad img {
max-width: 60px;
}
img.logo-img{
max-height: 80px;
width: auto;
transition: 0.5s;
} section.hero {
background: url(//www.colegiovirgendelasangustias.org/wp-content/themes/Colegio%20Virgen%20de%20las%20Angustias/img/hero-background.jpg) no-repeat;
background-size: cover;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.logo-hero {
max-width: 120px;
margin-bottom: 15px;
}
.overlay {
background: rgba(0, 0, 0, 0.4);
height: 700px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
color: white;
padding: 0 50px 0 100px;
}
.overlay p {
max-width: 600px;
}
.hero h1 {
font-size: 50px;
line-height: 100%;
margin-bottom: 15px;
}
.hero h3 {
font-size: 30px;
line-height: 100%;
} .slider .carousel-item::after {
position: absolute;
content: '';
background: var(--main-color);
width: 60%;
height: 100%;
left: 0;
top: 0;
z-index: -1;
}
.carousel-item.accent::after {
background: var(--accent-color);
}
.carousel-item.azul::after {
background: var(--blue-color);
}
.carousel-item.amarillo::after {
background: var(--yellow-color);
}
section.slider .slide img {
max-height: 650px;
width: auto !important;
padding: 40px 0;
}
section.slider .carousel-item .container {
display: flex;
justify-content: flex-end;
align-items: center;
}
section.slider .carousel-caption {
max-width: 30%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
section.slider .carousel-caption a {
padding: 15px 50px;
background: white;
color: var(--main-color);
font-size: 18px;
display: inline-block;
}
section.slider .carousel-caption a i {
margin-left: 10px;
}
section.slider .accent .carousel-caption a {
color: var(--accent-color);
}
section.slider .azul .carousel-caption a {
color: var(--blue-color);
}
section.slider .amarillo .carousel-caption a {
color: var(--yellow-color);
}
section.slider .carousel-caption span.titulo-slider {
font-size: 70px;
font-family: 'Playfair Display';
color: white;
line-height: 1;
text-align: left;
background: var(--main-color);
margin-bottom: 30px;
box-shadow: 0.5em 0 0 var(--main-color),-0.5em 0 0 var(--main-color);
}
section.slider .carousel-caption span.titulo-slider.peque {
font-size: 40px;
line-height: 1.7;
}
section.slider .accent .carousel-caption span.titulo-slider {
background: var(--accent-color);
box-shadow: 0.5em 0 0 var(--accent-color),-0.5em 0 0 var(--accent-color);
}
section.slider .azul .carousel-caption span.titulo-slider {
background: var(--blue-color);
box-shadow: 0.5em 0 0 var(--blue-color),-0.5em 0 0 var(--blue-color);
}
section.slider .amarillo .carousel-caption span.titulo-slider {
background: var(--yellow-color);
box-shadow: 0.5em 0 0 var(--yellow-color),-0.5em 0 0 var(--yellow-color);
}
section.slider .carousel-caption span.titulo-slider {
display: inline;
padding: 4px;
line-height: 1.5;
}
section.slider .texto-boton {
text-align: left;
}
.slide .container {
max-width: 1550px;
}
.slider .carousel-control-next.main span.carousel-control-next-icon,
.noticias .carousel-control-next-icon,
.noticias .carousel-control-prev-icon {
background-image: url(//www.colegiovirgendelasangustias.org/wp-content/themes/Colegio%20Virgen%20de%20las%20Angustias/img/main.svg);
}
.noticias .carousel-control-prev-icon {
transform: rotate(180deg);
}
.slider .carousel-control-next.accent span.carousel-control-next-icon {
background-image: url(//www.colegiovirgendelasangustias.org/wp-content/themes/Colegio%20Virgen%20de%20las%20Angustias/img/accent.svg);
}
.slider .carousel-control-next.azul span.carousel-control-next-icon {
background-image: url(//www.colegiovirgendelasangustias.org/wp-content/themes/Colegio%20Virgen%20de%20las%20Angustias/img/blue.svg);
}
.slider .carousel-control-next.amarillo span.carousel-control-next-icon {
background-image: url(//www.colegiovirgendelasangustias.org/wp-content/themes/Colegio%20Virgen%20de%20las%20Angustias/img/yellow.svg);
}
section.slider .carousel .carousel-item {
min-height: 300px;
} .blog-loop article {
box-shadow: 0px 3px 9px #00000029;
border-radius: 20px;
border: 0px solid transparent;
overflow: hidden;
cursor: pointer;
}
.blog-loop article img {
max-height: 200px;
}
.noticias .blog-loop article img {
object-fit: cover;
}
.blog-loop article .contenido-texto {
text-align: center;
}
.blog-loop .column {
display: flex;
justify-content: center;
align-items: center;
}
.blog-loop .igualar {
flex: 1 0 250px;
}
.blog-loop .igualar article {
margin: 0 15px;
padding: 10px 5px;
}
.blog-loop .igualar:first-child article {
margin-left: 0;
}
.blog-loop .igualar:last-child article {
margin-right: 0;
}
section.seleccionados.productos {
padding: 50px 0;
}
section {
position: relative;
}
section.seleccionados.productos::after {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0; background: var(--light-color);
z-index: -1;
}
section.noticias.pagina::after {
display: none;
}
section.seleccionados.productos .row.flex-column.justify-content-center.mb-4 {
max-width: 950px;
margin: 0 auto;
}
.blog-loop article .card-title {
text-decoration: underline;
color: var(--main-color);
}
.blog-loop article .card-title {
text-decoration: underline;
font-weight: 700;
text-align: center;
}
.blog-loop article .card-title,
.blog-loop article a {
color: var(--blue-color);
}
.blog-loop article:hover {
background: var(--blue-color);
color: white;
}
.blog-loop article:hover * {
color: white;
}
.blog-loop .igualar:nth-child(2) article .card-title,
.blog-loop .igualar:nth-child(2) article a {
color: var(--accent-color);
}
.blog-loop .igualar:nth-child(3) article .card-title,
.blog-loop .igualar:nth-child(3) article a {
color: var(--main-color);
}
.blog-loop .igualar:nth-child(4) article .card-title,
.blog-loop .igualar:nth-child(4) article a {
color: var(--yellow-color);
}
.blog-loop .igualar:nth-child(2) article:hover {
background: var(--accent-color);
}
.blog-loop .igualar:nth-child(3) article:hover {
background: var(--main-color);
}
.blog-loop .igualar:nth-child(4) article:hover {
background: var(--yellow-color);
}
.blog-loop .igualar:nth-child(2) article:hover .card-title {
color: white;
}
.blog-loop .igualar:nth-child(3) article:hover .card-title {
color: white;
}
.blog-loop .igualar:nth-child(4) article:hover .card-title {
color: white;
} .texto-imagen .text-team {
display: flex;
flex-direction: column;
justify-content: center;
}
.centrar {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
section.texto-imagen .centrar {
border: 5px solid var(--main-color);
}
section.texto-imagen.accent .centrar {
border-color: var(--accent-color) !important;
}
section.texto-imagen.azul .centrar {
border-color: var(--blue-color) !important;
}
section.texto-imagen.amarillo .centrar {
border-color: var(--yellow-color) !important;
}
section.texto-imagen .row.flex-row .centrar {
border-right: 0 solid transparent;
}
section.texto-imagen .row.flex-row-reverse .centrar {
border-left: 0 solid transparent;
}
section.texto-imagen .foto {
padding: 0;
}
section.texto-imagen .container-fluid {
padding: 0;
}
section.texto-imagen > .container-fluid > .flex-row,
section.texto-imagen > .container-fluid > .flex-row-reverse {
margin: 0;
}
section.texto-imagen .foto img {
object-fit: cover;
min-height: 100%;
min-width: 100%;
}
section.texto-imagen .foto img.peque {
max-height: 500px;
}
section.texto-imagen .foto img.mediano {
max-height: 700px;
}
section.texto-imagen h2 {
color: var(--main-color);
font-weight: 700;
}
section.texto-imagen h3 {
font-family: 'Playfair Display';
}
section.texto-imagen.accent h2 {
color: var(--accent-color);
}
section.texto-imagen.azul h2 {
color: var(--blue-color);
}
section.texto-imagen.amarillo h2 {
color: var(--yellow-color);
} .contenedores-bullets {
flex: 1 1 220px;
margin-bottom: 15px;
}
.hero-bullets .col-md-4.p-0:first-child .cuadrado {
margin: 0 15px;
}
.cuadrado {
background: white;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
text-align: center;
box-shadow: 0 2px 6px rgb(51 51 51 / 30%);
margin-right: 15px;
padding: 15px;
height: 100%;
}
.cuadrado img {
min-height: 73px;
margin-bottom: 15px;
}
.cuadrado p {
min-height: 56px;
}
section.hero-bullets {
margin: 0 auto;
} section.banner-datos {
width: 100%;
background: var(--light-color);
padding: 30px 0;
}
section.banner-datos h3 {
font-size: 65px;
color: var(--main-color);
text-align: center;
margin: 0;
white-space: nowrap;
}
section.banner-datos h5 {
font-size: 24px;
text-align: center;
color: #444;
} .background-main {
background: var(--main-color);
}
.background-accent {
background: var(--accent-color);
}
.background-azul {
background: var(--blue-color);
}
.background-amarillo {
background: var(--yellow-color);
}
.contacto-home .faq {
border: 5px solid var(--main-color);
border-right: 0;
}
.contacto-home .container-fluid {padding: 0;}
.contacto-home > .container-fluid > .row {margin: 0;}
.contacto-home h2 {
color: var(--main-color);
}
.contacto-home .accent h2 {
color: var(--accent-color);
}
.contacto-home .azul h2 {
color: var(--blue-color);
}
.contacto-home .amarillo h2 {
color: var(--accent-color);
}
.contacto-home .faq.accent {
border-color: var(--accent-color) !important;
}
.contacto-home .faq.azul {
border-color: var(--blue-color) !important;
}
.contacto-home .faq.amarillo {
border-color: var(--yellow-color) !important;
}
.form-container input,
.form-container textarea,
.form-container select {
border: 2px solid var(--grey-color) !important;
}
.form-container .gfield input:focus,
.form-container .gfield textarea:focus {
border-radius: 5px;
border: 2px solid var(--accent-color) !important;
outline: 0;
}
.form-container .floating label {
position: absolute;
color: var(--dark-grey-color);
padding: 11px 15px;
pointer-events: none;
}
.form-container label {
transition: 0.5s;
top: 0;
}
.form-container .focusin label {
color: var(--accent-color);
font-size: 12px !important;
top: -11px;
}
.form-container .focusin label .gfield_required {
color: var(--accent-color);
}
.form-container .top_label li ul.gfield_radio {
display: flex;
flex-wrap: wrap;
}
.form-container .top_label li ul.gfield_radio li {
margin-right: 15px;
margin-bottom: 0;
overflow: visible;
display: flex;
justify-content: center;
align-items: center;
}
.form-container input[type="checkbox"] {
margin-top: -3px !important;
margin-right: 5px;
}
.form-container .gform_footer.top_label {
padding: 0;
margin: 0;
}
.form-container input[type="submit"] {
}
.contacto-home .form-container {
margin-top: 0;
max-width: 500px;
}
.background-main .form-container {
padding: 30px 15px;
}
.form-container input,
.form-container textarea,
.form-container select {
border: 2px solid var(--grey-color) !important;
}
.form-container input[type="submit"] {
border: 0 !important;
font-weight: 700;
}
.background-main .form-container input,
.background-main .form-container textarea {
border: 2px solid transparent !important;
background: var(--light-color);
}
.background-main .form-container .gfield input:focus,
.background-main .form-container .gfield textarea:focus {
border: 2px solid var(--accent-color) !important;
border-bottom: 2px solid var(--accent-color) !important;
outline: 0;
}
.background-accent .form-container .gfield input:focus,
.background-accent .form-container .gfield textarea:focus {
border: 2px solid var(--main-color) !important;
border-bottom: 2px solid var(--main-color) !important;
outline: 0;
}
.background-azul .form-container .gfield input:focus,
.background-azul .form-container .gfield textarea:focus {
border: 2px solid var(--yellow-color) !important;
border-bottom: 2px solid var(--yellow-color) !important;
outline: 0;
}
.background-amarillo .form-container .gfield input:focus,
.background-amarillo .form-container .gfield textarea:focus {
border: 2px solid var(--blue-color) !important;
border-bottom: 2px solid var(--blue-color) !important;
outline: 0;
}
.form-container .floating label {
position: absolute;
font-weight: 400 !important;
color: #7f7f7f;
padding: 11px 15px;
pointer-events: none;
}
.form-container label {
transition: 0.5s;
top: 0;
}
.form-container .focusin label {
color: var(--accent-color);
font-size: 12px !important;
top: -11px;
}
.form-container .focusin label .gfield_required {
color: var(--accent-color);
}
.form-container .top_label li ul.gfield_radio {
display: flex;
flex-wrap: wrap;
}
.form-container .top_label li ul.gfield_radio li {
margin-right: 15px;
margin-bottom: 0;
overflow: visible;
display: flex;
justify-content: center;
align-items: center;
}
.form-container label a {
font-weight: 700;
}
.form-container input[type="checkbox"] {
margin-top: -3px !important;
margin-right: 5px;
}
.form-container .gform_footer.top_label {
padding: 0;
margin: 0;
}
.background-main .form-container input[type="submit"] {
background-color: var(--accent-color);
color: white !important;
font-size: 18px !important;
padding: 15px 50px !important;
display: inline-block !important;
font-weight: 700;
transition: ease 0.3s;
cursor: pointer;
border: 0px !important;
width: 100% !important;
text-align: center;
border-radius: 0;
}
.background-main .form-container input[type="submit"]:hover {
background: var(--accent-color);
}
.background-accent .form-container input[type="submit"] {
background: var(--main-color);
}
.background-azul .form-container input[type="submit"] {
background: var(--yellow-color);
}
.background-amarillo .form-container input[type="submit"] {
background: var(--blue-color);
}
.background-main .form-container input[type="submit"]:hover {
color: var(--accent-color) !important;
background: white;
}
.background-accent .form-container input[type="submit"]:hover {
color: var(--main-color) !important;
background: white;
}
.background-azul .form-container input[type="submit"]:hover {
color: var(--yellow-color) !important;
background: white;
}
.background-amarillo .form-container input[type="submit"]:hover {
color: var(--blue-color) !important;
background: white;
}
.gchoice_select_all, .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label,
.gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {
font-weight: 400 !important;
}
.form-container .gform_wrapper h3.gform_title {
font-size: 28px;
text-align: center;
font-weight: 400;
}
body .gform_wrapper ul li.field_description_below div.ginput_container_radio {
margin-top: 0 !important;
}
.form-container ul.gfield_radio li label {
white-space: nowrap;
}
.form-container .gfield_radio li input[type=radio] {
margin-top: 0px !important;
} .noticias {
padding: 50px 0;
}
.noticias > .container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.noticias .cta-button {
margin: 0;
}
.noticias .card {
border: 0;
box-shadow: 0px 3px 6px #7EA5D980;
cursor: pointer;
}
.noticias .card-body {
padding: 15px;
justify-content: space-between;
}
.noticias .card-body .excerpt {
max-height: 205px;
overflow: hidden;
}
.noticias .img-container {
height: 100%;
}
.noticias a.read_more {
display: block;
color: var(--main-color);
text-align: center;
font-weight: 700;
}
.noticias article.card:hover a.read_more.plas i {
font-size: 20px;
line-height: 100%;
}
.noticias article.card:hover {
box-shadow: 0px 0px 3px #7EA5D980;
} .noticias .blog-loop .elem.main article .card-title,
.noticias .blog-loop .elem.main article a.read_more {
color: var(--main-color);
}
.noticias .blog-loop .elem.main article:hover {
background: var(--main-color);
}  .noticias .blog-loop .elem.accent article .card-title,
.noticias .blog-loop .elem.accent article a.read_more {
color: var(--accent-color);
}
.noticias .blog-loop .elem.accent article:hover {
background: var(--accent-color);
}  .noticias .blog-loop .elem.amarillo article .card-title,
.noticias .blog-loop .elem.amarillo article a.read_more {
color: var(--yellow-color);
}
.noticias .blog-loop .elem.amarillo article:hover {
background: var(--yellow-color);
}  .noticias .blog-loop .elem.azul article .card-title,
.noticias .blog-loop .elem.azul article a.read_more {
color: var(--blue-color);
}
.noticias .blog-loop .elem.azul article:hover {
background: var(--blue-color);
} .noticias .blog-loop .elem article:hover a.read_more {
color: white;
}
.noticias .blog-loop .elem article:hover .card-title {
color: white;
} .content-wrapper{
margin-bottom: 2em;
}
.contenido-texto {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding: 15px;
} .form-container form {
padding: 25px;
}
.form-container form h3,
.form-container form .gfield_checkbox label,
.form-container form a {
color: white;
}
.form-container form a:hover {
text-decoration: underline;
}
.single-productos .form-container {
margin-top: 60px;
}
.background-main .form-container form {
background: transparent;
border: 5px solid transparent;
padding: 0;
}
.background-main .form-container {
top: 0;
}
.ancla-form {
display: inline!important;
}
.form-cabecera form {
text-align: left;
margin-top: 1em;
}
.form-container .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
width: 100%;
}
.form-container .gform_wrapper .top_label .gfield_label, .form-container .gform_wrapper legend.gfield_label {
line-height: 2;
}
form label {
width: 100%;
margin-bottom: 0.3em;
}
form input[type="text"],
form input[type="email"],
select {
width: 100%;
padding: 20px 15px 10px 15px !important;
font-size: 16px;
border: 1px solid var(--grey-color);
}
select {
padding: 15px !important;
}
select {-webkit-appearance:none; font-size: 16px;}
form select + .error {
pointer-events: none;
line-height: 14px;
}
.gfield[type=text] label {
position: absolute;
left: 30px;
top: 10px;
transition: 0.5s;
}
.gfield input + .error,
.gfield select + .error {
text-align: right;
padding: 0px 60px;
width: 100%;
font-size: 14px;
}
.gfield input:not(:placeholder-shown) + label,
.gfield input:focus ~ label,
.gfield input:not(:placeholder-shown) + .error ~ label {
white-space: nowrap;
text-overflow: ellipsis;
transform-origin: left bottom;
font-size: 10px;
top: 0px;
left: 30px;
}
.gfield input:focus + label.error {
top: -15px;
left: 0;
padding: 0 20px;
}
.gfield input:not(:placeholder-shown) + label.error,
.gfield input:focus + label.error {
top: 45px;
left: 0;
}
.gfield .form textarea {
width: 100%;
padding: 0.5em 0em;
font-size: 1em;
border: none;
border-bottom: 1px solid #1f1f1f;
font-size: 18px;
}
.gfield input:focus,
.gfield textarea:focus,
.gfield select:focus {
outline: 0px solid transparent;
}
.gfield::placeholder,
.gfield:-ms-input-placeholder {
color: #1D252C;
font-size: 18px!important;
padding: 5px;
}
.gfield .check input[type="checkbox"],
.gfield .check label {
display: inline-block;
width: auto;
}
.gfield .check label {
padding-left: 0.5em;
display: inline;
}
.gfield li.check input:focus {
outline: none;
}
.gfield .wildcard {
font-size: 1em;
padding-left: 3px;
vertical-align: top;
}
.gfield {
padding-bottom: 1rem;
padding-top: 4rem;
}
.content-legal {
padding: 2rem;
}
.content-legal ul {
padding-left: 2rem;
}
.content-legal ul li {
list-style: disc;
}
.content-legal table td {
border: 1px solid #000001;
padding: 0.5rem;
}
.content-legal table p {
margin-bottom: 0rem;
}
.form-group.campo-movil input {
width: 100%;
padding: 15px 15px 0 15px;
border-radius: 5px;
border: 1px solid var(--grey-color);
}
form h3 {
margin-bottom: 25px;
}
label.form-check-label {
margin-right: 15px;
}
.oculto {
display: none;
}
form#contact-form input#aceptocondiciones {
margin-top: 6px;
margin-right: 10px;
}
form#contact-form input.cta-button {
padding: 10px 40px;
width: 100%;
}
.gform_wrapper ul.gform_fields .gfield {
position: relative;
}
.form-container .gform_wrapper .top_label select.medium {
width: 100%;
line-height: 1;
} .form_box label.error,
#contact-form > ul > li.check > label.error {
color: #c40000;
margin: 5px;
}
.form_box .sms_ok {
font-size: 16px;
line-height: 20px;
font-weight: 400;
padding: 30px 30px 50px 30px;
}
.form_box .sms_ok h5 {
color: #6b737e;
font-weight: 700;
margin-bottom: 15px;
}
.sms_ok .tpv_response_code{
background: #c4e8c4;
padding: 1em 2em;
color: #234423;
font-size: 0.9em;
}
.sms_ko .tpv_response_code{
background: #e8c4c4;
padding: 1em 2em;
color: #981414;
font-size: 0.9em;
} .widget a {
color: var(--dark-grey-color);
white-space: nowrap;
}
.widget a:hover {
color: var(--main-color);
} .wising {
padding: 50px 0;
}
.wising.superior {
border-top: 5px solid var(--main-color);
}
.accent .wising.superior {
border-top: 5px solid var(--accent-color);
}
.azul .wising.superior {
border-top: 5px solid var(--blue-color);
}
.naranja .wising.superior {
border-top: 5px solid var(--naranja-color);
} .doblewising {
padding: 50px 0;
color: white;
}
.doblewising a {
color: white;
font-weight: 700;
}
.doblewising a:hover {
text-decoration: underline;
}
.doblewising.main {
background: var(--main-color);
}
.doblewising.accent {
background: var(--accent-color);
}
.doblewising.azul {
background: var(--blue-color);
}
.doblewising.amarillo {
background: var(--yellow-color);
} .pdfemb-viewer {
margin: 50px auto !important;
}
p.wp-block-pdfemb-pdf-embedder-viewer {
display: none;
} .blog-pagination {
display: flex;
justify-content: center;
align-items: center;
}
.blog-pagination > * {
width: 44px;
height: 44px;
border-radius: 500px;
background: var(--dark-grey-color);
display: flex;
justify-content: center;
align-items: center;
color: white;
font-weight: 700;
margin-right: 15px;
font-size: 20px;
transition: 0.5s;
}
.blog-pagination > a:hover {
background: var(--main-color);
font-size: 24px;
color: white;
box-shadow: 0 2px 6px rgb(51 51 51 / 30%);
}
.blog-pagination > span {
width: 44px;
height: 44px;
border-radius: 500px;
background: var(--main-color);
display: flex;
justify-content: center;
align-items: center;
color: white;
font-weight: 700;
margin-right: 15px;
font-size: 22px;
} .thumbnail-single-block img {
object-fit: cover;
min-width: 100%;
min-height: 100%;
display: block;
margin-bottom: 30px;
} #colophon {
background: var(--grey-color);
}
footer {
background-color: #313232;
padding-bottom: 0;
padding-top: 0; font-size: 0.8em;
height: auto;
padding-top: 60px;
}
footer .main-navigation {
max-height: fit-content;
}
#copyright {
border-top: 2px solid white;
padding: 20px 0;
}
#copyright li {
padding: 0 !important;
}
#copyright a {
font-size: 100%;
font: inherit;
vertical-align: baseline;
line-height: 1.8em;
margin-right: 15px;
}
footer #datos-de-contacto .col-auto {
display: flex;
margin-bottom: 30px;
}
footer #datos-de-contacto .col-auto img {
margin-right: 15px;
}
footer h3 {
margin-bottom: 15px;
font-family: 'Raleway', sans-serif;
color: var(--main-color);
font-weight: 400;
}
footer .services h3 + ul li {
padding: 10px 0;
}
footer a {
color: var(--dark-grey-color);
font-size: 14px;
}
footer a:hover {
color: var(--main-color) !important;
}
footer .widget ul {
display: flex;
flex-direction: column;
}
footer li {
padding: 0;
}
footer #box-social ul li a {
color: var(--accent-color);
width: 32px;
height: 32px;
border-radius: 50px;
border: 2px solid var(--accent-color);
margin-right: 10px;
display: flex;
justify-content: center;
align-items: center;
}
footer #box-social ul li a:hover {
color: var(--main-color);
border: 2px solid var(--main-color);
} .wrapper-idento {
display: inline-block;
vertical-align: middle;
}
.firma-idento {
background: url(//www.colegiovirgendelasangustias.org/wp-content/themes/Colegio%20Virgen%20de%20las%20Angustias/img/idento.svg);
width: 20px;
height: 20px;
background-repeat: no-repeat;
display: inline-block;
background-size: 53px;
margin: 0;
transition: width 0.3s;
margin-top: 0px;
}
.firma-idento.white {
background-image: url(//www.colegiovirgendelasangustias.org/images/idento_neg.svg);
}
.firma-idento:hover {
width: 53px;
} #contact-form #mail,
#contact-form2 #mail{
visibility: hidden;
position: absolute;
opacity: 0;
left: -100vw;
}
.content-legal {
padding: 2rem;
}
.content-legal ul {
padding-left: 2rem;
}
.content-legal ul li {
list-style: disc;
}
.content-legal .h2:after {
display: none;
}
.content-legal table td {
border: 1px solid #000001;
padding: 0.5rem;
}
.content-legal table p {
margin-bottom: 0rem;
}
.texto-imagen .text-team {
padding: 30px;
max-width: 680px;
}    
.contacto-home .faq .texto-contacto {
padding: 30px;
max-width: 680px;
}
.blog-single-content {
margin-bottom: 50px;
}
.single-post .date {
margin-bottom: 15px;
} .fixed-image {
height: 230px;
background-position: center bottom;
background-attachment: fixed; background-size: cover;
background-repeat: no-repeat;
} @media all{
*,::after,::before{box-sizing:border-box;}
strong{font-weight:bolder;}
table{border-collapse:collapse;}
@media print{
*,::after,::before{text-shadow:none!important;box-shadow:none!important;}
tr{page-break-inside:avoid;}
}
} @media all{
*,*:after,*:before{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;}
@media print{
*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;}
tr{page-break-inside:avoid;}
}
strong{font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;}
} @media all{
::selection{background:#04A4CC;color:#FFF;text-shadow:none;}
::-webkit-selection{background:#04A4CC;color:#FFF;text-shadow:none;}
::-moz-selection{background:#04A4CC;color:#FFF;text-shadow:none;}
} @media all{
*,*:after,*:before{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;}
@media print{
*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;}
tr{page-break-inside:avoid;}
}
strong{font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;}
} @media all{
table td{padding:10px;border:3px solid #eeeeee;}
table td{padding:10px;border:3px solid #eeeeee;}
table{background-color:#F6F6F6;}
}
.page-template-page_texto .page-pred ul {
padding-left: 15px;
}
.page-template-page_texto .page-pred ul li {
padding: 15px 0;
list-style: square;
} @media only screen and (min-width: 1400px) {}
@media only screen and (max-width: 1199px) { .hero h3 {
font-size: 20px;
}
.hero h1 {
font-size: 32px;
}
h2 {
font-size: 26px;
}
section.faq {
margin: 60px 0 60px 0;
}
}
@media only screen and (max-width: 1091px) {
}
@media only screen and (max-width: 1090px) {
}
@media only screen and (max-width: 991px) {
.main-menu-wrapper.col-lg-8.col-md-12.lateral {
z-index: 999999999;
}
header#masthead {
z-index: 9999;
position: relative;
}
.lateral nav#site-navigation.toggled {
left: auto;
}
.main-navigation ul li {
width: unset;
}
.main-navigation ul li {
text-align: right;
}
.menu-toggle {
display: flex;
justify-content:flex-end;
align-items: center;
}
section.hero {
background: url(//www.colegiovirgendelasangustias.org/wp-content/themes/Colegio%20Virgen%20de%20las%20Angustias/img/hero-background.jpg) no-repeat center;
background-size: cover;
height: fit-content;
}
.overlay {
padding: 15px;
height: fit-content;
padding: 30px 15px;
background: rgba(0, 0, 0, 0.3);
}
.form-cabecera {
top: 15px;
}
.cuadrado:first-child {
margin-left: 15px;
}
section.hero-bullets {
margin: 0 auto;
margin-bottom: 50px;
margin-top: 15px;
}
.home section.hero-bullets + section {
margin-top: 0;
}
section.productos .row.w-100.column.justify-content-center .col-md-6.col-lg-3 {
margin-bottom: 30px;
}
section.productos article.card {
min-height: 400px;
}
section.productos article.card .card-body {
justify-content: flex-end;
align-items: center;
}  section.productos article.card a.read_more i {
margin-left: 5px;
} .blog-loop .igualar {
margin-bottom: 30px;
}
.blog-loop .igualar article {
margin: 0 7.5px;
}
.blog-loop .igualar:first-child article {
margin-left: 7.5px;
}
.blog-loop .igualar:last-child article {
margin-right: 7.5px;
}
section.productos article.card .card-body .contenido-texto::after {
background: rgba(0, 0, 0, 0.3);
}
.team .text-team {
padding: 50px 15px;
}
section.slider .carousel-caption span.titulo-slider {
font-size: 40px;
line-height: 1.7;
}
section.slider .slide img {
max-height: 450px;
}
.carousel .carousel-item {
padding: 15px;
}
.carousel-indicators .active {
background-color: black;
}
.carousel-indicators li {
background-color: rgba(0,0,0,.5);
}
footer#colophon .col-sm-12.col-md-6.col-lg-3 {
margin-bottom: 30px;
}
ul#menu-menu-superior {
flex-direction: column;
padding-bottom: 15px;
}
button#button-main-menu-toggle {
display: flex;
justify-content: flex-end;
align-items: center;
}
section.cabecera {
padding-top: 30px;
}
.form-container form {
padding: 15px;
}
.gfield {
padding-bottom: 0;
}
.row-reverse-tablet {
flex-direction: column-reverse;
}
section.proceso.steps .col-lg-6.text-center {
margin-bottom: 30px;
}
.cabecera .img.right {
width: 100vw;
height: fit-content;
min-height: 400px;
display: flex;
justify-content: center;
align-items: center;
top: 0;
}
.cabecera .img.right::after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
}
.single-productos section.cabecera > .container > .row > .col-12.col-lg-6 > span,
.single-productos section.cabecera > .container > .row > .col-12.col-lg-6 > h2,
.single-productos section.cabecera > .container > .row > .col-12.col-lg-6 > h4,
.single-productos section.cabecera > .container > .row > .col-12.col-lg-6 > p {
color: white;
}
}
@media only screen and (max-width: 767px) { header .complementos-menu > * {
padding: 0 10px;
}
.content-legal {
padding: 1rem;
}
.content-legal h3,
.content-legal .h3 {
font-size: 17px;
font-weight: 700;
line-height: 23px;
}
.content-legal a {
word-break: break-word;
}
.content-legal ul {
padding-left: 1rem;
}
.content-legal h2,
.content-legal .h2 {
font-size: 21px;
line-height: 27px;
}
.content-legal p,
.content-legal li {
font-size: 14px;
line-height: 21px;
}
.content-legal h1{
font-size: 1.4rem;
margin-bottom: 0.5rem;
}
a.telefono.gtm_phone {
position: fixed;
bottom: 30px;
right: 30px;
border-radius: 100px;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
a.telefono.gtm_phone span {
display: none;
}
a.telefono.gtm_phone i {
margin: 0;
font-size: 24px;
}
section.hero-bullets .col-md-4.p-0 {
margin-bottom: 15px;
}
section.hero-bullets .col-md-4.p-0:last-child {
margin-bottom: 0 ;
}
.team .foto {
position: relative;
top: 0;
}
.team .row.position-relative {
flex-direction: column-reverse;
}
.cuadrado p {
min-height: auto;
}
.form-container input[type="submit"] {
line-height: 1 !important;
}
.carousel-control-next {
right: -15px;
}
.carousel-control-prev {
left: -15px;
}
.row-reverse-movil {
flex-direction: column-reverse;
}
.row-reverse-movil .sidebar {
margin-bottom: 30px;
}
.widget .sidebar h2.widgettitle {
position: relative;
transition: 0.5s;
cursor: pointer;
}
.sidebar .widget h2.widgettitle::after {
position: absolute;
content: "\f107";
font-family: 'Font Awesome 5';
font-weight: 900;
right: 15px;
font-size: 24px;
cursor: pointer;
transition: 0.5s;
width: 44px;
height: 44px;
border-radius: 500px;
background: var(--main-color);
display: flex;
justify-content: center;
align-items: center;
color: white;
top: 0;
}
.sidebar .widget h2.widgettitle + ul {
max-height: 0;
overflow: hidden;
transition: .5s;
}
.sidebar .widget h2.widgettitle.desplegado::after {
transform: rotate(180deg);
}
.sidebar .widget h2.widgettitle.desplegado + ul {
max-height: 500px;
}
.steps .step {
max-width: 100%;
}
section.proceso.steps .row.mb-4:last-child {
margin-bottom: 0 !important;
}
section.productos article.card .card-body {
justify-content: center;
text-align: center;
}
.texto-imagen .foto {
top: 0;
}
.background-main .form-container {
padding: 30px 0;
}
.form-container .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
line-height: 1;
min-height: 0;
} .single-productos section.cabecera > .container > .row > .col-12 {
order: 2;
}
.single-productos section.cabecera {
padding-top: 0;
}
.single-productos .form-container {
margin-top: 30px;
}
.cabecera .img.right.bg-seccion-absolute img {
object-fit: cover;
display: block;
width: auto;
max-width: 500%;
height: 400px;
min-height: 100%;
min-width: 100%;
}
.single-productos section.cabecera > .container > .row > .col-12.col-lg-6 {
margin-top: 35px;
}
.single-productos section.cabecera > .container > .row.row-reverse-tablet > .col-12.col-lg-6 {
margin-top: 0;
}
section.banner-datos h3 {
font-size: 60px;
}
.boton {
padding: 0 15px;
}
a.cta-button {
padding: 15px 20px;
font-size: 16px;
}
.single-productos section.productos {
margin-top: 45px;
}
footer {
padding-top: 45px;
}
section.faq {
margin: 45px 0 45px 0;
}
.form-container input[type="submit"] {
padding: 15px 20px !important;
font-size: 16px !important;
}
section.cabecera h2.h1 {
font-size: 1.6rem;
}
h4.title.h1.white {
font-size: 1.4em;
}
h2.invisible {
display: none !important; 
}
}
@media only screen and (max-width: 575px) { header a.site-title {
padding-left: 30px;
}
header .main-menu-wrapper nav.main-navigation.t-1.mobile {
width: 100%;
}
header .complementos-menu > * {
padding: 0 10px;
}
header .complementos-menu > button {
padding: 0 30px;
}
header .complementos-menu {
padding: 0;
}
.complementos-menu a {
position: absolute;
width: 100%;
top: 100%;
height: 50px !important;
}
.complementos-menu a.tel-header-boton {
right: 100%;
}
section.productos article.card {
min-height: 250px;
}
.logos-calidad {
position: absolute;
left: 150px;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
}
section.slider .carousel-item .container {
flex-wrap: wrap;
}
section.slider .carousel-caption {
max-width: 100%;
height: auto;
position: relative;
left: 0;
}
.slider .carousel-item::after {
width: 100%;
}
section.slider .container,
section.slider .container img {
padding: 0;
}
section.slider .container img {
padding: 0;
margin-top: 50px;
}
section.texto-imagen .row.flex-row .centrar,
section.contacto-home.w-100 .faq,
section.texto-imagen .row.flex-row-reverse .centrar {
border: 5px solid var(--main-color);
border-bottom: 0 solid transparent;
}
.carousel-control-next {
right: -6px;
}
.carousel-control-prev {
left: -6px;
}
section.slider .carousel-caption span.titulo-slider {
background: transparent !important;
box-shadow: 0 0 0 transparent !important;
line-height: 1.2;
}
.thumbnail-single-block img {
margin-top: 20px;
}
li.widget.widget_pages {
width: 100%;
}
}