@font-face {
  font-family: "Italianno-Regular";
  src: url("/styles/Italianno-Regular.ttf");
}
@font-face {
  font-family: "RobotoFlex";
  src: url("/styles/RobotoFlex.ttf");
}

* {
    font-family: "RobotoFlex";
    font-weight: 200;
    color: #222;
}
body {
/*    background-image: url('../images/sw-Antoni-z-Padwy.jpg');
    background-position: left center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;*/
}
strong {
    font-weight: 500;
}
a {
    color: #222;
    text-decoration: none;
}
a {
    color: #000;
}
img {
    max-width: 100%;
}
.img-spacer{
    cursor: pointer;
}
.main-title {
    font-family: "Italianno-Regular";
    font-size: 3em;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Italianno-Regular";
    color: #000;
}
h2 {
    margin-top: 2rem;
}
.page-title {
    font-family: "Italianno-Regular";
    font-size: 2.5em;
}
.hand-drawn-card {
    border: 3px solid #212529;
    border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px;
}
.parafia-calligraphy-stroke-card {
    font-family: 'Italianno', cursive;
    background-color: transparent;
    padding: 0px;
    
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000' height='1000' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cpath d='M 880 975 C 700 930, 300 1035, 120 975 C 300 1020, 700 915, 880 975 Z' vector-effect='non-scaling-stroke' fill='%23212529'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.gallery-img-wavy-top {
    clip-path: url(#wavy-top-clip);
}
.hover-shadow {
    transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.hover-shadow:hover {
    box-shadow: 0 .5rem .5rem rgba(0,0,0,.35) !important;
    transform: translateY(-3px); /* Opcjonalne: delikatne uniesienie zdjęcia do góry */
}
#news {
    overflow: auto;
}
#antoni1 {
    float: right;
    width: 50%;
    shape-outside: polygon(50% 30%, 100% 30%, 100% 100%, 0 100%, 0 90%); 
}
#antoni2 {
    display: none;
}
.textPhoto {
    float: right;
    width: 30%;
}
#fbLogo {
    width: 50px;
    margin: 20px;
}
#imgBottom { 
    height: 500px;
    background-image: url('/images/bottom-photo01.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

@media (max-width: 350px) {
    #content {
        margin: 20px !important;
    }
}

@media (max-width: 768px) {
    #mainMenu {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        z-index: 1030 !important;
        
        --bs-bg-opacity: 1 !important;
        background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
    }
    .main-title {
        margin-top: 20px !important;
    }
}

@media (max-width: 1200px) {
    #antoni1 {
        display: none;
    }
    
    #antoni2 {
        display: block;
    }
}