/*
.selector-for-some-widget {
    box-sizing: content-box;
}
*/

body {
    /*background-color: #fdf2ec;*/
    /* background-color: #f0f0f0; */
    font-size: 13pt;
    font-weight: normal;
    color:#000;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

input, select, textarea {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 13pt;
    color:#000;
    font-weight: normal;
}

form input[type="text"], select, textarea {
    border: 1px solid #a7a7a7
}

hr {
    border: 1px solid gray;
}

h1 {
    font-size: 1.5em;
}

#company-name {
    font-size: 1.25rem;
    color: #000;
}

.row {
    /*
    border: 2px solid green;
    */
}

.index-page {
    font-size: 18px;
}

#booking-avail-places {
    
}

#booking-avail-places a {
    display: inline-block;
    margin: 0 10px 0 10px;
    font-size: 22px;
}

#booking-avail-place-preview {

}

#booking-avail-place-preview img {
    max-width:90%;
    margin-top:15px;
}

#place_pictures {
    min-height: 200px;;
}

.btn-txt-center {
    display: flex;
    justify-content: center; /* Centers text horizontally */
    align-items: center; /* Centers text vertically */
    margin: 0;
    padding: 0.5em;
}



/* header */

#header {
    width: 100%;
    /* border: 2px solid red; */
    /* display: flex;
    align-items: center; */
    /* background: green; */
}

#header-wrapper {
    padding: 1.5em 0 1.5em 0;
}



/* nav */

#nav ul {
    margin-bottom: 0;
    text-align: center;
}

#nav li {
    float: left;
    /* line-height: normal; */
    padding-left: 0;
    vertical-align: middle;
    display: inline-block;
}

#nav ul li {
    /* padding-left: 0; */
}

#nav {
    position: relative;
    font-size: 1em;
    margin: auto;
    width: 100%;
    /* background: red; */
}



/* search */

#search input {
    width: 14.5em;
}



/* cemetery place */

.place-info-title {
    font-style: italic;
    font-size: 13px;
}

.place-info-value {
    font-size: 15px;
    margin-right: 20px;
}

p:has(> span.place-info-title) {
    margin: 0;
}



/* navigator */

#navigator {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
}

#navigator a {
    display: flex;
    justify-content: center; /* Centers text horizontally */
    align-items: center; /* Centers text vertically */
}

#navigate-button {
    display: inline-block;
    width: 50%;
}