/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.alignleft {float: left; margin: 0 30px 30px 0;}
.alignright {float: right; margin: 0 0 30px 30px;}
p.wp-caption-text {font-size: 12px;
    line-height: 130%;
    margin-top: 15px;}

.pagination {width: 100%; text-align: center;}
.wp-pagenavi a, .wp-pagenavi span {
    padding: 10px!important;
    margin: 2px;
    color: #FFF;
    background: #000;
}

body {padding:0; margin:0; font-family: "IBM Plex Sans", sans-serif; color: #333; background-color: #FFF; line-height: 160%; font-size: 15px;}
a,a:hover {color:#000; text-decoration: underline; transition: 0.5s;}
small {text-align: right;
    line-height: 130%;
    display: block;
    margin-top: 5px;
    color: #888;}

/*Header*/


header {width: 100%; float: none; padding: 20px 0; position:relative; background-color:#FFF; margin-bottom:30px; background-image:url(https://archivoronaldkay.org/cms/wp-content/uploads/2026/02/Line-13.svg); background-position:bottom center; background-repeat:no-repeat;}
header h1 {font-size: 20px; margin: 20px auto; height: 40px; width: 80%}
header h1 a {text-decoration: none; opacity: 1; animation-delay: 0.7s; color: #000; font-weight: bold; display: block; text-indent: -9000px; background-attachment: scroll; background-image: url("../img/archivo-ronald-kay.png"); background-repeat: no-repeat; background-size: contain; background-position: center top; width: 100%; height: 100%;}
header h1 a:hover {text-decoration: none; opacity: 1; color:#000;}
p.description {text-align: center; margin-top: -30px; font-size: 10px; letter-spacing: 1px;}

/*Content*/
.content {float: none; width: 100%; min-height: 100vh; position:relative;}
.container { width: 96%;}

/*Header Mobile*/
div.header {display: none; background-color: #FFF; height: 90px; width: 100%;}
div.header h1 {font-size: 20px; margin: 20px auto; height: 40px; width: 80%}
div.header h1 a {text-decoration: none; opacity: 1; animation-delay: 0.7s; color: #000; font-weight: bold; display: block; text-indent: -9000px; background-attachment: scroll; background-image: url("../img/archivo-ronald-kay.png"); background-repeat: no-repeat; background-size: contain; background-position: center top; width: 100%; height: 100%;}
div.header h1 a:hover {text-decoration: none; opacity: 1; color:#000;}

/*Menu Mobile*/

a.btn-top-menu { height:50px; width:50px; cursor:pointer; display:none; position:absolute; top:25px; right:20px; color:#333; font-size:30px; text-align:center; z-index:20000;}
a.btn-top-menu:hover {}
a.close-menu-global {}
a#boton-cerrar-menu {color:#000!important;}

div.mobile-menu { position:fixed; top:90px; left:0; width:100%; background-color:#FFF; z-index:10000;  padding-bottom:30px; padding-top: 0; height: 100vh; text-align: left;}
div.mobile-menu ul { margin:0; padding:15px 15px 15px 0;}
div.mobile-menu ul li {list-style: none; font-size: 12px; text-transform: uppercase;}
div.mobile-menu ul li a {padding: 11px 18px; letter-spacing: 1px; opacity: 0.9; display: block; vertical-align: middle; color:#333; text-decoration: none; font-weight: bold;}
div.mobile-menu ul li ul li a {font-weight:normal;}
div.mobile-menu .dropdown-menu {display: block; position: relative; margin-top:-16px!important;}


/*Menu Desktop*/

ul.menu-desktop {padding-left: 13px; width: auto; display: inline-block; margin-top: 18px;}
ul.menu-desktop li {list-style: none; font-size: 14px; display:inline-block; text-transform: uppercase; margin: 0 15px;}
ul.menu-desktop li a {padding: 11px 8px; letter-spacing: 1px; opacity: 1; display: block; vertical-align: middle; color:#333; text-decoration: none;}
ul.menu-desktop li a:hover, ul.menu-desktop li a:focus {color: #000; text-decoration: none; opacity: 1;  }
ul.menu-desktop li.current_page_parent a, ul.menu-desktop li.current_page_item a {opacity: 1;}
ul.menu-desktop li ul.dropdown-menu li.current_page_item a {border-bottom:none}

/*Menu Desktop > Dropdown*/

b.caret { border-top: 4px solid #000;}
ul.menu-desktop li a:hover b.caret { border-top: 4px solid #FFF;}
ul.menu-desktop li ul.dropdown-menu li { display:block; width:100%; height: 30px; text-transform: uppercase;}
ul.menu-desktop li ul.dropdown-menu { background-color: #FFF; border:none; margin-top:-2px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; z-index:3000; padding: 15px 0; box-shadow: none; -webkit-box-shadow:none;}
ul.menu-desktop li ul.dropdown-menu li a { color:#000; opacity:0.8; text-decoration:none; padding:3px 0;}
ul.menu-desktop li ul.dropdown-menu li a:hover { opacity:1; color:#000; background: none; background-image:none;}
ul.menu-desktop li ul.dropdown-menu li:hover { opacity:1; color:#000; background-color: none}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {background:none;}

/*ul.menu-desktop li.page-item-14 a { background-color: #CCC; border-radius: 5px; opacity: 0.7; padding: 11px 20px;}*/
ul.menu-desktop li.page-item-14 a:hover {opacity: 1;}

.breadcrum {color: #999; font-size: 13px; height: auto; padding-top: 0; line-height: 180%;
    margin-bottom: 30px;}
.breadcrum a {color: #999; text-decoration: none;}

.dropdown-toggle .dropdown-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.3em;
    vertical-align: middle;
    border-top: 0.35em solid;
    border-right: 0.35em solid transparent;
    border-left: 0.35em solid transparent;
    transition: transform 0.2s ease;
}

.open .dropdown-toggle .dropdown-caret {
    transform: rotate(180deg);
}



/*Home*/

body.home div.content {background-image:url(https://archivoronaldkay.org/cms/wp-content/uploads/2026/03/fondo-1.jpg); background-position: bottom center; background-repeat:no-repeat; background-size: cover;}

body.home .container-home.container {width: 84%}

section.slider-home { height: 90vh; width: 100%; background-color: #000;}
section.slider-home div.cycle-slideshow div {height: 90vh; width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;}
section.slider-home div.cycle-slideshow div a {display: block; width: 100%; height: 90vh;}
section.slider-home a.prev, section.slider-home a.next { background-color: #000; color:#FFF; font-size: 32px; width: 30px;}

section.slider-home a.prev {left:0}
section.slider-home a.next {right:0}

section.ronald-kay {padding: 60px 0;}
section.ronald-kay h3 {margin: 60px 0; font-size: 26px; font-weight: 600;}
section.ronald-kay p {margin-bottom: 60px; font-size: 16px;}

section.ronald-kay p a.btn-ronald-kay {display: block; text-align: center; color:#FFF; padding: 10px; margin: 30px 0; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; text-decoration: none; background-image:url(https://archivoronaldkay.org/cms/wp-content/uploads/2026/04/Boton-mas.png); background-repeat:no-repeat; background-position:center center; background-size:contain;}
section.ronald-kay p a.btn-ronald-kay:hover {background-image:url(https://archivoronaldkay.org/cms/wp-content/uploads/2026/04/Boton-mas-hover.png)}

section.ronald-kay div.text-ronald-kay {padding: 0 60px;
	border-left: 2px groove #000;
    border-right: 2px groove #000;}

section.archivo-vivo {margin-top: 30px;}
section.archivo-vivo h2 {display: block; text-align: center; color:#FFF; padding: 10px; margin: 10px 0; text-transform: uppercase; font-size: 20px; letter-spacing: 1px; text-decoration: none; font-weight: 400; margin-bottom: 30px; background-color:#000;}



/*Archivo*/
body.archive div.repeat-archivo h4 {font-size: 14px; line-height: 150%; font-weight: normal; text-align: left; padding:0 15px}
body.archive div.repeat-archivo h4 a {text-decoration: none; color:#000; text-transform:uppercase;}
div.repeat-archivo { height: 320px; margin-bottom: 30px; text-align: center; border: 1px solid #EBEBEB;}
div.repeat-archivo a {display:block;}
div.repeat-archivo a img { height: auto; width:100%; margin:0 auto;}
div.archive-description {background-color:#EEEEEE; width:100%; margin:30px 0; padding:30px 0;}


/*Arquitectura del Archivo*/
div.repeat-descripcion-fondo {margin-bottom: 30px;}
body.parent-pageid-74 h2.titulo-none {text-transform: lowercase; display: none;}

/*Paginas*/

.row_foto_texto {}
.row_foto_texto h3 {margin-bottom:20px; margin-top: 0; text-transform: uppercase; font-size: 20px;}

/*Video*/
div.video-container {margin-bottom: 30px;}
div.video-container iframe {width: 100%; height: 400px;}
body.single div.video-container iframe {width: 100%; height: 600px;}
body.single div.breadcrum {margin-bottom: 30px;}
a.thumb-category {display: block; width: 100%; height: 250px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}

a.btn-ver-mas {display: block; text-align: center; color:#FFF; padding: 10px; margin: 10px 0; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; text-decoration: none; background-image:url(https://archivoronaldkay.org/cms/wp-content/uploads/2026/04/Boton-mas.png); background-repeat:no-repeat; background-position:center center; background-size:contain;}

a.btn-ver-mas:hover {background-image:url(https://archivoronaldkay.org/cms/wp-content/uploads/2026/04/Boton-mas-hover.png)}

div.repeat-post {margin-bottom: 30px;}
div.repeat-post h3 {height: 106px;}
div.repeat-post h3 a {text-decoration: none;}
div.repeat-post p {height: 120%; margin-bottom: 30px; height:150px;}
span.date {display: block; color:#242466; letter-spacing: 1px; text-transform: lowercase; margin-bottom: 15px; font-weight: bold; font-size: 13px;}


/* Archivo Vivo*/
body.page-id-6184 .repeat-post {min-height:470px;}

/*Single Archivo*/
form.searchform {width: 100%; margin-bottom: 30px;}
input#s {    width: 90%;
    padding: 10px;
    margin-right: 20px;
    border: 2px groove #333;}

#searchsubmit {    background-image: url(https://archivoronaldkay.org/cms/wp-content/uploads/2026/04/search.png);
    border: none;
    background-color: #FFF;
    text-indent: -9000px;
    height: 40px;
    width: 60px;
    background-size: contain;
    background-repeat: no-repeat;}

h3.h3-single {margin: 30px 0;}

/*Single*/

div#accordion {margin-left: 30px;}
.list-unstyled {padding-left: 0; margin-bottom: 30px;}
.list-unstyled li {margin: 10px 0; padding-bottom:10px;}

.list-unstyled li a {text-decoration: none; display: block; color:#FFF; padding:10px; background-image:url(https://archivoronaldkay.org/cms/wp-content/uploads/2026/04/Boton-mas.png); background-repeat:no-repeat; background-position:left top; background-size:contain; line-height: 100%;}

.list-unstyled li a:focus {color:#000;}

.list-unstyled li ul li {border-bottom:none; padding-bottom:0; padding-left:10px;}
.list-unstyled li ul li a {color:#000; background:none; padding:0; line-height:130%}
.list-unstyled li ul li ul li {border-bottom:none; padding-bottom:0; padding-left:0;}
.list-unstyled li ul li ul li {opacity:0.7; font-size:14px;}
.list-unstyled li ul li ul {margin-bottom:10px;}
.list-unstyled li ul li ul li a {color:#000; background:none; padding:0; line-height:130%}

.list-unstyled li.current-cat a {font-weight:bold;}
.list-unstyled li.current-cat ul li a {font-weight:normal;}

.content-single p {margin-bottom:30px;}

.repeat-galeria {height:200px; overflow: hidden; margin-bottom:30px;}
.repeat-galeria a {background-position:center center; background-repeat: no-repeat; background-size:cover; display:block; height:100%; width:100%;}
.fancybox-nav span {visibility:visible;}

h2 {margin-bottom: 30px; margin-top: 20px; font-size: 26px;}
.meta-data {opacity: 0.5; margin-bottom: 0;}
.meta-data span {opacity: 1;}

.pdf-container {width: 100%; height: 100vh; margin-bottom: 30px;}
.pdf-container iframe  {width: 100%; height: 100vh;}

.btn-accion { width: fit-content; background-color:#FFF    ; padding: 5px 10px; text-transform: uppercase; letter-spacing: 1px; text-align: center; text-decoration: none; display: inline-block; margin: 30px 0; font-size: 11px; border-radius: 5px; color:#222; }
.btn-accion:hover, .btn-accion:focus {color: #222; background-color: #FFF; text-decoration: none;}

a.btn-ver-documento { font-size: 48px; display: block; margin-top: -80px; color: #222; margin-left: 30px;}
a.btn-ver-documento i { font-size: 48px;}

body.single .modal-content {border-radius: 0;}
body.single .modal-content .modal-body {padding: 0; background-color: #FFF;}
body.single .modal.in .modal-dialog {width: 80%;}

/*.tab-content p {text-align: justify;}*/

a.prev {
    position: absolute;
    font-size: 40px;
    color: #000;
    top: 50%;
    left: -60px;
    text-decoration: none;
    z-index: 200;
	width: 50px;
    text-align: center;
	    background-color: #FFF;
	width:40px;
   
}

a.next {
    position: absolute;
    font-size: 40px;
    color: #000;
    top: 50%;
    right: -60px;
    text-decoration: none;
    z-index: 200;
	width: 50px;
    text-align: center;
	    background-color: #FFF;
	width:40px;
}

.galeria-single a.next {color:#FFF;}
.galeria-single a.prev {color:#FFF;}

/*Tabs*/

.nav-pills>li {margin-right: 10px;}
.nav>li>a {padding: 5px 10px;}
.nav-pills>li>a {border-radius: 5px; text-decoration: none; letter-spacing: 1px; text-align: center; font-size: 12px; color: #CCC; }
.nav-pills>li>a:hover {background-color: #EBEBEB; color: #333;}
.tab-content>.tab-pane {padding: 30px 15px;}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {background-color: #CCC; color: #000; text-decoration: none;}

/*Page*/
/*body.page .content p {text-align: justify;}*/

footer {font-size: 13px; opacity: 1; margin: 60px 0; text-align: center; width: 100%; clear: both; line-height:130%; background-color:#FFF; background-image:url(https://archivoronaldkay.org/cms/wp-content/uploads/2026/02/Line-13.svg); background-position:top center; background-repeat:no-repeat; margin-top: 60px; padding-top: 60px;}
body.home footer {background:none; padding-top:0;}


/* Large desktop */
@media (min-width: 1200px) { 

	div.linea-foto-texto {background-image:url(https://archivoronaldkay.org/cms/wp-content/uploads/2026/04/Line-8.svg); background-repeat:no-repeat; background-position: left top; padding-left:60px;}

}

/* Desktop 1024 */
@media (min-width: 980px) and (max-width: 1199px) { 

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
	
	header h1 {margin-top:0;}
	

}

/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px) { 
	input#s {width:82%;}
	.dropdown-toggle .dropdown-caret {display:none;}
	div.header {display: block;}
	header h1 {margin-top:0;}
	a.btn-top-menu {display: block;}
	.content {float: none; width: 100%; min-height: auto;}
	body.page-id-2 {overflow: visible; height: auto; background-size: 270%; background-position: center 90px; }
	body.page-id-2 footer {margin-top: 60px;}
	footer div {margin-bottom:30px;}
}

/* Landscape phones and down */
@media (max-width: 480px) {
	input#s {width:74%;}
	.dropdown-toggle .dropdown-caret {display:none;}
	div.header {display: block;}
	header h1 {margin-top:0;}
	a.btn-top-menu {display: block;}
	.content {float: none; width: 100%; min-height: auto;}
	body.page-id-2 {overflow: visible; height: auto; background-size: 270%; background-position: center 90px; }
	body.page-id-2 footer {margin-top: 60px;}
	footer div {margin-bottom:30px;}
}