/*
Theme Name:   Accademia Forma Mentis
Description:  Tema Child per Accademia Forma Mentis.
Author:  Claudio Zappi
Author URI:  https://www.webdesignerancona.it/
Template:  storefront
Version:  1.0
License:  GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/


/*

GENERALE E UTILITY
-- 

HEADER
-- 

FOOTER
--

HOME PAGE
--

PAGINE
--

SHOP
-- 

SCHEDA PRODOTTO
--

*/

:root {
    --main-color-1: #0C65BC; /*  */ 
    --main-color-2: #FFFFFF; /* bianco */ 
    --main-color-3: #303030; /* - */
    --main-color-nero: #111; /* nero */
    
    --main-background: var( --main-color-3 ); 
}

/* ######################################## */
/* GENERALE E UTILITY */
/* ######################################## */

.edit-link { display: none; }

html{ overflow-x: hidden;}
body{ 
    font-family: "Lato", sans-serif; 
    font-weight: 400; 
    font-style: normal; 
}

body{ background-color: var(--main-background)!important;}
.site{ background-color: #FFF;}

a, a:visited, a:focus{ color: inherit; outline: none;}
a:hover{ color: inherit;}

h1, h2, h3, h4, h5{ 
    font-family: ; 
}
p{ line-height: 1.41575;}

.d-none{ display: none;}
img{ border-radius: 0;}

button, input, textarea{ line-height: 2em; padding: .6em 1.41575em;}
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button{ text-transform: uppercase; min-width: 8em; text-align: center;}
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button{ background-color: var(--main-color-1); border-color: var(--main-color-1); color: var(--main-color-2);}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover{ background-color: var(--main-color-1); border-color: var(--main-color-1); color: var(--main-color-2);}

.row{ margin: 0 -1.41575em; display: flex; flex-direction: column;}
.col, .col-12, .col-4{ padding: 0 1.41575em; width: 100%;}
@media screen and (min-width: 768px) {
    .row{ flex-direction: row; flex-wrap: wrap;}
    .col, .col-4{ float: left;}
    .col-4{ width: 33.33333%;}
}

button, input, textarea{ line-height: 2em;}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover{ background-color: var(--main-color-1); border-color: var(--main-color-1); color: var(--main-color-2);}

.page-section, .home-section{ padding: 3em 0;}
.site-main > .page-section:first-child, .site-main > .home-section:first-child{ padding-top: 0;}
.site-main > .page-section:last-child, .site-main > .home-section:last-child{ padding-bottom: 0;}

/* ######################################## */
/* HEADER */
/* ######################################## */
.site-header{ padding: 1.41575em 0; border: none;}
.storefront-primary-navigation{ display: none;}

/* ######################################## */
/* FOOTER */
/* ######################################## */
.site-footer{ background-color: var(--main-color-3); color: #FFF; padding-top: 0;}
.site-footer a, .site-footer a:hover, .site-footer a:active, .site-footer a:visited, .site-footer a:not(.button):not(.components-button){ color: #FFF;}

.footer-widgets { padding-top: 2.617924em;}

.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6, .site-footer .widget .widget-title, .site-footer .widget .widgettitle{ color: #FFF;}
.widget .widget-title, .widget .widgettitle{ font-weight: bold; padding-bottom: 0; border-bottom: 0px solid #FFF;}

/* ######################################## */
/* HOME */
/* ######################################## */

/* FOMR CONTATTI */
.wpcf7-form { 
    input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea, .input-text, textarea{ width: 100%; line-height: 2em; padding: .6180469716em; padding-right: 3em; border: 3px solid var(--main-color-1); background-color: #FFF;}
}
.wpcf7-form label{ position: relative; display: block; margin-bottom: 2em; width: 75%;}
.wpcf7-form label .label-text{ content: "text"; position: absolute; line-height: 2em; left: 100%; margin-left: -1em; top: calc( 3px + .6180469716em ); background-color: #FFF; color: var(--main-color-1); text-transform: uppercase; letter-spacing: 1px; font-weight: bold; z-index: 5;}

.wpcf7-not-valid-tip{ position: absolute;}
a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus{ outline-color: transparent;}
.wpcf7 form .wpcf7-response-output{ margin-left: 0; margin-right: 0;}

@media screen and (min-width: 400px) {

}

@media screen and (min-width: 600px) {
    
}

@media screen and (min-width: 768px) {
    
    .col-12{ width: 100%;}
    .col-full{ max-width: 1400px;}
    
    /* ######################################## */
    /* 768 HEADER */
    /* ######################################## */
    .site-header .col-full{ display: flex; flex-direction: row; flex-wrap: nowrap; /* justify-content: center; */ justify-content: flex-start;}
    .site-header .site-branding{ width: auto;}

    
}

@media screen and (min-width: 900px) {

}

@media screen and (min-width: 1200px) {
    

}

@media screen and (min-width: 1600px) {
    

}