.widget { margin: 0 0 50px; // Make sure select elements fit in widgets. select { max-width: 100%; } ol, ul { margin: 0; padding: 0; } ul li { list-style: none; margin-bottom: 0.5em; } &:first-of-type { margin-top: 0; } .wp-block-spacer { margin-bottom: -50px; } } .bnm-sidebar-header-before .widget:last-of-type, .bnm-sidebar-header-after .widget:last-of-type { margin-bottom: 0; } .bnm-sidebar-header-before .widget:first-of-type, .bnm-sidebar-header-after .widget:first-of-type { margin-top: 0; } .bnm-footer-widget-area .widget:first-of-type { margin-top: 50px; } @media screen and (min-width: 600px) { .bnm-pws-3, .bnm-pws-2 { display: flex; column-gap: var(--bnm-post-cols-gap); } .bnm-pws2-left, .bnm-pws2-right, .bnm-pws3-right, .bnm-pws3-left { width: 50%; } } #secondary, .bnm-footer-column { .bnm-pws-3, .bnm-pws-2 { display: block;; } .bnm-pws2-left, .bnm-pws2-right, .bnm-pws3-right, .bnm-pws3-left { width: 100%; } } .bnm-pws3-lg .entry-summary { margin-bottom: 30px; } .bnm-pw-bp-thumb { margin: 0 0 10px; } .bnm-pw-smp { display: flex; margin: 0 0 25px; } .bnm-pw-smp-thumb { flex-basis: 35%; margin: 0 15px 0 0; } .bnm-pw-smp-details { flex-grow: 1; flex-basis: 65%; } .bnmpws-sm.entry-title { font-size: var(--bnm-font-size-base); margin: 0 0 10px; } .bnm-widget-header { margin: 0 0 30px; border-bottom: 3px solid var(--bnm-color-primary); position: relative; .widgettitle, .widget-title { display: inline-block; margin: 0 0 3px; } } .bnm-viewall { float: right; line-height: 35px; font-size: var(--bnm-font-size-sm); font-weight: 600; letter-spacing: 1px; } .bnmpwb.entry-title { font-size: 22px; margin: 0 0 10px; } .bnm-pws2-lg { margin-bottom: 35px; } // Post Widget Style 1 .bnm-pws-1 { --bnm-pws1-gap: 20px; margin-bottom: 75px; .bnmpws1.entry-title { font-size: 22px; @media screen and (max-width: 768px) { font-size: 18px; } @media screen and (max-width: 600px) { font-size: 16px; } } .entry-meta { font-weight: 600; font-size: var(--bnm-font-size-xxs); } .bnmpws-sm.entry-title { margin-bottom: 7px; } } .bnm-pws1-lgp-left { width: 63%; float: left; img { vertical-align: middle; } } .bnm-pws1-lgp-right { background: #222222; float: right; width: 37%; } .pws1-lgp-inner { position: relative; overflow: hidden; } .pws1-lgp-blur-bg { background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; /* Add the blur effect */ filter: blur(8px); -webkit-filter: blur(8px); /* Full height */ height: 100%; &:before { display: block; content: ""; width: 100%; padding-top: 95.77863577863578%; } } .pws1-lgp-content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(34, 34, 34, 0.7); } .pws1-lgp-details { position: relative; top: 50%; transform: translateY(-50%); padding: 30px; z-index: 3; .bnmpws1.entry-title a { color: #eeeeee; &:visited { color: #eeeeee; } &:hover { color: var(--bnm-color-primary); } } .entry-meta a { color: #cccccc; &:visited { color: #cccccc; } &:hover { color: var(--bnm-color-primary); } } } .bnm-pws1-bottom { display: flex; flex-wrap: wrap; gap: 20px; margin: 20px 0 0; } .bnm-pw1-smp { flex-basis: calc( 50% - var(--bnm-pws1-gap)/2 ); } @media screen and (min-width: 600px) { .bnm-pw1-smp { flex-basis: calc( 25% - (var(--bnm-pws1-gap)*3)/4 ); } } .bnm-pw1-smp-thumb { margin-bottom: 5px; } .clearfix { &:before, &:after { content: ""; display: table; table-layout: fixed; } &:after { clear: both; } } .bnm-pws1-image-holder { position: relative; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; &:before { display: block; content: ""; width: 100%; padding-top: 56.25%; } }