/*
Theme Name: Monster-Studio
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.container-width, .full-width .ubermenu-nav, .container, .row {
	max-width: min(1350px, calc(100% - 2rem))
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
.authorContainer a {
    display: flex;
    align-items: center;
}
.authorContainer a .authorName {
    margin-right: 16px;
}

#post-list article {
    margin-bottom: 30px;
}
.loginAndLogoutBtn {
    position: relative;
}
.loginAndLogoutBtn .drop-down { 
    display: none;
    position: absolute;
    top: 100%;
    background-color: #fff;
    z-index: 99;
    width: auto;
    padding: 10px;
    border: 1px solid #000;
    min-width: max-content;
}
.loginAndLogoutBtn .drop-down a {
    display: inline-block;
}
.loginAndLogoutBtn:hover .drop-down {
    display: flex;
  	flex-direction: column;
}
html[lang="en-US"] .toggle-password {
    right: 10px;
    left: unset;
}
.custom-date-block {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5;
    margin: 0 auto;
    width: 100%;
    max-width: 180px;
}
.today-in-history .col-inner .text {
    font-weight: 300;
    font-size: 1rem;
    line-height: 1;
}
/* 
.timlineTopRow .col-inner:after {
    background-image: none !important;
} */
/* .rightHistoryImage {
    right: 0 !important;
}
.leftHistoryImage {
    left: 0 !important;
}
#col-2029942812 > .col-inner {
    padding: 0 !important;
}

.date-row {
    margin-top: -120px;
}
@media screen and (max-width: 549px) {
    .date-row {
        margin-top: -60px;
    }
} */

@media screen and (max-width: 767px) {
    .flex-posts>div {
        width: 100% !important;
        max-width: 100% !important;
    }
    .flex-posts>div .postThumbnail {
        width: 100% !important;
    }
}