/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

/* BODY GENERAL */
@media (max-width: 960px) {
	body, html {
		background-attachment: fixed !important;
	}	
}

@media (min-width: 961px) {
	#global-bg:before {
		background-color: transparent !important;
	}
}

/* Formulari CF7 */
#form-sorteig form {
    margin: 0 auto;
    font-family: 'Brunson', sans-serif;
}

#form-sorteig p {
	margin-bottom: 35px;
	color: #FFFFFF !important;
	font-family: 'Brunson', sans-serif;
	text-shadow: 10px 2px 10px rgba(0, 0, 0, 0.75);
}

/* Labels sobre els inputs, enganxats */
#form-sorteig label {
    display: block;
    margin-bottom: 0px;
	padding-left: 15px;
    font-family: 'Brunson', sans-serif;
    font-size: 60px;
    color: #FFFFFF;
	text-shadow: 10px 2px 10px rgba(0, 0, 0, 0.75);
    font-weight: 400;
}

/* Inputs text, email, telèfon, file (més baixos) */
#form-sorteig input[type="text"],
#form-sorteig input[type="email"],
#form-sorteig input[type="tel"],
#form-sorteig input[type="file"] {
	margin-bottom: 30px;
	background-color: transparent;
	border: 2px solid #FCC505;
	border-radius: 10px;
	padding: 15px 25px;
  	width: 100%;
  	box-sizing: border-box;
  	font-size: 28px;
	color: #FCC505;
	font-weight: 400;
	box-shadow: 10px 2px 10px rgba(0, 0, 0, 0.75);
}

/* Checkboxes grans i alineats amb el text */
#form-sorteig input[type="checkbox"] {
	width: 20px;
	height: 20px;
	margin-right: 5px;
	border-radius: 5px;
	border: 2px solid #FCC505;
	background-color: transparent !important;
	vertical-align: middle;
	cursor: pointer;
}

/* Text dels checkboxes */
#form-sorteig .wpcf7-acceptance label,
#form-sorteig label[for*="accept"],
#form-sorteig label[for*="publicitat"] {
  font-family: 'Brunson', sans-serif;
  font-size: 18px;
  color: #FFFFFF;
  font-weight: 400;
  text-transform: none !important;
  vertical-align: middle;
  display: inline-block;
}

/* Links dins dels checkboxes amb color fons del submit */
#form-sorteig .wpcf7-acceptance label a,
#form-sorteig label[for*="accept"] a,
#form-sorteig label[for*="publicitat"] a {
	color: #FFFFFF;
  	text-decoration: underline;
}

/* Botó enviar */
#form-sorteig input[type="submit"] {
	margin-top: 25px;
	width: 100%;
	background-color: #FCC505 !important;
  	color: #FFFFFF !important;
  	border: 2px solid #FFFFFF;
  	border-radius: 10px !important;
  	padding: 0 15px !important;
  	font-size: 60px !important;
  	cursor: pointer;
  	font-family: 'Brunson', sans-serif !important;
  	display: inline-block !important;
  	text-align: center;
	transition: all 0.3s ease;
	box-shadow: 10px 2px 10px rgba(0, 0, 0, 0.75);
}

/* Hover del botó */
#form-sorteig input[type="submit"]:hover {
	background-color: #FCC505CC !important;
}

/* Missatges error CF7 */
.wpcf7 .wpcf7-response-output {
    padding: 15px 20px;
    margin-top: 10px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.4;
    transition: all 0.3s ease;
}

/* Missatges d'error */
.wpcf7-not-valid-tip {
	margin-left: 30px;
    color: #FFFFFF;
}

/* Missatges d'èxit */
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok {
    background-color: #ddffdd;
    border: 1px solid #33cc33;
    color: #006600;
}

.wpcf7 .wpcf7-response-output {
    opacity: 0;
    transform: translateY(-10px);
}

.wpcf7 .wpcf7-response-output.wpcf7-display {
    opacity: 1;
    transform: translateY(0);
}

/* TEXTS LEGALS */
.txt-legals h3 {
	margin: 30px 0 15px 0;
	font-family: 'Brunson', sans-serif;
	font-size: 28px;
	font-weight: 400;
}