@import "bulma/mynewbulma.min.css";
@import "flexboxgrid.min.css";
@font-face {
    font-family: 'Varela';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/varela/v11/DPEtYwqExx0AWHXJBA.ttf) format('truetype');
}
*:focus,
select:focus {
    outline: none !important;
    box-shadow: none !important;
}
.fa {
    font-weight: 400 !important;
}
html,
body {
    width: 100%;
    height: 100%;
    background-color: #1A1A1A;
    color: #fff;
    margin: 0 auto;
}
.content_area {
    width: 80%;
    margin: 0 auto !important;
}
@media only screen and (max-width: 1200px) {
    .content_area {
        width: 85%;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
@media only screen and (max-width: 1100px) {
    .content_area {
        width: 90%;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
@media only screen and (max-width: 900px) {
    .content_area {
        width: 100%;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}
.primary_dark_alpha_text {
    color: rgba(14, 97, 180, 0.7);
}
.bg_primary_color {
    background-color: #106ecc;
    color: #f2f5f7;
}
.bg_primary_color:hover {
    background-color: #2187ee;
    color: #f2f5f7;
}
/**
 site css
 */
#header {
    /** end trending tags **/
    /** end top nav **/
}
#header .trending_tags {
    width: 100%;
    background: #e2e9ed;
    font-size: 13px;
    white-space: nowrap;
    font-weight: bold;
    /** end content **/
}
@media only screen and (max-width: 600px) {
    #header .trending_tags {
        display: none;
    }
}
#header .trending_tags .content {
    height: 40px;
    display: flex;
    flex-direction: row;
    align-self: center;
    white-space: nowrap;
    overflow: hidden;
    justify-content: space-between;
    line-height: 20px;
    width: 80%;
    margin: 0 auto !important;
}
@media only screen and (max-width: 1200px) {
    #header .trending_tags .content {
        width: 85%;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
@media only screen and (max-width: 1100px) {
    #header .trending_tags .content {
        width: 90%;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
@media only screen and (max-width: 900px) {
    #header .trending_tags .content {
        width: 100%;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}
#header .trending_tags .content .title_main {
    display: flex;
    flex-direction: row;
}
#header .trending_tags .content .title_main .title_text {
    background: #106ecc;
    color: #f2f5f7;
    display: inline-block;
    padding: 10px;
}
#header .trending_tags .content .title_main .arrow {
    display: inline-block !important;
    border-style: solid;
    border-width: 20px 0 22px 16px;
    border-color: transparent transparent transparent #106ecc;
    line-height: 0;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
#header .trending_tags .content .tags {
    display: flex !important;
    flex-direction: row;
    white-space: nowrap !important;
}
#header .trending_tags .content .tags a {
    display: inline-block;
    padding: 10px;
    font-size: 13px;
    color: #3b4d56 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-transform: capitalize;
}
#header .trending_tags .content .tags a:hover {
    background: #d2dde4;
}
#header .trending_tags .content .date {
    background: #106ecc;
    padding: 10px;
    color: #f2f5f7;
}
#header #logo_n_topad_area {
    width: 80%;
    margin: 0 auto !important;
    padding: 20px 5px 4px;
}
@media only screen and (max-width: 1200px) {
    #header #logo_n_topad_area {
        width: 85%;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
@media only screen and (max-width: 1100px) {
    #header #logo_n_topad_area {
        width: 90%;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
@media only screen and (max-width: 900px) {
    #header #logo_n_topad_area {
        width: 100%;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}
#header #logo_n_topad_area .brand_logo {
    width: 200px;
    max-width: 100%;
    display: inline-block;
    margin: 0 auto !important;
}
#header #search_area {
    width: 80%;
    margin: 0 auto !important;
}
@media only screen and (max-width: 1200px) {
    #header #search_area {
        width: 85%;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
@media only screen and (max-width: 1100px) {
    #header #search_area {
        width: 90%;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
@media only screen and (max-width: 900px) {
    #header #search_area {
        width: 100%;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}
#header nav {
    border-radius: 5px;
}
#header #topnav {
    background: #106ecc;
    color: #f2f5f7;
    /** on mobile and small screens **/
    /** end on small screen and tablets **/
}
@media only screen and (max-width: 1023px) {
    #header #topnav .navbar-brand {
        display: flex;
        flex-direction: row;
        width: 100%;
        padding: 0px !important;
        height: 100px;
        overflow: hidden;
        border-radius: 5px;
    }
    #header #topnav .navbar-brand .navbar-burger,
    #header #topnav .navbar-brand .search_icon_btn {
        width: 60px !important;
        min-height: 100% !important;
        margin: 0px !important;
        padding: 10px;
        padding-left: 15px;
    }
    #header #topnav .navbar-brand .navbar-burger svg,
    #header #topnav .navbar-brand .search_icon_btn svg {
        margin-top: 25px;
    }
    #header #topnav .navbar-brand .navbar-burger:hover,
    #header #topnav .navbar-brand .search_icon_btn:hover {
        background: #0c549d;
    }
    #header #topnav .navbar-brand .search_icon_btn {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    #header #topnav .navbar-brand .navbar-burger {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    #header #topnav .navbar-brand .mobile_menu_wrapper {
        flex: 1;
        flex-wrap: nowrap;
        overflow-x: auto;
        min-width: 200px;
        overflow-y: hidden;
    }
    #header #topnav .navbar-brand .mobile_menu_wrapper .mobile_menu {
        display: flex;
        justify-content: space-evenly;
        width: 100%;
    }
    #header #topnav .navbar-brand .mobile_menu_wrapper .mobile_menu a {
        flex: 1;
        min-width: 60px;
        padding: 30px 10px 10px;
        display: block;
        text-align: center;
        color: rgba(242, 245, 247, 0.7);
        font-size: 14px;
        position: relative;
    }
    #header #topnav .navbar-brand .mobile_menu_wrapper .mobile_menu a ion-icon {
        font-size: 20px;
    }
    #header #topnav .navbar-brand .mobile_menu_wrapper .mobile_menu a:hover {
        background: #0c549d;
    }
    #header #topnav .item {
        background: #106ecc;
        position: relative;
        display: inline-block;
        overflow: hidden !important;
        padding: 0px 10px;
    }
    #header #topnav .item:hover {
        background: #0c549d;
    }
    #header #topnav .item ion-icon {
        position: relative;
        top: 35%;
    }
    #header #topnav .operaMobMenu {
        color: #f2f5f7;
        border: 1px solid #f2f5f7;
        padding: 5px;
        margin: 2px;
    }
}
@media only screen and (max-width: 1000px) {
    #header #topnav .mobile_menu {
        position: relative;
        left: 0px;
        right: 0px;
        margin-left: 60px;
        margin-right: 60px;
    }
}
#header #topnav .navbar-item.is-mega {
    position: static;
}
#header #topnav .navbar-item.is-mega .is-mega-menu-title {
    margin-bottom: 0;
    padding: .375rem 1rem;
}
#header #topnav .navbar-menu {
    background: #106ecc;
    color: #f2f5f7;
    /** end media **/
}
@media only screen and (max-width: 1023px) {
    #header #topnav .navbar-menu .navbar-item.has-dropdown .navbar-dropdown {
        display: none;
        transition: all 1s linear;
    }
    #header #topnav .navbar-menu .navbar-item.has-dropdown.expanded .navbar-dropdown {
        display: block;
    }
    #header #topnav .navbar-menu .navbar-item a.button.is-outlined {
        width: 80%;
        margin: 0 auto;
    }
}
#header #topnav .navbar-item {
    color: #f2f5f7;
}
#header #topnav .navbar-item ion-icon {
    position: relative;
    top: 5px;
}
#header #topnav .navbar-item:not(.has-dropdown):hover {
    background: #0c549d !important;
    color: #f2f5f7 !important;
}
#header #topnav .navbar-item.has-dropdown.expanded,
#header #topnav .navbar-item.has-dropdown:visited,
#header #topnav .navbar-item.has-dropdown:active,
#header #topnav .navbar-item.has-dropdown a:visited,
#header #topnav .navbar-item.has-dropdown a:active {
    background: #0c549d !important;
    color: #f2f5f7 !important;
}
#header #topnav .navbar-item.has-dropdown .navbar-link::after {
    border-color: #f2f5f7 !important;
}
#header #topnav .navbar-item.has-dropdown > .navbar-link {
    color: #f2f5f7 !important;
}
#header #topnav .navbar-item.has-dropdown > .navbar-link:hover {
    background: #0c549d !important;
}
#header #topnav .navbar-dropdown {
    background: #106ecc;
}
#header #topnav .navbar-dropdown a {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #f2f5f7 !important;
}
#header #topnav .navbar-dropdown a:hover {
    background: #0e61b4;
}
/** end header **/
.clearfix {
    clear: both;
}
.visible {
    display: inline-block;
}
.block_content {
    display: block;
}
.center_block {
    margin: 0 auto !important;
}
.float_right {
    float: right;
}
.center_children {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.search_icon_btn {
    overflow: hidden;
}
.search_icon {
    font-size: 20px;
    color: #f2f5f7 !important;
    padding: 5px 10px;
}
#search_bar_main {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 5px;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    padding: 5px;
    overflow-y: hidden;
    max-height: 65px;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
#search_bar_main.hidden {
    max-height: 0px;
    margin-top: 0px;
    visibility: hidden;
}
#search_bar_main #close_search {
    padding: 0px 10px;
}
#search_bar_main #close_search ion-icon {
    font-size: 60px !important;
    color: #83a0b3;
    font-weight: bold;
}
#search_bar_main #close_search ion-icon:hover {
    color: #106ecc;
}
#search_bar_main #search_bar {
    margin: 0 auto;
    border-radius: 10px;
    border: 1px solid #444;
    height: 60px;
    overflow: hidden;
    padding: 0px;
    display: flex;
    flex-direction: row;
    width: 100% !important;
}
#search_bar_main #search_bar input {
    border: 0px !important;
    width: 100%;
    height: 60px;
    background: none;
    text-align: center;
    font-size: 20px;
    color: #4f6875;
}
#search_bar_main #search_bar input:focus {
    border: none;
}
#search_bar_main #search_bar .select,
#search_bar_main #search_bar select {
    border: none !important;
    height: 60px;
    line-height: 30px;
    background: none;
    color: #4f6875;
}
@media only screen and (max-width: 450px) {
    #search_bar_main #search_bar .select,
    #search_bar_main #search_bar select {
        width: 80px;
    }
}
#search_bar_main #search_bar .select:not(.is-multiple):not(.is-loading)::after {
    border-color: #c3d1da;
}
#search_bar_main #search_bar .control::before {
    content: '';
    border-left: 2px solid #c3d1da;
    position: relative;
    top: 18px;
}
#search_bar_main #search_bar ion-icon {
    font-size: 64px;
    margin: 15px;
    color: #c3d1da;
    font-weight: bold;
}
#search_bar_main #search_bar.focused {
    border-color: #3994ef;
}
#search_bar_main #search_bar.focused .control::before,
#search_bar_main #search_bar.focused .control .select:not(.is-multiple):not(.is-loading)::after {
    border-color: #3994ef;
}
#search_bar_main #search_bar .submit_btn {
    height: 60px;
    background: #2187ee;
    border: none;
    color: #f2f5f7;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#search_bar_main #search_bar .submit_btn:hover {
    background: #127be4;
}
/** End #search_main **/
.mobile_only {
    display: none;
}
.desktop_only {
    display: inline-block;
}
@media only screen and (max-width: 1023px) {
    .mobile_only {
        display: inline-block;
    }
    .desktop_only {
        display: none;
    }
}
.left {
    float: left !important;
}
.right {
    float: right !important;
}
.m20 {
    margin: 20px;
}
.title {
    color: #3b4d56;
}
.sub-title {
    color: #4f6875;
}
.full_width {
    width: 100% !important;
}
.block {
    display: block !important;
}
.p10 {
    padding: 10px;
}
/**
 Breadcrumb
 */
.breadcrumb ul {
    margin-top: 10px;
    margin-bottom: 3px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
@media only screen and (max-width: 400px) {
    .breadcrumb ul {
        justify-content: center;
    }
}
/**
 * site_layout
 **/
#site_layout {
    display: flex;
    flex-direction: row;
    width: 80%;
    margin: 0 auto !important;
}
@media only screen and (max-width: 1200px) {
    #site_layout {
        width: 85%;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
@media only screen and (max-width: 1100px) {
    #site_layout {
        width: 90%;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
@media only screen and (max-width: 900px) {
    #site_layout {
        width: 100%;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}
#site_layout .main_content {
    flex-grow: 1;
    flex-shrink: 1;
}
#site_layout .right_sidebar {
    flex-grow: 0;
    flex-shrink: 0;
    width: 360px;
    min-width: 360px;
    margin: 0px;
    margin-right: 5px;
    margin-top: -10px;
}
@media only screen and (max-width: 1000px) {
    #site_layout .right_sidebar {
        width: 330px !important;
        min-width: 330px !important;
    }
}
@media only screen and (max-width: 900px) {
    #site_layout .right_sidebar {
        width: 320px !important;
        min-width: 320px !important;
    }
}
@media only screen and (max-width: 800px) {
    #site_layout .right_sidebar {
        width: 300px !important;
        min-width: 300px !important;
    }
}
@media only screen and (max-width: 680px) {
    #site_layout {
        flex-direction: column;
    }
    #site_layout .right_sidebar {
        width: 100% !important;
        display: block;
        flex: 1;
    }
}
.title_strip {
    padding: 10px 5px 10px 20px;
    padding-left: 3px;
    color: #648393;
    display: inline-block;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    font-size: 18px;
    font-weight: bold;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Varela', sans-serif;
}
.post_list_row_post_item_grid {
    flex-shrink: 0;
    flex-grow: 0;
    width: 100%;
    padding: 2px;
    height: 160px;
    margin-bottom: 180px;
}
@media only screen and (max-width: 380px) {
    .post_list_row_post_item_grid {
        width: 98%;
    }
}
@media only screen and (min-width: 380px) {
    .post_list_row_post_item_grid {
        width: calc(50%);
        width: 50%;
    }
}
@media only screen and (min-width: 580px) {
    .post_list_row_post_item_grid {
        width: calc(33.33333333%);
        width: 33.3333333333%;
    }
}
@media only screen and (min-width: 680px) {
    .post_list_row_post_item_grid {
        width: calc(50%);
        width: 50%;
    }
}
@media only screen and (min-width: 1000px) {
    .post_list_row_post_item_grid {
        width: calc(33.33333333%);
        width: 33.3333333333%;
    }
}
@media only screen and (min-width: 1200px) {
    .post_list_row_post_item_grid {
        width: calc(25%);
        width: 25%;
    }
}
@media only screen and (min-width: 1500px) {
    .post_list_row_post_item_grid {
        width: calc(20%);
        width: 20%;
    }
}
@media only screen and (min-width: 2000px) {
    .post_list_row_post_item_grid {
        width: calc(12.5%);
        width: 12.5%;
    }
}
@media only screen and (min-width: 2500px) {
    .post_list_row_post_item_grid {
        width: calc(10%);
        width: 10%;
    }
}
@media only screen and (min-width: 3000px) {
    .post_list_row_post_item_grid {
        width: calc(8.33333333%);
        width: 8.33333333333%;
    }
}
/**
 * column list layout
 *  ____
 *  ____
 *  ____
**/
.post_list_column_layout {
    flex-direction: column !important;
    width: 100% !important;
    justify-content: center;
    /** end .post_item **/
}
.post_list_column_layout .post_item {
    width: 101% !important;
    margin: 0px !important;
    padding: 0px !important;
    margin-bottom: 5px;
    /** end a **/
}
.post_list_column_layout .post_item > a {
    flex-direction: row;
    width: 100%;
    height: 150px;
    border: 1px solid #d2dde4;
    flex-grow: 1 !important;
}
.post_list_column_layout .post_item > a .card_item_content {
    overflow-y: hidden;
    height: 100%;
    align-self: stretch;
    flex-grow: 1;
    width: 100%;
}
@media only screen and (max-width: 400px) {
    .post_list_column_layout .post_item > a {
        height: 160px;
    }
    .post_list_column_layout .post_item > a .card_item_header {
        width: 120px;
        height: 160px;
    }
    .post_list_column_layout .post_item > a .card_item_header img {
        width: 100%;
        min-height: 100%;
        object-fit: cover;
    }
    .post_list_column_layout .post_item > a .card_item_content .title {
        font-size: 14px;
        font-weight: bold;
        height: 80px;
        line-height: 18px;
    }
}
@media only screen and (max-width: 500px) {
    .post_list_column_layout .post_item > a {
        height: 160px;
    }
    .post_list_column_layout .post_item > a .card_item_content .title {
        font-size: 14px;
        line-height: 18px;
    }
    .post_list_column_layout .post_item > a .card_item_header {
        width: 120px;
        height: 160px;
    }
}
@media only screen and (max-width: 1000px) {
    .post_list_column_layout .post_item > a .card_item_content .title {
        font-size: 14px;
        line-height: 20px;
    }
}
.post_list_column_layout .post_item > a .card_item_header {
    width: 160px;
    height: 150px;
    border-radius: 4px 0px 0px 4px;
    overflow-y: hidden;
    flex-shrink: 0;
    flex-grow: 0;
}
.post_list_column_layout .post_item > a .card_item_header img {
    width: 100%;
    height: 100%;
    border-radius: 4px 0px 0px 4px;
    object-fit: cover;
}
.post_list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    /** end post_item **/
}
.post_list .post_item {
    flex-shrink: 0;
    flex-grow: 0;
    width: 100%;
    padding: 2px;
    height: 160px;
    margin-bottom: 180px;
    /** end a **/
}
@media only screen and (max-width: 380px) {
    .post_list .post_item {
        width: 98%;
    }
}
@media only screen and (min-width: 380px) {
    .post_list .post_item {
        width: calc(50%);
        width: 50%;
    }
}
@media only screen and (min-width: 580px) {
    .post_list .post_item {
        width: calc(33.33333333%);
        width: 33.3333333333%;
    }
}
@media only screen and (min-width: 680px) {
    .post_list .post_item {
        width: calc(50%);
        width: 50%;
    }
}
@media only screen and (min-width: 1000px) {
    .post_list .post_item {
        width: calc(33.33333333%);
        width: 33.3333333333%;
    }
}
@media only screen and (min-width: 1200px) {
    .post_list .post_item {
        width: calc(25%);
        width: 25%;
    }
}
@media only screen and (min-width: 1500px) {
    .post_list .post_item {
        width: calc(20%);
        width: 20%;
    }
}
@media only screen and (min-width: 2000px) {
    .post_list .post_item {
        width: calc(12.5%);
        width: 12.5%;
    }
}
@media only screen and (min-width: 2500px) {
    .post_list .post_item {
        width: calc(10%);
        width: 10%;
    }
}
@media only screen and (min-width: 3000px) {
    .post_list .post_item {
        width: calc(8.33333333%);
        width: 8.33333333333%;
    }
}
.post_list .post_item > a {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    background: #121212;
    -webkit-box-shadow: 0px 0px 15px -10px #51a1f1;
    -moz-box-shadow: 0px 0px 15px -10px #51a1f1;
    box-shadow: 0px 0px 15px -10px #51a1f1;
    border: 0.5px solid #d2dde4;
    max-width: 98%;
}
.post_list .post_item > a:hover {
    -webkit-box-shadow: 0px 0px 15px -10px #51a1f1;
    -moz-box-shadow: 0px 0px 15px -10px #51a1f1;
    box-shadow: 0px 0px 15px -10px #51a1f1;
}
.post_list .post_item > a .card_item_header {
    width: 100%;
    height: 160px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.post_list .post_item > a .card_item_header img {
    min-width: 100%;
    height: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    object-fit: cover;
}
.post_list .post_item > a .card_item_content {
    padding: 15px;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
}
.post_list .post_item > a .card_item_meta {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    color: rgba(14, 97, 180, 0.7);
}
.post_list .post_item > a:hover {
    -webkit-box-shadow: 0px 0px 30px -15px #2187ee;
    -moz-box-shadow: 0px 0px 30px -15px #2187ee;
    box-shadow: 0px 0px 30px -15px #2187ee;
}
.post_list .post_item > a .cat_strip {
    color: rgba(12, 84, 157, 0.6);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100% !important;
}
.post_list .post_item > a .title {
    font-size: 17px;
    font-weight: bold;
    height: 65px;
    margin-top: 6px;
    color: rgba(16, 110, 204, 0.98);
    line-height: 23px;
    overflow: hidden;
}
.post_list.is_grid_layout {
    flex-direction: column !important;
    width: 100% !important;
    justify-content: center;
    /** end .post_item **/
}
.post_list.is_grid_layout .post_item {
    width: 101% !important;
    margin: 0px !important;
    padding: 0px !important;
    margin-bottom: 5px;
    /** end a **/
}
.post_list.is_grid_layout .post_item > a {
    flex-direction: row;
    width: 100%;
    height: 150px;
    border: 1px solid #444;
    flex-grow: 1 !important;
}
.post_list.is_grid_layout .post_item > a .card_item_content {
    overflow-y: hidden;
    height: 100%;
    align-self: stretch;
    flex-grow: 1;
    width: 100%;
}
@media only screen and (max-width: 400px) {
    .post_list.is_grid_layout .post_item > a {
        height: 160px;
    }
    .post_list.is_grid_layout .post_item > a .card_item_header {
        width: 120px;
        height: 160px;
    }
    .post_list.is_grid_layout .post_item > a .card_item_header img {
        width: 100%;
        min-height: 100%;
        object-fit: cover;
    }
    .post_list.is_grid_layout .post_item > a .card_item_content .title {
        font-size: 14px;
        font-weight: bold;
        height: 80px;
        line-height: 18px;
    }
}
@media only screen and (max-width: 500px) {
    .post_list.is_grid_layout .post_item > a {
        height: 160px;
    }
    .post_list.is_grid_layout .post_item > a .card_item_content .title {
        font-size: 14px;
        line-height: 18px;
    }
    .post_list.is_grid_layout .post_item > a .card_item_header {
        width: 120px;
        height: 160px;
    }
}
@media only screen and (max-width: 1000px) {
    .post_list.is_grid_layout .post_item > a .card_item_content .title {
        font-size: 14px;
        line-height: 20px;
    }
}
.post_list.is_grid_layout .post_item > a .card_item_header {
    width: 160px;
    height: 150px;
    border-radius: 4px 0px 0px 4px;
    overflow-y: hidden;
    flex-shrink: 0;
    flex-grow: 0;
}
.post_list.is_grid_layout .post_item > a .card_item_header img {
    width: 100%;
    height: 100%;
    border-radius: 4px 0px 0px 4px;
    object-fit: cover;
}
.right {
    float: right;
}
.text_right {
    text-align: right;
}
.text_center {
    text-align: center;
}
.flex {
    display: flex;
    flex-direction: column;
}
.flex img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    /* remove extra space below image */
}
.flex.flex_row {
    flex-direction: row;
}
.flex.flex_justify_space_between {
    justify-content: space-between;
}
.flex.flex_justify_center {
    justify-content: center;
}
.flex.flex_align_items_center {
    align-items: center;
}
.flex.flex_col {
    flex-direction: column;
}
.buttons .button {
    color: #106ecc;
}
.buttons .button.is-selected {
    background: #106ecc;
    color: #f2f5f7;
}
#posts_layout_selector {
    display: flex;
    flex-direction: row;
}
@media only screen and (max-width: 365px) {
    #posts_layout_selector {
        flex-direction: column;
    }
}
#posts_layout_selector button {
    flex-shrink: 0;
    flex-grow: 0;
    width: 64px;
    margin: 2px;
    color: #106ecc;
}
#posts_layout_selector button.is-selected {
    background: #106ecc;
    color: #f2f5f7;
}
.mt20 {
    margin-top: 20px;
}
.mt40 {
    margin-top: 40px;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.m10 {
    margin: 10px;
}
.mt60 {
    margin-top: 60px;
}
.pl4 {
    padding-left: 40px;
}
.pt20 {
    padding-top: 20px;
}
.pb80 {
    padding-bottom: 80px;
}
.pl2 {
    padding-left: 2px;
}
.pagination_parent {
    margin-top: 40px;
    margin-bottom: 40px;
    display: block;
    width: 100%;
}
.pagination_parent .pagination .pagination-link {
    background: #ffffff;
    color: #106ecc;
}
.pagination_parent .pagination .pagination-link.is-current {
    background: #106ecc !important;
    color: #f2f5f7;
}
.pagination_parent .pagination .pagination-previous,
.pagination_parent .pagination .pagination-next {
    background: #106ecc !important;
    color: #f2f5f7;
}
/**
 * view_post
 */
#view_post .post_header {
    width: 100%;
    min-height: 280px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-blend-mode: overlay !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-box-shadow: 0px 2px 10px -4px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 2px 10px -4px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 2px 10px -4px rgba(0, 0, 0, 0.45);
}
#view_post .post_header .overlay {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 40px;
    height: 100%;
    min-height: 280px;
    color: #fff;
    color: rgba(255, 255, 255, 0.96);
}
#view_post .post_header .date {
    font-size: 14px;
}
#view_post .post_header .sharer_btns {
    margin-top: 26px;
    position: sticky;
    top: 40px;
    justify-content: space-evenly;
    width: 100%;
}
#view_post .post_header .sharer_btns img {
    width: 48px;
    height: 48px;
}
#view_post .post_header .sharer_btns a {
    margin: 10px;
}
#view_post .post_content {
    background: #121212;
    color: #fff;
    padding: 10px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-box-shadow: 0px 2px 10px -4px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 2px 10px -4px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 2px 10px -4px rgba(0, 0, 0, 0.45);
    flex-direction: column;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
#view_post .post_content span {
    color: #ffffff !important; /* Force text color to white */
}

#view_post .post_content a {
    color: #0074D9 !important; /* Force text color to white */
}

#view_post .post_content strong {
    color: #fff; /* Apply the color to <strong> elements */
    font-weight: bold; /* Optional: Enhance the boldness of <strong> */
}

#view_post .post_content strong a {
    color: #0074D9; /* Link color for <strong> elements with links */
}

#view_post .post_content p {
    display: block !important;
    width: 100% !important;
    margin-bottom: 10px !important;
    line-height: 1.8;
    font-family: 'Montserrat', sans-serif !important;
}
#view_post .post_content h1 {
    font-size: 2em;
}
#view_post .post_content h2 {
    font-size: 1.73333333em;
}
#view_post .post_content h3 {
    font-size: 1.46666667em;
}
#view_post .post_content h4 {
    font-size: 1.33333333em;
}
#view_post .post_content ul {
    list-style-type: disc;
    margin-left: 30px;
    margin-bottom: 24px;
}
#view_post .post_content ul li {
    margin-top: 4px;
}
#view_post .post_content ul ul {
    list-style-type: square;
    margin-bottom: 0;
}
#view_post .post_content ul ul ul {
    list-style-type: circle;
}
#view_post .post_content ol {
    list-style-type: decimal;
    margin-left: 30px;
    margin-bottom: 24px;
}
#view_post .post_content ol ol {
    list-style: upper-alpha;
    margin-bottom: 0;
}
#view_post .post_content ol ol ol {
    list-style: lower-roman;
}
#view_post .post_content ol ol ol ol {
    list-style: lower-alpha;
}
#view_post .post_content hr {
    border: none;
    border-top: #EEE 1px solid;
}
#view_post .post_content iframe,
#view_post .post_content object {
    width: 100%;
    max-width: 100%;
}
#view_post .post_content img {
    width: 100% !important;
    margin: 0 auto !important;
}
#view_post .related_posts {
    margin-top: 20px;
}
.post_title {
    font-size: 30px;
    font-weight: bold;
}
.overlay {
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
}
.cat_list {
    border-radius: 5px;
    background: #121212;
    margin-top: 20px;
    -webkit-box-shadow: 0px 0px 15px -10px #51a1f1;
    -moz-box-shadow: 0px 0px 15px -10px #51a1f1;
    box-shadow: 0px 0px 15px -10px #51a1f1;
}
.cat_list:hover {
    -webkit-box-shadow: 0px 0px 15px -10px #51a1f1;
    -moz-box-shadow: 0px 0px 15px -10px #51a1f1;
    box-shadow: 0px 0px 15px -10px #51a1f1;
}
.cat_list a {
    padding: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #106ecc;
    border-bottom: 0.2px solid #333;
    font-weight: 460;
    font-size: 18px;
}
.cat_list a:hover {
    background: #106ecc;
    color: #f2f5f7;
}
.cat_list a .cat_name {
    display: inline-block;
}
.cat_list a .arrow {
    width: 40px;
    height: 40px;
}
#alpha_list {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    margin: 5px;
}
#alpha_list a {
    margin: 0px 10px 10px;
    padding: 20px;
    background: #ffffff;
    color: #106ecc;
    font-weight: bold;
    font-size: 16px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 15px -10px #51a1f1;
    -moz-box-shadow: 0px 0px 15px -10px #51a1f1;
    box-shadow: 0px 0px 15px -10px #51a1f1;
}
#alpha_list a:hover {
    -webkit-box-shadow: 0px 0px 15px -10px #51a1f1;
    -moz-box-shadow: 0px 0px 15px -10px #51a1f1;
    box-shadow: 0px 0px 15px -10px #51a1f1;
}
#alpha_list a.is_current {
    background: #106ecc;
    color: #f2f5f7;
}
.custom_scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}
.custom_scrollbar::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}
.custom_scrollbar::-webkit-scrollbar-thumb {
    background-color: #0ae;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(transparent));
}
.post_tags {
    margin-top: 20px;
    margin-bottom: 20px;
}
.post_tags a {
    margin: 5px;
    padding: 10px;
    border: 1px solid rgba(16, 110, 204, 0.6);
    border-radius: 8px;
    text-transform: capitalize;
    display: inline-block;
}
.post_tags a:hover {
    background: #106ecc;
    color: #f2f5f7;
}
.rounded {
    border-radius: 5px;
}
.rounded_tl {
    border-top-left-radius: 5px;
}
.rounded_tr {
    border-top-right-radius: 5px;
}
.right_sidebar {
    padding: 10px;
    margin-top: 15px;
}
@media only screen and (max-width: 600px) {
    .right_sidebar {
        width: 100%;
    }
}
.right_sidebar .top_searches {
    padding: 10px 15px;
}
.right_sidebar .top_searches a {
    margin: 5px;
    padding: 10px;
    border: 1px solid rgba(16, 110, 204, 0.6);
    border-radius: 8px;
    text-transform: capitalize;
    display: inline-block;
}
.right_sidebar .top_searches a:hover {
    background: #106ecc;
    color: #f2f5f7;
}
.right_sidebar input[type=text] {
    width: 95%;
    height: 40px;
    border: 1px solid #2187ee;
    border-radius: 4px;
    margin: 5px;
    text-align: center;
}
.right_sidebar input[type=submit] {
    border: 1px solid #2187ee;
    background: #106ecc;
    color: #f2f5f7;
    text-align: center;
    border-radius: 4px;
    height: 40px;
    display: block;
    width: 96%;
    margin-left: 5px;
}
.right_sidebar .card {
    background: #121212 !important;
    color: #fff;
    padding: 6px !important;
    margin-bottom: 10px !important;
    position: static;
}
.right_sidebar .card-header-title {
    padding: 2px;
    margin: 0px 0px 15px -20px;
}
.right_sidebar .card-header-title::before {
    content: '';
    height: 2px;
    background: #106ecc;
    width: 20px;
    position: relative;
    top: 14px;
    left: 20px;
}
.social_icons {
    padding: 2px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.social_icons a {
    padding: 2px;
}
.social_icons img {
    width: 32px;
}
.tabs_wrapper .tabs:not(:last-child) {
    margin-bottom: 0;
}
.tabs_wrapper .tab-content {
    padding: 1rem;
    display: none;
}
.tabs_wrapper .tab-content.is-active {
    display: block;
}
.small {
    font-size: 12px;
}
.uppercase {
    text-transform: uppercase;
}
.bold {
    font-weight: bold !important;
}
.narrow_post_list a {
    color: #0074D9;
    padding: 5px;
    width: 100%;
}
.narrow_post_list a:hover {
    background: #121212;
    color: #0074D9;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.narrow_post_list a .text_context {
    max-height: 64px;
    padding: 0px 4px 4px;
    width: 100%;
    display: block;
}
.narrow_post_list a .text_context .title {
    font-size: 13.5px;
    height: 38px !important;
    overflow-y: hidden;
    text-overflow: ellipsis;
    display: inline-block !important;
    color: #0074D9;
    line-height: 1.35;
    width: 100%;
    display: block;
}
.narrow_post_list a .text_context .details {
    height: 16px;
    color: #ffffff;
    position: relative;
    top: -30px;
    font-weight: bold;
    display: block;
    width: 100%;
}
.narrow_post_list a img {
    width: 64px !important;
    height: 44px !important;
    border-radius: 4px;
    background: transparent;
    overflow: hidden;
    border: 1px solid #e2e9ed;
}
.transparent {
    background: none;
}
.mt10 {
    margin-top: 10px;
}
.post_info {
    position: relative;
    z-index: 0;
    background-color: #121212;
    padding: 10px;
    margin-top: -90px;
}
.post_info .post_date {
    color: #106ecc;
    font-size: 14px;
    font-weight: 500;
}
.post_info .post_title {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 20px;
}
.sidebar_full_post {
    width: 100%;
    height: 280px;
    border: 0.5px solid #333;
    margin-top: 20px;
    margin-bottom: 10px;
}
.sidebar_full_post img {
    width: 100%;
    height: 280px;
}
.blue_indigo_text {
    color: #3d5afe;
}
.flex_grow {
    flex-grow: 1;
}
.flex_fluid {
    flex: 1;
}
.home_content {
    display: flex;
    flex-direction: row;
    margin-top: 0px;
    width: 100%;
}
@media only screen and (max-width: 600px) {
    .home_content {
        flex-direction: column;
    }
}
.home_content .card {
    background: #121212;
    padding: 5px;
    padding-top: 10px;
    border-radius: 5px;
}
.home_content .post_list {
    width: 100%;
    justify-content: center;
}
@media screen and (max-width: 400px) {
    .home_content .post_list .post_item {
        width: 98%;
        max-width: 98%;
    }
}
.home_content .narrow_post_list img {
    width: 52px !important;
    height: 48px !important;
    object-fit: cover;
    object-position: center;
}
.home_content .right_sidebar {
    flex-grow: 0;
    flex-shrink: 0;
    width: 30%;
    padding: 10px;
    padding-top: 0px !important;
    padding-right: 0px;
    margin-top: 1px;
}
@media only screen and (max-width: 900px) {
    .home_content .right_sidebar {
        width: 35%;
    }
}
@media only screen and (max-width: 600px) {
    .home_content .right_sidebar {
        width: 100%;
    }
}
.home_content .right_sidebar .social_icons_main {
    margin-bottom: 20px;
    background: none;
    border: none;
    box-shadow: none;
}
.home_content .home_first_column_layout {
    width: 70%;
    flex-grow: 0;
    flex-shrink: 0;
}
@media only screen and (max-width: 900px) {
    .home_content .home_first_column_layout {
        width: 60%;
    }
}
@media only screen and (max-width: 600px) {
    .home_content .home_first_column_layout {
        width: 100%;
    }
}
.home_content .home_first_column_layout .left_side_bar_and_center_view {
    width: 100%;
    display: flex;
    flex-direction: row;
}
@media only screen and (max-width: 900px) {
    .home_content .home_first_column_layout .left_side_bar_and_center_view {
        flex-direction: column-reverse;
    }
    .home_content .home_first_column_layout .left_side_bar_and_center_view .left_sidebar,
    .home_content .home_first_column_layout .left_side_bar_and_center_view .center_content {
        width: 100% !important;
    }
}
.home_content .home_first_column_layout .left_side_bar_and_center_view .left_sidebar {
    width: 40%;
    padding-right: 5px;
}
.home_content .home_first_column_layout .left_side_bar_and_center_view .center_content {
    width: 60%;
}
.home_content .home_first_column_layout .left_side_bar_and_center_view .center_content .post_list {
    width: 100%;
}
.home_content .home_first_column_layout .left_side_bar_and_center_view .center_content .post_list .post_item {
    width: 50%;
}
.home_content .home_first_column_layout .left_side_bar_and_center_view .center_content .glide {
    border: 1px solid #e2e9ed;
    border-radius: 10px;
}
.home_content .home_first_column_layout .left_side_bar_and_center_view .center_content .glide__slide {
    -webkit-box-shadow: 0px 0px 2px 0px rgba(16, 110, 204, 0.8);
    -moz-box-shadow: 0px 0px 2px 0px rgba(16, 110, 204, 0.8);
    box-shadow: 0px 0px 2px 0px rgba(16, 110, 204, 0.8);
    border-radius: 4px;
}
.home_content .home_first_column_layout .left_side_bar_and_center_view .center_content .glide__slide img {
    width: 100%;
    height: 320px;
    border-radius: 4px;
}
.home_content .home_first_column_layout .left_side_bar_and_center_view .center_content .glide__slide .post_info {
    position: relative;
    z-index: 0;
    background-color: rgba(255, 255, 255, 0.86);
    margin-top: -65px;
    height: 80px;
    padding: 10px;
}
.home_content .home_first_column_layout .left_side_bar_and_center_view .center_content .glide__slide .post_info .post_title {
    font-size: 15px;
}
.file_attachment_wrapper {
    background: #222; /* Dark mode background */
    padding: 10px;
    margin-top: 10px;
    border-radius: 5px;
}

.file_attachment_wrapper .attachment_info {
    background: #444; /* Dark mode background for attachment info */
    padding: 10px;
    color: rgba(255, 255, 255, 0.9); /* Light text color for dark mode */
    border-radius: 5px;
}

.file_attachment_wrapper .attachment_info a,
.file_attachment_wrapper .attachment_info a:hover,
.file_attachment_wrapper .attachment_info a:visited,
.file_attachment_wrapper .attachment_info a:focus {
    color: #dfeefc; /* Light link color for dark mode */
}

.capitalize {
    text-transform: capitalize !important;
}
.title_with_strip {
    text-transform: capitalize;
    color: #263238;
    font-size: 24px;
    font-weight: 480;
    padding: 0px;
    margin: 0px;
    display: inline-block;
    margin: 0px 0px 15px -40px;
    position: relative;
    left: 10px;
    margin-top: 20px !important;
}
.title_with_strip::before {
    content: '' !important;
    height: 2.5px !important;
    background: #106ecc !important;
    width: 30px !important;
    display: inline-block !important;
    position: relative;
    left: 38px;
    top: 12px;
    border-radius: 8px;
}
.no_shadow {
    box-shadow: none !important;
}
.no_padding {
    padding: 0px  !important;
    padding: none !important;
}
.glide__arrows button {
    border-radius: 20px;
    width: 40px !important;
    height: 40px !important;
    border-color: rgba(255, 255, 255, 0.4);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    background: rgba(0, 0, 0, 0.15) !important;
}
.glide__arrows button ion-icon {
    font-size: 24px !important;
    position: relative;
    left: -4px;
    top: -3px;
    color: rgba(255, 255, 255, 0.6);
}
.glide__arrows button button:first-child ion-icon {
    left: -8px;
}
.glide__arrows button:hover {
    border-color: rgba(255, 255, 255, 0.95);
}
.glide__arrows button:hover ion-icon {
    color: rgba(255, 255, 255, 0.95);
}
.glide__bullets {
    top: 355px;
}
.glide__bullets .glide__bullet {
    width: 16px;
    height: 16px;
    background: none !important;
    border-color: rgba(16, 110, 204, 0.6);
    position: relative;
}
.glide__bullets .glide__bullet:hover {
    background: none !important;
    border-color: rgba(16, 110, 204, 0.8);
}
.glide__bullets .glide__bullet.glide__bullet--active {
    width: 20px;
    height: 20px;
    top: -2px;
    border-color: rgba(16, 110, 204, 0.9);
}
.previous_and_next_post {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    position: relative;
    left: -5px;
}
@media only screen and (max-width: 680px) {
    .previous_and_next_post {
        flex-direction: column;
    }
    .previous_and_next_post a {
        flex: 0;
        width: 100%;
        margin-top: 5px;
        justify-content: space-between;
    }
    .previous_and_next_post a.left,
    .previous_and_next_post a.right {
        justify-content: space-between;
    }
}
.previous_and_next_post a {
    display: flex;
    flex-direction: row;
    flex: 1;
    min-width: 49.5%;
    height: 60px;
    border-radius: 4px;
    background: #e5ebef;
    margin-right: 2.5px;
    justify-content: space-between;
}
.previous_and_next_post a.left {
    justify-content: flex-start;
}
.previous_and_next_post a.left .arrow_wrapper,
.previous_and_next_post a.left .arrow_overlay {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.previous_and_next_post a.right {
    justify-content: space-between;
}
.previous_and_next_post a.right .arrow_wrapper,
.previous_and_next_post a.right .arrow_overlay {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.previous_and_next_post a .arrow_overlay {
    background-color: rgba(16, 110, 204, 0.6);
    color: #f2f5f7;
    width: 64px;
    height: 100%;
}
.previous_and_next_post a .arrow_wrapper {
    color: #f2f5f7;
    width: 64px;
    height: 100%;
    background-size: 64px 100%;
}
.previous_and_next_post a .arrow_wrapper ion-icon {
    padding: 20%;
}
.previous_and_next_post a:hover {
    background: #dfe6eb;
}
.previous_and_next_post a:hover .arrow_overlay {
    background-color: rgba(16, 110, 204, 0.85);
}
.previous_and_next_post a .details {
    display: flex;
    flex-direction: column;
    padding-left: 10px;
    color: #4f6875;
    font-size: 12px;
    padding: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.previous_and_next_post a .details .post_title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
}
.h_divider {
    height: 0.1px;
    background-color: rgba(38, 50, 56, 0.2);
    width: 100%;
}
.h_divider_light {
    height: 10px;
    background-color: #fff;
    width: 100%;
}
.footer {
    background: #000;
    padding-bottom: 20px;
    color: #fff !important;
}
.footer .h_divider {
    background-color: #333 !important;
}
.footer .copyright,
.footer a {
    color: #fff !important;
}
.footer .logo_wrapper_main {
    width: 100%;
    margin-top: 60px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: block;
}
.footer .logo_wrapper_main .img_wrapper {
    width: 200px;
    height: auto;
    max-width: 98%;
    position: relative;
    top: -40px;
    background: #000;
    padding: 0px 20px;
    margin: 0 auto !important;
    display: flex;
    align-self: center;
}
.footer .logo_wrapper_main .img_wrapper img {
    width: 100%;
    opacity: 0.3;
}
.footer .links_groups_wrapper {
    display: flex;
    width: 100%;
    flex-direction: row;
    margin-bottom: 20px;
    align-self: center;
    justify-content: center;
}
@media only screen and (max-width: 600px) {
    .footer .links_groups_wrapper {
        flex-wrap: wrap;
    }
}
.footer .links_groups_wrapper .link_group {
    flex-grow: 0;
    flex-shrink: 0;
    width: 33.33%;
    max-width: 480px;
    padding-right: 20px;
    margin-top: 20px;
}
@media only screen and (max-width: 600px) {
    .footer .links_groups_wrapper .link_group {
        width: 50% !important;
        flex-grow: 1;
        flex-shrink: 1;
    }
}
@media only screen and (max-width: 400px) {
    .footer .links_groups_wrapper .link_group {
        width: 100% !important;
    }
}
@media only screen and (max-width: 800px) {
    .footer .links_groups_wrapper .link_group .flex {
        flex-direction: column;
    }
}
.footer .links_groups_wrapper .link_group a {
    display: block;
    width: 100%;
    color: rgba(255, 255, 255, 0.6);
    padding: 5px;
    padding-right: 40px;
}
.footer .links_groups_wrapper .link_group a ion-icon {
    position: relative;
    top: 3px;
}
.footer .links_groups_wrapper .link_group a:hover {
    color: #fff !important;
}
.footer .links_groups_wrapper .heading {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.6);
    width: 100% !important;
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.3);
}
.newsletter_input_wrapper .newsletter_input {
    height: 52px;
    border: 1px solid rgba(242, 245, 247, 0.6);
    width: 100%;
    max-width: 440px;
    margin-top: 10px;
    display: flex;
    flex-direction: row;
}
.newsletter_input_wrapper .newsletter_input input {
    height: 52px;
    width: 100%;
    background: none;
    border: none;
    text-align: center;
    flex: 1px 1px;
    position: relative;
    top: -1px;
    left: -0.25px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    letter-spacing: 2px;
}
.newsletter_input_wrapper .newsletter_input input:focus {
    background: rgba(255, 255, 255, 0.3);
    color: #304047;
}
.newsletter_input_wrapper .newsletter_input button {
    height: 50px;
    background-color: transparent;
    border: none;
    width: 50px;
    flex-grow: 0;
    flex-shrink: 0;
}
.newsletter_input_wrapper .newsletter_input button ion-icon {
    font-size: 24px;
    position: relative;
    top: 2px;
    font-weight: 400;
    color: rgba(242, 245, 247, 0.6);
}
.newsletter_input_wrapper .newsletter_input input:focus + button {
    background-color: #106ecc;
}
.newsletter_input_wrapper .newsletter_input input:focus + button ion-icon {
    color: #f2f5f7;
}
.home_posts_by_cats {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.home_posts_by_cats .post_items_card {
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-shrink: 0;
    flex-wrap: 0;
    margin-bottom: 60px;
    margin-top: 60px;
    height: 400px;
    border-top: 6px solid #127be4;
    border-radius: 5px;
    border-bottom: 6px solid #dc4d00;
}
@media screen and (max-width: 500px) {
    .home_posts_by_cats .post_items_card {
        flex-direction: column;
        height: auto !important;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
    .home_posts_by_cats .post_items_card.is_reverse {
        flex-direction: column !important;
        border-radius: 0px;
    }
    .home_posts_by_cats .post_items_card.is_reverse .first_post_item a img {
        border-radius: 0px;
    }
    .home_posts_by_cats .post_items_card .card_title,
    .home_posts_by_cats .post_items_card .view_all_link {
        width: 100%;
    }
    .home_posts_by_cats .post_items_card .view_all_link {
        text-align: center;
    }
    .home_posts_by_cats .post_items_card .first_post_item,
    .home_posts_by_cats .post_items_card .post_items,
    .home_posts_by_cats .post_items_card .card_post_info {
        width: 100% !important;
    }
    .home_posts_by_cats .post_items_card .first_post_item a img {
        border-radius: 0px !important;
    }
    .home_posts_by_cats .post_items_card .card_post_info {
        position: relative !important;
        margin-top: -80px !important;
        top: 0px !important;
        max-height: 100px;
    }
    .home_posts_by_cats .post_items_card .card_post_info .post_title {
        flex: 0;
        font-size: 16px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
.home_posts_by_cats .post_items_card .card_title {
    padding: 10px;
    background: #127be4;
    color: #fff;
    position: absolute;
    font-size: 20px;
    top: -52px !important;
    left: 0px;
    z-index: 0;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    font-weight: bold;
}
.home_posts_by_cats .post_items_card .view_all_link {
    padding: 10px;
    background: #dc4d00;
    color: #fff;
    position: absolute;
    font-size: 20px;
    bottom: -45px;
    right: 0px;
    font-size: 16px;
    z-index: 0;
    border-radius: 0px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: bold;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.home_posts_by_cats .post_items_card .view_all_link:hover {
    background: #ff5a00;
}
.home_posts_by_cats .post_items_card .card {
    border-top-left-radius: 0px;
}
.home_posts_by_cats .post_items_card.is_reverse {
    flex-direction: row-reverse;
}
.home_posts_by_cats .post_items_card.is_reverse .first_post_item a img {
    border-radius: 0px !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.home_posts_by_cats .post_items_card .first_post_item,
.home_posts_by_cats .post_items_card .post_items {
    flex-shrink: 0;
    flex-grow: 0;
    width: 50%;
    height: 100%;
}
.home_posts_by_cats .post_items_card .first_post_item {
    padding: none !important;
    overflow: hidden !important;
}
.home_posts_by_cats .post_items_card .first_post_item .card_post_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: stretch;
    width: 50%;
    position: absolute;
    bottom: 0px;
    padding: 10px;
    background: rgba(255, 255, 255, 0.9);
}
.home_posts_by_cats .post_items_card .first_post_item .post_date {
    text-align: right;
    color: #106ecc;
    font-size: 12px;
    font-weight: 500;
}
.home_posts_by_cats .post_items_card .first_post_item .post_title {
    font-size: 20px;
    color: #e65100;
}
.home_posts_by_cats .post_items_card .first_post_item a {
    overflow: hidden !important;
    display: block;
}
.home_posts_by_cats .post_items_card .first_post_item a img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 0px;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 5px;
}
.home_posts_by_cats .post_items_card .post_items a {
    display: flex;
    width: 100%;
    padding: 10px;
    color: #e65100;
    font-weight: 480;
    border-bottom: 1px solid #ecf0f3;
}
.home_posts_by_cats .post_items_card .post_items a:last-child {
    border-bottom: none;
}
.home_posts_by_cats .post_items_card .post_items a:hover {
    background: #127be4;
    color: #f2f5f7;
}
.home_posts_by_cats .post_items_card .post_items a .img_parent {
    width: 48px !important;
    height: 48px !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    border-radius: 5px;
    padding: 5px;
}
.home_posts_by_cats .post_items_card .post_items a .img_parent img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 5px;
}
.home_posts_by_cats .post_items_card .post_items a .item_title {
    font-weight: 480;
    font-size: 16px;
    display: flex;
    align-items: center;
    position: relative;
    left: 5px;
}
#bottom_sticky {
    position: fixed;
    bottom: 20px;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    z-index: 9999999999999999 !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
#bottom_sticky img {
    max-height: 100px !important;
    margin: 0 auto !important;
}
#bottom_sticky #close_stick_ad_btn {
    position: relative;
    float: right !important;
    top: 34px;
    z-index: 99999999999999999 !important;
    background: rgba(255, 255, 255, 0.8);
    height: 34px;
    display: inline-block;
}
#bottom_sticky #close_stick_ad_btn ion-icon {
    font-size: 32px !important;
    padding: 5px;
    padding-top: 0px;
}
.my_card_title {
    padding: 10px;
    background: #127be4;
    color: #fff;
    font-size: 20px;
    left: 0px;
    z-index: 0;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    font-weight: bold;
}
.my_card_title_sm {
    padding: 7px;
    background: #2187ee;
    color: #fff;
    font-size: 15px;
    left: 0px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    font-weight: bold;
}
.my_button_link {
    padding: 10px;
    text-align: right;
    background: #127be4;
    color: #fff;
    font-size: 20px;
    bottom: -45px;
    right: 0px;
    font-size: 16px;
    border-radius: 0px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: bold;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.my_button_link:hover {
    background: #2187ee;
}
/* Clear Floated Elements */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clear:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}
@media only screen and (max-width: 1000px) {
    .advert {
        max-width: 80%;
        max-height: auto;
        display: block;
        /* remove extra space below image */
    }
    .advert img {
        max-width: 320px;
        max-height: auto;
        display: block;
        /* remove extra space below image */
    }
}