/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

:root{
    --theme-color: #c05219;
}
/*** font face ***/

@font-face {
    font-family: 'Akkordeon One';
    src: url('./fonts/Akkordeon-One.eot');
    src: url('./fonts/Akkordeon-One.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Akkordeon-One.woff2') format('woff2'),
    url('./fonts/Akkordeon-One.woff') format('woff'),
    url('./fonts/Akkordeon-One.svg#Akkordeon-One') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akkordeon Two';
    src: url('./fonts/Akkordeon-Two.eot');
    src: url('./fonts/Akkordeon-Two.ttf') format('truetype');
    src: url('./fonts/Akkordeon-Two.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Akkordeon-Two.woff2') format('woff2'),
    url('./fonts/Akkordeon-Two.woff') format('woff'),
    url('./fonts/Akkordeon-Two.svg#Akkordeon-Two') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akkordeon Three';
    src: url('./fonts/Akkordeon-Three.eot');
    src: url('./fonts/Akkordeon-Three.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Akkordeon-Three.woff2') format('woff2'),
    url('./fonts/Akkordeon-Three.woff') format('woff'),
    url('./fonts/Akkordeon-Three.svg#Akkordeon-Three') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akkordeon Four';
    src: url('./fonts/Akkordeon-Four.eot');
    src: url('./fonts/Akkordeon-Four.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Akkordeon-Four.woff2') format('woff2'),
    url('./fonts/Akkordeon-Four.woff') format('woff'),
    url('./fonts/Akkordeon-Four.svg#Akkordeon-Four') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akkordeon Five';
    src: url('./fonts/Akkordeon-Five.eot');
    src: url('./fonts/Akkordeon-Five.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Akkordeon-Five.woff2') format('woff2'),
    url('./fonts/Akkordeon-Five.woff') format('woff'),
    url('./fonts/Akkordeon-Five.svg#Akkordeon-Five') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akkordeon Six';
    src: url('./fonts/Akkordeon-Six.eot');
    src: url('./fonts/Akkordeon-Six.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Akkordeon-Six.woff2') format('woff2'),
    url('./fonts/Akkordeon-Six.woff') format('woff'),
    url('./fonts/Akkordeon-Six.svg#Akkordeon-Six') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akkordeon Seven';
    src: url('./fonts/Akkordeon-Seven.eot');
    src: url('./fonts/Akkordeon-Seven.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Akkordeon-Seven.woff2') format('woff2'),
    url('./fonts/Akkordeon-Seven.woff') format('woff'),
    url('./fonts/Akkordeon-Seven.svg#Akkordeon-Seven') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akkordeon Eight';
    src: url('./fonts/Akkordeon-Eight.eot');
    src: url('./fonts/Akkordeon-Eight.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Akkordeon-Eight.woff2') format('woff2'),
    url('./fonts/Akkordeon-Eight.woff') format('woff'),
    url('./fonts/Akkordeon-Eight.svg#Akkordeon-Eight') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akkordeon Nine';
    src: url('./fonts/Akkordeon-Nine.eot');
    src: url('./fonts/Akkordeon-Nine.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Akkordeon-Nine.woff2') format('woff2'),
    url('./fonts/Akkordeon-Nine.woff') format('woff'),
    url('./fonts/Akkordeon-Nine.svg#Akkordeon-Nine') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akkordeon Ten';
    src: url('./fonts/Akkordeon-Ten.eot');
    src: url('./fonts/Akkordeon-Ten.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Akkordeon-Ten.woff2') format('woff2'),
    url('./fonts/Akkordeon-Ten.woff') format('woff'),
    url('./fonts/Akkordeon-Ten.svg#Akkordeon-Ten') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akkordeon Eleven';
    src: url('./fonts/Akkordeon-Eleven.eot');
    src: url('./fonts/Akkordeon-Eleven.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Akkordeon-Eleven.woff2') format('woff2'),
    url('./fonts/Akkordeon-Eleven.woff') format('woff'),
    url('./fonts/Akkordeon-Eleven.svg#Akkordeon-Eleven') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akkordeon Twelve';
    src: url('./fonts/Akkordeon-Twelve.eot');
    src: url('./fonts/Akkordeon-Twelve.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Akkordeon-Twelve.woff2') format('woff2'),
    url('./fonts/Akkordeon-Twelve.woff') format('woff'),
    url('./fonts/Akkordeon-Twelve.svg#Akkordeon-Twelve') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akkordeon Thirteen';
    src: url('./fonts/Akkordeon-Thirteen.eot');
    src: url('./fonts/Akkordeon-Thirteen.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Akkordeon-Thirteen.woff2') format('woff2'),
    url('./fonts/Akkordeon-Thirteen.woff') format('woff'),
    url('./fonts/Akkordeon-Thirteen.svg#Akkordeon-Thirteen') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akkordeon Fourteen';
    src: url('./fonts/Akkordeon-Fourteen.eot');
    src: url('./fonts/Akkordeon-Fourteen.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Akkordeon-Fourteen.woff2') format('woff2'),
    url('./fonts/Akkordeon-Fourteen.woff') format('woff'),
    url('./fonts/Akkordeon-Fourteen.svg#Akkordeon-Fourteen') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/*** accent colors ***/

.theme-color{
    color: var(--theme-color);
}

/*** custom h1 ***/

h1 .custom-h1,
h6 .custom-h6{
    font-family: 'Akkordeon Seven';
}

/*** custom list ***/

.nectar-fancy-ul[data-list-icon=dot] ul li:before{
    content:"/";
    color:var(--theme-color)
}
.nectar-fancy-ul[data-list-icon=dot] ul li{
    padding-left:12px;
}
.nectar-fancy-ul[data-list-icon=dot] ul li a{
    color:#000;
}
.nectar-fancy-ul[data-list-icon=dot] ul li a:hover{
    color:var(--theme-color)
}

/** form ***/

.form-contatti{
    display:flex;
    flex-wrap: wrap;
    gap: 20px;
}
.form-contatti .name input,
.form-contatti .surname input,
.form-contatti .company input,
.form-contatti .provincia input,
.form-contatti .email input,
.form-contatti .phone input,
.form-contatti .message textarea{
    border-radius:2px;
}

.form-contatti .name,
.form-contatti .surname{
    width:calc(50% - 11px);
}

.form-contatti .company,
.form-contatti .email,
.form-contatti .mobile,
.form-contatti .phone,
.form-contatti .citta
{
    width: 100%;
}

.form-contatti .name input,
.form-contatti .surname input,
.form-contatti .company input,
.form-contatti .email input,
.form-contatti .mobile input,
.form-contatti .phone input,
.form-contatti .citta input,
.form-contatti .message textarea{
    background-color: transparent !important;
    border:none;
    border-bottom: 1px solid #cccccc;
}
.form-contatti-red .form-contatti .name input,
.form-contatti-red .form-contatti .surname input,
.form-contatti-red .form-contatti .company input,
.form-contatti-red .form-contatti .email input,
.form-contatti-red .form-contatti .mobile input,
.form-contatti-red .form-contatti .phone input,
.form-contatti-red .form-contatti .citta input,
.form-contatti-red .form-contatti .message textarea{
    background-color: rgba(96,0,14,.32) !important;
    border:none;
}
.form-contatti-red label span,body .form-contatti-red a{
    color:var(--color-white)
}
body[data-form-submit="regular"] .container-wrap .form-contatti-red .span_12.light input[type=submit].custom-btn-expert{
    background-color:transparent;
    border:1px solid var(--color-white);
    padding: 15px 50px !important;

}

body[data-form-submit="regular"] input[type=submit].custom-btn-expert {
    background-color: var(--theme-color) !important;
    color: #fff !important;
}
.form-prodotto .form-contatti .name input,
.form-prodotto .form-contatti .surname input,
.form-prodotto .form-contatti .company input,
.form-prodotto .form-contatti .email input,
.form-prodotto .form-contatti .mobile input,
.form-prodotto .form-contatti .phone input,
.form-prodotto .form-contatti .citta input,
.form-prodotto .form-contatti .message textarea{
    border-color:#12253A !important;
}
.form-contatti .message,
.form-contatti .acceptance,
.form-contatti .disclaimer{
    width:100%;
}
.form-footer .acceptance .wpcf7-list-item{
    margin:0;
}
.form-footer .disclaimer {
    margin-bottom:30px;
}
.form-contatti .button input[type=submit]{
    font-size: 1.4em;
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--theme-font);
    color:var(--color-dark);
    padding: 10px 70px !important;
    border-radius: 20px !important;
}
.wpcf7-acceptance span,.disclaimer{
    font-size:.9em;
}
.form-hp .wpcf7-acceptance span a{
    color:#000
}

.form-hp .button .custom-btn-expert,.form-hp .button .custom-btn-expert:hover{
    background-color:#12253a !important;
}

.wpcf7 .form-contatti .email{
    widht:100%;
}