/*!
Theme Name: Blacklight
Theme URI: http://underscores.me/
Author: Ingenima
Author URI: http://www.ingenima.com
Description: Starter Theme For Web Projects
Version: 2.0.9
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: blacklight
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Blacklight is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Selection
# Special Classes
# Typography
    ## Titles
    ## Blog Font
    ## Blog Archive Font
# Elements
# Bg Colors
# Forms
# Navigation
    ## Links
        ### Botones
        ### Blog Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Comments
# Infinite scroll
# Accordions
# Media
    ## Captions
    ## Galleries
# Category
# Blog
    ## Content Table
    ## Template Archive
    ## Standard
# Formularios
# Landings
# Footer
# 404
# Animaciones
# Contacto


--- Mobile ---
# Typography
    ## Parrafos
# Masonry

--------------------------------------------------------------*/




/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/



big {
    font-size: 125%;
}

/*
 ## Titles
*/

h1.bl-title {
    font-size:40px;
}

.bl-title,
a.bl-title  {
    color:#000;
    font-weight:bold;
}

bl-title a {
    text-decoration:none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bl-title a:hover {
    color:#ee3c3b;
}

/*
 ## Blog Font
*/

.bl-blog,
.bl-blog button,
.bl-blog input,
.bl-blog select,
.bl-blog optgroup,
.bl-blog textarea {
    font-family: 'PT Serif', serif;
}

.bl-blog h1,
.bl-blog h2,
.bl-blog h3,
.bl-blog h4,
.bl-blog h5,
.bl-blog h6 {
    font-family: 'Montserrat', sans-serif;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 0.3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

figure {
    margin: 1em 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

span.page-numbers.current {
    font-weight:bold;
    margin:0 2px;
    padding:0 5px;
    border-bottom: 2px solid #ee3c3b;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

#page a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a:visited {
    color:initial;
}

#page a:hover,
#page a:focus,
#page a:active {
    text-decoration:none !important;
}

#page a:hover:not(.bl-btn):not(.nav-link),
#page a:focus:not(.bl-btn):not(.nav-link),
#page a:active:not(.bl-btn):not(.nav-link) {
    text-decoration:none;
}

#page a:focus {
    outline: thin dotted;
}

#page a:hover,
#page a:active {
    outline: 0;
}

/*
 ### Botones
*/

.bl-btn,
input.search-submit {
    padding:10px;
    color: #fff !important;
    background-color:#000;
    font-weight: 700;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration:none;
    outline:none;
}

.bl-btn-line {
    border:2px solid #fff;
}

.bl-btn:hover,
input.search-submit:hover {
    background-color:#ee3c3b;
}


/*
 ### Blog Links
*/

.bl-blog .entry-content > p a,
.bl-blog .entry-content li a:not(.ez-toc-link),
.bl-link {
    border-bottom: 2px solid #ee3c3b;
    color: #000;
    font-weight: 700;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    text-decoration: none;
    text-decoration:none;
}

.bl-link:hover {
    color:#ee3c3b;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    left: 100%;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    left: auto;
}

.main-navigation li {
    float: left;
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

@media screen and (min-width: 37.5em) {
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/*
BS4
*/

/*.dropdown-menu {
    padding: 0;
    margin: 0;
    border: 0 solid transition!important;
    border: 0 solid rgba(0, 0, 0, .15);
    border-radius: 0;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}*/

#menu a,
.navbar-default .navbar-nav > li > a,
#menu ul li a,
.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 16px;
    padding: 8px 8px;
    display: block !important;
}

#menu .active a,
#menu .active a:focus,
#menu .active a:hover,
#menu li a:hover,
#menu li a:focus,
.navbar-default .navbar-nav > .show > a,
.navbar-default .navbar-nav > .show > a:focus,
.navbar-default .navbar-nav > .show > a:hover {
    outline: 0;
}

/*
Drop-down menu work on hover
*/

#menu {
    background: none;
    border: 0 solid;
    margin: 0;
    padding: 0;
    min-height: 20px;
    width: 100%;
}

@media only screen and (min-width: 767px) {
    #menu .collapse ul li:hover > ul {
        display: block;
        margin-top: 0;
    }
    #menu .collapse ul ul {
        position: absolute;
        top: 100%;
        width: 288px;
    }

    /*******/
    #menu .collapse ul ul li {
        position: relative;
    }



    #menu .collapse ul ul li:hover > ul {
        display: block;

    }
    /*Third Level*/
    #menu .collapse ul ul ul {
        position: absolute;
        top: 0;
        right:100%;
        left: -100% !important;
        min-width: 250px;
        display: none;
    }

    /*******/
    #menu .collapse ul ul ul li {
        position: relative;
    }
    #menu .collapse ul ul ul li:hover ul {
        display: block;
    }
    #menu .collapse ul ul ul ul {
        position: absolute;
        top: 0;
        left: -100%;
        min-width: 250px;
        display: none;
        z-index: 1;
    }
}

@media only screen and (max-width: 767px) {
    .navbar-nav .show .dropdown-menu .dropdown-menu > li > a {
        padding: 16px 15px 16px 35px;
    }
    .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a {
        padding: 16px 15px 16px 45px;
    }

}

/* Fixes dropdown menus placed on the right side */

.ml-auto li .dropdown-menu {
    left: auto !important;
    right: 0px;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
    margin: 0 0 1.5em;
    /* Make sure select elements fit in widgets. */
}

.widget select {
    max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index:99;
}


.stickyBottom {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index:99;
}

.admin-bar .sticky,
.admin-bar .stickyBottom {
    top:32px;
}

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comments-area button,
.comments-area input,
.comments-area select,
.comments-area optgroup,
.comments-area textarea {
    font-size: 18px !important;
}

h2.comments-title {
    font-size: 20px;
    margin-bottom: 1.5em;
}

.comment-body {
    background: #fff;
    margin: 10px 0;
    padding: 15px;
    font-size: 18px;

}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
    display: block;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    max-width: 100%;
}

/* Make sure logo link wraps around logo image. */

.custom-logo-link {
    display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/

/*-----
# Blog - ## Template Home
------*/

/*Bg Color*/
.bl-blog01 {
    background-color:#f6f9fd;
}

.bl-box {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border:none;
    -webkit-transition: ease-in-out .35s;
    -o-transition: ease-in-out .35s;
    transition: ease-in-out .35s;
}

.bl-box img {
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.bl-destacadoPrincipal .bl-title {
    font-size:38px;
    margin-top:20px; 
}

.bl-destacadoSecundario .bl-title {
    margin-top:10px;
}

.bl-destacadoSecundario .bl-title,
.bl-destacadoTerciario .bl-title {
    font-size:20px;
}

.bl-cardData {
    font-size: 12px;
    font-style:italic;
}

/*-----
# Blog - ## Standard Archive
------*/

/*
 Titulos
*/

.bl-blog h1 {
    font-weight: bold;
}

.bl-blog h2:before {
    background: #767676;
    content: "\020";
    display: block;
    height: 2px;
    margin: 1rem 0;
    width: 1em;
}

.bl-blog h2,
.bl-blog h3,
.bl-blog h4,
.bl-blog h5 {
    font-weight: bold;
}

.bl-blog h2:not(.comments-title) {
    font-size: 32px;
    color: #ee3c3b;
}

.bl-blog h3 {
    font-size: 24px;
}

.bl-blog h4 {
    font-size: 22px;
}

.bl-blog h5 {
    font-size: 19px;
}

/*
 Parrafos
*/

.bl-blog,
.bl-blog button,
.bl-blog input,
.bl-blog select,
.bl-blog optgroup,
.bl-blog textarea {
    color: #272727;
    font-size: 16px;
    font-size: 1.3em;
    line-height: 1.6;
}

.bl-blog .entry-content a:hover {
    color: #ee3c3b;
}

/*
 Imagen
*/

.bl-blog #primary img:not(.wp-post-image .alignright){
    width:100% !important;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.site-footer,
.site-footer a,
.site-footer a:visited {
    color: #fff !important;
}

/*--------------------------------------------------------------
# 404
--------------------------------------------------------------*/

.not-found {
    
}

.error-404 {
    background-image: url(src/img/error.svg);
    background-repeat: no-repeat;
    background-size: 150%;
    background-position: center calc(50% + 50px) ;
    min-height:calc(100vh - 170px);
}

/*--------------------------------------------------------------
# Animaciones
--------------------------------------------------------------*/

.animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

/*--------------------------------------------------------------
# Contacto
--------------------------------------------------------------*/

.bl-contacto .bl-message img {
    max-width: 150px;
}

/*--------------------------------------------------------------
# Mobile
--------------------------------------------------------------*/

@media only screen and (max-width: 766px) {

    /*--------------------------------------------------------------
    # Typography
    --------------------------------------------------------------*/

    .bl-blog h2:not(.comments-title) {
        font-size: 28px;
        color: #ee3c3b;
    }

    .bl-blog h3 {
        font-size: 25px;
    }

    .bl-blog h4 {
        font-size: 22px;
    }

    .bl-blog h5 {
        font-size: 18px;
    }

    /*
     ## Parrafos
    */

    .bl-blog,
    .bl-blog button,
    .bl-blog input,
    .bl-blog select,
    .bl-blog optgroup,
    .bl-blog textarea {
        color: #000;
        font-size: 16px;
        font-size: 1.1em;
        line-height: 1.6;
    }

    .bl-blog h1 {
        font-size:30px !important;
    }

    /*--------------------------------------------------------------
    # Masonry
    --------------------------------------------------------------*/

    .grid {
        height:100% !important;
    }
    
    .grid-item {
        position:initial !important;
    }
}