@font-face {
font-family: 'Satoshi';
src: url(//ufficidirezionalimilano.it/wp-content/themes/galvani24/assets/fonts/Satoshi-Variable.woff2) format('woff2'),
url(//ufficidirezionalimilano.it/wp-content/themes/galvani24/assets/fonts/Satoshi-Variable.woff) format('woff'),
url(//ufficidirezionalimilano.it/wp-content/themes/galvani24/assets/fonts/Satoshi-Variable.ttf) format('truetype');
font-weight: 300 900;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Satoshi';
src: url(//ufficidirezionalimilano.it/wp-content/themes/galvani24/assets/fonts/Satoshi-VariableItalic.woff2) format('woff2'),
url(//ufficidirezionalimilano.it/wp-content/themes/galvani24/assets/fonts/Satoshi-VariableItalic.woff) format('woff'),
url(//ufficidirezionalimilano.it/wp-content/themes/galvani24/assets/fonts/Satoshi-VariableItalic.ttf) format('truetype');
font-weight: 300 900;
font-display: swap;
font-style: italic;
}
:root {
--primary: #cbbba0;
--primary-dark: #a48a7b;
--secondary: #6492b2;
--default-text: #d0d6e2;
--default-background: #284c68;
--default-background-dark: #dbd3c7;
}
html {
scroll-behavior: smooth;
}
body {
font-family: 'Satoshi', sans-serif;
color: var(--default-text);
overflow-x: hidden;
overflow-wrap: break-word;
background-color: #363c56;
font-size: 16px;
}
h1, h2, h3, h4, h5, h6 {
color: var(--primary);
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
font-size: 1.1rem;
}
a {
color: var(--default-text);
transition: color .15s ease-in-out;
}
a:visited, a:active {
color: var(--default-text);
}
a:hover, a:not(.btn):hover {
color: var(--primary);
}
.btn-primary,
.btn-secondary {
border-radius: 20px;
font-weight: bold;
}
.btn-primary,
.btn-primary:visited,
.btn-primary:active {
background-color: var(--primary);
border-color: var(--primary);
color: #fff;
}
.btn-primary:hover {
background-color: var(--primary-dark);
border-color: var(--primary-dark);
color: #fff;
}
.btn-secondary,
.btn-secondary:visited,
.btn-secondary:active {
background-color: var(--secondary);
border-color: var(--secondary);
color: var(--primary);
padding-left: 30px;
padding-right: 30px;
}
.btn-secondary:hover {
background-color: var(--secondary-dark);
border-color: var(--secondary-dark);
}
#logo {
width: 200px;
}
#top-area {
font-family: 'Satoshi', sans-serif;
text-align: right;
background-color: #e2fc06;
color: #272c3d;
font-weight: bold;
font-size: 12px;
margin-bottom: 0;
padding-top: 5px;
padding-bottom: 5px;
}
header#masthead {
background-color: transparent;
box-shadow: none;
padding: .74rem 1rem;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li {
margin: 0 10px;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li:last-child {
margin-right: 0;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
color: #e2fc06;
font-weight: 600;
padding: 3px 8px;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
color: #aabe05;
text-decoration: none;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li.highlight {
background-color: var(--primary);
color: #fff;
border-radius: 20px;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li.highlight > a {
color: #fff;
}
#content.site-content {
padding-top: 0;
}
.blocco_principale {
padding: 30px 0 30px 0;
}
.home .blocco_principale {
padding-top: 60px;
padding-bottom: 60px;
}
.blocco_principale .graphic-content {
top: 0;
right: 0;
max-width: 44%;
}
.blocco_principale .contenitore_blocco_principale {
padding: 0 45px;
background-color: var(--secondary);
}
.blocco_principale h1 {
color: #fff;
font-size: 48px;
}
.immagine_testo_colonna {
padding-top: 250px;
}
.immagine_testo_colonna .contenitore_immagine_testo_colonna {
padding-top: 200px;
background-color: var(--default-background);
border-radius: 20px;
}
.immagine_testo_colonna h2 {
color: var(--primary);
font-size: 32px;
}
.immagine_testo_colonna > img {
top: 0;
}
.card-blog .card {
border: 0;
background-color: var(--default-background);
}
.card-blog h3 a,
.card-blog h3 a:visited,
.card-blog h3 a:active {
color: var(--primary);
text-decoration: none;
font-weight: normal;
font-size: 22px;
}
.card-blog .card-body a,
.card-blog .card-body a:visited,
.card-blog .card-body a:active {
color: var(--primary);
}
.card-blog .card-body a:hover {
color: var(--primary-dark);
}
.card-blog .card-body a::after {
content: '\2192'; display: inline-block;
margin-left: 8px; font-size: 16px; transition: transform 0.3s ease; }
.card-blog .card-body a:hover::after {
transform: translateX(5px); }
.repeater-row {
padding: 10px;
background-color: var(--default-background);
margin-top: 10px;
}
h1 {
line-height: 65px;
font-size: 55px;
}
h2 {
line-height: 58px;
font-size: 48px;
}
h3 {
line-height: 50px;
font-size: 40px;
}
h4 {
line-height: 42px;
font-size: 32px;
}
#text-over-hp {
top: 15%;
z-index: 999;
}
body:not(.theme-preset-active) footer#colophon {
background-color: #272c3d;
}
body .gform-theme--framework .gform-field-label {
font-size: 1.2em;
}
body .gform-theme--framework .gform-field-label.gfield_consent_label {
font-size: 1em;
}
body .gform-theme--framework input[type='text'],
body .gform-theme--framework input[type='email'],
body .gform-theme--framework textarea {
background-color: #363c56;  
border: none;
color: #fff;
font-weight: bold;
}
body .gform-theme--framework input[type='text']:focus,
body .gform-theme--framework input[type='email']:focus,
body .gform-theme--framework textarea:focus {
color: #fff;
}
body .gform-theme--framework  ::placeholder {
color: #e2fc06;
font-weight: normal;
}
body .gform_required_legend {
display: none;
}
body .gfield_required.gfield_required_asterisk {
color: #122337 !important;
}
body .gform-theme--framework .gform_button.button[type='submit'] {
background-color: #363c56 !important;
border-radius: 2em !important;
padding: 5px 15px !important;
}
body .gform-theme--framework a,
body .gform-theme--framework a:active, 
body .gform-theme--framework a:hover, 
body .gform-theme--framework a:focus, 
body .gform-theme--framework a:visited {
color: #122337;
text-decoration: underline;
}
@media (min-width: 992px) {
#menu-container #chiama {
margin-left: 20px;
}
#menu-container #chiama .button-chiama {
color: #284c68;
border: none;
background-color: #e2fc06; -webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
background-size: 200% 100%;
border-radius: 2em;
padding: 5px 15px;
}
#menu-container #chiama .button-chiama {
color: #284c68;
}
#menu-container #chiama .button-chiama i {
font-size: 20px;
margin-right: 20px;
}
#menu-container #chiama .button-chiama a {
color: #284c68;
text-decoration: none;
}
}