@import url("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap"); html {
font-size: 62.5%;
scroll-behavior: smooth;
}
body {
font-family: "Open Sans", Helvetica, Arial, sans-serif;
color: #212121;
}
section, main {
overflow: hidden;
}
h1, h2, h3, h4 {
margin: 0 0 .5rem;
font-weight: bold;
}
h1 { font-size: 3rem; }
h2 { font-size: 2.6rem; }
h3 { font-size: 2.2rem; }
h4 { font-size: 1.8rem; }
p {
font-size: 1.8rem;
line-height: 2rem;
padding-bottom: 1rem;
}
img, .wp-post-image {
max-width: 100%;
height: auto;
margin-bottom: 1.5rem;
} .top-logo p { font-size: 2.5rem; }  @media (min-width: 1440px) {
.container { width: 1430px; }
}
.navbar {
margin-bottom: 3rem;
}
.navbar-default {
border: 0;
border-radius: 0;
background-color: #4d3c88;
font-family: 'Source Sans Pro', sans-serif;
font-size: 1.1rem;
font-weight: bold;
text-transform: uppercase;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border: 0;
border-radius: 0;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-brand,
.navbar-default .dropdown-menu > li > a {
color: #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-brand:hover,
.navbar-default .dropdown-menu > li > a:hover {
color: #abc;
} @media (min-width: 768px) {
.navbar-nav {
float: none;
margin: 0 auto;
display: table;
table-layout: fixed;
}
} .vertical-nav {
position: fixed;
top: 0;
right: -300px;
width: 300px;
height: 100vh;
background: #4d3c88;
padding: 30px;
transition: right .3s ease;
z-index: 999;
}
.vertical-nav.active {
right: 0;
}
.nav-menu {
list-style: none;
padding: 0;
margin: 0;
}
.nav-menu li {
margin: 15px 0;
}
.menu-toggle, .menu-close, .nav-menu a {
color: #fff;
}
.menu-toggle, 
.menu-close {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
font-size: 24px;
}
.menu-toggle {
display: none;
} .nav-menu li.menu-item-has-children > a::after {
content: "\f107";
font-family: "FontAwesome";
float: right;
transition: transform .3s;
}
.nav-menu .sub-menu {
display: none;
list-style: none;
padding-left: 15px;
margin-top: 10px;
border-left: 1px solid #222;
}
.nav-menu li.open > .sub-menu {
display: block;
}
.nav-menu li.open > a::after {
transform: rotate(180deg);
}
.nav-menu .sub-menu li a {
font-size: .95em;
color: #ccc;
}
.nav-menu .sub-menu li a:hover {
color: #fff;
}
@media (max-width: 768px) { .navbar .navbar-collapse {
display: none !important;
} .menu-toggle {
display: inline-block;
font-size: 24px;
padding: 10px;
color: #fff;
}
} .input-group-btn .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.flex {
display: flex;
flex-wrap: wrap;
} @media (min-width: 768px) {
.navbar-nav, .navbar-form,
.navbar-brand {
transition: .3s ease;
}
.navbar-brand {
padding: 3rem 0;
}
.dropdown-menu > li > a {
padding: 1rem 0;
}
.navbar-default .dropdown-menu > li > a {
color: #232f40;
}
.navbar-default .dropdown-menu > li > a:hover {
color: #fff;
background-color: #232f40;
}
} .alignleft {
float: left;
margin-right: 1.5em;
}
.alignright {
float: right;
margin-left: 1.5em;
}
.aligncenter {
display: block;
margin: 0 auto;
} #header {
padding: 1.5rem 0;
}
.site-title { margin-top: 4rem; }
.top-social {
font-size: 2rem;
}
.top-social p { margin: 0; }
.top-social a { margin-left: 1.5rem; }
.top-social .fa-calendar { margin-right: 1rem; }
.top-social .fa-facebook { color: #3b5998; }
.top-social .fa-twitter { color: #1da1f2; }
.top-social .fa-youtube { color: #ff0000; }
.top-social .fa-instagram { color: #c32aa3; } #front-page .col-xs-12 {
margin-bottom: 1.5rem;
}
#front-page .col-xs-12 p { margin-bottom: 0; }
.overlay {
position: absolute;
inset: 0;
height: 100%;
width: 100%;
}
#front-page .col-xs-12 .overlay { top: 6rem; }
#front-page .col-xs-4 .overlay { top: 0; }
.hero { margin-bottom: 3rem; }
@media (min-width: 768px) {
.hero { margin-bottom: -6rem; }
}
.hero h2 {
background: rgba(0,0,0,.3);
color: #fff;
margin: 0 -1.5rem;
padding: 1.5rem 3rem;
text-align: center;
text-shadow: 0 2px 4px rgba(0,0,0,.7);
}
.hero-uno,
.hero-dos {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.hero-uno { min-height: 50rem; }
.hero-dos { min-height: 25rem; width: 100%; } #videocolumnas { margin-top: 3rem; }
#videocolumnas .col-md-4 { margin-bottom: 3rem; }
.play {
color: #fff;
font-size: 4rem;
text-shadow: 0 2px 4px rgba(0,0,0,.8);
position: absolute;
top: 1rem;
left: 4rem;
}
.video { margin-bottom: 0; }
@media (min-width: 768px) {
#videocolumnas { margin-top: 6rem; }
.video { margin-bottom: 6rem; }
#front-page .video { margin-bottom: 0; }
} #index { margin-top: 3rem; }
#index .col-md-4,
#single .col-md-4 {
padding-top: 3rem;
}
#index h2 { font-size: 1.8rem; }
#notfound {
margin: 9rem 0;
}
#notfound h1 { margin-bottom: 3rem; }
.page-content {
padding: 3rem 0;
}
@media (min-width: 768px) {
#index .col-md-4,
#single .col-md-4 {
padding: 0 0 0 3rem;
}
#page p,
#single p {
text-align: justify;
}
.hero { min-height: 60rem; }
.hero h1 { margin: 0; }
} .widget {
margin-bottom: 3rem;
}
.widget h2 {
border-bottom: 1px solid #ccc;
padding-bottom: 1.5rem;
}
.widget ul {
list-style: none;
margin: 1.5rem 0 0;
padding: 0;
}
.widget ul li { margin-bottom: 1.5rem; }
.widget:last-child { margin-bottom: 5.5rem; }
.widget .wp-block-image { margin-bottom: 0; } #footer {
background: #4d3c88;
color: #fff;
}
#footer ul {
display: inline-block;
list-style: none;
margin: 0;
padding: 0 1.5rem 0 0;
}
#footer li { padding-bottom: .7rem; }
#footer a { color: #fff; }
.bottom-contact {
background: #000;
padding: 6rem 0 3rem;
}
.bottom-contact .col-md-4 { margin-bottom: 3rem; }
.bottom-contact .fa { margin-right: 1.5rem; }
@media (min-width: 768px) {
.bottom-contact .col-md-4 { padding-right: 6rem; }
}
.bottom-logo { margin-bottom: 1.5rem; }
.copyright { padding-top: 1.5rem; }
.portadas {
background: lightgray;
padding: 3rem 0;
margin-bottom: 6rem;
}
.post { padding-bottom: 3rem; }