nav {
    width: auto  !important;
}

.cajaAzulRedondeada2 .textoAzulRedonda2 a {
    color: white !important;
}

.slider-eventos .swiper-slide-contents {
    width: 100%;
    height: 100%;
    padding: 45px;
    padding-right: 55%;
}

.slider-eventos .slide-featured-image {
    position: absolute;
    right: 0;
    top: 0;
    width: 55%;
    height: 100%;
    text-align: left;
    background: #fff;
}

.elementor-7814 .elementor-element.elementor-element-e27d391 .eael-data-table {
    max-width: 100% !important;
    width: 100% !important;
    text-align: center !important;
}

.elementor-7814 .elementor-element.elementor-element-e27d391 .eael-data-table .table-header td {
    padding: 1em 0em 1em 0em;
}

.elementor-nav-menu .sub-arrow {
    padding: 0 !important;
}
a.elementor-sub-item.has-submenu,
a.elementor-item.has-submenu {
    cursor: pointer !important;
}



span.data-table-header-text,
.table-estadisticas .td-content {
    font-family: "Times New Roman" !important;
    font-size: 12px !IMPORTANT;
}
.label-total .td-content, .data-total .td-content {
    font-weight: 600 !important;
} 

.orange-text {
    color: #f48420 !important;
}
.orange-text:hover {
    color: #f48420 !important;
}
.ocultar {
    display: none !important;
}

.elementor-button span {
    height: 23px !important;
}
.elementor-492 .elementor-element.elementor-element-206d0d8 .elementor-button {
    background-color: #4267B2 !important;
}


/*Tabs en Servicios*/

    .tabs {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-45%,-50%);
        width: 90%;
        height: 400px;
        padding: 30px 20px;
        background: #f5f5f5;
        box-shadow: 5px 5px 10px 5px #ccc;
        overflow: hidden;
    }
    .tabs .tab-header {
        float: left;
        width: 245px;
        height: 100%;
        border-right: 1px solid #ccc;
        padding: 50px 0px;
    }
    .tabs .tab-header > div {
        height:50px;
        line-height:50px;
        font-size:16px;
        font-weight:600;
        color:#888;
        cursor:pointer;
        padding-left:10px;
    }
    .tabs .tab-header > div:hover,
    .tabs .tab-header > div.active {
        color:#1c94bb;
    }
    .tabs .tab-header div i {
        display:inline-block;
        margin-left:10px;
        margin-right:5px;
    }
    .tabs .tab-content {
        position:relative;
        height:100%;
        overflow:hidden;
    }
    .tabs .tab-content > div > i {
        display:inline-block;
        width:50px;
        height:50px;
        background:#1c94bb;
        color:#f5f5f5;
        font-size:25px;
        font-weight:600;
        text-align:center;
        line-height:50px;
        border-radius:50%;
    }
    .tabs .tab-content > div {
        position:absolute;
        text-align:center;
        padding:40px 40px;
        top:-200%;
        transition:all 500ms ease-in-out;
    }
    .tabs .tab-content > div.active {
        top:0px;
    }
  
    .titleTabs {
        color: #1C94BB;
        font-family: "Lato", Sans-serif;
        font-size: 2rem;
        font-weight: 900;
        padding: 10px 0;
    }
  
    .contentTabs {
        text-align: justify;
        font-family: "Pangram", Sans-serif;
        font-size: 1rem;
        font-weight: 400
    }
    
    .tabs .tab-indicator {
        position: absolute;
        width: 4px;
        height: 50px;
        background: #1c94bb;
        left: 263px;
        top: 80px;
        transition: all 500ms ease-in-out;
    }


q::before {
    content: '"';
    font-size: 25px;
    color: #F48420;
}
q::after {
    content: '"';
    font-size: 25px;
    color: #F48420;
}
q {
    quotes: "“" "”" "‘" "’";
}

.bulletsNoticias:before {
    position: absolute;
    background: #212529;
    width: 6px;
    height: 6px;
    content: '';
    margin-left: -1.5rem;
    margin-top: 0.5rem;
    border-radius: 50px;
}

.bulletsNoticias {
    margin-left: 2.5em;
    font-style: italic;
    margin-bottom: 2em;
}





.slider-eventos .slide-featured-image img {
    height: 100%;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.slider-eventos .slide-featured-image:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    background-image: url(https://cpj.go.cr/wp-content/uploads/2020/04/curva-azul-2.svg);
    height: 100%;
    width: 130px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: left center;
}

.slider-eventos  .swiper-slide-inner .elementor-slide-heading {
    font-size: 40px;
    font-weight: 900;
    /*max-width: 400px;*/
    margin-left: 3rem;
    text-align: left;
    padding-right: 45px;
}

.slider-eventos  .swiper-slide-inner .elementor-slide-heading a{
	color: white;
}

.slider-eventos .elementor-slide-description {
    max-width: 400px;
    margin: auto;
    text-align: left;
    padding-right: 45px;
}



.slider-eventos .swiper-slide-inner .elementor-slide-button  {
    margin-left: 3rem;
}

.slider-eventos .swiper-slide-inner .elementor-slide-button {
    background-color: #F48420 !important;
    border: 0 !important;
    font-size: 1.1rem !important;
}

.archive-header,
.single .entry-header {
    min-height: 50vh;
    background: #e8f0f0;
    position: relative;
    background-position: center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.archive-header:before,
.single .entry-header:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(232, 240, 240, 0)), to(rgba(232, 240, 240, 0.9)));
    background: -o-linear-gradient(top, rgba(232, 240, 240, 0) 0%, rgba(232, 240, 240, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(232, 240, 240, 0) 0%, rgba(232, 240, 240, 0.9) 100%);
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.archive-content .entry-meta,
.single .entry-meta {
    display: none;
}

.BodyPosts {
    text-align: justify;
}

.search .container,
.archive .container,
.single .container {
    padding: 1rem 1.5rem;
    width: 800px;
}

.archive-header .page-title,
.single .entry-title {
    position: relative;
    color: #1c94bb;
    text-align: center;
}

.containerTitle {
   padding: 1.5rem 1.5rem 1.5rem 3.5rem !important;
}


.archive-content .container,
.entry-content .container {
    padding: 3rem 1.5rem;
}

.archive-content article {
    max-width: 500px;
    margin: auto;
    margin-bottom: 1.5rem;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.15);
            box-shadow: 0 0 15px rgba(0,0,0,0.15);
    padding: 1rem;
}

.archive-content .entry-title {
    font-size: 1.5rem;
}

.archive-content .entry-summary p {
    padding: 0;
    margin: 0;
    font-size: .9rem;
    padding-top: .5rem;
}

.archive-content .post-thumbnail, .archive-content .post-thumbnail img {
    display: block;
    width: 100%;
}

.elementor-widget-heading h1.elementor-heading-title, 
h1 {
    font-family: "Pangram", Sans-serif;
    font-size: 3.5rem;
}

.elementor-widget-heading h2.elementor-heading-title, 
h2 {
    font-family: "Pangram", Sans-serif;
    font-size: 2.5rem;
}

.elementor-widget-text-editor {
    font-family: "Muli", Sans-serif;
    font-size: 1rem;
    line-height: 1.3;
}

.sub-menu {
  display: none;
  position: absolute;
  min-width: 160px;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
          box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: -4px 0px;
  z-index: 1;
  margin: -16px 0 0 15px;
	-webkit-transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s;
	-o-transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s;
	transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; 
	-webkit-transform: translateY(-2em); 
	    -ms-transform: translateY(-2em); 
	        transform: translateY(-2em);
}

.sub-menu a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.sub-menu a:hover {
	background-color: #f1f1f1;
	-webkit-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease;
}

.primary-menu-container nav li:hover > .sub-menu,
.primary-menu-container nav li:focus > .sub-menu{
    display: block;
    padding-top: .55rem;
    -webkit-transition-delay: 0s, 0s, 0.3s;
         -o-transition-delay: 0s, 0s, 0.3s;
            transition-delay: 0s, 0s, 0.3s;
    opacity: 1;
    -webkit-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    transition: background-color 1s ease;
    z-index: 99;
}

.menu li.fa {
    position: relative;
}

.menu li.fa:before {
    position: absolute;
    top: 1.1rem;
    right: 0;
    color: #999;
}

ul.primary-menu-container nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0rem;
    margin-left: 0rem;
    z-index: 100;
}

ul.primary-menu-container nav li {
    float: none;
    position: relative;
}

ul.sub-menu {
    display: none;
    top: 100%;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin: 0;
    padding: 0;
    padding-top: .6rem;
    -webkit-box-shadow: none;
            box-shadow: none;
    white-space: nowrap;
}

ul.sub-menu li {
    background-color: #1989B2;
    color: #fff;
    width: 100%;
    position: relative;
}

.primary-menu-container nav .submenu li.submenu {
    display: block;
    padding: 1rem;
}

.elementor-nav-menu--main .elementor-nav-menu ul {
    width: auto !important;
}

#menu-item-294 {
    width: 100%;
}


.btnLinksDocumentos {
    background: #F48420!important;
    color: #fff;
    padding: 10px 40px;
    font-size: 22px;
    border-radius: 3px;
}

.btnLinksDocumentos:hover {
    color: #fff !important;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a .pojo-a11y-toolbar-text {
    vertical-align: middle;
    font-size: 13px !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title {
    line-height: 1.4 !important;
}

.sub-menu li:hover .sub-menu {
    top: 0;
    left: 100%;
    padding: 0 !important;
}

.sub-menu li:hover .sub-menu li {
    background: #55aece;
}

ul.sub-menu li:last-of-type:before {
    display: none;
}

#menu-item-294:before{
    content: "\f0d7";
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0;
    top: .8rem;
    color:#fff;
    margin-right: .15rem;
}

#menu-item-294:hover:before{
    color:#2096B7;
}

.site-header #searchform {
    padding-right: 1.5rem;
}

.site-header .search-form label input {
    padding: .35em;
    font-size: inherit;
    width: 10rem;
    border: 0;
    border-radius: 10px;
    margin-bottom: 1rem;
}

.site-header .search-form .search-submit {
    font-size: 14px;
    background: #666;
}

.toggleSearchBtn{
    display: none;
}


.colored-gradient-img:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: -o-linear-gradient(left, rgba(255,206,145,1) 0%, rgba(255,206,145,0) 25%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255,206,145,1)), color-stop(25%, rgba(255,206,145,0)));
    background: linear-gradient(90deg, rgba(255,206,145,1) 0%, rgba(255,206,145,0) 25%);
    z-index: 1;
}

.colored-gradient-img:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: -o-linear-gradient(right, rgba(255,206,145,1) 0%, rgba(255,206,145,0) 25%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(255,206,145,1)), color-stop(25%, rgba(255,206,145,0)));
    background: linear-gradient(270deg, rgba(255,206,145,1) 0%, rgba(255,206,145,0) 25%);
    z-index: 1;
}

.fa-caret-down:before {
    content: "\f0d7";
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0;
    top: .5rem;
}

li#menu-item-486 {
    margin-top: 0rem;
}

input#form-field-name,
input#form-field-email,
input#form-field-field_1,
textarea#form-field-message {
    background: #dbdbdb;
    border: none;
}

input#form-field-name:focus,
input#form-field-email:focus,
input#form-field-field_1:focus,
textarea#form-field-message:focus{
    border:1px #1C94BB solid;
    color:black;
}

.elementor-form-fields-wrapper.elementor-labels-above label {
    font-family: "Muli", Sans-serif;
    margin-bottom:.1rem;
    font-size:1.2rem;
    color:#54595f;
    font-weight:100;
}

.wpml-ls-slot-3{
    background-color: white!important;
}

.ff-layout-carousel {
    max-width: 1400px;
    margin: auto;
}

.slick-initialized .slick-slide {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    padding: 1rem;
}

.elementor-button span {
    text-decoration: inherit;
    overflow: hidden;
}

.ff-layout-carousel .ff-overlay {
    background-color: rgba(240, 237, 231, 0.95) !important;
}

.ff-truelayout-carousel .ff-item {
    margin-left: 1rem !important;
}

.ff-layout-carousel .ff-item:first-child {
    margin-left: 0;
}

.ff-content {
    color: #000;
}

a.ff-comments {
    display: none;
}

.ff-item-meta {
    position: absolute;
    bottom: 0;
    margin: 0;
}

h6.ff-item-bar {
    display: none;
}

#ff-stream-1 .ff-nickname, #ff-stream-1 .ff-timestamp, #ff-stream-1 .ff-item-bar, #ff-stream-1 .ff-item-bar a {
    color: #000 !important;
}

.iconosSocialMedia {
    position: fixed;
    display: inline-block;
    z-index: 99;
    right: 0;
    top: 50%;
    background: white;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.25);
            box-shadow: 0 0 15px rgba(0,0,0,0.25);
}

.iconosSocialMedia a {
    width: 3rem;
    height: 3rem;
    display: block!important;
}

.ff-stream-wrapper.ff-desktop.shuffle--container.shuffle--animateoff.ff-layout-grid.ff-truelayout-carousel.ff-upic-timestamp.ff-upic-round.ff-align-left.ff-sc-label1.ff-outline-icon.ff-gallery-on.shuffle.slick-initialized.slick-slider.slick-dotted.ff-arrows-always.ff-dots-visible {
    background: white;
}

.ff-layout-grid .ff-has-overlay .ff-img-landscape img {
    width: auto;
}

/*
*Elementor
*/
.gridIconsServicios {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    width: 100%;
}

.row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.module{
    position: relative;
    margin: auto;
    margin-left: 0;
    margin-bottom: 2rem;
    width: calc(50% - 1rem);
    position: relative;
    display: block;
}

.iconoModule{
    width: 8rem;
    height: 8rem;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin: auto;
    margin-left: 0;
}

.textoModule{
    font-family: sans-serif;
    color: #22326c;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    position: relative;
    width: 12rem;
    margin-left: -2rem;
}

.sombra-general-arribayabajo,
.revista-servicio-shadow{
    z-index: 2;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5);
            box-shadow: 0 0 15px rgba(0,0,0,0.5);
}

.sombra-arribayabajo {
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5);
            box-shadow: 0 0 20px rgba(0,0,0,0.5);
}

.elementor-background-overlay{
    width:101%!important;
}

span.ff-btn{
  visibility:hidden!important;
}

.ff-btn:after {
  content: 'Mostrar más';
    width: auto !important;
    padding: 0px 30px;
    display: inline-block;
    margin: 20px 12px 0;
    cursor: pointer;
    background: #CDCDCD;
    color: white;
    font-size: 15px;
    border-radius: 5px;
    padding: 10px 40px;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    position: relative;
    text-align: center;
    -webkit-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
    background-color: rgb(59, 61, 64);
    visibility: visible;
}

.ff-sc-label1 .ff-icon-inner {
    padding: 8px 24px 2px !important;
    line-height: 22px !important;
}


.row-container {
    position: relative;
    display: block;
    width: 14rem;
}

.rectanguloAmarillo {
  padding-left: 1rem;
  background-color: #FFA600;
  height: 3rem;
  width: 14rem;
  border-radius:10px;
  right:0;
  position: absolute;
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.caudradoCeleste,
.caudradoCelesteDerecha,
.caudradoCelesteFecha{
  position: absolute;
  background: #1C94BB;
  right: 0;
  top:0;
  width: 3rem;
  height: 3rem;
  border-radius:10px;
}

.caudradoCelesteFecha{
    left:15rem;
}

.caudradoCeleste:before,
.caudradoCelesteDerecha:before,
.caudradoCelesteFecha:before{
    content: "+";
    color: white;
    font-size: 3rem;
    position: absolute;
    font-weight: 700;
    line-height: 3rem;
    height: 3rem;
    bottom: .3rem;
    text-align: center;
    width: 100%;
}

.rectanguloAmarilloDerecha {
  padding-left: 1rem;
  background-color: #FFA600;
  height: 3rem;
  width: 14rem;
  border-radius:10px;
  left:0;
  position: absolute;
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.rectanguloAmarilloDerecha p{
  color: black;
  font-size: 1.9rem;
  font-weight: 500;
  text-decoration: none;
  font-family: "Pangram";
  line-height: 3rem;
}

.cuadradoDerecho{
  position: absolute;
  background: #1C94BB;
  left: 11.5rem;
  width: 2.5rem;
  height: 3rem;
  border-radius:10px;
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.cuadradoDerecho:before{
    content: "+";
    color: white;
    font-size: 3rem;
    position: absolute;
    font-weight: 700;
    line-height: 3rem;
    height: 3rem;
    bottom: .3rem;
    text-align: center;
    width: 100%;
}


.section-noticias-shadow{
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5);
            box-shadow: 0 0 15px rgba(0,0,0,0.5);
    z-index:10;
}

.row-btns-mapa{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 1rem;
}

.btn-mapa{
    position: relative;
    width: 7.6rem;
    height: 2rem;
    background: #1C94BB;
    border-radius: 7px;
    text-align: center; 
    -webkit-transition: .3s ease-in-out; 
    -o-transition: .3s ease-in-out; 
    transition: .3s ease-in-out;
}

.btn-mapa:hover,
.cajaAzulRedondeada:hover{
    -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    background: #1D7BA0;
}

.cajaAzulRedondeada{
    -webkit-transition: .3s ease-in-out; 
    -o-transition: .3s ease-in-out; 
    transition: .3s ease-in-out;
}

.elementor-6247 .elementor-element.elementor-element-e9e59f7 .elementor-button {
    background-color: #1D7BA0 !important ;
}

.elementor-6247 .elementor-element.elementor-element-be67c16 .elementor-button {
    background-color: #1D7BA0 !important;
}
.btn-mapa span{
    font-family: muli;
    margin: auto;
    color: white;
    position: relative;
    top:10%;
}

.directorioIzq{
    text-align: right;
    font-family: Muli;
}

.tituloS{
    font-size: 1.2rem;
    line-height: 1.2rem;
    padding-top: .3rem;
}

.directorioIzq span,
.directorioIzq h6{
    font-family: Muli;
    font-weight: 300;
    letter-spacing: .02rem;
}

.directorioIzq h6{
    font-weight: 900;
}

.telefono-directorioIzq{
    border-top: 1px solid black;
}

.telefono-directorioIzq2{
    border-bottom: 1px solid black;
}

.directorioCentro{
    text-align: center;
    font-family: 'Muli', sans-serif!important;
}

.directorioCentro span,
.directorioCentro h6{
    font-family: 'Muli', sans-serif!important;
    font-weight: 900;
    letter-spacing: .02rem;
}

.telefono-directorioCentro{
    border-top: 1px solid black;
}

.telefono-directorioCentro2{
    border-bottom: 1px solid black;
}

.directorioDer{
    text-align: left;
    font-family: Muli;
}

.directorioDer span,
.directorioDer h6{
    font-family: Muli;
    font-weight: 300;
    letter-spacing: .02rem;
}

.directorioDer h6{
    font-weight: 900;
}

.telefono-directorioDer{
    border-top: 1px solid black;
}

.telefono-directorioDer2{
    border-bottom: 1px solid black;
}

.row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.moduleServicios{
    position: relative;
    margin: auto;
    margin-left: 0;
    margin-right: 5rem;
    margin-bottom: 2rem;
    margin-top: 0rem;
}

.iconoModuleServicio{
    width: 8rem;
    height: 8rem;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin: auto;
    margin-left: 0;
}

.cajaAzul{
    width: 23rem;
    height: 4rem;
    background: #1D7BA0;
    text-align: center;
    border-radius: 20px;
}

.textoCajaAzul,
.textoCajaAzul2{
    font-family: "Muli", Sans-serif;
    color: white;
    font-size: 1.3rem;
    display: inline-block;
    margin: 17px 10px 0 0;
    padding: 5px 10px;
    line-height: 1.6rem;
    text-align: left;
    font-weight: 600;
}

.bulletsUdInvestigacion::before,
.bulletsUdInvestigacion2::before{
    background: #1d7ba0;
    width: 1rem;
    height: 1rem;
    content: '';
    position: absolute;
    left: -1.5rem;
}

.bulletsUdInvestigacion2::before{
    height: 2.5rem;
}

.bulletsRedNacional::before{
    position: absolute;
    background: #1d7ba0;
    width: .7rem;
    height: 1rem;
    content: '';
    margin-left: 9em;
    margin-top: .1rem;
}

.bulletsRedNacional3::before,
.bullets-size3::before{
    position: absolute;
    background: #1d7ba0;
    width: .7rem;
    height: 3.8rem;
    content: '';
    margin-left: 9em;
    margin-top: .1rem;
}

.bulletsRedNacional2::before,
.bullets-size2::before,
.bullets-size1::before{
    position: absolute;
    background: #1d7ba0;
    width: .7rem;
    height: 2.5rem;
    content: '';
    margin-left: 9em;
    margin-top: .1rem;
}

.bullets-size1::before{
    height: 1rem;
}

.bullets-size4::before{
    position: absolute;
    background: #1d7ba0;
    width: .7rem;
    height: 5rem;
    content: '';
    margin-left: 1rem;
    margin-top: .1rem;
}

.bullets-size2::before,
.bullets-size3::before,
.bullets-size1::before{
    margin-left: 1rem!important;
}

.cajaAzulRedondeada{
    position: relative;
    width: 15rem;
    height: 3.5rem;
    background: #1C94BB;
    text-align: center;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 50px -5px rgba(0,0,0,0.25);
            box-shadow: 0px 0px 50px -5px rgba(0,0,0,0.25);
    margin-right: 1rem;
}

#infoSeccionDinamicaUdInv .containerCuadrosAzul {
    right: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 1rem;
}

#infoSeccionDinamicaUdInv .cajaAzulRedondeada {
    width: auto;
    padding: 0rem .5rem;
}

#infoSeccionDinamicaUdInv .containerCuadrosAzul p {
    text-align: center;
    font-weight: 600;
    padding-top: 1rem;
}

#infoSeccionDinamicaUdInv .containerCuadrosAzul a {
    margin-bottom: 1rem;
}

.textoAzulRedonda{
    color: white;
    font-size: 2rem;
    display: inline-block;
    margin: 1rem -.1rem 0 0;
    padding: 0px 10px;
    line-height: 1.6rem;
    text-align: left;
    font-weight: 600;
    font-family: Muli;
    text-align: center;
    overflow: hidden;
}

.containerCuadrosAzul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    right: -15%;
    position: relative;
}

#sectionBootcamp .containerCuadrosAzul,
#seccionLegislacionTexto .containerCuadrosAzul,
#encuestasNacionales .containerCuadrosAzul,
#estudiosJuventud .containerCuadrosAzul,
#seccionRevista .containerCuadrosAzul,
#seccionDatosAbiertos .containerCuadrosAzul,
#sectionRedInvestigadores .containerCuadrosAzul{
    right: 0;
}

#sectionBootcamp .cajaAzulRedondeada {
    margin-bottom: 2rem;
}

#sectionBootcamp .textoAzulRedonda {
    font-size: 1.25rem;
    line-height: 1.2rem;
    text-align: center;
    padding-top: 0;
    margin-top: .75rem;
    vertical-align: middle;
}

.cajaAzulRedondeada2{
    width: 7.5rem;
    height: 3rem;
    background: #F48420;
    text-align: center;
    margin-right: 2rem;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75);
            box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75);
}

.textoAzulRedonda2{
    color: white;
    font-size: 2rem;
    display: inline-block;
    padding: 1.25rem 0 1rem;
    line-height: 1rem;
    font-weight: 600;
    font-family: Muli;
}

.texto-ArribaLaCaja{
    width: 45%;
    margin-left: 25%;
    line-height: 1.2rem;
}   

.texto-ArribaLaCaja span{
    font-family: muli;
    font-weight: 500;
}

.texto-ArribaLaCaja2{
    width: 70%;
    margin-left: 25%;
    line-height: 1.2rem;
    margin-bottom: 2rem;
}   

.texto-ArribaLaCaja2 span{
    font-family: muli;
    font-weight: 500;
}

.cajaAzul2{
    position: relative;
    width: 25rem;
    height: 4em;
    background: #1d7ba0;
    border-radius: 25px;
    margin-left: 10em;
    margin-top: .5rem;
    margin-bottom: .5rem;
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 1);
            box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 1);
}

.textoCajaAzul2{
    font-family: "Muli", Sans-serif;
    color: #fff;
    font-size: 1.5rem;
    display: inline-block;
    margin: 0px;
    padding: 5px 25px;
    line-height: 1.7rem;
    text-align: center;
}

.gridEstaticoAzul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}

.containerEstaticoAzul {
    width: calc(33% - 1rem);
    height: 3.5rem;
    background: #1b94bb;
    margin-right: 1rem;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 20px;
    padding-bottom: 3rem;
}

.containerEstaticoAzul span {
    color: white;
    font-size: 1.15rem;
    font-weight: 600;
    position: relative;
    display: block;
    text-align: center;
    line-height: 1.25rem;
}

.containerIzquierdo,
.containerIzquierdoEstatico{
    padding-bottom: 3rem;
    position: relative;
}

.rectanguloAmarilloCentro, 
.rectanguloAmarilloCentro2, 
.rectanguloAmarilloCentro2Derecha,
.rectanguloAmarilloCentroFecha,
.rectanguloAmarilloCentroEstatico{
    padding-left: 0.5rem;
    background-color: #ffa600;
    height: 3rem;
    width: 14rem;
    border-radius: 10px;
    right: 0;
    position: absolute;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    line-height: 1em !important;
    cursor: pointer;
    padding-right: 2rem;
}

.rectanguloAmarilloCentroFecha{
    left:4rem;
}

.rectanguloAmarilloCentro2Derecha{
    left:0;
}

.row-container:hover .rectanguloAmarilloCentro,
.row-container:hover .rectanguloAmarilloCentro2,
.caudradoCeleste:hover .rectanguloAmarilloCentro2,
.caudradoCeleste:hover .rectanguloAmarilloCentro,
.containerDerecha:hover .rectanguloAmarilloCentro2Derecha{
    width: 23.5rem;
    background-color: #FF6202;
    color:white;
}

.containerDerecha:hover .caudradoCelesteDerecha,
.row-container:hover .caudradoCelesteDerecha{
    left:22rem;
    -webkit-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out;
}
.containerDerecha:hover .caudradoCelesteDerecha,
.row-container:hover .caudradoCelesteDerecha{
    left:auto!important;
   
}

.caudradoCelesteDerecha{
    -webkit-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out;
}

.rectanguloAmarilloCentro span, 
.rectanguloAmarilloCentro2 span, 
.rectanguloAmarilloCentro2Derecha span,
.rectanguloAmarilloCentroFecha span,
.rectanguloAmarilloCentroEstatico span{
    color: #fff;
    font-size: 1rem;
    font-weight: 800;
    
    position: relative;
    display: inline-block;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    -webkit-transition-delay: .2s;
         -o-transition-delay: .2s;
            transition-delay: .2s;
    color: #000;
    top: 50%;
    line-height: 1;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.rectanguloAmarilloCentroFecha span {
    font-size:1.3rem;
}

.rectanguloAmarilloCentro:before,
.rectanguloAmarilloCentro2:before,
.rectanguloAmarilloCentro2Derecha:before{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    text-align: left;
    opacity: 0;
    -webkit-transition: .4s,opacity .6s;
    -o-transition: .4s,opacity .6s;
    transition: .4s,opacity .6s;
    color: white;
    font-size: 1.8rem;
    font-weight: 800;
    font-family: "Muli";
    padding-left: 1rem;
}

.rectanguloAmarilloCentro2:before,
.rectanguloAmarilloCentro2Derecha:before{
    font-size: 1.5rem;
    line-height: 1.4rem;
}

.rectanguloAmarilloCentro:before{
    content: attr(data-hover);
    -webkit-transform: translate(150%,0%);
        -ms-transform: translate(150%,0%);
            transform: translate(150%,0%);
    font-size: 1.7rem;
}

.rectanguloAmarilloCentro2:before,
.rectanguloAmarilloCentro2Derecha:before{
    content:attr(data-hover2);
    top: .75rem;
    font-size: 1rem;
    -webkit-transform: translate(-200%,0%);
        -ms-transform: translate(-200%,0%);
            transform: translate(-200%,0%);
}

.caudradoCeleste:hover{
    content:attr(data-hover2);
    font-size: 1.1rem;
    opacity: 1;
    -webkit-transition-delay: .4s;
         -o-transition-delay: .4s;
            transition-delay: .4s;
}

.rectanguloAmarilloCentro:hover span,
.rectanguloAmarilloCentro2:hover span,
.rectanguloAmarilloCentro2Derecha:hover span{
    opacity: 0;
    -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
            transform: scale(0.3);
    font-size: 1rem;
}

.rectanguloAmarilloCentro:hover:before,
.rectanguloAmarilloCentro2:hover:before,
.rectanguloAmarilloCentro2Derecha:hover:before{
    opacity: 1;
    -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
            transform: translate(0,0);
    -webkit-transition-delay: .4s;
         -o-transition-delay: .4s;
            transition-delay: .4s;
}

.rectanguloAmarilloCentro2Derecha:before {
    pointer-events: none;
}

.caudradoCelesteDerecha {
    -webkit-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;
}

.module:hover img,
.module:hover .textoModule,
.moduleServicios:hover img,
.moduleServicios:hover .textoModule{
    -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.module img,
.textoModule,
.moduleServicios img{
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
}

#IconoFb:hover,
#IconoTw:hover,
#IconoIg:hover{
    -webkit-transform: translateX(-8px);
        -ms-transform: translateX(-8px);
            transform: translateX(-8px);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

 #IconoFb, 
 #IconoTw, 
 #IconoIg{
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    background:white;
}

.module2{
    position: absolute;
    right: 0;
    margin-right:-1rem;
}

.iconoModule2{
    width: 8rem;
    height: 8rem;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin: auto;
}

.textoModule2{
    font-family: Muli;
    color: #22326c;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    position: relative;
    width: 12rem;
    margin-left: -2rem;
}

#iconoOfertaCCP {
    margin-bottom: 5rem;
}

.row-hamburger-socialMedia {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.mobile-social-bar {
    background: #fff;
    position: relative;
    top: 1rem;
    max-width: none;
    width: 100%;
    margin: 0 !important;
}

.socialMediaMobile {
    margin: auto;
    margin-left: 0;
}

#IconoFbMobile {
    width: 1.5rem;
    margin-right: 0.5rem;
}

#IconoTwMobile {
    width: 1.5rem;
    margin-right: 0.5rem;
}

#IconoIgMobile {
    width: 1.5rem;
}

.palabra-quienes{
    margin-right: 5.5rem;
    
}

.palabra-somos{
    margin-right: -3rem;
}

.elementor .elementor-background-overlay, .elementor .elementor-background-slideshow{
    height: 101%;
    top: -1px;
}

.btn_verMas a {
    height: 3rem;
    font-size: 1.5rem!important;
    text-decoration:none;
}

.moduloAzulLg {
    position: relative;
    display: block;
    width: 85%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
    background: #2784BA;
    height: auto;
    min-height: 3rem;
    border-radius: 25px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
            box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
}

.moduloAzulLg span {
    color: white;
    padding: 1rem;
    position: relative;
    display: block;
    font-size: 1.5rem;
    font-family: "Pangram", Sans-serif;
    font-weight: 500;
    text-decoration: none;
}

.moduloAzulLg:hover {
    background: #f48420;
}

a:hover{
    text-decoration:none!important;
}

.facetwp-search {
    border: 1px solid #000;
    width: 100%;
    height: 2rem;
    outline: none;
}

.facetwp-btn {
    top: .25rem!important;
}

.a-grid {
    height: 100%;
    width: 100%;
    content: '';
    position: relative;
    display: block;
}

.menuRevista {
    -webkit-box-shadow: 0px 23px 26px -20px rgba(0,0,0,0.75);
            box-shadow: 0px 23px 26px -20px rgba(0,0,0,0.75);
    margin-top: -.5rem!important;
    margin-bottom: 0rem!important;
    z-index: 10;
}

#sectionRedInvestigadores .cajaAzul{
    padding: 1rem;
}

#seccionLegislacionTexto .cajaAzulRedondeada {
    width: 17rem;
}


#sectionRedInvestigadores .cajaAzulRedondeada {
    width: 26rem;
}

#encuestasNacionales .containerCuadrosAzul,
#estudiosJuventud .containerCuadrosAzul,
#seccionRevista .containerCuadrosAzul,
#seccionDatosAbiertos .containerCuadrosAzul,
#sectionRedInvestigadores .containerCuadrosAzul,
#seccionLegislacionTexto .containerCuadrosAzul{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}

#encuestasNacionales .cajaAzulRedondeada,
#estudiosJuventud .cajaAzulRedondeada{
    margin-right: 2rem;
    margin-bottom:1rem;
}

.facetwp-facet-tipo_administrativo,
.facetwp-facet-tipo_planificacion{
    display: none;
}

#map {
    position: relative;
    display: block;
    width: 100%;
    height: 20rem;
}

.infoMarker p {
    font-size: .8rem;
    line-height: 1rem;
}

.gm-style-iw-d {
    width: 15rem;
}

.seccionInvestigacionEncuestas .containerCuadrosAzul {
    right: 0;
    margin-bottom: 1rem;
}

.seccionInvestigacionEncuestas .textoAzulRedonda {
    font-size: 1.5rem;
}

#markers {
    position: relative;
    display: block;
    width: 100%;
}

#markers a {
    position: relative;
    display: block;
    left: 2.5rem;
    color: black;
    width: 10rem;
    background-clip: text;
    -webkit-background-clip: text;
    /* -webkit-text-fill-color: transparent; */
    background-size: 200% 100%;
    background-position: 100%;
    -webkit-transition: background-position 275ms ease;
    -o-transition: background-position 275ms ease;
    transition: background-position 275ms ease;
}

#markers a:hover {
    color: blue;
    /* width: auto; */
    /* background-position: 0 100%; */
}

#markers a:before {
    position: absolute;
    display: block;
    width: 0.35rem;
    height: .35rem;
    content: '';
    background: black;
    left: -1rem;
    bottom: .5rem;
    border-radius: 30px;
}

.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {
     background-color: #F48420;
}

elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus {
     color: #F48420;
}

.elementor-widget-button .elementor-button,
.elementor-button-link.elementor-button.elementor-size-sm{
    background-color: #F48420!important;
}

.toggleSearchRevista {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: -17rem;
    width: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #FFF;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.show-search-revista {
    right: 2rem!important;
}

.toggleSearchRevista button {
    position:relative;
    color:#FFF;
    background: #f15a25;
    border: none;
    border-radius: 5px;
    margin-left: 1rem;
}

.toggleSearchRevista input {
    border-radius: 5px;
}

.btn_searchR {
    position: relative;
    margin-right: 3rem;
    font-size: 1.25rem;
}

.toggleSearchRevista form {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page-id-6580 .ead-preview {
    text-align: center;
}


.elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a {
    display: block !important;
}


.actualizacion-estilo:before {
    display: none;
}

.actualizacion-estilo .containerTitle {
    width: 50% !important;
}

.actualizacion-estilo .entry-title {
    font-size: 2.5em !important;
    text-align: -webkit-left !important;
}

.actualizacion-estilo .container-thumbnail {
    width: 45%;
}

.actualizacion-estilo .container-thumbnail img {
    width: 100%;
    object-fit: contain;
    height: 53vh
}


header.entry-header.actualizacion-estilo:after {
    background-image: url(https://cpj.go.cr/wp-content/uploads/2020/01/curvaAzuIArribaIzq.svg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 40% auto;
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    content: '';
    width: 38em;
    height: 15em;
    position: absolute;
    top: 0;
    left: 0
}
header.entry-header.actualizacion-estilo:before {
    background-image: url(https://cpj.go.cr/wp-content/uploads/2020/01/curva-azul-abajoizq-02.svg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 40% auto;
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    content: '';
    width: 31em;
    height: 12em;
    position: absolute;
    top: auto;
    display: block;
    right: 0;
    left: auto;
    bottom: 0;
}

@media only screen and (min-width: 1024px){
    .main .search-form {
        position: absolute;
        top: 1.5rem;
        right: 6rem;
    }
    
    .toggledSearchBar {
        position: relative;
        top: 0;
        z-index: 99;
    }
    
    .toggleSearchBtn{
        display: inline-block;
        padding-left: 1rem;
        font-size: 20px;
        top: -4px;
        cursor: pointer;
    }
    
    .toggledSearchBar form {
        position: relative;
        bottom: 2rem;
        left: 3rem;
        margin: 0!important;
        padding: 0!important;
        opacity: 0;
        width: 0;
        overflow: hidden;
        -webkit-transition: .5s ease all;
        -o-transition: .5s ease all;
        transition: .5s ease all;
    }
    
    .site-header.show-search .toggleSearchBtn .fa-search:before,
    .show-search-revista .fa-search:before{
        content: "\f00d";
    }

    
    .show-search .toggledSearchBar form {
        display: block;
        opacity: 1;
        width: 11.5rem;
        max-width: none;
    }
        
    .show-search .toggledSearchBar form input{
        color: #666 !important;
        font-size: 14px;
        height: 2rem;
        line-height: 2rem;
        background: rgba(255, 255, 255, 1);
        outline: none !important;
        border-radius: 0;
    }
    
    .site-header #searchform {
        padding-right: 1.5rem;
        margin-left: 1.5rem;
    }
    
    .site-header .search-form .search-submit {
        font-size: 14px;
        position: absolute;
        margin: 0;
        top: 0;
        left: 0;
        width: 2rem;
        height: 2rem;
        line-height: 1.7rem;
        text-align: center;
        padding: 0;
        background: #fff;
        border: 2px solid #1c94bb;
        color: #1c94bb;
    }
    
    .search-form label{
        padding-left: 2rem;
        height: 2rem;
    }
    
    .highlight{ 
      background:#00FF00; 
      padding:1px; 
      border:#00CC00 dotted 1px; 
    }

}

/*
*Tablet
*/
@media only screen and (max-width: 1024px){
    
    .actualizacion-estilo {
        flex-direction: column-reverse;
    }
    .actualizacion-estilo .container-thumbnail img {
        height: auto;
        padding-top: 2em;
    }
    
    .search .container, .archive .container, .single .container {
        padding: 1rem 1.5rem;
        width: 100% !important;
    }
    q::before {
        font-size: 18px;
    }
    q::after {
        font-size: 18px;
    }
    
    
    #modRed:before,
    #modEncuesta:before,
    #modEstudios:before,
    #modRevista:before,
    #modMonitoreo:before,
    #modInfo:before{
        background-size: 2.25rem;
    }
      
    .moduloLateral .seccion span {
        font-size: 1rem;
    }
  
    .logo-container {
        width: 100%;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
    
    header#masthead {
        position: relative;
        height: auto;
    }
    
    .fondo_logo {
        /*width: 40rem;*/
        width:100%;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding-left: -1rem;
    }
    
    .logo-mj {
        display:none;
    }
    
    .logo-mj img {
        width: auto;
        height: 100%;
        margin: 0;
    }
    
    
    .logo-container {
        padding: 0;
        margin: auto;
        width:100%;
    }
    
    .menu-top-menu-container {
        margin-left: 0;
        left: 50%;
        position: relative;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    
    ul.primary-menu-container nav li {
        margin-top: 0;
    }
    
    .primary-menu-container nav li:hover > .sub-menu, .primary-menu-container nav li:focus > .sub-menu {
        position: absolute;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        left: 50%;
        background: #1989B2;
        height: auto;
    }
            
    .elementor-496 .elementor-element.elementor-element-b024457:not(.elementor-motion-effects-element-type-background){
        margin-top: 0rem;
    }
    
    .hamburger,
    #hamburger-menu{
        outline:none;
        top: 0rem;
        right:0;
        padding: 0;
        outline:none;
    }
    
    .sub-menu .sub-menu{
        margin-top: 0rem!important;
    }
    
    .sub-menu a {
        background: #1b94bb;
    }
    
    .show-menu-mobile .mobile-social-bar {
        z-index: 999;
        height: 0;
    }
    
    #infoSeccionDinamicaUdInv .containerCuadrosAzul span {
        font-size:1.5rem;
    }
    
    .moduloLateral{
        width: 85%;
    }
}

    .elementor-menu-toggle {
        display: none !important;
    }
/*
*Mobil
*/
@media only screen and (max-width: 767px){
    .actualizacion-estilo {
        min-height: 42vh;
    }
}
@media only screen and (max-width: 420px){
    q::before {
        font-size: 15px;
    }
    q::after {
        font-size: 15px;
    }
    
    #ultimoBtnCentroDoc {
        padding-bottom: 6rem!important;
    }

    #infoSeccionDinamicaUdInv .containerCuadrosAzul span {
        font-size: 1.25rem;
    }
    
    .site-header .search-form label input{
        padding:.5rem;
    }

    .directorioIzq,
    .directorioDer{
        text-align: center;
    }
    
    .btn-mapa{
        width:7rem;
    }
    
    .containerDerecha{
        padding-bottom:1rem;
    }
    
    .rectanguloAmarilloIzq,
    .cuadradoDerecho{
        right:0;
        margin:0 auto;
    }
    
    .rectanguloAmarillo{
        left:0;
        margin:0 auto;
    }
    
    .containerIzquierdo {
        margin-bottom: -2rem;
    }
    
    .rectanguloAmarilloCentro2{
        left: 0rem;
    }
    
    .rectanguloAmarilloCentro{
        left: -9.5rem!important;
    }
    
    .containerCuadrosDocumentos {
        margin-left: 3.5rem;
        margin-bottom: -1rem;
    }
    
    section.elementor-element.elementor-element-efa0e13.containerCuadrosDocumentos.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-inner-section {
        margin-bottom: 1rem;
    }
    
    section.elementor-element.elementor-element-8597f3a.containerCuadrosDocumentos.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-inner-section {
        margin-top: 1rem;
    }
    
    .containerIzquierdo{
        padding-bottom:3.5rem!important;
    }
    
    .moduleServicios{
        width: calc(50% - 1.5rem);
        margin:0;
    }
    
    .descripcionSistemaNacionalJuventud{
        width:90%;
        left:1rem;
    }
    
    .facetwp-counter {
        display: none !important; 
    }
    
    .cajaAzul{
        display: block;
        position: relative;
        margin: auto;
    }
    
    .rectanguloAmarilloCentro{
        left:0;
        margin:0 auto;
    }

    .containerIzquierdo{
        padding-bottom:1.5rem;
    }
    
    .module2{
        margin-right:-4rem;
    }
    
    .rectanguloAmarilloCentro{
        left:0;
        margin:0 auto;
    }
    
    .module2{
        margin-right:0rem;
    }
    
    .fondo_logo-mj {
        display: none;
    }
    
    ul.primary-menu-container nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    
    .navbar {
        left: 0;
        right: auto;
    }
    
    .site-header_home {
        margin-top: 3rem!important;
    }
    
    .cajaAzul2{
        width: 20rem;
        height: 5.5rem;
    }
    
    .textoCajaAzul2{
        padding: 10px 10px;
        font-size: 1.3rem;
    }
    
    .bulletsRedNacional::before,
    .bulletsRedNacional2::before,
    .bulletsRedNacional3::before{
        margin-left: 1em!important;
    }
    
    .modulo_Grid span {
        font-size: 1.2rem;
        line-height: 1.5rem;
    }
    
    .resultadosDocumentos{
        width:100%;
        margin-left: 3rem;
    }
    
    #buscador_Docs{
        width:20rem;
        margin-left:3rem;
    }
    
    .site-header #searchform {
        padding-right: 0rem;
    }
    
    .toggledSearchBar {
        display: block;
        width: 100%;
        position: relative;
        bottom: 15%;
    }
    
    
    input.search-field {
        width: 15rem!important;
        position: relative;
    }
    
    a.search-submit {
        width: 5rem;
        position: relative;
        border-radius:15px;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        left: 50%;
    }
    
    #section_mision,
    #section_financiero{
        background-image: none;
    }
    
    .elementor-button-wrapper {
        text-align: center;
    }
    
    header#masthead {
        height: 10rem!important;
    }
    
    #moduloEstatico_PolPub {
        left: 3rem;
    }
    
    .elementor-3020 .elementor-element.elementor-element-7131d5f2>.elementor-element-populated{
        padding: 0px 0px 3rem 0rem!important;
    }
    
    #sectionMisionVision {
        background-image: none;
    }
    
    .cajaAzulRedondeada2{
        width: calc(50% - 1rem);
        margin-bottom: 1rem;
    }
    
    .cajaAzulRedondeada{
        margin-bottom: 1.5rem;
    }
    
    .row-hamburger-socialMedia{
        top:.5rem;
    }
    
    .facetwp-radio {
        width: auto;
    }
    
    .ead-document iframe {
        width: 100%!important;
    }
    
    .elementor-496 .elementor-element.elementor-element-b024457 > .elementor-container{
        min-height: 18vh!important;
    }
    
}/*Mobile*/

/*
*Tablet
*/
@media only screen and (max-width:768px){
    .admin-bar header#masthead{
        margin-top:0px;
    }
    
    .cajaAzul2{
        margin-left: 3em;
        height: 5em;
    }
    
    .elementor-nav-menu {
        top: -7rem;
    }
    
    .elementor-sub-item {
        color: black!important;
        background: #fff;
    }
    
    .elementor-widget-nav-menu nav ul {
        margin: auto !important;
        padding-top: 3rem !important;
    }
    
    .elementor-nav-menu li {
        width: 100%;
        border-bottom: 1px solid #eee !important;
    }
    
    ul.sub-menu li {
        background: #eee !important;
        color: #000 !important;
    }
    
    .row-hamburger-socialMedia{
        left:1rem;
        bottom:1rem;
    }
    
    /*.toggledSearchBar{*/
    /*    display:none;*/
    /*}*/
    
    header#masthead {
        height: 5rem;
    }
    
    .mobile-social-bar{
        background:none;
    }
    
    .iconosSocialMedia{
        display:none!important;
    }
    
    .elementor-496 .elementor-element.elementor-element-920e3d4>.elementor-widget-container{
        margin:0;
    }
    
    section.elementor-element.elementor-element-2efb9ed.elementor-section-full_width.secccionFinancieroRecursos.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section {
        background-image: none!important;
    }
    
    
}/*Tablet*/

/*
*Tablet + Desktop
*/
@media only screen and (min-width:768px){
    .btn-mapa span{
        font-size: 1.2rem;
        top:5%;
    }
    
    .moduleServicios{
        margin: auto;
        margin-bottom: 2rem;
    }
    
    .texto-ArribaLaCaja{
        margin-left: 20%;
    } 
    
    .texto-ArribaLaCaja2{
        margin-left: 20%;
    } 
    
    .fondo_logo-mj {
        display: none;
    }
    
    .palabra-somos {
        margin-right: 0rem;
    }

}

/*
*Responsive
*/
@media only screen and (max-width: 1024px) {
    /*.toggledSearchBar{*/
    /*    display:none!important;*/
    /*}*/
    
    .row-hamburger-socialMedia{
        bottom: .75rem;
        left: 1rem;    
    }
    
     header#masthead {
        height: auto;
    }
    
    .rectanguloAmarilloCentro2 {
        left: 0;
    }

    .elementor-488 .elementor-element.elementor-element-ca87374>.elementor-widget-container{
        margin:0;
    }
    
    #columnaModulosCentroDoc .elementor-widget-container {
        margin: 0rem 0rem 1rem 2rem;
        padding: 0;
    }
}

@media only screen and (max-width: 550px) {
    .facetwp-checkbox {
        width: calc(50% - .5rem);
    }
}

@media only screen and (max-width: 768px) {
    .menu li a:hover:before,
    .sub-menu li a:hover:before{
        width: .5rem!important;
    }
    
    .logo-container{
        width:60%!important;
    }
    
    .elementor-widget-heading h1.elementor-heading-title, h1, .elementor-widget-heading h2.elementor-heading-title, h2 {
        font-size: 1.8rem !important;
        line-height: 1.7rem !important;
        font-family: "Pangram", Sans-serif !important;
        padding: 0 !important;
        margin-bottom: 1rem !important;
    }
    
    .containerIzquierdo, .containerIzquierdoEstatico, .containerDerecha {
        padding-bottom: 0 !important;
        margin: 0 !important;
        margin-bottom: 1rem !important;
    }
    
    .rectanguloAmarilloCentro, .rectanguloAmarilloCentro2, .rectanguloAmarilloCentro2Derecha, .rectanguloAmarilloCentroFecha, .rectanguloAmarilloCentroEstatico {
        width: 100% !important;
    }
    
    .row-container {
        width: 100% !important;
    }
    
    .slider-eventos .slide-featured-image {
        position: relative;
        width: 100%;
        height: auto;
        padding: 0;
        margin-top: 1rem;
    }

    .slider-eventos .slide-featured-image img {
        height: auto;
        width: auto;
    }
    
    .slider-eventos .elementor-slide-description {
        padding: 0;
        max-width: 100%;
    }
    
    .slider-eventos .swiper-slide-contents {
        padding-right: 45px;
    }
    
    .slider-eventos .slide-featured-image:before {
        display: none;
    }
    
    .slider-eventos  .elementor-slides-wrapper.elementor-main-swiper.swiper-container.swiper-container-initialized.swiper-container-horizontal {
        padding-bottom: 30px;
    }
    

}


/*
*Desktop Only
*/
@media only screen and (min-width: 1024px) {
    .caja_izq{
        margin-left:0;
    }    
    
   .titulo_cajaizq{
        left:5%;
        top:-10%;
    }
  
    .primeraLineaTitulo {
        padding-right: 9rem;
    }

    .elementor-heading-title.elementor-size-default {
        line-height: 3.5rem;
    }
  
    .row-hamburger-socialMedia{
        display:none!important;
    }
    
    .fondo_logo-mj {
        display: block;
    }
    
    .navbar{
        padding: 0.5rem 0rem!important;
    }
    
    .cajaAzul2{
        margin-left: 7em;
        height: 5em;
    }
    
    .containerIzquierdo{
        left:25%;
    }
  
}

@media only screen and (max-width: 1071px) {
    #menu-1-ad0f70d a {
      font-size: .85rem!important;
  }
}

@media only screen and (max-width: 1024px) {
    header#masterhead {
        display: none;
    }
    
    .logoCPJMobile {
        display: block;
        position: absolute;
        width: 27%;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    
    .containerCuadrosAzul {
        left: 0;
    }
    
}

@media only screen and (max-width: 420px) {
    .logoCPJMobile {
        width: 45%;
    }
    
    .row-hamburger-socialMedia {
        left:0;
        top:0;
    }
    
    .elementor-nav-menu{
        top:0rem;
    }
    
    .containerEstaticoAzul {
        width: calc(50% - 1rem);
        height: 5rem;
    }
    
    #sectionQueHacemos .elementor-background-overlay {
        display: none;
    }
    
    .gridIconsServicios {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }
    
    .textoModule {
        max-width: 100%;
        margin: auto;
        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important;
    }
    
    .moduleServicios {
        width: calc(50% - 2rem) !important;
        margin-bottom: 0 !important;
    }
    
    .module {
        margin: auto;
        margin-bottom: 1rem;
        margin-left: 0;
        width: 50%;
    }
    
    .img_module {
        text-align: center;
    }
    
    .iconoModule {
        margin: auto;
        text-align: center;
    }
    
    .cajaAzul,
    .cajaAzu2{
        display: block;
        position: relative;
        margin: auto;
        max-width: 100%;
        /*height: auto;*/
    }
    
    .textoCajaAzul, 
    .textoCajaAzul2 {
        padding: .5rem;
        margin: 0;
    }
    
    
    body, html, span  {
        font-size: 13px !important;
    }
    
    #main .elementor-section:not(.override-paddings) {
        padding: 1.5rem !important;
        margin: 0 !important;
    }
    
    #tituloDireccion,
    #parrafoFinanciero{
        margin-top: 2rem;
    }
    
    #imgTransparencia {
        min-height: 375px!important;
    }
    
    #moduloEstatico_PolPub .rectanguloAmarilloCentroFecha {
        width: 50%!important;
        left: 20%!important;
    }
    
    #infoSeccionDinamicaUdInv .bulletsUdInvestigacion,
    #infoSeccionDinamicaUdInv .bulletsUdInvestigacion2 {
        margin: 1rem;
    }
    
    #moduloEstatico_PolPub .caudradoCelesteFecha {
        left: 16rem;
    }
    
    #main .elementor-section:not(.override-paddings)  .elementor-section,
    #main .elementor-section:not(.override-paddings) .elementor-widget:not(.override-paddings) .elementor-widget-container,
    #main .elementor-section:not(.override-paddings) .elementor-column,
    #main .elementor-section:not(.override-paddings) .elementor-column-wrap {
        padding: 0 !important;
        margin: 0 !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
    
    }
    
    .rectanguloAmarilloCentro, 
    .rectanguloAmarilloCentro2, 
    .rectanguloAmarilloCentro2Derecha, 
    .rectanguloAmarilloCentroFecha, 
    .rectanguloAmarilloCentroEstatico {
        position: relative !important;
        left: 0 !important;
        display: block !important;
    }
    
    #moduloEstatico_PolPub .elementor-widget {
        margin-bottom: 0;
    }
    
    #moduloEstatico_PolPub {
        margin-top: 1rem !important;
    }
    
    .bullets-size1,
    .bullets-size2,
    .bullets-size3,
    .bullets-size4,
    .bulletsRedNacional, 
    .bulletsRedNacional2, 
    .bulletsRedNacional3 {
        padding-left: 2rem;
    }
    
    .bullets-size1 p,
    .bullets-size2 p,
    .bullets-size3 p,
    .bullets-size4 p,
    .bulletsRedNacional p, 
    .bulletsRedNacional2 p, 
    .bulletsRedNacional3 p {
        padding: 0;
        margin: 0;
    }

    .bullets-size1::before,
    .bullets-size2::before,
    .bullets-size3::before,
    .bullets-size4::before,
    .bulletsRedNacional::before, .bulletsRedNacional2::before, .bulletsRedNacional3::before {
        left: -1rem;
        height: 100%;
    }
    
    .gridIconsServicios .row {
        margin: auto;
        text-align: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    
    .iconoModuleServicio {
        margin: auto;
        margin-top: 1.5rem;
    }
    
    .iconoModule {
        margin-top: 1.5rem;
    }
    
    .mobile-bgimage{
        min-height: 125px!important;
    }
    
    .containerCuadrosAzul {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    
    #imgSistemaJuventud{
        min-height: 250px!important;
    }
    
    #imgPromocionJuvenil{
        min-height: 300px!important;
    }
    
    .containerIzquierdo{
        width: 60%;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    
    .rectanguloAmarilloCentro2Derecha {
        width: 60%!important;
        left: 50%!important;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    

}


.elementor-posts .elementor-post__card .elementor-post__thumbnail {
    height: 0 !important;
    padding-bottom: 64% !important;
}


@media only screen and (max-width: 768px) {
    .elementor-nav-menu__align-left .elementor-nav-menu {
        display: block;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .sub-menu a {
        background: #f8f6f6 !important;
        color: #7a7a7a !important;
        margin: 0 !important;
        display: block !important;
        text-align: left;
    }
    
    ul.sub-menu li {
        margin: 0 !important;
    }
    
    .show-menu-mobile .elementor-widget-nav-menu nav {
        overflow: scroll;
        height: 100vh;
        padding-top: 7rem !important;
        padding-bottom: 5rem !important;
            display: block !important;
    }
    
    .elementor-nav-menu--main .elementor-nav-menu ul {
        padding: 0 !important;
        position: relative !important;
        /*display: block !important;*/
        border-top: 1px solid #eee !important;
    }
    
    .sub-menu a:before {
        content: '';
        display: inline-block;
        position: relative;
        width: .5rem;
        height: .5rem;
        background: #b7b7b7;
        margin-right: .5rem;
    }
    
    .show-menu-mobile .row-hamburger-socialMedia {
        height: auto;
    }
    
    #masterheadNav.show-menu-mobile .mobile-social-bar {
        position: fixed;
        height: auto;
        top: 0;
        left: 0;
        padding: 2rem 1rem;
        background: #fff;
        border-bottom: 1px solid #eee;
    }
    
    .menuRevista {
        margin-top: .9rem !important;
        margin-left: -1.5rem;
        width: calc(100% + 3rem);
    }
    
    #hamburger-menuRevista {
        top: 1.5rem;
        right: 4rem;    
    }
    
    .menu-menu-revista-container.show-menu-mobile {
        position: absolute;
        height: auto;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        top: 100%;
        -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.15);
                box-shadow: 0 0 15px rgba(0,0,0,0.15);
    }
    
    
    #menu-revista li {
        margin: auto;
    }
    
    #menu-revista {-webkit-transform: none;-ms-transform: none;transform: none;margin: 0;left: 0;padding: .5rem 0;}
    
    #menu-revista li a {
        padding: .5rem 2rem;
        display: block;
        width: 100%;
        text-align: left;
    }
    
    .titularCapitulo {
        height: auto;
    }
    
    .toggledSearchBar {
        display: block;
        bottom: auto;
        left: auto;
    }
    
    .site-header #searchform {
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 1rem 0;
        left:50%!important;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    
    .site-header .search-form label input {
        border: 1px solid #ccc;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    
    .site-header .search-form .search-submit {
        position: static;
        margin: 0;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        height: 30px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        width: 3rem;
        padding: 0;
    }
    
    .site-header #searchform label {
        margin: 0;
    }
    
    .esquinero-bl:before {
        content: '';
        background-image: url(https://cpj.go.cr/wp-content/uploads/2019/12/curva-azul-abajoizq-01.svg);
        background-position: bottom left;
        background-repeat: no-repeat;
        background-size: 25% auto;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 200px;
        z-index: 0;
    }
    
    .esquinero-tr:before {
        content: '';
        background-image: url(https://cpj.go.cr/wp-content/uploads/2019/12/curva-anaranjada-01.svg);
        background-position: top right;
        background-repeat: no-repeat;
        background-size: 25% auto;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 200px;
        z-index: 0;
    }
    
    



}