@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&display=swap");
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.8em;
scroll-behavior: smooth;
}
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;}
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;
}
.cookie-comprimida {
padding: 0;
background: #F1F1F1;
margin: 15px 0;
font-size: 16px;
}
.text-delgado {
font-weight: 300;
}
.mt-10 {
margin-top: 4rem!important;
}
.page-template-page_texto h2,
.page-template-page_texto #content ul {margin-bottom: 30px;}
div#breadcrumbs a {
font-weight: 600;
text-shadow: 2px 2px 2px rgb(51 51 51 / 80%);
}
.border-abajo {
border-bottom: 3px solid var(--main-color);
padding-bottom: 15px;
margin-bottom: 25px;
} :root{
--main-color : #F4D420;
--main-color-hover : #d5bc2e;
--accent-color: #F4D420;
--accent-color-hover: #d5bc2e;
--azul: #47BCEB;
--verde: #59BC56;
--rojo: #EC465A;
--black: #333333;
--white: #ffffff;
--grey-color: #F3F3F3; 
--dark-grey-color: #333333; 
} body{
background-image: url(//www.colegiovirgendegracia.org/wp-content/uploads/shape.svg);
background-position: 50% 50%;
background-size: auto;
}
div#content .politica-cookie a.ver-cookie[aria-expanded="false"] .arrow.down {
transform: rotate(-135deg);
left: calc(100% + 15px);
top: calc(50% - 7px);
transition: .5s;
}
div#content .politica-cookie a.ver-cookie[aria-expanded="true"] .arrow.down {
transform: rotate(45deg);
left: calc(100% + 15px);
top: calc(50% + -1px);
}
div#content .politica-cookie a {position: relative;}
.arrow {
display: inline-block;
position: absolute;
width: 10px;
height: 10px;
background: transparent;
text-indent: -9999px;
border-top: 2px solid #505050;
border-left: 2px solid #505050;
transition: all 250ms ease-in-out;
text-decoration: none;
color: transparent;
}
div#content .politica-cookie .cookie-comprimida {
padding: 15px;
}
div#content .politica-cookie .info {
margin-top: 15px;
}
div#content .politica-cookie .card.card-body.container {
padding: 15px;
}
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);
border-radius: 6px;
}
.cta-button {
background: var(--accent-color);
color: white !important;
font-size: 18px;
padding: 15px 40px;
text-align: center;
display: inline-block;
font-weight: 700;
transition: ease 0.3s;
cursor: pointer;
border: 0px;
border-radius: 6px;
}
.wp-block-button__link{
background: var(--accent-color);
color: white !important;
font-size: 18px;
padding: 15px 40px;
text-align: center;
display: inline-block;
font-weight: 700;
transition: ease 0.3s;
cursor: pointer;
border: 0px;
border-radius: 6px;
}
.wp-block-button__link:hover, .wp-block-button__link:active {
background: var(--accent-color-hover); box-shadow: 3px 3px 2px rgb(0 0 0 / 30%);
}
.boton {
margin: 0 auto;
width: fit-content;
}
.cta-button:hover, .cta-button:active {
background: var(--accent-color-hover); box-shadow: 3px 3px 2px rgb(0 0 0 / 30%);
}
.centrado-verticalmente {
display: flex;
flex-direction: column;
justify-content: center;
}
p{margin-bottom: 1.2em;}
h1, h2, h3, h4, h5 {font-family: 'Montserrat', sans-serif;}
h1, .h1{
font-size: 2.2rem;
font-weight: 700;
line-height: 120%;
text-shadow: -2px 2px 2px rgb(51 51 51 / 30%);
}
h2, .h2{
font-size: 1.8rem;
line-height: 120%;
font-weight: 700;
}
h3, .h3{
font-size: 1.3rem;
font-weight: 700;
margin-bottom: 1em;
line-height: 100%;
}
h4, .h4{
font-size: 1.2rem;
font-weight: 700;
margin-bottom: 0.5em;
line-height: 100%;
}
h5, .h5{
font-size: 1.1rem;
font-weight: 700;
margin-bottom: 0.5em;
line-height: 100%;
color: var(--main-color);
}
img {
max-width: 100%;
}
.icono-lista {
padding-left: 30px;
}
.icono-lista li {
display: flex;
justify-content: flex-start;
align-items: center;
}
.icono-lista li p {
margin: 0;
}
.icono-lista li i {
margin-right: 15px;
}
.destacado  {
text-transform: uppercase;
font-weight: 700 !important;
}
.destacado.minusculas  {
text-transform: unset;
}
.destacado.naranja {
color: var(--main-color);
}
.p-destacado .destacado {
font-size: 28px;
}
.p-destacado {
font-size: 24px;
margin-bottom: 50px;
font-weight: 300;
} header {
background: transparent;
padding: 0;
width: 100%;
z-index: 99;
}
header.scroll,
header.scroll-fijo {
background: white;
}
.sub-menu a{
color: var(--black);
text-shadow: -1px 1px 2px rgb(51 51 51 / 2%);
}
header a {
color: var(--white);
font-size: 15px;
font-weight: 600;
transition: 0.5s;
text-shadow: -1px 1px 2px rgb(51 51 51 / 50%);
}
header .cta-button a {
text-shadow: 0 0 0;
}
header .cta-button a:hover {
text-shadow: 0 0 0;
color: var(--white);
}
header a:hover {
color: var(--main-color)!important;
}
header i:hover {
color: var(--main-color)!important;
}
.footer-iconos a:hover {
color: var(--main-color)!important;
}
#footer a:hover{
color: var(--main-color)!important;
}
header.scroll a,
header.scroll-fijo a {
color: var(--black);
text-shadow: 0 0 0;
}
header.scroll a:hover,
header.scroll-fijo a:hover {
color: var(--accent-color);
}
header.scroll .cta-button a:hover,
header.scroll-fijo .cta-button a:hover {
color: var(--white);
}
header .cta-button a {color:  var(--white);}
header#masthead ul.nav-link li.cta-button {
margin-left: 20px;
padding: 0;
}
header .site-branding {
padding: 0;
transition: 0.5s;
}
header#masthead {
position: fixed;
top: 0;
transition: 0.5s;
}
header#masthead.scroll,
header#masthead.scroll-fijo{
box-shadow: 0 2px 6px rgb(51 51 51 / 30%);
}
header#masthead .flex-header {
display: flex;
justify-content: space-between;
align-items: center;
}
nav#site-navigation,
nav#site-navigation > * {
flex-grow: 1;
}
header#masthead ul.nav-link {
display: flex;
justify-content: flex-end;
}
header#masthead ul.nav-link li a {
padding: 15px 25px;
display: block;
}
img.logo-img{
max-height: 80px;
width: auto;
transition: 0.5s;
}
header#masthead.scroll img.logo-img,
header#masthead.scroll-fijo img.logo-img{
max-height: 60px;
}
header#masthead .when-scroll {display: none;}
header#masthead.scroll .logo-img{display: none;}
header#masthead.scroll-fijo .logo-img{display: none;}
header#masthead.scroll-fijo .when-scroll {display: block;}
header#masthead.scroll .when-scroll{display: block;}
nav#site-navigation ul.sub-menu {
position: absolute;
background: white;
display: none;
}
nav#site-navigation li > a {
position: relative;
}
header#masthead ul.nav-link li.menu-item-has-children > a {
padding-right: 40px;
}
nav#site-navigation li.menu-item-has-children > a::after {
font-family: "Font Awesome 5";
font-weight: normal;
content: "\f107";
display: inline-block;
margin-left: 5px;
margin-right: 0px;
font-size: 1em;
vertical-align: middle;
transition: ease 0.2s;
} section.hero {
background-size: cover;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
margin-bottom: 60px;
}
section.hero::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
background: #00000047;
}
section.hero video#BgVideo {
Z-INDEX: -1;
position: absolute;
min-width: 100%;
object-fit: cover;
height: 100%;
}
section.cabecera .foto {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
}
section.hero::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
background: rgba(0,0,0,.2);
}
.overlay {
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
color: white;  
z-index: 1; }
.overlay p {
max-width: 600px;
}
.hero .h3 {
font-family: Schoolbell;
font-size: 26px;
line-height: 30px;
font-weight: 300;
text-shadow: -1px 1px 2px rgb(51 51 51 / 50%);
color: var(--accent-color);
}
.hero .h3 .destacado {
line-height: 26px;
}
.hero .h2 {
font-size: 50px;
line-height: 50px;
margin-bottom: 30px;
text-shadow: -2px 2px 2px rgb(51 51 51 / 50%);
font-family: Raleway;
}
.hero .h2 .destacado {
line-height: 55px;
} .mouse_scroll {
display: flex;
margin: 0 auto;
width: 100%;
height: 100px;
margin-top: 125px;
position: absolute;
bottom: 20px;
cursor: pointer;
flex-direction: column;
align-items: center;
}
.m_scroll_arrows
{
display: block;
width: 5px;
height: 5px;
-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
border-right: 2px solid white;
border-bottom: 2px solid white;
margin: 0 0 3px 4px;
width: 16px;
height: 16px;
}
.unu
{
margin-top: 1px;
}
.unu, .doi, .trei
{
-webkit-animation: mouse-scroll 1s infinite;
-moz-animation: mouse-scroll 1s infinite;
animation: mouse-scroll 1s infinite;
}
.unu
{
-webkit-animation-delay: .1s;
-moz-animation-delay: .1s;
-webkit-animation-direction: alternate;
animation-direction: alternate;
animation-delay: alternate;
}
.doi
{
-webkit-animation-delay: .2s;
-moz-animation-delay: .2s;
-webkit-animation-direction: alternate;
animation-delay: .2s;
animation-direction: alternate;
margin-top: -6px;
}
.trei
{
-webkit-animation-delay: .3s;
-moz-animation-delay: .3s;
-webkit-animation-direction: alternate;
animation-delay: .3s;
animation-direction: alternate;
margin-top: -6px;
}
.mouse {
height: 42px;
width: 24px;
border-radius: 14px;
transform: none;
border: 2px solid white;
top: 170px;
}
.wheel {
height: 5px;
width: 2px;
display: block;
margin: 5px auto;
background: white;
position: relative;
height: 4px;
width: 4px;
border: 2px solid #fff;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.wheel {
-webkit-animation: mouse-wheel 0.6s linear infinite;
-moz-animation: mouse-wheel 0.6s linear infinite;
animation: mouse-wheel 0.6s linear infinite;
}
@keyframes mouse-wheel {
0% { top: 1px; }
25% { top: 2px; }
50% { top: 3px;}
75% { top: 2px;}
100% { top: 1px;}
}
@keyframes mouse-scroll {
0%   { opacity: 0; }
50%  { opacity: .5; }
100% { opacity: 1; }
} .slider .carousel-item img {
max-height: 700px;
object-fit: cover;
}
.slider .carousel-caption {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
height: 100%;
} .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 / 40%);
margin-right: 15px;
padding: 15px 8px;
height: 100%;
border-radius: 8px;
}
.por-que-nosotros .cuadrado img {
height: 50px!important;
}
.cuadrado img {
min-height: 73px;
margin-bottom: 15px;
}
.cuadrado p {
min-height: 56px;
color: #313131!important;
}
section.hero-bullets {
margin: 0 auto;
} section.banner-datos {
width: 100%;
background: var(--light-color);
padding: 0 0 60px 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;
}
.valores{
line-height: 1.4;
} .page-template-template-contacto-1 section.cabecera {
margin: 0;
}
.contacto-1 .contact-info-block i {
color: var(--main-color);
}
.form-container input,
.form-container textarea,
.form-container select {
border-radius: 0;
background: transparent;
border-bottom: 1px solid var(--black) !important;
}
.form-container .gfield input:focus,
.form-container .gfield textarea:focus {
border-bottom: 1px solid var(--black) !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,
.gfield_error label {
color: var(--accent-color);
font-size: 12px !important;
top: -11px;
}
.gfield_error .gchoice label {
color: var(--black);
font-size: 14px !important;
}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
border: 0px solid #E82C0C!important;
border-bottom: 1px solid #E82C0C!important;
}
.form-container .focusin label .gfield_required {
color: var(--accent-color);
}
.gform_legacy_markup_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox] + label a {
line-height: inherit;
}
.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;
}
.background-main .form-container {
padding: 30px 15px;
}
.form-container input,
.form-container textarea,
.form-container select {
border-radius: 5px;
border: 2px solid var(--grey-color) !important;
}
.background-main .form-container input,
.background-main .form-container textarea {
border: 0 !important;
border-radius: 0;
border-bottom: 1px solid var(--black) !important;
}
.form-container .gfield input:focus,
.form-container .gfield textarea:focus {
border-bottom: 1px solid var(--main-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 .focusin label,
.gfield_error label {
color: var(--accent-color);
font-size: 12px !important;
top: -11px;
}
.gfield_error .gchoice label {
color: var(--black);
font-size: 14px !important;
}
.gform_footer.top_label {
position: relative;
}
.gform_ajax_spinner {
position: absolute;
bottom: -20px;
left: 0;
}
.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;
}
.form-container input[type="submit"] {
background-color: var(--accent-color);
color: white !important;
font-size: 20px !important;
padding: 15px 40px !important;
display: inline-block !important;
font-weight: 700;
transition: ease 0.3s;
cursor: pointer;
border: 0px !important;
width: 100% !important;
text-align: center;
box-shadow: 2px 2px 6px rgb(0 0 0 / 40%);
}
input[type="submit"] {
background-color: var(--accent-color);
border: 0;
color: #ffffff;
padding: 20px;
margin-bottom: 10px;
}
.form-container .gform_wrapper h3.gform_title {
font-size: 28px;
text-align: center;
font-weight: 400;
}
li.gfield_error {
background-color: transparent !important;
}
.gform_validation_errors.validation_error {
display: none;
}
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;
}
section.contacto-home {
padding: 0;
}
img.transición {
width: 100%;
display: block;
}
img.transición.footer {
position: absolute;
top: 0;
}
section.contacto-home img.transición + .container-fluid {position: relative;}
section.contacto-home img.transición + .container-fluid::after {
width: 100%;
height: 100%;
position: absolute;
content: '';
z-index: -1;
top: 0;
left: 0;
background: #fafafa;
background: linear-gradient(180deg, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);
}
section.contacto-home img.transición + .container-fluid > .row {
position: relative;
z-index: 1;
} section.noticias {
padding: 0 0 50px 0;
}
.noticias .card {
border: 0;
box-shadow: 2px 2px 6px rgb(0 0 0 / 40%);
border-radius: 10px;
overflow: hidden;
transition: 0.5s;
cursor: pointer;
}
.noticias .card-body {
padding: 15px;
justify-content: flex-start;
}
.noticias .card-body .excerpt {
max-height: 205px;
overflow: hidden;
}
.noticias .img-container {
height: 100%;
}
.noticias a.read_more.plas {
display: block;
background: var(--main-color);
color: white;
border-radius: 75px;
display: flex;
justify-content: center;
align-items: center;
transition: 0.5s;
}
.noticias article.card:hover a.read_more.plas {
background: var(--main-color-hover);
box-shadow: 0px 3px 6px #7EA5D980;
}
.noticias article.card a.read_more.plas i {
transition: 0.5s;
}
.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;
} .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;
}
.contacto-home .faq {
mix-blend-mode: hue;
color: var(--black);
padding: 30px 0;
}
section.contacto-home::after {
content: '';
position: ;
width: 50%;
height: 100%;
top: 0;
left: 0;
background: rgba(51,51,51,0);
z-index: 1;
}
.single-productos .form-container {
margin-top: 60px;
}
.background-main .form-container form {
background: transparent;
border: 5px solid transparent;
padding: 0;
max-width: 600px;
}
.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;
font-weight: 300;
}
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 #ccc;
}
select {
padding: 15px !important;
border-radius: 8px;
}
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;
}
#gform_7 .gfield {
padding-bottom: 0rem !important;
padding-top: 1rem !important;
}
#gform_7 .gfield input:not(:placeholder-shown) + label{
font-size: 14px!important;
width: 50% !important;
}
#gform_confirmation_message_7 {
font-size: 30px;
font-weight: 700;
margin-top: 20px;
margin-bottom: 50px;
}
.gform_wrapper.gravity-theme .ginput_complex label {
font-weight: 700 !important;
}
.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);
font-weight: 700;
white-space: nowrap;
}
.widget a:hover {
color: var(--main-color);
} .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;
}
.single-blog-page .h1 {
text-shadow: 0 0 0;
} footer#colophon {
background: url(//www.colegiovirgendegracia.org/wp-content/uploads/fondo-footer.jpg) top center/cover;
color: var(--black);
padding-bottom: 0;
padding-top: 0;
font-size: 0.8em;
height: auto;
padding-top: 80px;
margin-top: 0;
position: relative;
}
footer#colophon a {
color: var(--black);
}
footer#colophon ul {
display: flex;
flex-direction: column;
color: var(--black);
}
footer#colophon .menu-menu-superior-container .menu {
display: flex;
flex-direction: column;
align-items: flex-start;
}
footer#colophon .menu-menu-superior-container .menu li {
margin: 0 0 5px 0;
padding: 0;
text-transform: uppercase;
background: transparent;
font-size: 1.2em;
}
footer#colophon .menu-menu-superior-container .menu li a {
color: var(--white);
background: transparent;
}
footer#colophon .menu-menu-superior-container .menu li a:hover {
color: var(--main-color);
}
footer .main-navigation {
max-height: fit-content;
}
footer#colophon .no-footer {
display: none;
}
footer#colophon .logotipos-footer-contenedor {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-end;
}
footer#colophon .logotipos-footer-contenedor .logo {
padding: 0 0 15px 15px;
}
footer#colophon .wrapper-idento {
display: inline-flex;
justify-content: flex-end;
padding: 0;
}
footer#colophon .wrapper-idento a {
margin-right: 0 !important;
}
footer#colophon ul.menu-footer li a::after {
content: '·';
margin-left: 15px;
}
footer#colophon ul.menu-footer li:last-child a::after {
display: none;
}
footer#colophon .h5 {
color: var(--black);
}
footer li {
padding: 0.5em 1em;
}
footer li:first-child {
padding: 0.5em 1em;
}
.timetable.contact-block .footer-iconos a {
padding-right: 19px;
}
.timetable.contact-block .footer-iconos:last-child a::after {
display: none;
}
.timetable.contact-block .footer-iconos a::after {
content: '|';
position: relative;
right: -15px;
}
footer .contact-block {
margin: 20px 0;
}
footer .txt {
margin-bottom: 45px;
} .contact-info-block i::before {
color: white;
}
.contact-info-block i {
background: var(--accent-color);
width: 34px;
height: 34px;
border-radius: 50px;
color: white;
display: flex;
align-items: center;
justify-content: center;
}
.contact-info-block .contact-block p {
margin: 0 0 0 10px;
font-size: 16px;
}
.contact-info-block .contact-block {
display: flex;
align-items: center;
}
footer#colophon hr {
background: #D2D2D2;
}
#copyright {
border-top: 2px solid #D2D2D2;
padding-top: 20px;
}
#copyright li {
padding: 0 !important;
}
#copyright a {
font-size: 100%;
font: inherit;
vertical-align: baseline;
line-height: 1.8em;
margin-right: 15px;
}
footer ul#menu-footer-menu {
color: #A29F9F;
flex-direction: row;
text-transform: uppercase;
} .wrapper-idento {
display: inline-block;
vertical-align: middle;
}
.firma-idento {
background: url(//www.colegiovirgendegracia.org/wp-content/themes/virgendegracia/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;
vertical-align: middle;
}
.firma-idento.white {
background-image: url(//www.colegiovirgendegracia.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;
} section.proceso.steps {
padding: 0 0 60px 0;
}
section.proceso.steps .elemento-flex {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex: 1 1 33%;
padding: 15px 15px 30px 15px;
}
section.proceso.steps .tabla-flex {
display: flex;
justify-content: center;
align-items: center;
}
section.proceso h3,
section.proceso .h3,
section.banner-datos h3,
section.banner-datos .h3,
section.logo-cliente h3,
section.logo-cliente .h3,
section.puntos-contenido h3,
section.puntos-contenido .h3,
section.contacto-home h3,
section.contacto-home .h3,
section.texto-imagen h3,
section.texto-imagen .h3 {
font-size: 1.3rem;
font-weight: 300;
}
section.proceso .h3.destacado.naranja,
section.banner-datos .h3.destacado.naranja,
section.logo-cliente .h3.destacado.naranja,
section.puntos-contenido .h3.destacado.naranja,
section.texto-imagen .h3.destacado.naranja,
section.noticias h2.destacado.naranja {
font-size: 42px;
margin-bottom: 15px;
display: block;
}
.banner-datos span.h3, 
.banner-datos .h3 *,
.logo-cliente span.h3, 
.logo-cliente .h3 *,
section.contacto-home .h3,
section.contacto-home .h3 * {
line-height: 40px;
}
section.contacto-home .destacado.naranja {
font-size: 42px;
}
section.proceso .h4 {
padding: 0 35px;
} .PRIMARIA{
background-color: var(--verde);
}
.INFANTIL{
background-color: var(--azul);
}
.SECUNDARIA{
background-color: var(--rojo);   
}
.productos-display {
margin-bottom: 60px;
}
.productos-flex {
display: flex;
justify-content: center;
max-height: 600px;
align-items: center;
}
.producto-container {
position: relative;
min-height: 600px;
flex: 1;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 50px;
color: white;
transition: 2s;
}
.producto-container.hover {  
flex: 3;
}
.producto-container::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .8);
transition: .5s;
}
.producto-container.hover::after {
background-color: rgba(0, 0, 0, .5);
}
.producto-container .contenido-oculto {
max-height: 0;
opacity: 0;
transition: .5s;
}
.producto-container:not(.hover) .contenido-oculto * {
max-height: 0;
opacity: 0;
transition: 0.5s;
margin: 0;
padding: 0;
}
.producto-container.hover .contenido-oculto * {
max-height: 600px;
opacity: 1;
transition: 0.5s 0.5s;
text-shadow: -1px 1px 2px rgb(51 51 51 / 50%);
}
.producto-container.hover .contenido-oculto p {
line-height: 1.2;
}
.producto-container.hover .contenido-oculto .cta-button {
text-shadow: 0 0 0 transparent;
}
.producto-container.hover .contenido-oculto {
max-height: 600px;
opacity: 1;
transition: all 1s 1s;
}
.productos-flex .producto-contenido {
max-width: 600px;
z-index: 1;
}
.productos-flex .producto-contenido ul,
.productos-flex .producto-contenido ul li,
.productos-flex .producto-contenido ol,
.productos-flex .producto-contenido ol li {
list-style: auto;
}
.producto-contenido ol,
.productos-flex .producto-contenido ul {
padding-left: 25px;
margin-bottom: 30px;
}
.productos-flex .producto-contenido * {
font-size: 22px;
line-height: 1.4;
}
.productos-flex .producto-contenido .h4 {
font-size: 30px;
text-transform: uppercase;
text-shadow: -1px 1px 2px rgb(51 51 51 / 50%);
}
.productos-flex .producto-contenido h3 {
font-size: 38px;
text-transform: uppercase;
text-shadow: -1px 1px 2px rgb(51 51 51 / 50%);
}
.producto-container video.productos-video {
position: absolute;
width: 100%;
height: 100%;
top: 0;
z-index: -1;
left: 0;
object-fit: cover;
}
.bullet.number .h3 {
font-size: 60px;
color: var(--main-color);
margin: 0;
}
.bullet.number .texto-compl {
font-size: 18px;
font-weight: 300;
}
.bullet.number .small {
font-size: 24px;
}
.banner-datos span.h3 {
display: block;
}
.bullet-contenedor {
}
.bullet-contenedor .bullet {
flex: 1 1 50%;
padding: 20px 7.5px;
}
.espacio-lateral-lg {
padding-left: 30px;
}
.seleccionados .card-img-top {
background-position: center;
object-fit: cover;
height: 230px;
} section.logo-cliente {
color: white;
padding: 60px 0;
margin: 0 0 0px 0;
}
section.logo-cliente .bullet-contenedor {
padding: 30px;
text-align: center;
}
section.logo-cliente .bullet-contenedor .logo {
max-width: 200px;
}
section.logo-cliente .bullet-contenedor.texto > p:last-child {
margin-bottom: 0;
}
section.logo-cliente.izq {
text-align: right;
}
.logo-cliente .espacio-lateral-lg {
position: relative;
}
section.logo-cliente.izq > .container > .row {
flex-direction: row-reverse;
}
section.logo-cliente.izq .espacio-lateral-lg {
padding-left: unset;
} section.cabecera {
height: 400px;
margin-bottom: 60px;
overflow: hidden;
position: relative;
}
section.cabecera img {
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
position: absolute;
top: 0;
left: 0;
}
section.cabecera::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(51,51,51,0.2);
z-index: -1;
}
section.cabecera::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: black;
z-index: -2;
}
section.cabecera video#BgVideo {
max-height: 600px;
min-width: 100%;
z-index: -1;
position: absolute;
object-fit: cover;
}
section.cabecera .centrar {
height: 100%;
display: flex;
align-items: flex-start;
color: white;
flex-direction: column;
justify-content: center;
margin-top: 30px;
}
section.cabecera .centrar .destacado{
display: block;
font-size: 60px;
line-height: 40px;
} .puntos-contenido .numero {
font-size: 300px;
position: absolute;
color: var(--main-color);
opacity: .2;
top: 10px;
line-height: 200px;
left: -75px;
}
.puntos-contenido .texto-titulo {
margin-bottom: 40px;
padding: 40px 0;
}
.puntos-contenido .bg-gris {
background: var(--grey-color);
} .sidebar > li {
margin-bottom: 30px;
}
.sidebar .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
height: 60.8px;
border: 1px solid var(--grey-color);
border-radius: 8px;
}
.sidebar .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper:focus {
border: 1px solid var(--black);
}
.sidebar .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon {
color: var(--black);
border-radius: 100px;
background: var(--grey-color);
border: 0;
height: 50px;
width: 50px;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.5s;
}
.sidebar .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon:hover,
.sidebar .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper input:focus + button.wp-block-search__button.has-icon {
color: var(--accent-color);
box-shadow: 2px 2px 6px rgba(51, 51, 51, 0.3);
font-size: 24px;
} .thumbnail-single-block {
max-height: 600px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 60px;
}
.thumbnail-single-block img {
min-width: 100%;
}
.blog-single-content {
margin-bottom: 180px;
margin-top: 180px;
} .single-post header a{
color: var(--black)!important;
}
.single-post .content{
justify-content: flex-start!important;
}
.single-post .bg-infantil a{
color: #ffff!important;
}
.single-post .bg-primaria a{
color: #ffff!important;
}
.single-post .bg-secundaria a{
color: #ffff!important;
} section.texto-imagen,
section.texto-imagen-repeater {
margin-bottom: 40px;
}
section.texto-imagen .foto {
overflow: hidden;
position: relative;
display: flex;
align-items: center;
justify-content: center;
} section.texto-imagen .foto img {
border-radius: 25px;
}
section.texto-imagen .texto {
padding: 30px 30px 15px 0;
} section.texto-imagen-repeater .foto img {
display: block;
position: absolute;
}
section.texto-imagen-repeater .foto {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
section.texto-imagen-repeater .texto {
padding: 50px 30px 35px 0;
background: var(--grey-color);
} ul.icono-lista li {
position: relative;
margin-bottom: 20px;
}
ul.icono-lista li::after {
position: absolute;
content: '';
width: 32px;
height: 28px;
background: url(//www.colegiovirgendegracia.org/wp-content/themes/virgendegracia/img/list.png) no-repeat;
left: -42px;
} ul.icono-lista2 li {
position: relative;
margin-bottom: 10px;
}
ul.icono-lista2 li::after {
position: absolute;
content: '';
width: 12px;
height: 12px;
background: url(//www.colegiovirgendegracia.org/wp-content/themes/virgendegracia/img/list2.png) no-repeat;
left: -13px;
top: 10px;
} ul.wp-block-categories-list li {
position: relative;
margin-bottom: 10px;
}
ul.wp-block-categories-list li::after{
position: absolute;
content: '';
width: 12px;
height: 12px;
background: url(//www.colegiovirgendegracia.org/wp-content/themes/virgendegracia/img/list2.png) no-repeat;
left: -13px;
top: 10px;
} @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) {
section.logo-cliente .bullet-contenedor .logo {
max-width: 170px;
}
}
@media only screen and (max-width: 991px) { .flex-header {
flex-grow: 1;
}
header#masthead ul.nav-link li.cta-button {
margin-left: 0;
}
header#masthead ul.nav-link li {
padding: 0;
}
header#masthead ul.nav-link li a {
padding: 15px 20px;
display: block;
}
nav#site-navigation ul.sub-menu {
position: relative;
}
.menu-toggle {
display: flex;
justify-content:flex-end;
align-items: center;
}
section.hero {
background: url(//www.colegiovirgendegracia.org/wp-content/themes/virgendegracia/img/hero-background.jpg) no-repeat center;
background-size: cover;
height: fit-content;
}
.overlay {
height: 100vh;
padding: 0;
}
.form-cabecera {
top: 15px;
}
.cuadrado:first-child {
margin-left: 0px;
}
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 h4.card-title {
color: var(--black);
position: relative;
background: transparent;
margin-bottom: 15px;
}
section.productos article.card a.read_more {
padding: 7px 30px ;
border: 2px solid white;
font-weight: bold;
border-radius: 100px;
z-index: 1;
color: white;
}
section.productos article.card a.read_more i {
margin-left: 5px;
}
section.productos article.card::after {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
}
section.productos article.card .card-body .contenido-texto::after {
background: rgba(0, 0, 0, 0.3);
}
.team .text-team {
padding: 50px 15px;
}
.carousel-control-next, .carousel-control-prev {
color: black;
}
.carousel-control-next {
right: -13px;
}
.carousel-control-prev {
left: -13px;
}
.carousel .carousel-item {
padding: 15px;
}
.carousel .carousel-inner {
padding-bottom: 30px;
}
.carousel-indicators .active {
background-color: black;
}
.carousel-control-prev:hover,
.carousel-control-next:hover {
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;
}
.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;
}
button.navbar-toggler {
border: 0;
}
.navbar-toggler:focus {
box-shadow: 0 0 0;
}
}
@media only screen and (max-width: 767px) {
.proceso  .cuadrado{
margin: 15px!important;
}
.single-post header#masthead .flex-header{
background-color: black;
}
.blog-single-content{
margin-bottom: 180px;
margin-top: 250px;
}
.sidebar{
padding-left: 20px;
margin-top: 60px;
}
.subtitulocta p{
font-size: 20px!important;
}
.submenu{
max-width: 100%;
}
img.logo-img {
max-height: 60px;
}
header#masthead.scroll img.logo-img {
max-height: 50px;
}
.hero .h2 {
font-size: 40px;
line-height: 44px;
}
.hero .h3 {
font-size: 20px;
line-height: 32px;
margin-top: 80px;
}
.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;
text-align: center!important;
}
.form-container input[type="submit"] {
line-height: 1 !important;
}
.carousel-control-next {
right: -6px;
}
.carousel-control-prev {
left: -6px;
}
.row-reverse-movil {
flex-direction: column-reverse;
}
.row-reverse-movil .sidebar {
margin-bottom: 30px;
}
.noticias .sidebar > li {
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 15px;
}
.form-container .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
line-height: 1;
min-height: 0;
}
.texto-imagen {
margin: 30px 10px 10px 10px
}
.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%;
}
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: 2rem;
}
section.proceso h3, section.proceso .h3 {
font-size: 30px;
}
section.proceso .h3.destacado.naranja {
font-size: 34px;
}
.productos-flex {
flex-direction: column;
max-height: unset;
}
.producto-container {
min-height: unset;
padding: 30px 15px;
}
.espacio-lateral-lg {
padding: 0;
}
.bullet.number .h3 {
font-size: 50px;
margin-bottom: 10px;
}
.logo-cliente .bullet-contenedor {
position: relative;
width: 100%;
margin-top: 15px;
}
section.logo-cliente {
color: white;
padding: 30px 0;
margin: 0 0 30px 0;
background-position: bottom!important;
}
section.logo-cliente .bullet-contenedor .logo {
max-width: 50%;
}
.logo-footer {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.listado-productos-footer {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
footer#colophon .menu-menu-superior-container .menu {
align-items: center;
}
footer#colophon .logotipos-footer-contenedor {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: flex-end;
align-items: center;
}
footer#colophon .logotipos-footer-contenedor .logo {
padding: 0;
}
#copyright {
padding: 0px;
text-align: center;
}
footer ul#menu-footer-menu{
color: #A29F9F;
flex-direction: column;
text-transform: uppercase;
}
section.cabecera .foto img.img-sobre {
max-width: unset;
height: 100%;
}
section.cabecera .foto {
display: flex;
justify-content: center;
}
section.cabecera .centrar .destacado {
line-height: 50px;
font-size: 50px;
}
.puntos-contenido .texto-titulo {
margin-bottom: 0;
}
.contacto-home .faq {
padding-top: 120px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 80px;
}
section.cabecera video#BgVideo {
max-height: 400px;
left: 0;
}
section.cabecera {
height: 400px;
}
.puntos-contenido .numero {
left: unset;
right: 0;
}
.noticias ul.wp-block-latest-posts__list.has-dates.has-author.wp-block-latest-posts {
display: none;
}
.thumbnail-single-block img {
margin-bottom: 0;
}
.no-movil {display: none;}
.bullet-contenedor {
justify-content: center;
align-items: center;
}
section.texto-imagen .container-fluid.p-0 {
padding: 15px !important;
}
section.texto-imagen .texto {
padding: 0 15px;
}
section.texto-imagen .foto img {
position: relative;
}
section.cabecera {
margin-bottom: 40px;
height: 55vh;
}
section.proceso.steps {
padding: 0 0 40px 0;
}
section.texto-imagen-repeater .texto {
padding: 15px;
}
section.texto-imagen-repeater .foto img {
position: relative;
}
section.texto-imagen-repeater .foto {
padding: 0;
}
section.texto-imagen-repeater .container {
padding: 0 12px;
}
section.puntos-contenido {
margin-bottom: 40px;
}
.logo-cliente .bullet-contenedor.texto span.h3 {
line-height: 28px;
font-size: 24px;
}
.subtitulocta{
line-height: 1.2em!important;
font-size: 28px!important;
}
section.proceso.steps .tabla-flex {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;}
.titulo-normal{
font-size: 25px!important;
}
.titulocta{
font-size: 25px!important;
}
.subtitulocta p{
line-height: inherit;
font-size: 20px;
}
}
}
@media only screen and (max-width: 650px) {
}    
@media only screen and (max-width: 479px) {
.flex-header {
padding: 0 15px;
}
section.productos article.card {
min-height: 250px;
}
.submenu{
max-width: 100%;
}
} #top-header {
background: #E6E6E6;
}
.single-especialidades #top-header,
.post-type-archive-especialidades #top-header {
background: var(--especialidades-color);
}
.single-clinica-dental #top-header,
.post-type-archive-clinica-dental #top-header {
background: var(--clinica-dental-color);
}
#top-header * {
color: #666666;
text-shadow: none;
}
#top-header i {
padding-right: 5px;
}
#et-info {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
#et-info .top-header-element {
padding-right: 30px;
}
#et-info .top-header-element:last-child {
flex-grow: 1;
display: flex;
justify-content: flex-end;
padding: 0;
}
nav#site-navigation #et-info {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
flex-direction: column;
}
nav#site-navigation #et-info .top-header-element {
display: flex;
align-items: center;
max-width: unset;
margin-bottom: 15px;
justify-content: flex-end;
padding-right: 15px;
}
nav#site-navigation #et-info .top-header-element i {
margin-right: 15px;
}
nav#site-navigation #et-info div#box-social ul.list-inline.d-inline-block.mb-0 {
display: flex !important;
flex-direction: row;
}
nav#site-navigation #et-info {
display: none;
}
#top-header #box-social li:last-child i {padding: 0;}
.main-navigation a {
color: var(--black-color);
text-transform: uppercase;
}
.main-navigation li:last- a {
color: var(--black-color);
text-transform: uppercase;
}
.main-navigation li {
padding: 0 15px;
} .submenu{
max-width: 70%;
color: #ffff;
}
.bg-infantil{
background-color: var(--azul);
}
.bg-primaria{
background-color: var(--verde);
}
.bg-secundaria{
background-color: var(--rojo);
} @media (max-width: 767px) {
.submenu{
max-width: 100%;
} @media (min-width: 768px) and (max-width: 991px) {
}
} section.hero{
height: 100vh;
background-size: cover!important;
} .subrayado {
background-image: linear-gradient(120deg, #F4D420 0%, #F4D420 100%);
background-repeat: no-repeat;
background-size: 100% 0.2em;
background-position: 0 88%;
}
.titulo-normal{
font-family: Montserrat;
font-size: 40px;
color: #313131;
text-align: center;
padding: 0px;
}
.separador{
border: none; background-color: var(--main-color); height: 6px!important; width: 15%; margin: 0 auto; opacity: inherit;
}
.bg-image {
background-image: url(http://colegiovirgendegracia.demos-idento.es/wp-content/uploads/educacion-infantil.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.content {
text-align: left;
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 100%;
}
.btn {
margin-top: 15px;
} .parallax {
height: 500px;
background-size: cover;
background-attachment: fixed;
background-position: center;
display: flex;
justify-content: center;
align-items: center;
}
.titulocta {
font-size: 40px;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
color: #fff;
}
.subtitulocta p{
font-size: 35px;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
color: #fff;
line-height: 1.2em;
}
.etapas{
color: var(--white);
}
.productos span {
font-family: Schoolbell;
font-size: 20px;
font-weight: 300;
color: var(--accent-color);
}
.subcole{
margin-bottom: -10px;
padding: 0px;
}
.separador2 {
border: none;
background-color: var(--main-color);
height: 6px!important;
width: 15%;
opacity: inherit; 
}
.blog-loop .card {
border: 0;
box-shadow: 2px 2px 6px rgb(0 0 0 / 40%);
border-radius: 10px;
overflow: hidden;
transition: 0.5s;
cursor: pointer;
}
#breadcrumbs{
font-family: Schoolbell;
font-size: 20px;
}
.titulo-especial{
font-family: Schoolbell;
font-size: 40px;
color: #313131;
text-align: center;
}
section.cabecera .centrar .destacado2{
display: block;
font-size: 45px;
line-height: 40px;
text-transform: none;
font-weight: 700 !important;
}
.blockquote {
font-size: 20px;
font-weight: 600;
margin-bottom: 2rem;
border-left: 4px solid #F4D420;
line-height: 28px;
padding-left: 13px;
color: var(--content-txt);
display: block;
} .educacion-infantil .separador{
background-color: var(--azul) !important;
}
.educacion-infantil #breadcrumbs a{
color: var(--azul) !important;
}
body.educacion-infantil {
background-color: #E4F4FB !important;
}
.educacion-infantil .subcole{
color: var(--azul)!important;
font-family: Schoolbell;
margin-bottom: -10px;
font-size: 20px!important;
padding: 0px!important;
}
.educacion-infantil .titulo-normal{
font-size: 35px!important;
font-weight: 600;
line-height: 1.2;
margin-bottom: 0px!important;
padding: 0px!important;
}
.educacion-infantil .separador2{
background-color: var(--azul)!important;
}
.educacion-infantil footer#colophon{
background-color: #E4F4FB !important;
background: none!important;
}
.educacion-infantil .accordion-header button{
color: var(--azul)!important;
border-radius: 0.3rem!important
}
.educacion-infantil .blockquote{
border-left: 4px solid #47bceb;
}
.educacion-infantil .accordion-button{
color: var(--azul)!important;
}
.educacion-infantil img.transición.footer{
top: -30px!important;
} .educacion-primaria .separador{
background-color: var(--verde) !important;
}
.educacion-primaria #breadcrumbs a{
color: var(--verde) !important;
}
body.educacion-primaria {
background-color: #EDFFEC !important;
}
.educacion-primaria .subcole{
color: var(--verde)!important;
font-family: Schoolbell;
margin-bottom: -10px;
font-size: 20px!important;
padding: 0px!important;
}
.educacion-primaria .titulo-normal{
font-size: 35px!important;
font-weight: 600;
line-height: 1.2;
margin-bottom: 0px!important;
padding: 0px!important;
}
.educacion-primaria .separador2{
background-color: var(--verde)!important;
}
.educacion-primaria footer#colophon{
background-color: #EDFFEC !important;
background: none!important;
}
.educacion-primaria .accordion-header button{
color: var(--verde)!important;
border-radius: 0.3rem!important
}
.educacion-primaria .blockquote{
border-left: 4px solid #59BC56;
}
.educacion-primaria .accordion-button:focus{
border-color: #59BC56;
background-color: #EDFFEC;
}
.educacion-primaria .accordion-button{
color: var(--verde)!important;
}
.educacion-primaria .accordion-button:not(.collapsed){
border-color: #59BC56;
background-color: #F8F9FA!important;
} .bachillerato-y-secundaria .separador{
background-color: var(--rojo) !important;
}
.bachillerato-y-secundaria #breadcrumbs a{
color: var(--rojo) !important;
}
body.bachillerato-y-secundaria {
background-color: #FFDCE0 !important;
}
.bachillerato-y-secundaria .subcole{
color: var(--rojo)!important;
font-family: Schoolbell;
margin-bottom: -10px;
font-size: 20px!important;
padding: 0px!important;
}
.bachillerato-y-secundaria .titulo-normal{
font-size: 35px!important;
font-weight: 600;
line-height: 1.2;
margin-bottom: 0px!important;
padding: 0px!important;
}
.bachillerato-y-secundaria .separador2{
background-color: var(--rojo)!important;
}
.bachillerato-y-secundaria footer#colophon{
background-color: #FFDCE0 !important;
background: none!important;
}
.bachillerato-y-secundaria .accordion-header button{
color: var(--rojo)!important;
border-radius: 0.3rem!important
}
.bachillerato-y-secundaria .blockquote{
border-left: 4px solid #EC465A;
}
.bachillerato-y-secundaria .accordion-button:focus{
border-color: #EC465A;
background-color: #FFDCE0;
}
.bachillerato-y-secundaria .accordion-button{
color: var(--rojo)!important;
}
.bachillerato-y-secundaria .accordion-button:not(.collapsed){
border-color: #EC465A;
background-color: #F8F9FA!important;
}
.wp-block-column{
display: flex;
flex-direction: column;
justify-content: center;
}
.icono-lista {
list-style-image: url(//www.colegiovirgendegracia.org/wp-content/uploads/lista.svg);
margin-bottom: 2.5em;
}
.la-iglesia-en-el-colegio .cuadrado{
box-shadow: 0 2px 6px rgb(51 51 51 / 0%);
}
.la-iglesia-en-el-colegio .cuadrado img{
width: 50%;
}
.wp-block-columns.wp-container-4{
margin-right: 20px;
margin-left: 20px;
}
.wp-element-caption{
font-size: 1.8rem;
line-height: 120%;
font-weight: 700;
}
.accordion-item{
margin-top: 10px;
}
#box-social i{
font-size: 18px;
}
.accordion-button:not(.collapsed)::after {
background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e)!important;
transform: rotate(-180deg);
}
.form-container .gform_footer.top_label{
margin-top: 2%;
}