/*

Theme Name: futsalmore

Theme URI: http://www.elegantthemes.com

Template: Divi

Author: Pep

Author URI: https://www.websx3.com

Description: Child theme per fer canvis amb seguretat

Version: 1.0

*/

/*---------- Personalitza el teu tema ----------*/


/*00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000*/
/*00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000*/
/*000000000000000000000000000000000000000000000                  MODIFICACIONS GENERALS CONTACT FORM                  000000000000000000000000000000000000000000000000000*/
/*00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000*/
/*00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000*/


/*WEBSX3 modifico ample textarea "MENSAJE" contact form*/

.wpcf7 textarea  {

  height: 70px;

  width: 98%;

}

/*WEBSX3 AMPLE I PADDINGS AREA TEXTOS AL CForm 7*/  

input[type="text"], input[type="password"], input[type="email"], input[type="file"], textarea, select,

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"],

input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"]{

    width: 98%;
    border: 1px solid transparent;
    padding: 10px 15px;
    font-family: inherit;
    border-radius: 4px;
    transition: background-color .2s;
    background-color: #F7F7F7;
    color: #1b255a;

}

/*WEBSX3 CANVI DE COLOR TEXT, BACKGROUND I OMBRA DEL BOTÓ ENVIAR CONTACT FORM*/
input[type="submit"], input[type="reset"] {
    color: #ffffff!important;
    background-color: #1b255a !important;
    border-color: #ffffff !important;
    box-shadow: 0 -10px 10px 0 #1b255a inset!important;
    font-weight: bold;
    border-radius: 6px;
    padding: 20px 30px;
}

input[type="submit"]:hover{
background-color: #8695f4 !important;
    border-color: #fff !important;
    border-color: #8695f4 !important;
    box-shadow: 0 -10px 10px 0 #8695f4 inset !important;
}
/*00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000*/
/*00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000*/
/*000000000000000000000000000000000000000000000          Formulari CF7 a 2 columnas responsive    00000000000000000000000000000000000000000000000000000000000000000000000*/
/*00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000*/
/*00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000*/

#responsive-form{
 max-width:800px /*-- change this to get your desired form width --*/;
 margin:0 auto;
        width:100%;
}
.form-row{
 width: 100%;
}
.column-half, .column-full{
 float: left;
 position: relative;
 padding: 0.65rem;
 width:100%;
 -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
 content: "";
 display: table;
 clear: both;
}
 
/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
 .column-half{
 width: 50%;
 }
}

/*00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000*/
/*00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000*/
/*000000000000000000000000000000000000000000         Formulari CF7 titols, zones enmarcades, separadors...    00000000000000000000000000000000000000000000000000000000000*/
/*00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000*/
/*00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000*/
.preinspay{
  background-color: #e6e9fb!important;
}
div#preins1 {
    background-color: #6c82dd;
    color: #fff;
    padding-bottom: 2%;
    border-radius: 6px;
}

div#capcaleresp {
    font-weight: bold !important;
    color: #1b255a !important;
}

div#capcaleres1.column-full{
  font-weight: bold!important;
  background-color: #373f75;
  color:#ffeb3b!important;
  border-radius: 6px;
}
div#title1p {
    color: #1b255a !important;
    font-size: 16px !important;
    font-weight: bold !important;
}
div#title1{
  color:#ffffff!important;
  font-size: 16px!important;
}

/*===========================zona autoritzo3 a les pàg l'inscripció ja ha finalitzat=================*/
div#autoritzop {
    padding: 2%;
    border: 1px solid #2745c1;
    border-radius: 6px;
    margin-bottom: 3%;
    background-color: #f5f6fb;
    margin-top: 2%;
}
div#autoritzo3 {
    padding: 1%;
    border: 1px solid #fdfcf9;
    border-radius: 6px;
    margin-bottom: 2%;
    background-color: #d0d3eb;
    margin-top: 1%;
    margin-left: 2%;
    margin-right: 2%;
}
div#autoritzo3 a{
  color: #cddc39;
  font-weight: bold;
}

/*===========================marca la teva opció del form Campus2021=================*/
.uy span.wpcf7-list-item {
    width: 47%;
}


div#newi {
    border: 1px solid #afafaf;
    border-radius: 6px;
}


div#invisible{
    display:none;
}
/*linea separació entre apartats cf7*/
div#separat {
    border-bottom: 1px solid;
    margin-bottom: 20px;
}
/*quadre horari entrenaments vila*/
div#entre {
    border: 1px solid;
    border-radius: 6px;
    padding: 20px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #edf2fa;
}