/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.1
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */


/************************************************ FORM CF7 *****************************************************/
form *::placeholder {
    /*font-family: 'Open Sans';*/
}
.wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding: 1rem;
}
.wpcf7-not-valid-tip {
    font-size: 0.8rem;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #000;
    background-color: #eee;
    text-align: center;
    border-radius: 9rem;
}
/************************************************ flexbox *****************************************************/
.flex-form, .flex-form>div {
    display: flex;
    gap: 1rem;
}
.flex-form {
    flex-direction: column;
}
.single-content .flex-form p, .flex-form p {
    margin-bottom: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}
.flex-form>div {
	flex-direction: row;
}
.flex-form>div.mail-protetta {
	align-items: center;
    column-gap:0.5rem;
}
@media screen and (max-width: 767px) {
	.flex-form>div {
		flex-direction: column;
	}
	.flex-form>div.mail-protetta {
		flex-direction: row;
	}
}
.flex-form>div>div {
    flex: 1 1 50%;
}

/************************************************ form *****************************************************/
.flex-form label.hidden {
	display:none;
}
.flex-form input[type="text"], .flex-form input[type="email"], .flex-form input[type="tel"], .flex-form input[type="file"], .flex-form textarea, .flex-form select {
	box-sizing: border-box;
	border:1px solid var(--global-palette1) !important;
	width: 100%;
	padding: 1rem 2rem !important;
	border-radius: 1rem !important;
	background: #fff;
}
.flex-form select, .flex-form input[type="file"] {
	color: var(--global-palette1) !important;
}
.flex-form textarea {
	border-radius: 1rem !important;
}
.flex-form input[type="checkbox"] {
	margin:0;
	width: 1.5rem;
    height: 1.5rem;
	border-radius: 1rem !important;
	border:1px solid var(--global-palette1) !important;
}
.wpcf7-list-item {
    margin: 0;
}
.wpcf7-list-item>label {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 1rem;
}
.flex-form input[type="submit"] {
	box-sizing: border-box;
	padding: 1.2rem 1.5rem;
	border-radius: 3rem;
	border: 0;
}
input.wpcf7-form-control.wpcf7-submit {
   display: block;
   margin: 0 auto;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: var(--global-palette1) !important;
    opacity: 0.5;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: var(--global-palette1) !important;
    opacity: 0.5;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: var(--global-palette1) !important;
    opacity: 0.5;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: var(--global-palette1) !important;
    opacity: 0.5;
}









.custom-box {
    position: relative;
    width: 800px; /* Regola la larghezza */
    height: 600px; /* Regola l'altezza */
    margin: 50px auto;
    background: none;
	padding: 30px;
}
.custom-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        linear-gradient(to right, black 95%, transparent 95%) top left / 100% 2px, /* Bordo superiore */
        linear-gradient(to bottom, black 10%, transparent 10%) top left / 2px 100%, /* Bordo sinistro */
        linear-gradient(to bottom, black 10%, transparent 10%) top right / 2px 100% /* Bordo destro */;
    background-repeat: no-repeat;
}


.custom-box2 {
    position: relative;
    width: 800px; /* Regola la larghezza */
    height: 600px; /* Regola l'altezza */
    margin: 50px auto;
    background: none;
	padding: 30px;
}
.custom-box2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        /* Bordo superiore: 10% sinistra, 10% destra */
        linear-gradient(to right, black 10%, transparent 10%, transparent 90%, black 90%) top left / 100% 2px,
        
        /* Bordo inferiore: uguale al superiore */
        linear-gradient(to right, black 10%, transparent 10%, transparent 90%, black 90%) bottom left / 100% 2px,
        
        /* Bordo sinistro: 100% in altezza */
        linear-gradient(to bottom, black 100%, transparent 100%) top left / 2px 100%,
        
        /* Bordo destro: 90% dell'altezza partendo dal basso */
        linear-gradient(to bottom, transparent 10%, black 10%) bottom right / 2px 100%;
        
    background-repeat: no-repeat;
}