.churches-eparhia-content {
    display: grid;
    grid-gap: 13px;
    grid-template-columns: minmax(320px, 500px) 1fr;
}

@media (max-width: 900px) {
    .churches-eparhia-content {
        grid-template-columns: 1fr;
    }
}

.eparhia-children-grid {
    display: grid;
    grid-gap: 13px;
    grid-template-columns: 1fr 1fr 1fr;
}

@media (max-width: 1000px){
    .eparhia-children-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px){
    .eparhia-children-grid {
        grid-template-columns: 1fr;
    }
}

.eparhia-children-grid > a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 50px;
    background: #f3f3f3;
    text-decoration: none;
    transition: background-color .3s ease-in-out;
}

.eparhia-children-grid > a:hover {
    background: #e3e3e3;
}

[data-theme="dark"] .eparhia-children-grid > a {
    background: #25272c;
    color: #b8b8b8;
}
[data-theme="dark"] .eparhia-children-grid > a:hover {
    background: #2f3137;
    color: #d0d0d0;
}

.churches-form {

    display: grid;
    width: 100%;
    grid-template-columns: 1fr 150px;
}

.churches-wrapper {
    display: grid;
    grid-template-columns: 1fr 600px;
    grid-gap: 13px;
}

.churches-form .form-fields > div:nth-child(2) {
    width: 300px;
    padding-left: 20px;
}

.churches-form .form-fields .form-control {
    width: 100% !important;
}

.churches-eparhia-head {
    display: grid;
    grid-template-columns: 1fr 40px;
}