@font-face {
font-family: DM Sans;
src: url(//barberduska.pl/wp-content/themes/barber-theme/assets/fonts/IntegralCF.woff2) format("woff2 supports variations"), url(//barberduska.pl/wp-content/themes/barber-theme/assets/fonts/IntegralCF.woff2) format("woff2-variations");
font-weight: 100 900;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: "IntegralCF", sans-serif;
scroll-behavior: smooth;
}
body {
margin: 0;
}
p,
li {
font-weight: 400;
font-size: 1rem;
font-family: "IntegralCF", sans-serif;
line-height: 155%;
}
a {
text-decoration: none;
color: #687AC6;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "IntegralCF", sans-serif;
}
h1 {
font-size: 2.5rem;
font-weight: 600;
line-height: 120%;
}
@media (max-width: 991.98px) {
h1 {
font-size: 2rem;
}
}
h2 {
font-size: 2.25rem;
font-weight: 600;
line-height: 130%;
}
@media (max-width: 991.98px) {
h2 {
font-size: 1.75rem;
}
}
h3 {
font-weight: 700;
font-size: 1.5rem;
line-height: 32px;
}
.button {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
gap: 10px;
font-weight: 700;
border-radius: 4px;
background-color: #DFBB15;
color: #2E2E2E;
width: fit-content;
text-transform: uppercase;
padding: 13px;
border: 1px solid #DFBB15;
cursor: pointer;
transition: 0.2s ease-in-out;
font-size: 1rem;
}
.button:hover {
background-color: #92B203;
transition: 0.2s ease-in-out;
}
.button.reverse {
background-color: transparent;
color: #2E2E2E;
}
.button.reverse:hover {
background-color: #EDF9B7;
transition: 0.2s ease-in-out;
}
.desktop {
display: flex !important;
}
.mobile {
display: none !important;
}
.grid {
display: grid;
}
.grid.one-column {
grid-template-columns: 1fr;
}
.grid.two-columns {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.grid.three-columns {
grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
}
.elementor-image-gallery .gallery {
display: flex;
gap: 15px;
justify-content: space-between;
}
.elementor-image-gallery .gallery br {
display: none;
}
.elementor-image-gallery .gallery .gallery-item {
margin-top: 0 !important;
}
.elementor-image-gallery .gallery .gallery-item:nth-of-type(1) img, .elementor-image-gallery .gallery .gallery-item:nth-of-type(2) img {
aspect-ratio: 16/9 !important;
object-fit: contain !important;
}
.elementor-image-gallery .gallery .gallery-item .gallery-icon {
height: 100%;
}
.elementor-image-gallery .gallery .gallery-item .gallery-icon img {
border: none !important;
object-fit: cover;
height: 100%;
aspect-ratio: 4/3;
}
.elementor-widget-image a {
display: flex !important;
}
.booksy {
filter: brightness(0) saturate(100%) invert(100%) sepia(99%) saturate(15%) hue-rotate(243deg) brightness(104%) contrast(100%);
padding: 10px 15px;
border-radius: 99em;
}
.booksy:hover {
filter: unset;
cursor: pointer;
background: #FFFFFF;
}
.elementor-image-carousel img {
height: 300px;
min-height: 300px;
object-fit: contain;
}
.nav-menu--scrolled {
background: #fff;
transition: background 0.2s ease-in-out;
color: #2E2E2E;
}
.nav-menu--scrolled i,
.nav-menu--scrolled a {
color: #2E2E2E !important;
}
.bento .e-child {
height: fit-content;
}
.bento .e-child img {
border-radius: 8px;
object-fit: cover;
}
.bento .e-child:nth-of-type(2) .elementor-widget-image {
display: flex;
}
.bento .e-child:nth-of-type(2) .elementor-widget-image a {
width: 100%;
}
@media (max-width: 991.98px) {
.grid {
display: grid;
}
.grid.three-columns {
grid-template-columns: 1fr;
}
.bento .e-child {
height: fit-content;
}
.bento .e-child img {
border-radius: 8px;
}
.bento .e-child:nth-of-type(2) .elementor-widget-image {
display: flex;
}
.bento .e-child:nth-of-type(2) .elementor-widget-image a img {
height: 100%;
}
.elementor-image-carousel-wrapper {
width: 100% !important;
}
.elementor-swiper-button {
display: none !important;
}
}
@media (max-width: 767.98px) {
.elementor-image-gallery .gallery {
flex-wrap: wrap;
}
.elementor-image-gallery .gallery .gallery-item .gallery-icon img {
aspect-ratio: auto;
}
}