/*
Theme Name: IES Luanco
Text Domain: iesluanco
Version: 1.0
Description: Diseño hecho a medida para IES Luanco
Author: Objetivo Creativo
Author URI: https://www.objetivocreativo.com/
License: Private
License URI: https://www.objetivocreativo.com/aviso-legal/
*/

*,
* *,
* * * {
    
    font-family: 'Titillium Web', sans-serif;
    
}

html { background-color: #0f0f52; }
body, main { background-color: white; }

.topbar {
    
    border-top: 3px solid #002168;
    
}

.menu,
.menu ul,
.menu ul li {
    
    margin: 0; padding: 0;
    
}

.menu ul {
    
    list-style-type: none;
    
}

.menu ul li {
    
    display: inline;
    float: left;
    
}

.menu ul li a {
    
    display: block;
    
    margin: 15px;
    padding: 0;
    
    padding-top: 5px;
    padding-bottom: 5px;
    
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    
    font-size: 15px;
    
    color: #002168;
    
    border-bottom: 3px solid transparent;
    
    transition-duration: 150ms;
    
}

.menu ul li:first-child a {
    
    margin-left: 0;
    padding-left: 0;
    
}

.menu ul li a:hover {
    
    text-decoration: none;
    border-bottom: 3px solid #002168;
    
}

.btn-mobile {
    
    color: #002168;
    
    margin: 10px auto; padding: 10px;
    
    display: none;
    
    width: 50px; text-align: center;
    
}

.btn-mobile:hover {
    
    color: #002168;
    
}

@media (max-width: 767px) {
    
    .menu .menu-desktop { display: none;}
    
    .btn-mobile {
        
        display: block;
        
    }
    
}

.footer-1 {
    
    background-color: #002168;
    
    padding-top: 40px;
    padding-bottom: 40px;
    
}

.footer-2 {
    
    background-color: #0f0f52;
    
    padding-top: 15px;
    padding-bottom: 15px;
    
}

footer .menu-footer {
    
    margin: 0; padding: 0;
    
}

footer .menu-footer li {
    
    list-style-type: none;
    margin: 3px 0; padding: 3px 0;
    
    line-height: 1.5;
    
}

footer .menu-footer a {
    
    color: white;
    font-size: 15px;
    
    transition-duration: 150ms;
    
}

footer .menu-footer a:hover {
    
    color: silver;
    text-decoration: none;
    
}

footer .footer-2 p {
    
    color: white;
    font-size: 13px;
    
    margin: 0;
    
}

.menu-footer.right {
    
    text-align: right;
    
}

.rrss {
    
    margin-top: 30px;
    text-align: right;
    
}

.rrss a {
    
    margin-left: 3px;
    color: white;
    
    font-size: 28px;
    
    transition-duration: 150ms;
    
}

.rrss a:hover {
    
    color: silver;
    
}

@media (max-width: 767px) {
    
    .menu-footer {
        
        text-align: center;
        
    }
    
    .menu-footer.right {
        
        padding-top: 30px;
        text-align: center;
        
    }
    
    footer .footer-2 p {
        
        text-align: center;
        
    }
    
    .rrss {
        
        text-align: center;
        
    }
    
}

footer {
    
    padding-top: 80px;
    
}

.footer-0 {
    
    width: 100%; height: 226px;
    
    background-image: url('img/deco-footer.jpg');
    
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    
}

.contenido h1 {
    
    font-family: 'Titillium Web', sans-serif;
    
    font-size: 50px;
    font-weight: 300;
    
    color: #002168;
    
    padding-top: 20px;
    padding-bottom: 20px;
    
}

.contenido h2,
h1.titulo-noticia {
    
    font-family: 'Titillium Web', sans-serif;
    
    font-size: 29px;
    font-weight: 700;
    
    color: #002168;
    
    padding-top: 15px;
    padding-bottom: 15px;
    
}

.contenido .wrapper-archivo {
    
    text-align: center;
    
}

.contenido .archivo {
    
    text-align: center;
    
    font-family: 'Titillium Web', sans-serif;
    font-size: 15px;
    font-weight: 700;
    
    color: #002168;
    
    transition-duration: 150ms;
    
}

.contenido .archivo i {
    
    margin-top: 45px;
    margin-bottom: 15px;
    
}

.contenido .archivo:hover {
    
    text-decoration: none;
    color: #585858;
    
}

.contenido .destacada {
    
    font-family: 'Titillium Web', sans-serif;
    font-size: 20px;
    
    color: #002168;
    
    text-align: center;
    
    margin-top: 20px;
    margin-bottom: 20px;
    
}

.contenido .wrapper-dpto {
    
    text-align: center;
    
}


.contenido .dpto {
    
    text-align: center;
    
    font-family: 'Titillium Web', sans-serif;
    font-size: 15px;
    font-weight: 700;
    
    color: #002168;
    
    transition-duration: 150ms;
    
}

.contenido .dpto i {
    
    margin-top: 45px;
    margin-bottom: 15px;
    
}

.contenido .dpto:hover {
    
    text-decoration: none;
    color: #585858;
    
}

.puesto {
    
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: 700;
    
    color: #515151;
    
    padding-top: 25px;
    display: block;
    
}

.persona {
    
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: 400;
    
    color: #515151;
    
    display: block;
    
    margin-bottom: 5px;
    
}

.galeria-txt {
    
    width: 100%;
    display: block;
    
    margin: 0; padding: 0;
    text-align: center;
    
    margin-bottom: 45px;
    
    color: #515151;
    
    font-size: 16px;
    
}

.contenido .wrapper-ofertas {
    
    text-align: center;
    
}

.contenido .oferta {
    
    text-align: center;
    
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: 400;
    
    color: #515151;
    
    transition-duration: 150ms;
    
}

.contenido .oferta i {
    
    margin-top: 45px;
    margin-bottom: 15px;
    
    color: #002168;
    
}

.bg-blue {
    
    background-color: #002168;
    
    padding-top: 50px; padding-bottom: 50px;
    margin-top: 45px; margin-bottom: 45px;
    
}

.wrapper-icon-home {
    
    text-align: center;
    
}

.icon-home,
.icon-home span {
    
    color: white;
    
    transition-duration: 150ms;
    
}

.icon-home span {
    
    font-size: 29px;
    font-weight: 600;
    
    text-align: center;
    
    margin: 15px;
    
}

.icon-home:hover {
    
    color: silver;
    text-decoration: none;
    
}

.icon-home {
    
    display: block;
    
    margin-top: 30px;
    margin-bottom: 10px;
    
}

html body h2.diadia {
    
    color: white;
    text-align: center;
    
    font-size: 29px;
    font-weight: 600;
    
}

html body p.diadia {
    
    color: white;
    text-align: center;
    
    font-size: 25px;
    font-weight: 300;
    
}

.wrapper-institucional {
    
    text-align: center;
    
}

.icon-institucional {
    
    display: block;
    text-align: center;
    
    font-family: 'Titillium Web', sans-serif;
    transition-duration: 150ms;
    
    margin-bottom: 15px;
    
}

.icon-institucional i {
    
    color: #002168;
    
    display: block;
    margin-top: 25px;
    
}

.icon-institucional .in-strong {
    
    text-align: center;
    color: #002168;
    
    font-weight: 700;
    font-size: 20px;
    
}

html body .icon-institucional p {
    
    display: block;
    text-align: center;
    color: #515151;
    
    font-weight: 400;
    font-size: 16px;
    
}

.icon-institucional:hover {
    
    text-decoration: none;
    
}

.foto-home {
    
    background-size: cover;
    background-position: center center;
    
    min-height: 450px;
    
    background-repeat: no-repeat;
    border-top: 3px solid #002168;
    
}

.foto-welcome {
    
    background-size: cover;
    background-position: center center;
    
    background-repeat: no-repeat;
    
}

.texto-home h1 {
    
    font-family: 'Titillium Web';
    font-size: 100px;
    font-weight: 300;
    
    color: white;
    
    text-align: center;
    
    line-height: 1.15;
    margin: 0; padding: 0;
    
}

.texto-home h2 {
    
    font-family: 'Titillium Web';
    font-size: 66px;
    font-weight: 700;
    
    color: white;
    
    text-align: center;
    
    line-height: 1.15;
    margin: 0; padding: 0;
    
}

.texto-home p {
    
    font-family: 'Titillium Web';
    font-size: 29px;
    font-weight: 600;
    
    color: white;
    
    text-align: center;
    
    line-height: 1.15;
    margin: 0; padding: 0;
    
    padding-top: 15px;
    
}

.texto-home {
    
    padding-top: 100px;
    padding-bottom: 80px;
    
}

@media (max-width: 1200px) {
    
    .texto-home h1 { font-size: 50px; }
    .texto-home h2 { font-size: 33px; }
    .texto-home p { font-size: 20px; }
    
}

html body .dropdown-menu {
    
    border: 3px solid rgb(0,33,104);
    border-radius: 5px;
    overflow: hidden;
    
}

.dropdown-menu li {
    
    display: block;
    width: 100%;
    
}

.menu ul li a.dropdown-item {
    
    margin: 0;
    
    padding-top: 10px;
    padding-bottom: 10px;
    
    padding-left: 15px;
    padding-right: 15px;
    
    border: none;
    
}

.menu ul li a.dropdown-item:hover {
    
    border: none;
    
}

.dropdown-item, .dropdown-item {
    
    transition-duration: 150ms;
    
}

.dropdown-item:focus, .dropdown-item:hover {
    
    background-color: rgb(0,33,104);
    color: white;
    
    cursor: pointer;
    
}

.excerpt p {
    
    text-align: center;
    color: #515151;
    
}

.noticia {
    
    margin-bottom: 50px;
    
}

.noticia h3 {
    
    font-family: 'Titillium Web', sans-serif;
    font-size: 22px;
    font-weight: 700;
    
    color: #002168;
    
    margin-top: 15px;
    
}

.noticia:hover,
.noticia *:hover {
    
    text-decoration: none;
    
}

.noticia img {
    
    transition-duration: 150ms;
    
}

.noticia:hover img {
    
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    
}

.menu-mobile,
.menu-mobile li {
    
    list-style-type: none;
    margin: 0; padding: 0;
    
}

.menu-mobile li a {
    
    display: block;
    
    padding: 5px 10px;
    
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    
    font-size: 15px;
    
    color: #002168;
    
    border-bottom: 3px solid transparent;
    
    transition-duration: 150ms;
    
}

.menu-mobile li a:hover {
    
    text-decoration: none;
    
}

.fancybox-content {
    
    overflow: visible;
    
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    
}

html body .dropdown-menu {
    
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    
}

.contenido p,
.contenido ul,
.contenido ul li {
    
    color: #515151;
    
}

.contenido ul li,
.contenido * ul li {
    
    list-style-type: square;
    
}

.contenido p a,
.contenido li a {
    
    color: #002168;
    transition-duration: 150ms;
    
}

.contenido p a:hover,
.contenido li a:hover {
    
    text-decoration: none;
    color: #0f0f52;
    
}

.oc {
    
    color: white;
    transition-duration: 150ms;
    border-bottom: 1px solid transparent;
}

.oc:hover {
    
    color: white;
    text-decoration: none;
    border-bottom: 1px solid white;
    
}

.search {
    
    margin: 0; padding: 0;
    border: 0;
    
}

.search input {
    
    border: 3px solid #002168;
    border-top: none;
    
    margin: 0; padding: 10px;
    
    width: 100%;
    
}

@media (max-width: 991px) {
    
    .search input { border: 3px solid #002168; margin-bottom: 20px; }
    
}