:root {
    --custom-900: #88001b;
    --custom-800: #a2003bff;
    --custom-100:#f6eff1ff;
}

.bg-custom-900 {
    background-color: var(--custom-900);
}

.bg-custom-100 {
    background-color: var(--custom-100);
}

.btn-custom {
display: inline-block;
      padding: 0.375rem 0.75rem;
      font-size: 1rem;
      font-weight: 500;
      line-height: 1.5;
      text-align: center;
      text-decoration: none;
      white-space: nowrap;
      border: 1px solid var(--custom-900);
      color: var(--custom-100);
      background-color: var(--custom-900);
      border-radius: 0.25rem;
}

.btn-custom:hover {
    background-color: var(--custom-800);
    color: var(--custom-100);
}

.navbar-brand {
    white-space: normal !important;
}

a.nav-link {
    color: white;
    font-weight: 500;
}
a.nav-link:hover,
a.nav-link:focus {
color:rgba(255, 255, 255,0.8);
}

.dropdown-menu {
background-color: var(--custom-900) !important;
}

.dropdown-menu .dropdown-item {
    color:white ;
    font-weight: 500;
}

.dropdown-item:hover,
.dropdown-item:focus {
background-color: var(--custom-900) !important;
color:rgba(255, 255, 255,0.8);
    }
    
.fp-pic {
    width:100%;
height: 100%;
overflow:hidden;
    overflow: clip;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 0.5rem;
    object-position: center top;
}

.fp-main-pic {
    width:100%;
    height:100%;
    overflow: clip;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 0.5rem;

}

.hoverable {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.hoverable:hover {
    scale: 1.05;
}

.pic-center {
-ms-grid-row: 1;
-ms-grid-row-span: 3;
-ms-grid-column: 3;
grid-area: pic-center;
}
.pic-center .fp-main-pic {
    object-position: center top;
}

.pic-top-left {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: pic-top-left; 
}

.pic-top-right {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    grid-area: pic-top-right; 
}

.pic-bottom-right {
-ms-grid-row: 3;
-ms-grid-column: 5;
grid-area: pic-bottom-right;
}

.pic-bottom-left {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: pic-bottom-left;
}

.church-gallery {
    -ms-grid-columns: 1fr 15px 1fr 15px 1fr;
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: 300px 15px 300px;
    grid-template-rows: 300px 300px;
        grid-template-areas:
    "pic-top-left pic-center pic-top-right"
    "pic-bottom-left pic-center pic-bottom-right";
    gap:15px;
}

article.post h2 {
    margin-top: 1em;
}

@media (max-width:992px) {
    .church-gallery {
        -ms-grid-rows: 200px 200px;
        grid-template-rows: 200px 200px;  
    }
}

@media (max-width:576px) {
    .church-gallery {
        -ms-grid-rows: 150px 150px;
        grid-template-rows: 150px 150px;  
    }
}

.thumbnail img {
    -o-object-fit:cover;
       object-fit:cover;
    height:300px;
    width:100%;
    border-radius: 0.25rem 0.25rem 0 0;
}

.photo {
    max-width:300px;
    float: right;
}

@media (max-width:768px){
    .photo {
        float:none;
        margin-bottom:24px;
    }
}

.card p a {
    text-decoration: none;
    color: var(--bs-secondary);
    font-weight: 500;
}

.members {
    list-style-type: none;
    margin-left:2rem;
}

.mc-main .has-events span.mc-date {
    background-color: var(--custom-900);
}

.mc-main td .event-title.summary {
font-weight: 500;
padding: 2px 5px;
line-height:1.2;
}

.mc-main.mini .event-icon {
    display: block;
    font-size: 12px;
    padding-bottom: 6px;
    line-height: 1;
}

.event-title *{
hyphens: none !important;
overflow-wrap: normal !important;
word-break: keep-all !important;    
}

abbr[title="hétfő"],
abbr[title="kedd"],
abbr[title="szerda"],
abbr[title="csütörtök"],
abbr[title="péntek"],
abbr[title="szombat"],
abbr[title="vasárnap"] { 
    display: inline-block;
    width:1.5ch;
    color:transparent;
    -webkit-transform: translate(-2.5ch);
        -ms-transform: translate(-2.5ch);
            transform: translate(-2.5ch);
} 

abbr[title="hétfő"],
abbr[title="vasárnap"] {
    display:inline-block;
    color:transparent;
    width:100%;
}
  
  abbr[title="hétfő"]::after {
    color:black;
    content:"H";
} 

abbr[title="hétfő"]::after{ 
    display: inline-block;
    color:black;
    width:100%;
    content:"H";
}

 abbr[title="kedd"]::after { 
    color:black;
    content:"K";
} 
 abbr[title="szerda"]::after { 
 color:black;
 content:"Sz";
} 

 abbr[title="csütörtök"]::after { 
 color:black;
 content:"Cs";
} 
 abbr[title="péntek"]::after { 
 color:black;
 content:"P";
} 
 abbr[title="szombat"]::after { 
 color:black;
 content:"Sz";
 
} 
 abbr[title="vasárnap"]::after { 
 color:black;
 content:"V";
} 

abbr[title="vasárnap"]::after{ 
    display: inline-block;
    color:black;
    width:100%;
    content:"V";
}

.footer__left img,
.navbar-brand img{
    float:left 
   }

#footer * {
    row-gap: 0;
    -webkit-column-gap: 1.75rem;
       -moz-column-gap: 1.75rem;
            column-gap: 1.75rem;

}

#footer p, 
#footer .wp-block-columns {
padding-top:0;
padding-bottom:0;
margin-bottom:0rem;
line-height:1.6;
}

@media (max-width:781px){
:where(.is-layout-flex){
    gap:0rem !important;
}
}

.usefulLinks p{
    padding:0;
    margin:0;
}

.usefulLinks a {
    text-decoration:none;
    color: #2f2d2b;
}
.usefulLinks a:hover {
color:black;
}