/* GENERALES */
body {
    font-family: 'Roboto', sans-serif;
}

h1 {
    font-size: 9rem;
    color: white;
}

h2 {
    font-size: 2.25rem;
}

p {
    font-size: 20px;
}


/* HEADER */
.navbar {
    background-color: #28398E !important;
}

.navbar-brand img {
    height: 22px;
}

.navbar ul li {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    padding: 0 1rem;
}

.navbar ul li:hover {
    font-weight: 700;
}

a.nav-link {
    text-align: center;
    color: #9BCBEC;
}

.navbar-brand:hover {
    transform: none;
}

.navbar-nav li>a:hover {
    font-weight: 700;
    color: white;
}

.navbar-nav li>a:focus {
    color: #F4364C;
}

.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link {
    color: white;
    font-weight: 700;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    background-color: #28398E;
}

.dropdown-item {
    color: white;
}

.dropdown-item:hover {
    background-color: #28398E;
}


/* GALERIA */
.galeria-detalle h1 {
    font-size: 2.25rem;
    color: black;
}

.galeria-detalle p {
    color: #28398E;
}

.galeria-detalle img {
    max-width: 600px;
}

/* OWL CAROUSEL */
.owl-nav { 
    display: block !important; 
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, :active { 
    background-color: #f1f3ee !important;
}

.owl-prev {
    left: -3.5%;
}

.owl-next {
    right: -3.5%;
}

.owl-prev, .owl-next {
    position: absolute;
    top: 30%;
}

.owl-prev span, .owl-next span {
    font-size: 80px;
    color: #9BCBEC;
}

.owl-theme .owl-dots .owl-dot span {
    background: #9BCBEC;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #2859A5;
}

/* LIGHTBOX */
/*.lb-data .lb-number {
    color: #2859A5;
}*/

.lb-data .lb-caption {
    font-family: 'Roboto', sans-serif;
    color: #9BCBEC;
}

/* FOOTER */
footer {
    background-color: #2859A5;
}

footer h3,
p {
    font-size: 16px;
    color: white;
}

footer a {
    text-decoration: none;
}

.socialmedia {
    width: 40px;
}


/* MEDIAQUIERY INDEX */
/* Medium devices (less than 992px) */
@media (max-width: 992px) {

    /* GENERALES */
    h1 {
        font-size: 7rem;
    }
}

/* Extra small devices (less than 576px) */
@media (max-width: 576px) {

    /* GENERALES */
    h1 {
        font-size: 5rem;
    }

    /* GALERÍA */
    .owl-nav { 
        display: none !important; 
    }
}