@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --ftextos:'Asap', sans-serif;
    --gris1:#cccccc; 
    --rojo1:#c44961;
    --rojo2:#c61430;
    --rojo3:#967c7c;
    --rojo4:#660000;
    --amarillo1:#ecb635;
    --azul1:#99ccff;
    --azul2:#2090bc;
    --azul3:#006699;
    --azul4:#115078;
}

body{
  font-family: "Montserrat", sans-serif !important;
  font-weight: 300;
  font-style: normal;
}

.max-1140 {
    max-width:1140px !important;
}
.max-960 {
    max-width:960px !important;
    margin-left:auto;
    margin-right:auto;
}


.footer-dark {
    background-image: url("/sites/default/files/2021-06/bg01_Mesa%20de%20trabajo%201.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.bgblanco1 {
    background-color:white;
}

.bgazul1 {
    background-color:var(--azul1);
}
.bgRojoNew{
    background-color: #fce7ea; 
}

.bgaMarillo
{
   background-color: #ecb635;
}
.bgaMarillo2
{
   background-color: #fff4d4f7;
}

.bgaRojo
{
   background-color: #A71729;
}
.bgaMarillo2
{
   background-color: #fff4d4f7;
}


.bgazul2 {
    background-color:var(--azul2);
}
.bgrojo1 {
    background-color:var(--rojo1);
}

.bgrojo2 {
    background-color:var(--rojo2);
}

.bgrojo3 {
    background-color:var(--rojo3);
}

.bggris1
 {
    background-color:var(--gris1);  
 }
 
 .bgamarillo1
 {
    background-color:var(--amarillo1);  
 }
 
 .brrojo4 {
     border:solid 1px var(--rojo4);
 }
 
 .azul {
     color:var(--azul4);
 }
 
 .rojo {
     color:var(--rojo2);
 }
 
  .h2title {
     font-size:2.5rem
 }
 
.imgnews img {
    width:100%;
    height:auto;
}

.box1 {
   overflow: hidden;	
}

.box2 {
    height: 140px;
    transition: .4s all;
}

.date1 {
    color:black;
    font-size:.8rem;
}

.title1 a{
    color:black;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lg1 img {
  width:100%;
  height:auto
}
.search {
    display:flex;
    align-items: center;
}


.lgr1 img {
  width:29%;
  height:auto;
      padding: .3rem 3%;
}

.but2 {
    position: relative;
    padding: .2rem 2rem;
    border-radius: .5rem;
    align-items: center;
    width: auto;
    text-align: center;
    margin-left: auto;
    transition: .4s all;
    display: table;
    margin-right: auto;
}

.but1{
    position:absolute;
    bottom: 2rem;
    padding: .2rem 2rem;
    border-radius:.5rem;
    align-items: center;
    width: 140px;
    text-align: center;
    left: 50%;
    margin-left: -70px;
          transition: .4s all;
} 

.but1 a, .but2 a {
    color:var(--rojo4);
    font-size:.9rem;
    font-weight: 600;
}

.no-link{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.no-link a{
    display: block;
    text-indent: -99999px;
    width: 100%;
    height: 100%;
    top: 0;
}

.box1:hover .box2 {
}

.box1:hover .but1 {
    background-color:white;
}

.bl5 {
    border-radius:1rem;
        padding-left: 7px;
    padding-right: 7px;
}

.bl6, .bl7, .bl9{
    margin-left:-15px;
    margin-right: -15px;
    padding: 2rem 15px;
}

.bl8 {
    margin-left:-15px;
    margin-right: -15px;

}

.adirect ul {
    padding-left:0;
    position:relative
}

.adirect li {
    background-color:#990011;
    margin-bottom:1rem;
    height:50px;
    border-radius:10px;
    text-align:center;
    position:relative;
    list-style:none;
    transition: .4s all;
}

.adirect li a {
    color:white;
    position:absolute;
    width:100%;
    height: 100%;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight:500;
    padding:0 .6rem;
    line-height:1.3
}

.adirect li a:hover {
    text-decoration:none;
}

.adirect li:hover {
    background-color:#b24e4e;
}
#block-facebook-2 li a
{
color: #a60f0f;
}
.iconos1 .slide__caption {
 
    padding: 0px;
  
}

.bl8 h2{
    font-size:.9rem;
    text-transform:uppercase;
    text-align:center;
    padding:1.2rem .5rem;
    color:white;

}
.bl8 li {
text-align:center;
list-style:none;
font-size:.9rem;
line-height:1.2;
color:white;

}

.bl8 li a {
color:white;
}

.bl8 ul {
padding:0;

}

.loglinks .slide__grid img{
    max-height:100px;
    width:auto;
    vertical-align:middle;
}

.loglinks .slide__grid {
 text-align:center;
 padding: .5rem 1.5rem;
 justify-content: center;
 align-items: center;

 line-height: 150px;
}

.foot1 h3{
    font-style:italic;
    font-size:1rem
}
 .foot1 a {
    list-style:none;
    font-size: .9rem;
    line-height:1.3;
    
}

.foot1 li {
    list-style:none;
    font-size: .9rem;
    line-height:1.3;
    font-weight:300
}

.foot1 ul {
    padding-left:0
}

.foot1 {
    margin-top:2rem; 
    margin-bottom:2rem;
}

.menu1{
   z-index:999;
}

.menu1 .nav-item {
    background-color:var(--rojo2);
    margin-right:2px;
    text-align:center;
    min-width: 6rem;
    height: 76px;
}

#block-secjuridica-main-navigation > ul > li:nth-child(8) a {
    background-color:var(--amarillo1);
    color:black;
}

#block-secjuridica-main-navigation > ul > li:nth-child(8)  {
    background-color:var(--amarillo1);
}

.navbar-dark .navbar-nav .nav-link {
    color: white;
        font-size: .9rem;
        line-height: 1.3;
        height:100%;
        align-items: center;
    display: inline-grid;
}

.bg-secondary {
    background-color: var(--gris1) !important;
}

.navbar-nav .dropdown-toggle::after {
 display:none;
}

.search .btn-primary {
  background-color:var(--rojo2);
  border:none;
  /*padding: 0.2rem 0.5rem;*/
  /*font-size: .7rem;*/
}

.search .btn-primary:hover {
  color: #fff;
  background-color: #c4122e;
  border:none;
}


.search .form-control {
    border-radius: 20px;
    background-color: #f7f7f7;
}

.search .js-form-item {
    width: 250px;
}

.bn1home img {
  width:100%;
  height:auto
}


.ckeditor-accordion-container > dl dt.active > a {
    background-color: #d31f31;
}

.ckeditor-accordion-container > dl dt > a:hover {
    background-color: #d31f31;
}

.ckeditor-accordion-container > dl dt > a {
   
    border-bottom: 1px solid #d31f31;
}
.ckeditor-accordion-container > dl {
    border: 1px solid #dc3545;
}
.ckeditor-accordion-container > dl dt > a {

    background-color: #dc3545;
}


.tab1 td {
  padding: .4rem;
    font-size: .95rem;
    line-height: 1.3;
    border-color: #c6143063;
}

.card-50, .card-50-1  {
    height: 263px;
    width: 50%;
    float: left;
    padding: 0 1rem;
    overflow: hidden;
}

.card-50-1 {
    height: 270px !important;
}

.menu-lat-1 li{
  line-height:1.2;
  padding:.5rem 7px;
  font-size:1rem;
  list-style:none;
  border-bottom: 1px solid #00000024;
}

.menu-lat-1 li a{
 color: var(--rojo2);
}




.menu-lat-1 li:hover{
  background-color: #f1f1f1;
}

.menu-lat-1 ul{
padding-left: 0;
}

.menu-lat-1 li::marker {
    display:none;
}

.ckeditor-accordion-container > dl dd {
    padding: 0 8px;
   
}

.my-field {
    display: table-cell;
    border: .5px solid #e5e5e5;
    padding: 0.5rem;
    line-height: 1.2;
    font-size: 90%;
}

.view-doc2 .ui-accordion-content {
    padding: 0em 0em;
}
.btn-third {
    background-color: var(--amarillo1);
    font-weight:600;
    font-size:.6rem;
    text-transform:uppercase
}

a.btn-third {
    color: #000!important

}

a.btn-third:hover {
    background-color: var(--gris1);
}

.view-doc2 .view-grouping-header{
  font-size:1.6rem;
  font-weight:500;
  line-height:1.2;
  margin:2.5rem 0 1rem;
  color:var(--rojo2)
}

.view-doc2 .ui-widget-content {
  border:none
}



/*--------------MODIFICACIONES PARA MÓVILES ------------*/


   @media only screen and (max-width: 767px) {

.h2title {
    font-size: 1.5rem;
}



header .region-header{
    justify-content: center;
    align-items: center;
}

/* Modificación manual para estilo del logo */
#block-secjuridica-logofoncep{
    margin-right: 0 !important;
}

.foot1 li {
    font-size: .6rem;
}

footer {
    padding: 0rem 0;
}

.bl7, .bl6, #block-accesosdirectos {
    padding-top: 1rem !important;
}

#block-secjuridica-content, #block-tituloaccesosdirectos, .bl5 {
    margin-top:3rem !important;
}

.search .js-form-item {
    width: 200px;
    margin-bottom: 1rem;
}

.search2 {
    margin-top:.4rem !important;
}

.search .form-control {
   /* height: calc(1em + 0.75rem + 1px); */
}

#block-redes h2 {
    font-size: 1.3em !important;
}

.bnews1 {
    padding:0 !important;
}
.box2 {
    height: 150px;
}

.box3 {
    font-size: .8rem;
}
.date1 {

    font-size: .6rem;
}
#block-redes-2 {
    display:none;
}

.menu1 {
    width: 100% !important;
    max-width: 100%;
}
.views-field-field-media-image-1 .field-content
{
        text-align: center;
}

.card-50, .card-50-1 {
    width: 100%;
}

.menu1 .nav-item {
    height: 50px;
}


}

.agenda{
   margin-bottom: 2rem;
}

.agenda .card-title{
	font-size: 1.3rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-weight: 600;
        line-height: 1.3em;
        min-height: calc(1.3em * 2);
}

.agenda .date-2{
   font-size: 1.6rem;
   padding: 0;
   margin: 0;
}

.agenda .img-fluid{
   height: 180px;
   object-fit: cover;
}

        .agenda .buttons{
            display: flex;
        }

        .agenda .buttons .btn{
            flex: 1;
            border-radius: 0;
            justify-content: center;
            align-items: center;
            display: flex;
        }

        .agenda .buttons .btn:hover{
            color: white;
        }

        .agenda .buttons .btn-outline-dark{
            border: none;
        }

/*--------------CIERRE MODIFICACIONES PARA MÓVILES ------------*/


.transp-table .views-field-title {
    line-height: 1.2;
    font-size: 83%;
        font-weight: bolder;
}


.transp-table .views-field-body {
    line-height: 1.2;
    font-size: 83%;

}

.transp-table thead{
    line-height: 1.2;
    font-size: 85%;
    color:white;
    background-color:var(--rojo2)

}

/*----------SECCION PARA MOFICACION DE VISTAS ----------------- */
.view-sjd-noticias-principal .view-content{
    display: flex;
    flex-wrap: wrap;
}