/*
Theme Name: LabEstudios
Description: Tema desarrollado addHoc por David Alegria para Lab.Estudios
Version: 1.0
Author: David Alegria
Author URI: https://www.davidalegria.com
*/

:root{
    --bs-body-font-size: 1.15rem;
    --bs-body-line-height: 1.5;
}

body { background: #fff ; color: #666;} /*url('images/fondo.png')*/
#wrapper  { background: #fff; color:#666; }
hr, .wp-block-separator {border:none;border-top: 1px solid #212121;opacity:1; }
a {color:#212121;}
a:hover {color:#666;}
ul, ol {list-style: square;}
.pl-logo {}

.error {border:solid red 1px}
.success-message {display:none}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212121;
  --bs-btn-border-color: #212121;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}
.btn-outline-primary {
  --bs-btn-color: #212121;
  --bs-btn-border-color: #212121;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #212121;
  --bs-btn-focus-shadow-rgb: 13,110,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212121;
  --bs-btn-active-border-color: #212121;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}
.btn-outline-primary:hover {
  color: var(--bs-btn-hover-color);
  background-color: #212121;
  border-color:#212121;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h5 { line-height:1; }
h1, .h1 {color:#000;font-family: "mastro-display", sans-serif;font-weight: 700;font-style: normal;font-size: 2.25rem; line-height: 1.1;}
h3 {color:#666;}
h4 {text-transform: uppercase; letter-spacing:2px;color: #212121;font-size: 1.15rem;font-weight:bold;}
p + h5, p + h4, table + h4, figure + h4, h1 + p, h3 + p, h1 + ul, h2 + ul, h3 + ul, h3 + h4, li + h4, ul + h4, h1 + h4, img + h4 {margin-top:2.5rem;}
.quote {font-family: "mastro-display", sans-serif;font-weight: 700;font-style: normal;font-size: 2.25rem; line-height: 1.1; margin-right: 2.5rem;color:#000}
 
blockquote {margin: 3rem 2rem 3rem 2rem;width:auto; color:#212121; background-image: url('images/quote_bg.png'); background-position: top left;background-repeat:no-repeat;background-size:auto;font-family: "mastro-display", sans-serif;font-weight: 700;font-style: normal;}
blockquote cite {font-size: 1rem; font-family: roboto; font-style: normal; color: #222;}

.card-header {}

.social_wrapper { float:left; margin:10px 0 0 0;}
.social_wrapper ul { padding:0;}

.logo { float: none; z-index: 999; position: relative; width:350px; padding:0; }
#custom_logo {display:block;width:320px;height:70px;background-image:url('images/logos/lab_estudios.png');background-position: center center;background-repeat:no-repeat;background-size:contain}
body.page-id-25 #custom_logo {background-image:url('images/logos/formacion.png');}
body.page-id-27 #custom_logo {background-image:url('images/logos/investigacion.png');}
body.page-id-29 #custom_logo {background-image:url('images/logos/edicion.png');}

.pagination .page-link { color: #222; /* texto en negro */ }
.pagination .page-link:hover { color: #000; /* más oscuro al pasar el ratón */ }
.pagination .page-item.active .page-link { background-color: #222; /* fondo negro en activo */ border-color: #222; color: #fff; /* texto blanco en activo */ }



/*.MENU */
.navbar-toggler {font-size: 1rem;}

.hamburguer {z-index:115; position: fixed; top: 25px; right: 20px; width: 30px; height: 25px; margin: 0; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
.hamburguer:hover span {background: #666;}
.hamburguer span {display: block; position: absolute; height: 3px; width: 100%; background: #212121; opacity: 1; left: 0; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.hamburguer span:nth-child(1) {top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburguer span:nth-child(2) {top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburguer span:nth-child(3) {top: 20px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}

.menu_nav:hover {color:#212121}
.menu_nav:focus {color:#222}
.menu_nav_on i {color:#222}
	
.menu_ken {/*font-weight:bold;*/justify-content: right !important;font-size: 2rem;}
.menu_ken li {display:block}
.menu_ken li a {color:#666;display:block}
.menu_ken li a:hover, .menu_ken li a:focus {text-decoration: none; color:#212121;}

.navbar-light .navbar-nav li.current-menu-item .nav-link, .navbar-light .navbar-nav li.current_page_ancestor .nav-link, .navbar-light .navbar-nav li.current_page_parent .nav-link, li.current-page-ancestor .nav-link, li.current-menu-parent .nav-link, li.current-page-ancestor, , li.current-page-ancestor li.current-page-ancestor a {color:#212121 !important;}

.menu_ken_sec {margin:0;padding:0}
.menu_ken_sec li {list-style:none;display:inline-block;line-height:1.1rem;margin-right:10px}	
.menu_ken_sec li a {color:#666}	
.menu_ken_sec li a:hover, .menu_ken_sec li a:focus {text-decoration: none;color:#212121;}
.menu_ken_sec li.current-menu-item a, .menu_ken_sec li.current_page_ancestor a, .menu_ken_sec li.current_page_parent a {color:#212121;}

.dropdown-menu {border-top-left-radius:0;border-top-right-radius:0;padding:0;border-color:#fff;margin-bottom:2rem;background-color: #f5f5f5;}
.dropdown-item.active, .dropdown-item:active {background-color: #212121; }

.comment_wrapper li {list-style: none;}


/* CARDS */

.nota
.nota h3.card-title {color:#222}
.nota blockquote {margin: 3rem 1rem 3rem 3rem;width:auto; color:#222; background-image: none;}
.nota blockquote cite {font-size: 1rem; font-family: roboto; font-style: normal; color: #666;}
    

/* FLAGS */
#flags_language_selector {position:absolute;top:5px;right:10px;padding:0;margin:0;}
#flags_language_selector img, #flags_language_selector a img {border:none; padding:0;margin:0 0 0 8px;width:22px;height:10px;opacity:1;filter:alpha(opacity=100);}
#flags_language_selector a img.off {opacity:0.5;filter:alpha(opacity=50)}
#flags_language_selector a:hover img, #flags_language_selector a:hover img.off {opacity:1;filter:alpha(opacity=100)}


/* FOOTER */
#copyright {color: #fff;}
.copyright_wrapper .left_wrapper, .copyright_wrapper .right_wrapper { color:#666; }
.copyright_wrapper .right_wrapper a {margin:0 1rem 0 0;}


/* EXTRAS */
.cycle-slide img {width:100%}
.slide p {color:#000;font-family: "mastro-display", sans-serif;font-weight: 700;font-style: normal;font-size: 2.25rem; line-height: 1.1;max-width:100%;}


/* MOBILES */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .hamburguer {display:none;}
    .menu_ken {border-bottom:solid 1px #212121;font-size: 1.15rem;}
    .copyright_wrapper .right_wrapper a {margin:0 0 0 1rem;}
    
    .navbar-light .navbar-nav li.current-menu-item .nav-link, .navbar-light .navbar-nav li.current_page_ancestor .nav-link, .navbar-light .navbar-nav li.current_page_parent .nav-link, li.current-page-ancestor .nav-link, li.current-menu-parent .nav-link.active, li.current-page-ancestor, li.current-page-ancestor li.current-page-ancestor a {color:#fff !important;background:#212121;}
    blockquote {margin: 3rem 6rem 3rem 3rem;}
    
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    .slide p {max-width:50%;}
}

/* XX-Large devices (larger desktops, 1400px and up)  */
@media (min-width: 1400px) { 
    .slide p {max-width:50%;}
}