/*
Theme Name: Proyecto Acelera PYME - Diputación de Soria
Author: Diputación de Soria
Author URI: http://www.dipsoria.es/
Description: Tema desarrollado en exclusiva para la Diputación de Soria. Todos los derechos reservados © 2023.
Version: 1.0
*/


/* TEXTO */

p, .wpdt-cell, .wpcf7-response-output {
 font-weight: normal!important;
}

.wpcf7-response-output {
 border: 0!important;
  text-align: center!important;
}

.titulo-grande-intro {
  font-size: 36px;
  line-height: 95%;
  color:#072142;
  letter-spacing: -1px;
}

.texto-intro{
    font-size: 17px;
  line-height: 140%;
}



.items-intro {
  font-size: 14px;
  line-height: 105%;
  color:#072142;
  /* letter-spacing: -1px; */
  text-transform: uppercase;
  font-weight: 600;
}



.titulo-eventos-des-intro {
  font-size: 18px;
  line-height: 105%;
  color:#072142;
  font-weight: 600;
  min-height: 80px;
}

.titulo-version2 {
  font-size: 22px;
  line-height: 105%;
  color:#072142;
  font-weight: 600;
  text-transform: uppercase;
}

.enlace {
  font-size: 18px;
  line-height: 50%;
  font-weight: 600;
}

.titulo-eventos2-des-intro {
  font-size: 18px;
  line-height: 105%;
  color:#072142;
  font-weight: 600;
  min-height: 80px;
}

.fecha-grande-intro {
  font-size: 50px;
  line-height: 40%;
  color:#fff;
  letter-spacing: -1px;
  font-weight: 600;
}

.fecha-peque-intro {
  font-size: 12px;
  line-height: 50%;
  color:#fff;
}

.inicio-subapartado1{
  font-size: 2rem;
  line-height: 100%;
  color: white;
  font-weight: 600;
}

.inicio-subapartado{
  font-size: 2.8rem;
  line-height: 30%;
  color: white;
  font-weight: 600;
}


.inicio-subapartado1a{
  font-size: 2rem;
  line-height: 100%;
  color: #072142;
  font-weight: 600;
  letter-spacing: -1px;
}

.inicio-subapartadoa{
  font-size: 2.8rem;
  line-height: 30%;
  color: #072142;
  font-weight: 600;
}


.inicio-recurso{
  font-size: 2rem;
  line-height: 100%;
  color: grey;
  font-weight: 600;
  letter-spacing: -1px;
}


.titulo:after {
    content:"";
    display: inline-block;
    height: 0em;
    vertical-align: bottom;
    width: 12%;
    margin-right: -100%;
    margin-left: 0px;
    border-top: 5px solid white;
}

.titulo2:after {
    content:"";
    display: inline-block;
    height: 0em;
    vertical-align: bottom;
    width: 12%;
    margin-right: -100%;
    margin-left: 0px;
    border-top: 5px solid #072142;
}

.titulo3:after {
    content:"";
    display: inline-block;
    height: 0em;
    vertical-align: bottom;
    width: 50%;
    margin-right: -100%;
    margin-left: 0px;
    border-top: 5px solid white;
}

.titulo4:after {
    content:"";
    display: inline-block;
    height: 0em;
    vertical-align: bottom;
    width: 50%;
    margin-right: -100%;
    margin-left: 0px;
    border-top: 5px solid #072142;
}

.titulo-grande-apartados {
  font-size: 50px;
  line-height: 95%;
  color:#072142;
  letter-spacing: -1px;
}

span.grey {
  background: #cccccc;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 1.6em; 
}

/* --------- */




/* FORMULARIO */

.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 0em !important;
}


.form-control-spam {
  /* display: block; */
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.txt-des {
  padding-top: 40px; 
  padding-left: 10px; 
  padding-right: 10px;
}

@media (min-width: 992px) {
.txt-des {
  padding-top: 0px;
  padding-left: 60px; 
  padding-right: 60px;
}
}

/* --------- */


.fondo-card-gris{
  background-color: #eeeeee;
  padding: 25px;
}

.fondo-card-blanco{
  background-color: #fff;
  padding: 0px 25px 25px 25px;
}




/* custom gutter */



@media(min-width:768px) {  /* Modify this based on column def */

.custom-gutter > [class*='col-'] {
    padding-right:6px;
    padding-left:6px; 
}

.custom-gutter > [class*="col-"]:first-child {
  padding-left:6px;
}
  
.custom-gutter > [class*="col-"]:last-child {
  padding-right:6px;
}

}


/* BOTON MOVIMIENTO */

* {
  box-sizing: border-box;
}
*::before, *::after {
  box-sizing: border-box;
}


button {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
}
button.learn-more {
  width: 9rem;
  height: auto;
}
button.learn-more .circle {
  -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: relative;
  display: block;
  margin: 0;
  width: 3rem;
  height: 3rem;
  background: #c82333;
  border-radius: 1.625rem;
}
button.learn-more .circle .icon {
  -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}
button.learn-more .circle .icon.arrow {
  -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left: 0.625rem;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
}
button.learn-more .circle .icon.arrow::before {
  position: absolute;
  content: '';
  top: -0.25rem;
  right: 0.0625rem;
  width: 0.625rem;
  height: 0.625rem;
  border-top: 0.125rem solid #fff;
  border-right: 0.125rem solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
button.learn-more .button-text {
  -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.75rem 0;
  margin: 0 0 0 2rem;
  color: #282936;
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
}
button:hover .circle {
  width: 100%;
}
button:hover .circle .icon.arrow {
  background: #fff;
  -webkit-transform: translate(1rem, 0);
          transform: translate(1rem, 0);
}
button:hover .button-text {
  color: #fff;
}


.content {
    -moz-column-count: 1;
    -moz-column-gap: 0px;
    -moz-column-rule: none;
    -webkit-column-count: 1;
    -webkit-column-gap: 0px;
    -webkit-column-rule: none;
  column-count: 1;
  column-gap: 0px;
  column-rule: none;
}
  
@media (min-width: 768px) {
.content {
    -moz-column-count: 2;
    -moz-column-gap: 30px;
    -moz-column-rule: none;
    -webkit-column-count: 2;
    -webkit-column-gap: 30px;
    -webkit-column-rule: none;
  column-count: 2;
  column-gap: 30px;
  column-rule: none;
}
}



/* div redondo */

.div-redondo {
  border-radius: 50px;
  width: 95px;
  height: 95px;
  background-color: #072142;
  text-align: center;
  padding-top: 30px;

}

.div-redondo-header {
 width: 100%;
  border-radius: 50%;
  aspect-ratio: 1 / 1;

}

/*margen top responsice */
.cst-mt {
margin-top: 0px;
}

@media screen and (max-width: 575px) {
  .cst-mt {
margin-top: 20px;
}
}

/*margen p custom */
.custom-p p {
margin-bottom: 10px;
}




/* sombra */
.sombra {
  -webkit-box-shadow: 2px 2px 5px #999;
  -moz-box-shadow: 2px 2px 5px #999;
  filter: shadow(color=#999999, direction=135, strength=2);
}


/* paginación style */
@media screen and (max-width: 575px) {
  .ft-wpbs .page-link {
    font-size: .7rem;
    padding: .3rem .45rem;
  }
}



/* contador */
.counter-section i { display:block; margin:0 0 10px}
.counter-section span.counter { font-size:50px; color:#fff; line-height:60px; font-weight: 600; letter-spacing: -2px;}
.counter-euro {font-size: 36px; color:#fff; line-height:60px; font-weight: 600;}
.counter-title { font-size:14px; text-transform: uppercase; color:white; line-height: 100%;}
.counter-icon {top:50px; font-size:45px; color:white;}
.counter-style2 .counter-title {letter-spacing: 0.55px; float: left;}
.counter-style2 span.counter {letter-spacing: 0.55px; float: left; margin-right: 10px;}
.counter-style2 i {float: right; line-height: 26px; margin: 0 10px 0 0}
.counter-subheadline span {float: right;}  

.medium-icon {
    font-size: 40px !important;
    margin-bottom: 15px !important;
} 


/* logo header responsive */

.img-header{
  height: 70px;
}

@media screen and (max-width: 575px) {
  .img-header{
  height: 40px;
}
}



/* menu secundario */

#sec-nav ul li {
   list-style-type: none;
}

#sec-nav a {
   text-decoration: none;
   color: white; /* Color texto */
}

#sec-nav a:hover {
   color: #154481;
}