/* stylelint-disable @stylistic/selector-list-comma-newline-after */

/*jQuery scroll script has conflict with scroll-behavior: smooth in _reboot.scss line 33. Just override it with css.*/
  html {
    scroll-behavior: auto !important;
  }

.blog-header-logo {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif/*rtl:Amiri, Georgia, "Times New Roman", serif*/;
  font-size: 2.25rem;
}

.blog-header-logo:hover {
  text-decoration: none;
}

.header .navbar-nav {
  flex-direction: row;
}

.header .nav-link {
  /*position: relative;*/
}
.header .nav-link.search {
  padding: 0.5rem 1rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif/*rtl:Amiri, Georgia, "Times New Roman", serif*/;
}

.flex-auto {
  flex: 0 0 auto;
}

.back-to-top {
  bottom: 4rem !important;
  display: none;
  z-index: 100;
}
.h-250 { height: 250px; }
@media (min-width: 768px) {
  .h-md-250 { height: 250px; }
}

/*search*/
  .nav-link.search i {
    vertical-align: -0.4rem;
  }
  .search .input-group {
    width: 180px;
    transition: all 0.3s ease;
  }
  .search input.form-control:active {

  }
  .search input.form-control:active {
    
  }
  .search .input-group:active {
    /*width: 100%;*/
  }
  .search .input-group:focus {
    /*width: 100%;*/
  }
  .search .input-group:focus-within {
    width: 100%;
    transition: all 0.5s ease;
  }
  .search .input-group span {
    cursor: pointer;
  }
  .search .input-group input:focus {
    border-radius: 0;
  }
span.search-clear i {
  display: none;
  position: absolute;
  right: 2.5rem;
  padding: 0.65rem 1rem;
  z-index: 10;
}

  #suggestions {
    position: relative;
    /*transition: width 100ms ease 0s;*/
  }
  #autoSuggestionsList {
    position: absolute;
    left: 0;
  }
  #autoSuggestionsList {
    /*background: #fefefe none repeat scroll 0 0;*/
    background: var(--bs-body-bg);
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    z-index: 100;
  }

  input#search_data.form-control.input-lg {
      box-shadow: none;
  }

  .autosearch {
      padding: 10px;
      max-height: calc(100vh - 120px);
      overflow: auto;
  }


  .auto_list {
    border: 1px solid #86b7fe;
    border-top: none;
    outline: 0;
    position: absolute;
    top: 38px;
    right: 48px;
  }
  .auto-search:focus {
    box-shadow: none;
    /*border-bottom: 1px solid var(--bs-secondary-bg);*/
  }

  #autoSuggestionsList a {
  text-decoration: none;
}
/*userBox*/
  .user-menu a.nav-link.dropdown-toggle {
    line-height: 2.2rem;
    padding: 0;
  }
  i.sign-up {
    padding-right: 0.5rem;
    font-size: 1rem;
  }
  .dropdown.user-menu a.btn-sm {
    --bs-btn-padding-y: 0.3rem;
  }
  img.user-image {
    border-radius: var(--bs-border-radius);
    height: 2.2rem;
    width: 2.2rem;
  }
  .navbar-nav > .user-menu > .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 220px;
    padding: 0;
  }
  .navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    min-height: 175px;
    padding: 10px;
    text-align: center;
  }
  .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
    width: 192px;
    height: 192px;
  }
  .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    padding: 10px;
    background-color: var(--bs-light-bg);
  }
  .nav-underline .nav-link {
    padding-bottom: 0.45rem;
  }


/* Pagination */
.blog-pagination {
  margin-bottom: 4rem;
}

/*Blog lists*/
.pri-feat p {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 300;
}

/*
 * Blog posts
 */
  .blog-post {
    margin-bottom: 3rem;
  }
  .blog-post-meta {
    margin-bottom: 1.25rem;
    color: #727272;
  }
  .blog-post p {
    margin-bottom: 0.5rem;
  }
  /*.pri-feat {
    background-repeat:no-repeat;
    background-size:contain;
    background-position:right;
    background-color: rgba(255,255,255,0.6);
    background-blend-mode: lighten;  
  }
  */
  .pri-feat img.thumb-post {
    object-fit: cover;
    object-position: center;
    max-width: 400px;
    height: 100%;
  }
  .sec-feat img.thumb-post {
    object-fit: cover;
    object-position: center;
    max-width: 200px;
    height: 100%;
  }
  .recent-posts img.thumb-post {
    object-fit: cover;
    object-position: center;
    height: 65px;
    width: 100%;
  }

  .blog-post img.img-thumbnail {
    max-height: 450px;
  }


/* Blog archive */
.sm-menu ul {
  list-style: outside none none;
  padding-left: 0;
}
.sm-menu li.month {
  padding-left: 0.7rem;
}
li ul {
  border-left: 1px solid;
  margin-left: 0.5rem;
  padding-left: 0;
}

.sm-menu ul li a {
  outline: 0;
  text-decoration: none;
}

.sm-menu li a.selected {
  font-weight: bolder;
}
.sm-menu .menu-open i.nav-arrow.bi {
  transform: rotate(90deg);
}
.sm-menu .nav-arrow {
  cursor: pointer;
  display: inline-block;
  animation-name: fadeIn;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-delay: 0.3s;  
  transition: transform ease-in-out 0.3s;
}

.blog-post a.modal-image img.img-thumbnail.right {
  float: right;
  width: 200px;
  margin-left: 0.5rem;
}

ol, ul {
  list-style-position: inside;
  padding-left: 1rem;
}

@media screen and (min-width:576px){
  .blog-post img.img-thumbnail {
    max-width: 400px;
  }
}