/* ~~~ colors and design customization ~~~ */
#header {
    background-color: rgb(244,241,234) !important; /* #F4F1EA */
}

/* #header {
    background-image: url("/user/themes/quark-greb/images/christmas.png");
    background-size: auto 2.4rem;
    background-repeat: repeat-x;
} */
/* .mobile-logo {
    background-image: url("/user/themes/quark-greb/images/christmas.png");
    background-size: auto 2.4rem;
    background-repeat: repeat-x;
} */

#footer {
    background-color: rgba(244,241,234,0.5) !important;
}
.divider {
    border-top: .05rem solid #acb3c2;
}
.btn:focus, .button:focus {
    box-shadow: none !important;
}

/* ~~~ modular page customization ~~~ */
.modular-text .topic {
    font-weight: 600;
    font-size: 1.4rem;
    padding-right: 1rem;
    padding-bottom: 0.8rem;
}

.modular-text-block p:last-child {
    margin-bottom: 0;
}

#start>.modular-text:nth-of-type(even) {
    background: #f8f9fa !important;
}

/* ~~~ gridjs ~~~ */
.gridjs-container {
    margin: 0 0 1.2rem 0;
}

/* hide leaflet map, if mobile menu is open */
.mobile-nav-open .leaflet-container {
    visibility: hidden;
}

/* ~~~ customized modular hero ~~~ */
.hero {
    padding-bottom: 0;
    justify-content: end;
}

.overlay-dark-gradient .image-overlay {
    background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,.4));
  }

/* ~~~ customized blog listing ~~~ */
.blog-listing .card-body p {
    margin-bottom: 0;
}

/* FIA page */
#divKetcher {
    height: 76vh;
    min-height: 700px;
    max-height: 800px;
    width: 100%;
    border-style: solid;
    border-width: 2px;
    border-radius: 8px;
}

#toKetcher {
    font-size: 3rem;
    color: #3a414e;
}

#smilesInput {
    font-size: .8rem;
    line-height: 1.2rem;
    width: 100%;
    max-width: 100%;
    height: 1.8rem;
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    border-color: #50596c;
}


/* ~~~ other ~~~ */
.bricklayer .card {
    margin-bottom: 0.8rem !important;
}

.image-left {
    order: -1;
}

@media (max-width: 600px) {
    .image-left {
        order: 0 !important;
    }
}

.absolute-centered {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
}

.flex-centered-x {
    display: flex;
    justify-content: center;
}

.flex-centered-y {
    display: flex;
    align-items: center;
}

.box-shadow {
    border: 0 !important;
    box-shadow: 0 0 75px 0 rgba(69,77,93,.1) !important;
}

.cv-short .column {
    padding-bottom: .4rem;
}

.my-flex-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.p-justify p {
    text-align: justify !important;
}

.anchortarget {
    scroll-margin-top: 2.3rem;
  }

.compact > *:first-child {
    margin-top: 0 !important;
}

.compact > *:last-child {
    margin-bottom: 0 !important;
}