@font-face {
font-family: 'ClashDisplay';
src: url(//galvani24.it/wp-content/themes/galvani24/assets/fonts/ClashDisplay-Variable.woff2) format('woff2'),
url(//galvani24.it/wp-content/themes/galvani24/assets/fonts/ClashDisplay-Variable.woff) format('woff'),
url(//galvani24.it/wp-content/themes/galvani24/assets/fonts/ClashDisplay-Variable.ttf) format('truetype');
font-weight: 200 700;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Satoshi';
src: url(//galvani24.it/wp-content/themes/galvani24/assets/fonts/Satoshi-Variable.woff2) format('woff2'),
url(//galvani24.it/wp-content/themes/galvani24/assets/fonts/Satoshi-Variable.woff) format('woff'),
url(//galvani24.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(//galvani24.it/wp-content/themes/galvani24/assets/fonts/Satoshi-VariableItalic.woff2) format('woff2'),
url(//galvani24.it/wp-content/themes/galvani24/assets/fonts/Satoshi-VariableItalic.woff) format('woff'),
url(//galvani24.it/wp-content/themes/galvani24/assets/fonts/Satoshi-VariableItalic.ttf) format('truetype');
font-weight: 300 900;
font-display: swap;
font-style: italic;
}
:root {
--primary: #284c68;
--primary-dark: #1f3a4f;
--secondary: #6492b2;
--default-text: #373e50;
--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;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'ClashDisplay', serif;
color: var(--primary);
}
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: 140px;
}
#top-area {
text-align: right;
background: rgb(247,146,103);
background: linear-gradient(90deg, rgba(247,146,103,1) 0%, rgba(244,84,78,1) 100%);
color: #fff;
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 {
align-items: center;
}
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: var(--primary);
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: var(--primary-dark);
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;
}
menu-container #chiama {
flex-grow: 1;
}
#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;
}
@media (min-width: 992px) {
#menu-container #chiama {
margin-left: 20px;
}
#menu-container #chiama .button-chiama {
color: #fff;
border: none;
background-color: #f79468;
background-image: -webkit-linear-gradient(left, #f79468 0%, #f4524d 50%,#f79468 100%);
background-image: linear-gradient(to right, #f79468 0%, #f4524d 50%,#f79468 100%);
-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: #fff;
}
#menu-container #chiama .button-chiama i {
font-size: 20px;
margin-right: 20px;
}
#menu-container #chiama .button-chiama a {
color: #fff;
text-decoration: none;
}
}