@media (max-width: 575px) {
.portfolio-filter li {
margin-bottom: 10px !important;
}
#home h1, #single h1, #base h1, #indice h1 {
font-size: 36px;
}
#home input, #single input, #base input, #indice input {
font-size: 20px;
line-height: 44px;
padding-left: 20px;
}
#primary-menu-trigger {
left: 0 !important;
}
}
@media (max-width: 767px) {
#ultime-parole {
padding: 0 0;
}
#ultime-parole h2 {
text-align: center;
}
#ultime-parole .col_full {
padding: 80px 30px 0 30px;
margin-bottom: 0 !important;
}
#ultime-parole .col_one_fifth {
margin-bottom: 20px !important;
}
#ultime-parole #box-parole {
display: block;
}
#ultime-parole #box-parole a {
display: block;
}
#footer .blocco-logo {
border-bottom: 1px solid;
margin-bottom: 20px;
padding-bottom: 30px;
}
#legenda-simboli {
position: fixed;
z-index: 1000;
top: 0px;
right: 0px;
transform: translateX(100%);
transition: 0.2s transform ease-in;
border: 1px solid #ddd;
border-radius: 3px;
}
#legenda-simboli.open {
transform: translateX(0%);
transition: 0.2s transform ease-in;
}
#legenda-simboli .close-icon {
cursor: pointer;
}
#legenda-opener {
position: fixed;
bottom: 30vh;
right: 10px;
font-size: 20px;
background: red;
border-radius: 50%;
line-height: 1;
padding: 5px;
cursor: pointer;
transition: 0.1s transform ease-in;
width: 32px;
height: 32px;
text-align: center;
}
#legenda-opener:hover {
transform: scale(1.05);
transition: 0.1s transform ease-in;
}
}
@media (max-width: 991px) {
#fascia-top {
background-position-y: 0;
}
#single .col-md-8 .col_full {
margin-bottom: 50px;
position: relative;
}
#single .col-md-8 .col_full a {
position: static;
float: none;
display: inline-block;
}
#primary-menu > div > ul {
padding-top: unset !important;
}
}
@media (max-width: 1199px) {
canvas {
max-width: none;
}
}
@media (min-width: 576px) {
#primary-menu-trigger {
left: 0px;
}
}
@media (min-width: 768px) {
.rounded-skill {
left: -34px;
}
.rotating-excerpt {
height: 120px;
min-height: 120px;
max-height: 120px;
-webkit-line-clamp: 3;
}
.rotating-excerpt-responsive {
-webkit-line-clamp: 2;
height: 120px;
}
.alphabet-filter-container {
display: none;
}
.indice-main-content {
margin-left: 0;
}
.letter-word-list {
-moz-column-count: 2;
column-count: 2;
}
.alphabet-filter-desktop-container .alphabet-filter {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
padding: 0;
}
.alphabet-filter-desktop-container .alphabet-filter li {
width: auto;
border-bottom: none;
}
.alphabet-filter-desktop-container .filter-link {
justify-content: center;
width: auto;
min-width: 44px;
background: #f8f9fa;
border-radius: 8px;
}
.alphabet-filter-desktop-container .filter-link:hover {
background: #ffdc38;
color: #fff !important;
border-color: #ffdc38;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.alphabet-filter-desktop-container .activeFilter .filter-link {
background: #ffdc38;
color: #fff;
border-color: #ffdc38;
}
.fit-banner-image {
height: 250px;
}
}
@media (min-width: 992px) {
.banner-rotating {
height: 420px !important;
min-height: 420px !important;
max-height: 420px !important;
}
.search-rotating {
height: 200px !important;
min-height: 200px !important;
max-height: 200px !important;
}
.banner-overlay {
height: 420px !important;
}
.banner-container {
height: 420px !important;
min-height: 420px !important;
max-height: 420px !important;
}
.container-lg {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.letter-word-list {
-moz-column-count: 3;
column-count: 3;
}
.container-lg {
max-width: 1140px;
}
}
@media (min-width: 1024px) {
.rounded-skill {
left: unset;
}
}
@media (min-width: 1400px) {
.container-lg {
max-width: 1320px;
}
}