/* @override 
	https://txemicantera.nuco.es/wp-content/themes/nu/style.css?* */

/*

/**
 * Theme Name:     nu
 * Author:         nu
 * Template:       uncode
 * Text Domain:	   nu
 * Description:    Premios Txemi Cantera
 */

/*
rojo #E30513
azul var(--azul)

 */

:root {
 --rojo: #E30513;
 --azul: #2A4A9A;
 --turquesa: #66c3d4;
 --marino: #202245;
 --grisazul: #5f717e;
 --coral: #ec6050;
 --cielo: #78c9d8;
}

/*
#formulario{
 height: 83vh;
 background-color: #f4f3f3;
 border: 1px solid white;
 border-radius: 20px;;
}
.form-content{
overflow: hidden;
}
#formulario input{
width: 800px !important;
background-color: yellow !important;
}
*/
.bkg-left > .row-background > .background-wrapper > .background-inner {
 background-position: 10vw 112px !important;
 background-size: auto 90vh  !important;
}

.bkg-right2 > .row-background > .background-wrapper > .background-inner {
 background-position: 70vw 112px !important;
 background-size: auto 120vh  !important;
}

@media screen and (max-width: 959px) {
 .row1 .background-inner,
 .row2 .background-inner {
  background-position: -10vw 112px !important;
  background-size: auto 90vh  !important;
 }
}

@media (max-width: 569px) {
 .bkg-left > .row-background > .background-wrapper > .background-inner,
 .bkg-right > .row-background > .background-wrapper > .background-inner,
 .bkg-right2 > .row-background > .background-wrapper > .background-inner {
  display: none;
 }
 
 .icons h5 {
  font-size: 18px !important;
 }
 .plain .double-block-padding{
  background-color: white;
  padding: 0px;
  }
   .plain table{
    font-size: 13px;
    }
}

.max-text {
 max-width: 800px;
}

p,
li,
dt,
dd,
dl,
address,
label,
small,
pre,
code,
span.tab-excerpt {
 line-height: 1.5 !important;
 margin: 18px 0px 0px 0px;
 font-weight: 500 !important;
}


H1,
H2,
H3,
H4 ,
H5,
.nombre-premio {
 line-height: 1 !important;
}

H5 {
 letter-spacing: 0px !important;
}
strong{
font-weight: 700 !important;
}

table td, table th {
border-left: 0px solid !important;
border-right: 0px solid !important;
border-bottom: 1px solid !important;
padding: 8px 8px 8px 0 !important;
font-weight: 500 !important;
line-height: 1.2;
font-size: 20px !important;
}
table tbody, table{
border: none !important;
}

.plain h1 {
 padding-top: 30px !important;
 text-transform: uppercase;
}

.plain h5 {
 margin-top: 50px !important;
 font-size: 22px !important;
}
.plain .text-lead p{
line-height: 1 !important;
}
.plain h1,
.plain h5,
.plain .text-lead > p {
 color: var(--grisazul) !important;
}
.plain.ptc h1,
.plain.ptc h5,
.plain.ptc .text-lead > p{
 color: var(--azul) !important;
}
.plain.pces h1,
.plain.pces h5,
.plain.pces .text-lead > p{
 color: var(--rojo) !important;
}

.plain ul {
 margin-left: 5px !important;
}

.plain li {
 list-style: none;
 text-indent: -23px;
 margin-bottom: 10px;
}

.plain  li:before {
 content: "→ ";
 margin-left: 0px;
 padding-right: 0px;
}

.panel-title a {
 text-transform: uppercase;
}

.acordeon p {
 font-size: 15px;
 margin-top: 5px;
 line-height: 1.2 !important;
}

.acordeon li {
 font-size: 14px;
 line-height: 1.2 !important;
}

.acordeon h5 {
 color: var(--azul) !important;
 border-bottom: 1px solid black;
 padding-bottom: 5px;
}

.acordeon h6 {
 margin-top: 10px;
}

.acordeon ul {
 margin-left: 10px !important;
}

.acordeon ul li a {
 color: black !important;
}

.acordeon li {
 text-transform: uppercase;
 font-size: 16px;
 list-style: none;
 margin-bottom: 8px;
}

.acordeon li:before {
 content: "→ ";
 color: var(--rojo);
 margin-left: -28px;
 padding-right: 10px;
 transition: 0.5s;
}

.acordeon li:hover:before {
 margin-left: -23px;
 padding-right: 5px;
}

.footer-menu ul {
 margin-left: 0px !important;
}

.footer-menu li {
 text-transform: uppercase;
 font-size: 16px;
 list-style: none;
 margin-bottom: 8px;
}

.footer-menu li:before {
 content: "→ ";
 margin-left: -10px;
 padding-right: 10px;
 transition: 0.5s;
}

.footer-menu li:hover:before {
 margin-left: 0px;
 padding-right: 0px;
}

.menu-asle a {
 color: var(--rojo) !important;
 font-weight: 800 !important;
}

.footer-menu a:hover,
.menu-asle a:hover {
 color: silver !important;
}

.social {
 padding-top: 20px;
 padding-bottom: 20px;
}

.social a i:before {
 font-size: 40px !important;
 color: white;
}

.social a i:hover {
 margin-top: -2px !important;
}

.social .social-icon {
 padding-right: 20px !important;
}