@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
:root { --primary: #018498;
--primary-light: #1990A1;
--gray: #F5F5F5;
--white: #FFFFFF;
--black: #000000;
--trasparent: rgba(0,0,0,0); --big: 175%;
--medium: 125%;
--small: 85%;
--extra-small: 75%;
}
@media (max-width: 1099px) {
:root { --big: 150%;
--medium: 120%;
--small: 85%;
--extra-small: 75%;
}
}
@media (max-width: 767.98px) {
:root { --big: 120%;
--medium: 110%;
--small: 85%;
--extra-small: 75%;
}
}
* {
margin: 0px;
box-sizing: border-box;
font-family: "Poppins", sans-serif;
font-size: 100%;
line-height: 140%;
}
html {
scroll-behavior: smooth;
}
img {
border:0;
}
body {
font-family: "Poppins", sans-serif;
font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
}
hr {
height: 20px;
border: none;
}
.no-scroll {
overflow: hidden;
}
.box20 {
padding: 0px 20px;
box-sizing: border-box;
}
.box50 {
padding: 0px 50px;
box-sizing: border-box;
}
.primary {
color: var(--primary);
}
.primaryBackground {
background-color: var(--primary);
color: var(--white);
}
.primaryLightBackground {
background-color: var(--primary-light);
color: var(--black);
}
.primaryTrasparentBackground {
background-color: #2784984D;
color: var(--black);
}
.grayBackground {
background-color: var(--gray);
}
@media screen and (max-width: 1099px) {
.box50 {
padding: 0px 20px;
}
} button {
padding: 12px 30px;
border: none;
font-size: 100%;
border-radius: 100px;
cursor: pointer;
font-weight: 300;
}
button:hover {
opacity: 0.5;
}
button.primary {
background-color: var(--primary);
color: white;
}
button.secondary {
border: solid 1px var(--black);
background-color: var(--trasparent);
color: var(--black);
}
button.third {
background-color: var(--white);
color: var(--primary);
}
button.last {
border: solid 1px var(--white);
background-color: var(--trasparent);
color: var(--white);
}
button.amazon {
border: solid 1px #FFA41C;
background-color: #FFA41C;
color: var(--white);
} a {
color: var(--black);
display: inline-flex;
align-items: center;
text-decoration: none;
}
a:hover {
color: var(--primary);
}
a img {
padding-right: 10px;
}
a.normal {
text-decoration: underline;
}
a.primary {
color: var(--primary);
text-decoration: underline;
}
a.primary:hover {
opacity: 0.5;
}
a.secondary {
color: var(--white);
text-decoration: none;
}
a.secondary:hover {
opacity: 0.5;
}
a.secondaryUnderline {
color: var(--white);
text-decoration: underline;
}
a.secondaryUnderline:hover {
opacity: 0.5;
} .notificationBar {
padding: 10px 50px;
background-color: var(--primary);
color: var(--white);
display: flex;
justify-content: space-between;
align-items: center;
}
.notificationBar button {
font-size: 80%;
}
@media (max-width: 1099px) {
.notificationBar {
justify-content: center;
}
.notificationBar a.secondary {
display: none;
}
} .ctaMobile {
display: none;
position: fixed;
bottom: 30px;
right: 30px;
z-index: 200;
background-color: var(--primary);
color: white;
padding: 20px;
border-radius: 100px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.ctaMobile img {
padding-left: 2px;
padding-right: 2px;
margin-bottom: -4px;
}
@media (max-width: 1099px) {
.ctaMobile {
display: block;
}
} nav {
padding: 30px 50px;
display: flex;
justify-content: space-between;
align-items: center;
}
nav ul.menu {
list-style-type: none;
margin: 0;
display: flex;
position: relative; }
nav ul li {
position: relative; }
nav ul.sub-menu {
display: none;
position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background-color: var(--white);
z-index: 10;
white-space: nowrap;
border-radius: 10px;
border: solid 1px var(--gray);
padding-inline-start: 0px;
z-index: 999;
}
nav ul.sub-menu li {
display: block;
padding: 10px 20px;
text-align: center;
}
nav ul.sub-menu li a {
padding: 0;
display: block;
text-align: center;
}
nav ul li a {
padding: 0px 10px;
text-decoration: none;
}
nav ul li a:hover {
color: var(--black);
opacity: 0.5;
}
nav ul.sub-menu li {
display: block;
padding: 10px 15px;
}
nav ul.sub-menu li:hover {
background-color: var(--gray);
}
nav ul.sub-menu li:hover > a {
opacity: 1;
}
nav ul.sub-menu li:first-child {
border-radius: 10px 10px 0px 0px;
}
nav ul.sub-menu li:last-child {
border-radius: 0px 0px 10px 10px;
}
nav ul.sub-menu li:not(:first-child):not(:last-child) {
border-top: 1px solid var(--gray);
border-bottom: 1px solid var(--gray);
}
nav .nav-toggle {
cursor: pointer;
display: none;
z-index: 200;
}
@media (min-width: 1099px) {
nav ul li:hover > .sub-menu {
display: block;
}
}
@media (max-width: 1099px) {
nav {
padding: 20px;
}
nav .nav-toggle {
display: flex;
}
nav ul.menu {
display: none;
flex-direction: column;
padding-left: 0px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100dvh;
background-color: var(--gray);
z-index: 20;
justify-content: center;
align-items: center;
}
nav ul.sub-menu {
display: block;
position: static;
top: 100%;
left: 0;
transform: translateX(0px);
border-radius: 0px;
border: 0px;
background-color: var(--gray);
}
nav ul.sub-menu li {
padding: 10px 10px;
}
nav ul.sub-menu li:hover {
opacity: 0.5;
}
nav ul.sub-menu li:first-child {
margin-top: 10px;
}
nav ul.sub-menu li:first-child,
nav ul.sub-menu li:last-child {
border-radius: 0px;
}
nav ul.sub-menu li:not(:first-child):not(:last-child) {
border: 0px;
}
nav li {
padding: 10px;
}
}  .atf {
display: flex;
align-items: center;
} .atf .video {
width: 50%;
border-radius: 0px 10px 10px 0px;
}
@media (max-width: 1099px) { .atf {
flex-direction: column;
} .atf .video {
width: 100%;
border-radius: 0px;
}
} .slider-container {
position: relative;
overflow: hidden;
margin: auto;
width: 100%;
}
.slider {
display: flex;
align-items: stretch;
transition: transform 0.3s ease-in-out;
}
.slide {
min-width: 100%;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
}
.testimonial {
width: 100%;
background-color: var(--gray);
border-radius: 10px;
padding: 60px 40px;
margin: 60px;
}
.author {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
gap: 20px;
} .author span {
font-weight: bold;
}
.prev, .next {
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
padding: 10px;
z-index: 10;
}
.prev {
left: 10px;
}
.next {
right: 10px;
}
.prev:hover, .next:hover {
opacity: 0.5;
}
@media (max-width: 1099px) {
.testimonial {
margin: 30px 50px 0px 50px;
}
.prev {
left: 0px;
}
.next {
right: 0px;
}
}
@media (max-width: 767.98px) {
.testimonial {
font-size: 14px;
padding: 20px;
} .author span {
font-size: 14px;
}
} .phrase {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 1200px;
width: 100%;
margin: 0px auto;
padding: 50px 20px;
}
.phrase span {
text-align: center;
font-size: var(--big);
margin-bottom: 20px;
}
.phrase button {
width: fit-content;
}
@media (max-width: 1099px) {
.phrase {
padding: 30px 20px;
}
} .press {
width: 100%;
background-color: var(--gray);
padding: 0px 20px;
border-radius: 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
.press span {
width: 20%;
text-align: center;
font-weight: 600;
}
.press .pressLists {
width: 80%;
}
.pressLists {
background-color: var(--gray);
}
.container-press {
width: 100%;
overflow: hidden;
display: flex;
justify-content: start;
position: relative;
}
.run {
display: flex;
width: max-content;
animation: scorrere 60s linear infinite;
}
.pressSingle {
padding: 10px 20px;
margin: 0 10px;
min-width: 200px;
text-align: center;
display: flex;
}
@keyframes scorrere {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
.gradient-left, .gradient-right {
position: absolute;
top: 0;
bottom: 0;
width: 300px;
z-index: 1;
}
.gradient-left {
left: 0;
background: linear-gradient(to right, var(--gray), transparent);
}
.gradient-right {
right: 0;
background: linear-gradient(to left, var(--gray), transparent);
}
@media screen and (max-width: 1099px) { .press {
padding-top: 20px;
justify-content: center;
flex-direction: column;
}
.press span {
width: 100%;
}
.press .pressLists {
width: 100%;
}
.gradient-left, .gradient-right {
width: 180px;
}
}
@media screen and (max-width: 767.98px) { .pressSingle {
padding: 10px 20px;
margin: 0 10px;
min-width: 150px;
}
} .courses {
margin: 50px auto;
padding: 60px 0px 90px 0px;
}
.courses-title {
font-size: var(--big);
}
.all {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin-top: 20px;
}
.course {
background-color: var(--white);
color: var(--black);
border-radius: 10px;
padding: 30px 20px;
}
.course-title {
font-size: 110%;
font-weight: 600;
}
.course p {
margin: 20px auto;
}
.last-course {
background-color: var(--primary-light);
color: var(--black);
border-radius: 10px;
padding: 30px 20px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
@media screen and (max-width: 767.98px) {
.courses {
margin: 30px auto;
padding: 40px 0px 70px 0px;
}
.all {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 575.98px) {
.courses {
margin: 30px auto;
padding: 30px 0px 40px 0px;
}
.all {
grid-template-columns: repeat(1, 1fr);
}
} .blog {
padding-top: 20px;
}
.blog a {
display: flex;
}
.blog-intro {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 35px;
}
.blog-title {
font-size: var(--big);
}
.blog-post {
width: 100%;
background-color: var(--gray);
border-radius: 10px;
margin-bottom: 10px;
padding: 40px 30px;
display: flex;
justify-content: space-between;
align-items: center;
}
a .blog-post:hover {
background-color: var(--primary);
color: var(--white);
}
.post-date {
font-size: var(--small);
}
.post-title {
font-size: var(--medium);
font-weight: 600;
}
.post-read {
text-decoration: underline;
}
.blog-cta-mobile {
display: none;
margin-top: 20px;
justify-content: end;
}
@media screen and (max-width: 575.98px) {
.blog {
padding-top: 0px;
}
.blog-intro {
margin-bottom: 15px;
}
.blog-intro a {
display: none;
}
.blog-cta-mobile {
display: flex;
}
} .radavelli {
margin: 70px 0px 0px 0px;
padding: 70px 0px 70px 50px;
display: flex;
justify-content: center;
align-items: center;
}
.radavelli div {
width: 50%;
padding-right: 50px;
}
.radavelli-title {
font-size: var(--big);
color: var(--primary);
font-weight: 500;
}
.radavelli p {
margin-top: 30px;
}
.radavelli img {
width: 50%;
border-radius: 10px 0px 0px 10px;
}
@media screen and (max-width: 767.98px) {
.radavelli {
margin: 40px 0px 0px 0px;
padding: 40px 0px 40px 20px;
flex-direction: column;
}
.radavelli p {
margin-top: 30px;
}
.radavelli div {
width: 100%;
padding-right: 0px;
}
.radavelli img {
width: 100%;
border-radius: 10px;
}
}
@media screen and (max-width: 575.98px) {
.radavelli {
margin: 40px 0px 0px 0px;
padding: 10px 20px 40px 20px;
}
} .mod-box {
padding-bottom: 100px;
}
.modello {
background-color: var(--primary);
color: var(--white);
border-radius: 10px;
padding: 30px 20px;
}
.modello-title {
font-size: var(--medium);
font-weight: 500;
margin-bottom: 30px;
}
.modello a {
margin-top: 50px;
width: fit-content;
margin-left: auto;
}
.modello span {
display: -webkit-flex;
}
@media screen and (max-width: 767.98px) {
.mod-box {
padding-bottom: 50px;
}
.modello-title {
margin-bottom: 20px;
}
.modello a {
margin-top: 30px;
}
}
@media screen and (max-width: 575.98px) {
.modello-title {
margin-bottom: 20px;
}
.modello a {
margin-top: 30px;
}
} .sedi {
padding: 60px 0px;
}
.sedi-title {
font-size: var(--big);
}
.sedi-lists {
padding: 35px 0px 25px 0px;
display: grid;
grid-template-columns: repeat(8, 1fr);
gap: 40px;
}
.sede-container {
position: relative;
display: inline-block;
overflow: hidden;
border-radius: 10px;
}
.sede-container img {
display: block;
width: 100%;
height: auto;
}
a .sede-container img {
padding-right: 0px !important;
}
.sede-container::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--primary);
mix-blend-mode: multiply;
opacity: 0;
pointer-events: none;
}
.sede-container:hover img {
filter: grayscale(100%);
}
.sede-container:hover::after {
opacity: 1;
}
.sede-info {
color: var(--white);
font-size: var(--small);
}
.sede-name {
font-weight: 500;
}
.sede-link-mobile {
display: none;
}
.sede-info-mobile {
display: none;
font-size: var(--small);
}
.sede-summary {
padding: 20px;
background-color: var(--primary);
color: var(--white);
margin-bottom: 20px;
border-radius: 10px;
}
.partners-title {
margin-top: 50px;
text-align: center;
font-size: var(--big);
}
.partners-lists {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 40px;
max-width: 900px;
width: 100%;
margin: 30px auto 50px auto;
}
.partners-lists img {
margin: 0px auto;
height: 80px;
width: 100%;
}
@media (max-width: 1099px) {
.sedi-lists {
gap: 30px;
}
.partners-lists {
grid-template-columns: 1fr;
}
.partners-lists img {
width: auto;
}
}
@media screen and (max-width: 767.98px) {
.sedi {
padding: 40px 0px;
}
.sedi-lists {
padding: 20px 0px 15px 0px;
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (max-width: 575.98px) {
.sedi {
padding: 30px 0px 10px 0px;
}
.sedi-lists {
grid-template-columns: 1fr 2fr;
gap: 20px;
}
.sede-link-mobile {
display: flex;
}
.sede-info-mobile {
display: flex;
flex-direction: column;
}
} .faqs {
padding-bottom: 60px;
}
.faqs-title {
font-size: var(--big);
}
@media screen and (max-width: 767.98px) {
.faqs {
padding-bottom: 40px;
}
} .accordion .accordion-item {
border-bottom: 1px solid var(--black);
}
.accordion button {
position: relative;
display: block;
text-align: left;
width: 100%;
padding: 20px 0px;
color: var(--black);
border: none;
background: none;
outline: none;
font-size: var(--medium);
}
.accordion button:hover,
.accordion button:focus {
cursor: pointer;
color: var(--black);
opacity: 1;
}
.accordion button:hover::after,
.accordion button:focus::after {
cursor: pointer;
color: var(--black);
border: 1px solid var(--black);
}
.accordion button .accordion-title {
padding: 10px 0px 10px 0px;
font-weight: 500;
}
.accordion button .icon {
display: inline-block;
position: absolute;
top: 22px;
right: 0;
width: 22px;
height: 22px; border-radius: 22px;
}
.accordion button .icon::before {
display: block;
position: absolute;
content: '';
top: 9px;
left: 5px;
width: 10px;
height: 2px;
background: currentColor;
}
.accordion button .icon::after {
display: block;
position: absolute;
content: '';
top: 5px;
left: 9px;
width: 2px;
height: 10px;
background: currentColor;
}
.accordion button[aria-expanded='true'] .accordion-title {
color: var(--primary);
}
.accordion button[aria-expanded='true'] .icon::after {
width: 0;
}
.accordion button[aria-expanded='true'] .icon::before {
background-color: var(--primary);
}
.accordion button[aria-expanded='true'] + .accordion-content {
opacity: 1;
max-height: fit-content !important;
transition: all 200ms linear;
will-change: opacity, max-height;
}
.accordion .accordion-content {
opacity: 0;
max-height: 0px !important;
overflow: hidden;
transition: opacity 200ms linear, max-height 200ms linear;
will-change: opacity, max-height;
}
.accordion .accordion-content p {
padding-bottom: 20px;
} .mod-box {
padding-top: 75px;
padding-bottom: 75px;
}
.module {
background-color: var(--white);
border-radius: 10px;
}
@media screen and (max-width: 767.98px) {
.mod-box {
padding-top: 50px;
padding-bottom: 50px;
}
}  .text-cl-intro {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
align-items: center;
max-width: 1200px;
margin: 40px auto 50px auto;
padding: 0px 20px;
}
.sx-intro {
font-size: var(--big);
}
@media screen and (max-width: 767.98px) {
.text-cl-intro {
grid-template-columns: 1fr;
margin: 20px auto 30px auto;
gap: 10px;
}
} .pilastri {
padding: 50px 0px;
margin-bottom: 20px;
}
.pilastri .title {
font-size: var(--big);
margin-bottom: 50px;
}
.pilastri-info-mobile {
display: none;
font-size: 60%;
}
.pilastri .box {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 20px;
}
.pilastro-title {
font-size: var(--medium);
margin-bottom: 20px;
cursor: pointer;
}
.pilastro-title:hover {
opacity: 0.5;
}
.pilastro-text {
padding: 20px 30px 30px 30px;
background-color: rgba(255,255,255,0.1);
border-radius: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.pilastro-text a {
margin-top: 50px;
width: fit-content;
margin-left: auto;
}
.p-text ul {
margin-top: 10px;
}
@media screen and (max-width: 767.98px) {
.pilastri {
padding: 30px 0px;
}
.pilastri .title {
margin-bottom: 20px;
}
.pilastri .box {
grid-template-columns: 1fr;
gap: 0px;
}
.pilastro-title {
font-size: var(--medium);
}
}
@media screen and (max-width: 575.98px) {
.pilastri-info-mobile {
display: flex;
}
} .faqs-cl {
margin-top: -30px;
}
@media screen and (max-width: 1099px) {
.faqs-cl {
margin-top: -20px;
margin-bottom: 50px;
}
} .general-intro {
height: 280px;
color: var(--white);
font-size: var(--big);
padding: 35px 30px;
display: flex;
align-items: end;
font-weight: 600;
border-radius: 10px;
}
.general-intro-no-bg {
background-color: var(--primary);
color: var(--white);
font-size: var(--big);
padding: 35px 30px;
display: flex;
align-items: end;
font-weight: 600;
border-radius: 10px;
}
.general-text {
padding: 35px 0px;
display: grid;
grid-template-columns: 2fr 1fr;
gap: 20px;
}
.general-text-intro {
font-size: var(--big);
margin-bottom: 20px;
}
.general-module {
background-color: var(--primary);
padding: 20px;
border-radius: 10px;
height: fit-content;
}
.general-module-title {
font-size: var(--medium);
font-weight: 500;
color: var(--white);
}
.general-module-text {
color: var(--white);
}
@media screen and (max-width: 1099px) {
}
@media screen and (max-width: 767.98px) {
.general-intro-no-bg {
padding: 20px 30px;
}
.general-text {
padding: 20px 0px;
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 575.98px) {
} .breadcrumbs {
display: flex;
font-size: var(--small);
margin-bottom: 20px;
}
.breadcrumbs a {
color: var(--primary);
text-decoration: underline;
}
.breadcrumbs a:hover {
opacity: 0.5;
} .blog-lists {
max-width: 1200px;
margin: 20px auto 0px auto;
}
.blog-lists a {
display: flex;
}
.blog-information {
padding: 35px 0px;
display: grid;
grid-template-columns: 2fr 1fr;
gap: 20px;
}
.blog-information h2 {
font-size: var(--medium);
}
.subcategory-list {
margin-top: 20px;
}
.subcategory-list ul {
list-style-type: none;
padding: 0;
}
.subcategory-list li {
margin-bottom: 10px;
}
.subcategory-list a {
text-decoration: none;
color: #0073aa;
}
.subcategory-list a:hover {
text-decoration: underline;
}
.single-blog {
max-width: 1200px;
margin: 20px auto 0px auto;
}
.single-blog h1 {
font-size: calc(var(--big) + 10px);
}
.single-blog h2 {
font-size: var(--big);
}
.single-blog h3 {
font-size: var(--medium);
}
.single-blog a {
color: var(--primary);
text-decoration: underline;
}
.single-blog p {
margin-bottom: 20px;
}
.single-grid {
padding: 35px 0px;
display: grid; grid-template-columns: 1fr;
gap: 20px;
}
@media screen and (max-width: 767.98px) {
.blog-information {
padding: 20px 0px;
grid-template-columns: 1fr;
}
.single-grid {
padding: 20px 0px;
grid-template-columns: 1fr;
}
} .pagination {
text-align: center;
margin: 20px 0;
}
.pagination a,
.pagination span {
display: inline-block;
margin: 0 5px;
padding: 13px;
height: 50px;
width: 50px;
background-color: var(--white);
border: 1px solid var(--black);
color: var(--black);
text-decoration: none;
border-radius: 10px;
}
.page-numbers {
display: flex;
}
.pagination .current {
background-color: var(--primary);
color: #fff;
border: 1px solid var(--primary);
}
.pagination a:hover {
opacity: 0.5;
}
.pagination .next,
.pagination .prev {
display: none;
} .frase {
padding: 20px;
border-radius: 10px;
background-color: var(--gray);
text-align: center;
width: fit-content;
margin: 0px auto;
margin-bottom: 20px;
}
.firma {
font-style: italic;
margin-top: 10px;
font-size: var(--small);
}
.single-ambito {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 20px;
padding: 35px 0px;
}
.single-ambito h1 {
font-size: calc(var(--big) + 10px);
}
.single-ambito h2 {
font-size: var(--big);
}
.single-ambito h3 {
font-size: var(--medium);
}
.single-ambito a {
color: var(--primary);
text-decoration: underline;
}
.single-ambito p {
margin-bottom: 20px;
}
.emozione {
width: 100%;
margin-top: 40px;
}
.emozioneSingola {
display: grid;
grid-template-columns: 1fr 4fr;
gap: 20px;
margin-bottom: 20px;
background-color: var(--gray);
padding: 20px;
border-radius: 10px;
}
.emozioneNome {
font-size: var(--medium);
text-decoration: underline;
}
.emozioneFrase {
border-radius: 10px;
padding: 20px 30px;
background-color: var(--white);
}
@media screen and (max-width: 767.98px) {
.single-ambito {
padding: 20px 0px;
grid-template-columns: 1fr;
}
.emozioneSingola {
grid-template-columns: 1fr;
}
}  .footer-content {
padding: 70px 50px 20px 50px;
display: grid;
grid-template-columns: 1fr 3fr;
gap: 20px;
}
ul.menu-footer {
list-style-type: none;
margin: 0;
padding-left: 0px;
padding-top: 30px;
}
ul.menu-footer li {
font-size: var(--small);
padding-top: 18px;
}
.footer-sedi {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.sedeFooter {
padding-bottom: 40px;
}
.sedeFooter a {
font-weight: 600;
padding-bottom: 20px;
}
.sedeFooter div {
padding-bottom: 20px;
}
@media (max-width: 1099px) {
.footer-sedi {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767.98px) {
.footer-content {
display: flex;
flex-direction: column;
padding: 40px 20px 20px 20px;
}
ul.menu-footer {
padding-top: 0px;
padding-bottom: 30px;
border-bottom: solid 1px var(--gray);
}
.footer-sedi {
padding-top: 10px;
grid-template-columns: repeat(2, 1fr);
}
.sedeFooter {
padding-bottom: 20px;
}
.sedeFooter div {
padding-bottom: 10px;
}
}
@media screen and (max-width: 575.98px) {
.footer-sedi {
font-size: var(--small);
grid-template-columns: repeat(1, 1fr);
}
.sedeFooter {
padding-bottom: 10px;
}
} .copy {
padding: 50px;
background-color: var(--gray);
font-size: var(--extra-small);
display: flex;
justify-content: space-between;
align-items: center;
}
p {
margin-top: 10px;
}
p.single {
display: inline-flex;
white-space: nowrap;
margin-top: 0px;
}
.copy .social {
display: flex;
justify-content: center;
align-items: center;
}
.copy .social img:hover {
opacity: 0.5;
}
@media (max-width: 1099px) {
}
@media (max-width: 767.98px) {
.copy {
padding: 30px 20px;
}
p.single {
display: flex;
white-space: nowrap;
flex-direction: column;
}
.copy p {
margin-top: 20px;
}
.copy a {
padding: 10px 0px;
}
.copy-space {
display: none;
}
}
@media screen and (max-width: 575.98px) {
.copy {
flex-direction: column;
align-items: start;
}
}