/*!
Theme Name: Blacklight
Theme URI: http://underscores.me/
Author: Ingenima
Author URI: http://www.ingenima.com
Description: Starter Theme For Web Projects
Version: 1.2.4
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;
}

/*--------------------------------------------------------------
## 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
}*/



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

/*
Drop-down menu work on hover
*/
nav:is(.navbar) {
    background: none;
    border: 0 solid;
    margin: 0;
    padding: 0;
    min-height: 20px;
    width: 100%;
  
}

/* Muestra todos los niveles */
nav:is(.navbar) .collapse > ul > li,
nav:is(.navbar) .collapse > ul > li.menu-item-has-children:hover > .dropdown-menu,
nav:is(.navbar) .collapse > ul > li.menu-item-has-children:hover > .dropdown-menu li:hover > .dropdown-menu {
  display: block;
}



/* Primer Nivel */
nav:is(.navbar) .collapse > ul > li {
  position:relative;
  cursor:pointer;
}

/* Selecciona todo lo que tiene hijos */
nav:is(.navbar) .collapse > ul li.menu-item-has-children {
}

/* Segundo Nivel */  
nav:is(.navbar) .collapse > ul > li.menu-item-has-children:hover > .dropdown-menu {
  top:calc(100% - 10px);
  width:260px;
}

.menu-item-has-children.dropdown-submenu > a::after{
    display: inline-block;
    width: 0;
    height: 0;
    float:right;
    vertical-align: .255em;
    content: "";
    border-top: .35rem solid transparent;
    border-right: .35rem solid transparent;
    border-bottom: .35rem solid transparent;
    border-left: .35rem solid;

}

/* Tercer Nivel */
nav:is(.navbar) .collapse > ul > li.menu-item-has-children > .dropdown-menu .dropdown-menu {
  position:absolute;
  top:0;
  left:100%;
  width:260px;

}

nav:is(.navbar) .collapse > ul li {
  padding:.3rem .8rem;
}


nav:is(.navbar)  .collapse ul ul {

}




@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 */

.navbar-nav > 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;
}

/*--------------------------------------------------------------
# Category
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 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;
}

/*--------------------------------------------------------------
# Formularios
--------------------------------------------------------------*/

#cf-basic p {
    margin-bottom:10px;
}

#cf-basic input:not([type="checkbox"])  {
    width:100% !important;
    margin-bottom:10px;
    border: 1px solid #c1c1c1;
}

#cf-basic input[type="submit"] {
    max-width:150px !important;
    border-radius:0;
}

#cf-basic span.wpcf7-list-item:first-child {
    margin:0;
}

#cf-basic span.wpcf7-list-item .wpcf7-list-item-label {
    font-size:14px !important;

}

#cf-basic input[type="checkbox"] {
    margin-right:5px;
}

#cf-basic input:not(.wpcf7-submit), 
#cf-basic textarea,
#cf-basic input[type="email"] {
    padding: 5px 10px !important;
    font-size: 14px !important;
    color: #000 !important;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

input#cf-enviar {
    padding:15px !important;
    background-color: #000 !important;
    color: #fff;
    border:1px solid #000 !important;
}


input#cf-enviar:hover{
    background-color: #000 !important;
    color: #fff;
    border:1px solid #000 !important;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    cursor: pointer;
}

/*--------------------------------------------------------------
# 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;
    }
}