/*
Theme Name: CONARQ
Theme URI: https://cap.org.pe/
Author: John Orrego
Author URI: https://john.orrego.org/
Description: Web CONARQ
Version: 1
Requires at least: 5.2
Tested up to: 6.8
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, flexible-header, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, wide-blocks, blog, e-commerce, portfolio
Text Domain: conarq
*/

/**
 * To add custom CSS use: Appearance > Customize > Additional CSS option OR Child Theme. Because all changes remove on theme update.
 */

body
{
    background-color: #F3F3F3;
}

h1, h2, h3, h4, h5, h6
{
    font-weight: 900!important;
}

/*Título sitio*/
.site-title-main a.site-name-pr 
{
    color: #000!important;
}

 /*Menú*/
.navbarprimary .navbar-nav > li > a 
{
    color: #000!important;
}

.navbarprimary #primary-menu a.selected
{
    background-color: #FFCC29!important;
}

.page-template-template-full-width-page-builder-black
{
    background-color: #000;
}

.page-template-template-full-width-page-builder-white
{
    background-color: #fff;
}

.page-template-template-full-width-page-builder .vc_column_container > .vc_column-inner,
.page-template-template-full-width-page-builder-white .vc_column_container > .vc_column-inner,
.page-template-template-full-width-page-builder-black .vc_column_container > .vc_column-inner
{
    padding-top: 0!important;
}

/*Miga*/
.miga
{
    font-size: 80%;
    text-transform: uppercase!important;
}

.miga img {
    margin-top: -4px;
    width: 18px;
}

.miga.negro
{
    color: #fff;
}

.miga.negro img {
    filter: invert(100%);
}

.miga.espaciado
{
    margin-top: 40px;
}

.miga a
{
    font-weight: bold;
    color: #FFCC29;
}

/**/

 /*Nosotros*/
#nosotros #contenido h3
{
	margin-bottom:0
}

#nosotros #contenido >.vc_column-inner
{
	padding-top:50px;
	padding-bottom:50px;
}

#nosotros-lista img:hover {
    border: 5px solid #fff;
}

/**/

/*Nosotros Página*/

.nosotros-encabezado {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 2.7em;
}

.nosotros-encabezado:after {
    color: transparent;
    background-image: url(/wp-content/themes/conarq/images/flecha_amarilla.webp);
    background-repeat: no-repeat;
    background-size: 40px auto;
    content: 'xxxxxx';
    padding: 0px;
    margin: 10px;
}

/**/

/*Página*/
.page .titulo
{
    background-color: #FFCC29;
    width: 100vw;
    margin-left: calc(50% - 50vw);
}

.single-posst, .postsloop, .widget_sidebar_main
{
    background-color: transparent!important;
    border: 0px!important;
}

.single-posst .content-second 
{
    padding: 1px;
    min-height: 77px;
    text-transform: uppercase;
}

.single-posst .content-second:before
{
    float: inline-start;
    font-size: 40px;
    color: transparent;
    background-image: url(/wp-content/themes/conarq/images/flecha_negra.webp);
    background-repeat: no-repeat;
    background-size: 40px auto;
    content: 'xx';
    padding: 0px;
    margin: 10px;
}

.single-posst .content-second h1.the-title 
{
    text-align: left!important;
    font-size: 2.3em;
    font-weight: bold;
    text-transform: uppercase;
    color: #000 !important;
}

/**/

/*Actividades lista*/

.degradado-amarillo a:hover img {
    border: 5px solid #FFCC29;
}

.actividades-lista
{
    padding: 0px 60px;
}

/**/

/*Reconocimientos lista*/
#reconocimientos .inicio-encabezado:after
{
    color: transparent;
    background-image: url(/wp-content/themes/conarq/images/flecha_amarilla.webp);
    background-repeat: no-repeat;
    background-size: 40px auto;
    content: 'xxxxxx';
    padding: 0px;
    margin: 10px;
}

.reconocimientos-lista a:hover img {
    border: 5px solid #fff;
}

/**/

/*Reconocmientos Página*/
.reconocimiento-encabezado .encabezado
{
    text-transform: uppercase;
    padding-bottom: 10px;
    padding-top: 10px;
    min-height: 77px;
    color: #fff;
    background-color: #000;
}

.reconocimiento-encabezado .encabezado:before 
{
    float: inline-start;
    font-size: 40px;
    color: transparent;
    background-image: url(/wp-content/themes/conarq/images/flecha_blanca.webp);
    background-repeat: no-repeat;
    background-size: 40px auto;
    content: 'xx';
    padding: 0px;
    margin: 10px;
}

.reconocimiento-texto
{
    text-align: justify;
    font-size: 12px;
    line-height: 1.4;
}

.reconocimiento .celular
{
    margin-top: -90px;
}

/**/

/*Exposiciones*/
#exposiciones .inicio-encabezado:after
{
    color: transparent;
    background-image: url(/wp-content/themes/conarq/images/flecha_amarilla.webp);
    background-repeat: no-repeat;
    background-size: 40px auto;
    content: 'xxxxxx';
    padding: 0px;
    margin: 10px;
}

#exposiciones .caja-amarilla
{
    padding: 15px;
    line-height: 1;
	font-size: 30px;
	text-transform:uppercase;
	background-color: #FFCC29
}

#exposiciones .caja-amarilla:before
{
    float: inline-start;
    font-size: 80px;
    color: transparent;
    background-image: url(/wp-content/themes/conarq/images/flecha_negra.webp);
    background-repeat: no-repeat;
    background-size: 80px auto;
    content: 'xx';
    padding: 0px;
    margin: 10px;
}

#exposiciones .caja-amarilla .wpb_wrapper
{
    display: inline-flex;
}

#exposiciones a:hover img {
    border: 5px solid #fff;
}

/**/


/*Exposiciones Foro América*/

.foro-america
{
    margin: 20px 0px;
    padding: 10px 50px;
}

.foro-america .vc_custom_heading
{
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
}

.foro-america img
{
    background-color: #FFCC29;
}

.foro-america img:hover {
    border: 5px solid #FFCC29;
}

/**/

/*Exposiciones Panamericana*/

.panamericana img:hover 
{
    border: 5px solid #FFCC29;
}

/**/

/*Exposiciones Panamericana Banderas*/

.banderas
{
    margin: 40px;
}

.banderas img:hover 
{
    border: 5px solid #FFCC29;
}

/**/

/*Exposiciones Panamericana Banderas Contenido*/

.region-titulo .encabezado
{
    padding-bottom: 10px;
    padding-top: 10px;
    min-height: 77px;
    color: #fff;
    background-color: #000;
}

.region-titulo .encabezado:before
{
    float: inline-start;
    font-size: 40px;
    color: transparent;
    background-image: url(/wp-content/themes/conarq/images/flecha_blanca.webp);
    background-repeat: no-repeat;
    background-size: 40px auto;
    content: 'xx';
    padding: 0px;
    margin: 10px;
}

.region-contenido img:hover 
{
    border: 5px solid #FFCC29;
}

/**/

/*Reconocimientos Ganadores Lista*/

.ganadores-lista h3
{
    font-weight: bold;
    font-size: 13px;
}

.ganadores-lista .vinculo img
{
    width: 70%;
}

.ganadores-lista .vinculo img:hover
{
    border-radius: 30px;
    border: 3px solid #FFCC29;
}

.ganadores-lista .equipo
{
    font-size: 12px;
}
/**/

/*Galeria*/
#galeria .inicio-encabezado:after
{
    color: transparent;
    background-image: url(/wp-content/themes/conarq/images/flecha_amarilla.webp);
    background-repeat: no-repeat;
    background-size: 40px auto;
    content: 'xxxxxx';
    padding: 0px;
    margin: 10px;
}

/**/

/**/

.galeria-evento
{
    color: #fff;
    display: flex;
}

.galeria-evento .barra-amarilla
{
    display: grid;
    place-items: center;
    row-gap: 15px;
    background: #FFCC29;
}

.galeria-rotador .vc_slide
{
    width: 100%!important;
}

/**/

.cprtright_ctmzr
{
	display:none;
}

.headermain, .menuplaceholder,
.navbarprimary .navbar-nav > li > a{
    background-color: #fff!important;
}

.navbarprimary .navbar-nav > li > a
{
	color:#000;
}

.single-posst, .postsloop, .widget_sidebar_main {
    border-color: transparent;
}

.inicio-encabezado
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 2.7em;
}

.footer, .footer-copyright {
    background-color: #000;
}

.container-fluid.footer.clearfix .col-md-4 .widgets_footer_title
{
	text-align: center;
	color:#fff;
}

.container-fluid.footer.clearfix .col-md-4 .widgets_footer {
    margin: 20px 0px 0px 0px;
}

.container-fluid.footer.clearfix .col-md-4 .widgets_footer:nth-child(2) {
    margin: 0px 0px 0px 0px;
}

.container-fluid.footer.clearfix .col-md-4 .gallery {
	text-align:center;
    margin-bottom: 0px;
}

.footer h3.widgets_footer_title {
    font-weight: 600;
    font-size: 0.8em;
}

.footer figure.gallery-item {
	padding:12px 8px;
	max-width: none!important;
    width: auto;
	margin: 0;
}

.footer #gallery-1 img,
.footer #gallery-2 img,
.footer #gallery-3 img,
.footer #gallery-4 img 
{
    width: unset;
    height: 39px;
}

.footer .widgets_footer.clearfix.widget_media_image
{
	padding:12px 0
}

.alignc-spsl {
    font-size: 0.8em;
}

.video-player-for-wpbakery-container video
{
	border-radius: 15px;
    border: 5px solid #000;
}




/*Conferencias lista*/
#conferencias-magistrales .inicio-encabezado:after
{
    color: transparent;
    background-image: url(/wp-content/themes/conarq/images/flecha_amarilla.webp);
    background-repeat: no-repeat;
    background-size: 80px auto;
    content: 'xx';
    padding: 15px;
    margin: 10px;
}

#conferencias-magistrales .listado .vc_grid-item
{
    width: 100%;
}


.conferencias-lista .letra-inicial p,
.conferencias-lista .titulo p,
.conferencias-lista .pais
{
	font-weight:500;
	color:#fff!important;
	margin-bottom:0px
}

.conferencias-lista .titulo
{
	display:inline-table;
	margin-bottom:0px
}

.conferencias-lista .conferencia-descripcion
{
	text-align:center
}

.conferencias-lista .letra-inicial
{
	display:block;
	visibility:hidden;
	letter-spacing:-10.6px;
	margin-bottom:-10px
}
.conferencias-lista .letra-inicial:first-letter
{
	font-size:6em;
	visibility:visible;
}

.conferencias-lista .vc_is-hover a.vc-zone-link
{
    border: 5px solid #FFCC29;
}


/*Conferencias post*/
.single-conferencia
{
    background-color: #000;
}

.single-conferencia .conferencia
{
    border: none;
    background-color: transparent;
}

.single-conferencia .titulo
{
    background-color: #FFCC29;
    text-transform: uppercase;
    width: 100vw;
    margin-left: calc(50% - 50vw);
}

.single-conferencia .titulo h1.the-title
{
    display: flex;
    font-weight: 900;
    text-transform: uppercase;
    color: #000!important;
}

.single-conferencia .contenido
{
    padding: 20px 30px;
    margin-left: 10px;
    border-bottom: 2px solid #FFCC29;
    border-left: 2px solid #FFCC29;    
    border-right: 2px solid #FFCC29;
}

.single-conferencia .contenido iframe
{
    height: auto;
    width: 100%;
    aspect-ratio: 16 / 12;
}

.single-conferencia .contenido .detalles
{
    position: absolute;
    bottom: 0;
}

.single-conferencia .contenido .detalles p
{
    margin-bottom: 0;
    font-size: 14px;
    color: #fff;
}

.single-conferencia .contenido .detalles p strong
{
    text-transform: uppercase;
}

.single-conferencia .contenido .entry-content
{
    margin-top: 15px;
    line-height: normal;
    font-size: 14px;
    color: #fff;
    text-align: justify;
}
/**/

/*Rutas post*/

.single-ruta
{
    background-color: #EDEDED;
}

.single-ruta .ruta
{
    border: none;
    background-color: transparent;
}

.single-ruta .titulo
{
    display: flex;
    background-color: #FFCC29;
    text-transform: uppercase;
    width: 100vw;
    margin-left: calc(50% - 50vw);
}

.single-ruta .titulo h1.the-title
{
    display: flex;
    font-size: 2em;
    font-weight: bold;
    text-transform: uppercase;
    color: #000!important;
}

.single .ruta .wpb_text_column
{
    font-size: 12px;
    text-align: justify;
}


.single .ruta .wpb_text_column p
{
    margin-bottom: 0;
    line-height: 1;
}

.single-ruta .galeria
{
    padding-left: 70px;
}

.single-ruta .celular
{
    margin-top: -90px;
}

/**/


/*Actividades Ponencias Sub*/

#ponencias-sub 
{
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding-right: 0!important;
}

#ponencias-sub .encabezado
{
    font-weight: bold;
    font-size: 40px;
    line-height: 1.5;
    background-color: #FFCC29;
    text-transform: uppercase;
    max-width: 1140px;
    margin: 0 auto;

}

#ponencias-sub .encabezado:before {
    width: 40px;
    float: left;
    display: block;
    height: 40px;
    color: transparent;
    background-image: url(/wp-content/themes/conarq/images/flecha_negra.webp);
    background-repeat: no-repeat;
    background-size: 40px auto;
    content: 'xx';
    padding: 0px;
    margin: 10px 10px 10px 30px;
}

#ponencias-sub-lista .ganador
{
    color: transparent;
}

#ponencias-sub-lista .ganador:not(:empty) {
    color: #FFCC29;
    font-size: 0px;
}

#ponencias-sub-lista div.ponencia-contenedor:has(.ganador:not(:empty)) {
    border-color: #fff!important;
}

#ponencias-sub-lista .ganador::before 
{
    font-size: 14px;
    content: 'Ganador';
}

/**/

/*Ponencias post*/

.single-ponencia
{
    background-color: #EDEDED;
}

.single-ponencia .ponencia
{
    background-color: transparent;
    border: none;
}

.single-ponencia .ganador .ganador-fila
{
    margin-left: 10px;
    padding: 5px 50px;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #FFCC29;
}

.single-ponencia .titulo
{
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-color: #FFCC29;
    text-transform: uppercase;
}

.single-ponencia .ganador .titulo
{
    background-color: #fff;
}

.single-ponencia .ganador .titulo .content-second
{
    background-color: #fff;
}

.single-ponencia .titulo h1.the-title
{
    display: flow;
    padding-right: 20px;
    text-align: justify!important;
    font-size: 1.4em;
    font-weight: bold;
    text-transform: uppercase;
    color: #000!important;
}

.single-ponencia .contenido
{
    padding: 20px 30px;
    margin-left: 10px;
    border-bottom: 2px solid #FFCC29;
    border-left: 2px solid #FFCC29;    
    border-right: 2px solid #FFCC29;
}

.single-ponencia .general .col-md-4
{
    -ms-flex: 0 0 36.5%;
    flex: 0 0 36.5%;
    max-width: 36.5%;
}

.single-ponencia .general .col-md-8
{
    -ms-flex: 0 0 63.5%;
    flex: 0 0 63.5%;
    max-width: 63.5%;
}

.single-ponencia img.attachment-full.wp-post-image
{
    margin-top: 15px;
    margin-bottom: 15px;
}

.single-ponencia .detalles
{
    line-height: 1.2;
}

.single-ponencia .detalles strong.encabezado
{
    text-transform: uppercase;
    font-weight: bold;
}

.single-ponencia .detalles p
{
    font-size: 14px;
    margin-bottom: 0;
}

.single-ponencia .boton
{
    display: flex;
    margin-top: 15px;
    margin-bottom: 10px;
    text-align: center;
}

.single-ponencia .detalles .boton
{
    position: absolute;    
    bottom: 0;
}

.single-ponencia .detalles.galeria
{
    display: inline-flex;
}

.single-ponencia .detalles.galeria .boton
{
    margin-bottom: 0;
}

.single-ponencia .boton.izq
{
    left: 0;
}

.single-ponencia .boton.der
{
    right: 0;
}

.single-ponencia .boton a, .single-ponencia .boton button
{
    border: none;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 20px;
    background-color: #FFCC29;
    font-weight: bold;
    color: #000;
    cursor: pointer;
}

.single-ponencia .galeria-fotos .col-md-4, .single-ponencia .galeria-fotos .col-md-6
{
    padding-bottom: 15px;
    padding-top: 15px;
}

.single-ponencia .galeria-fotos .div-3 img
{
    object-fit: cover;
    aspect-ratio: 16 / 21;
}


.single-ponencia .galeria-fotos .div-6 img
{
    object-fit: cover;
    aspect-ratio: 16 / 9;
}

/**/

@media (min-width: 768px) 
{
    .degradado-amarillo
    {
        background-image: linear-gradient(to top, #fff 0%, #fff 49.99%, #FFCC29 50%);
    }

    .galeria-contenido .vc_col-sm-1\/5
    {
        width:21%
    }

    .galeria-contenido .vc_col-sm-3\/5
    {
        width:58%
    }
        
    .container-fluid.footer.clearfix .col-md-4:nth-child(1)
    {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    
    .container-fluid.footer.clearfix .col-md-4:nth-child(3)
    {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .container-fluid.footer.clearfix .col-md-4:nth-child(2)
    {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}