/* PBN Builder adjustments for Magberg */
html, body { overflow-x: hidden; }

/* text logo (replaces image logo) */
.pbn-logo, .header_menu .navbar.navbar-default .navbar-header a.navbar-brand.pbn-logo {
  font-family: "Playfair Display", serif; font-weight: 900; font-size: 34px; line-height: 1.1;
  color: #081430; letter-spacing: 0; display: inline-block; max-width: 340px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pbn-logo::first-letter { color: #ff1949; }
.pbn-logo:hover { color: #ff1949; }
.pbn-logo-footer, footer a.pbn-logo-footer { color: #fff; font-size: 30px; white-space: normal; }
.navbar-header { min-width: 0; }

/* image ratio boxes so missing/odd images keep the card shape */
.pbn-ratio { position: relative; overflow: hidden; }
.pbn-ratio img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; display: block; }
.pbn-ratio-sq img { aspect-ratio: 1 / 1; }
.pbn-ratio-tall img { aspect-ratio: 4 / 5; }
.about-image.pbn-ratio img { aspect-ratio: 600 / 531; }
.trending-topic-image.pbn-ratio img { aspect-ratio: 600 / 531; }
.pbn-thumb img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }

/* hero: link covers image area */
.banner .slider .swiper-container .swiper-slide .slide-inner .slide-image { display: block; background-color: #f6eef0; }
.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content > h1 { font-size: 40px; line-height: 1.25; }
.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content > h1 a { color: #081430; }
.banner .entry-date { font-size: 14px; }

/* headings that were links in demo */
.about-us .about-content h2 a { color: #081430; }
.about-us .about-content h2 a:hover, .trend-content h4 a:hover { color: #ff1949; }

/* listing header (no demo photo) */
.pbn-crumb { background: #081430; padding-bottom: 3.5rem !important; }
.pbn-crumb .breadcrumb-content h2 { line-height: 1.2 !important; }
.breadcrumb-main .breadcrumb-outer .breadcrumb-content nav { position: static; margin-left: auto; }

/* sidebar */
ul.sidebar-category li a { display: block; }
ul.sidebar-category li.active { border-color: #ff1949; }
ul.sidebar-category li.active a { color: #ff1949; }

/* single post content */
.pbn-content { font-size: 16px; line-height: 1.8; color: #555; }
.pbn-content p { margin-bottom: 1.2rem; }
.pbn-content h2, .pbn-content h3, .pbn-content h4 { color: #081430; margin: 1.8rem 0 1rem; }
.pbn-content img { max-width: 100%; height: auto; margin: 1rem 0; }
.pbn-content ul, .pbn-content ol { padding-left: 1.4rem; margin-bottom: 1.2rem; }
.pbn-content ul li, .pbn-content ol li { display: list-item; margin-bottom: .3rem; }
.pbn-content ul li { list-style: disc; } .pbn-content ol li { list-style: decimal; }
.pbn-content a { color: #ff1949; text-decoration: underline; }
.pbn-content blockquote { position: relative; background: #ff1949; color: #fff; padding: 40px 40px 30px;
  margin: 1.5rem 0; font-size: 22px; line-height: 1.4; text-align: center; font-style: italic; }
.pbn-content blockquote p { color: #fff; margin: 0; }
.pbn-content table { width: 100%; margin-bottom: 1.2rem; border-collapse: collapse; }
.pbn-content td, .pbn-content th { border: 1px solid #eee; padding: 8px; }
.blog-single .blog-wrapper .blog-content { padding-top: 25px; }
.blog-single-in .blog-date .date .month { white-space: nowrap; }
.blog-single-in .blog-single-in-cont h3 { font-size: 18px; line-height: 1.4; padding-right: 20px; }
.blog-single .blog-next a { display: block; }
.blog-single .blog-next .pbn-next-empty { width: 50%; }
.pbn-h-sm { font-size: 17px; line-height: 1.35; }
.page-cover h1 { word-wrap: break-word; }

/* footer */
footer .pbn-footer-nav a { color: #fff; margin-left: 18px; font-size: 14px; }
footer .pbn-footer-nav a:first-child { margin-left: 0; }
footer.footermain .footer-upper .footer-about p { color: #bbb; }
footer .trend-content h4 a { color: #fff; }
footer .trend-content h4 { font-size: 16px; line-height: 1.35; }

/* header ticker: hide on small screens (template does same <1100) */
.main_header_area .header-content .links { overflow: hidden; flex: 1; }

@media (max-width: 991px) {
  .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content > h1 { font-size: 30px; }
}
@media (max-width: 767px) {
  .pbn-logo, .header_menu .navbar.navbar-default .navbar-header a.navbar-brand.pbn-logo { font-size: 26px; max-width: 240px; }
  .breadcrumb-main .breadcrumb-outer .breadcrumb-content nav { margin: 10px 0 0; }
  footer .pbn-footer-nav { margin-top: 10px; }
  footer .pbn-footer-nav a { display: inline-block; margin: 0 14px 6px 0; }
  .blog-single .blog-next { display: block !important; }
  .blog-single .blog-next a { width: 100%; }
}
@media (max-width: 639px) {
  .banner .slider .swiper-container .swiper-slide .slide-inner .slide-image { height: 260px; }
  .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content { position: relative; width: 100% !important; }
  .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content > h1 { font-size: 24px; }
}

/* footer background: avoid fixed attachment (renders blank in some browsers/screens) */
footer.footermain { background: #181d20; }
footer.footermain::before { background-attachment: scroll; background-size: cover; opacity: .08; }
footer.footermain .footer-copyright { position: relative; z-index: 2; border-top: 1px solid #ffffff1a; }
.pagination-main .pagination li a { font-size: 16px; }

/* mobile menu button (FA5 instead of FA4 font name) */
.slicknav_btn.slicknav_open:before, .slicknav_btn.slicknav_collapsed:before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; color: #081430 !important; font-size: 24px; }
#slicknav-mobile { position: static; }
@media (max-width: 991px) {
  .header_menu .navbar .container { position: relative; }
  #slicknav-mobile .slicknav_nav { position: absolute; left: 0; right: 0; top: 100%; background: #fff;
    box-shadow: 0 10px 20px #0000001a; padding: 10px 20px; z-index: 50; }
  #slicknav-mobile .slicknav_nav a { color: #081430; display: block; padding: 8px 0; text-transform: uppercase; font-size: 14px; }
  #slicknav-mobile .slicknav_nav ul a { text-transform: none; padding-left: 15px; }
}
/* draw hamburger with CSS bars (no icon-font dependency) */
.slicknav_btn.slicknav_open:before, .slicknav_btn.slicknav_collapsed:before { display: none; }
.slicknav_menu .slicknav_btn { display: block; padding: 6px 4px; }
.slicknav_menu .slicknav_icon { display: block; width: 24px; }
.slicknav_menu .slicknav_icon-bar { display: block; width: 24px; height: 3px; margin: 0 0 5px; background-color: #081430 !important; border-radius: 0; box-shadow: none; }
.slicknav_menu .slicknav_icon-bar:last-child { margin-bottom: 0; }
.slicknav_btn.slicknav_open .slicknav_icon-bar { background-color: #ff1949 !important; }

/* generated site logo */
.header_menu .navbar.navbar-default .navbar-header a.navbar-brand.pbn-logo-link { display:block; padding:0; margin:0; height:auto; line-height:1; }
img.pbn-logo, .header_menu .navbar.navbar-default .navbar-header img.pbn-logo { height:46px; width:auto; max-width:100%; display:block; font-size:inherit; overflow:visible; }
img.pbn-logo.pbn-logo-footer { height:40px; }
@media (max-width: 767px) {
  img.pbn-logo, .header_menu .navbar.navbar-default .navbar-header img.pbn-logo { height:34px; max-width:240px; }
  img.pbn-logo.pbn-logo-footer { height:34px; }
}