/* Version: 1.1 */

/*********************************/
/*SINGLE PAGE STYLING STARTS HERE*/
/*********************************/

.content-link-single-article a{
  color: blue;
  text-decoration: underline;
}

hr.black {
  border: 1px solid black;
  border-radius: 5px;
  margin-top: 4px;
}
.padding-section-single-article {
  padding-left: 25px;
  width: 100%;
}
.sidebar-box-title {
  padding: 0.85rem;
  font-size: 1.4rem;
  /* font-weight: 600; */
}
.single-article-category_option {
  text-align: center;
  font-size: 18px;
  border-radius: 10px;
  border: 2px solid black;
  padding: 20px 0px;
}
.breadcrumb-style {
  padding-top: 20px;
  padding-left: 60px;
}
/* hide mobile header on desktop mode */
#header-mobile {
  display: none;
}
#footer-mobile {
  display: none;
}

/***** TABLET VIEW *******/
@media screen and (max-width: 960px) {
  /* #footer-mobile {
    display: block !important;
  } */

  .thumbnail-title-col {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #imageHolder {
    width: 100% !important;
    height: calc(100vh * 0.5) !important; 
    object-fit: cover !important;
    object-fit: fill; 
    border: 1px solid black; 
    border-radius: 5px;
   }

  .padding-section {
    padding: 0 !important;
  }
  .search-query-tag {
    font-size: 15px;
  }
  .breadcrumb-style {
    display: none !important;
  }
  #single-article-sidebar {
    display: none;
  }
  #single-article-sidebar {
    display: none;
  }
  #search-result-desktop-navbar {
    display: none;
  }
  .padding-section-single-article {
    flex: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  #single-article-navbar {
    display: flex !important;
    margin-top: 0px;
  }
  #single-article-navbar > .col-4 > .first-box {
    /* width: 300px; */
    /* background-color:  blue; */
    margin: 0;
    display: flex;
    width: 27vw;
    min-width: 60px !important;
    max-height: 73px !important;
    border: solid 2px black;
    align-items: center;
    justify-content: center;
    height: 148px;
    background: white;
    overflow: hidden;
    border-radius: 10px;
    margin-left: 30px;
    -webkit-box-shadow: -10px 10px 0px 0px black;
    -moz-box-shadow: -10px 10px 0px 0px black;
  }
  .sidebar-box-title {
    /* font-weight: 600; */
    font-size: 0.75rem;
  }
  .tags {
    border: 2px solid #000000;
    width: fit-content;
    padding: 2% 3%;
    border-radius: 20px;
    /* font-weight: 800; */
    /* letter-spacing: 0.38em; */
    /* font-size: 0.75rem; */
    font-size: 0.55rem;
    font-weight: 500;
    line-height: 1;
  }
  .tags-container {
    margin-left: 10px;
    padding-left: 0px;
    border-bottom: 3px solid black;
  }
  .single-article-category_option {
    padding: 27px;
  }
  .sidebar {
    display: none;
  }
 
  #footer-mobile {
    display: block !important;
  }
  #footer-desktop {
    display: none;
  }
  .footer-top-container {
    padding-top: 50px;
    padding-bottom: 20px;
    padding-left: 0 !important;
    margin: 0 30px !important;
    border-left: none;
    border-bottom: 1px solid white !important;
  }
  .footer-article {
    padding-top: 20px;
    padding-left: 0 !important;
    margin: 0 30px !important;
    border-left: none;
    border-bottom: 1px solid white !important;
  }
}
/***** MOBILE VIEW *******/
@media screen and (max-width: 480px) {
	img{
		max-width: 100% !important;
	}
  .logo-place {
    display: block !important;
  }
  .padding-section {
    padding: 0 !important;
  }

  .enquiry-container {
    width: 60% !important;
    float: right;
    font-size: 0.7rem;
  }

  .enquiry {
    font-size: 0.55rem;
  }
  input[type="search"] {
    width: 80% !important;
  }
  #header-mobile {
    display: block !important;
  }
  #header-desktop {
    display: none;
  }
  #footer-mobile {
    display: block !important;
  }
  #footer-desktop {
    display: none;
  }
  #footer-tablet {
    display: none;
  }
  #search-result-desktop-navbar {
    display: none;
  }
  .footer-top-container {
    padding-top: 50px;
    padding-bottom: 20px;
    padding-left: 0 !important;
    margin: 0 30px !important;
    border-left: none;
    border-bottom: 1px solid white !important;
  }
  .footer-article {
    padding-top: 20px;
    padding-left: 0 !important;
    margin: 0 30px !important;
    border-left: none;
    border-bottom: 1px solid white !important;
  }
  .search-bar {
    border-radius: 16px;
    /* background-color: blue; */
    /* background-color:  red; */
  }
  .breadcrumb-style {
    display: none !important;
  }
  #single-article-sidebar {
    display: none;
  }
  .padding-section-single-article {
    flex: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  #single-article-navbar {
    display: none !important;
  }
  #single-article-navbar-mobile {
    display: block !important;
    margin-top: 0px;
  }
  #single-article-navbar-mobile > .row > .col-6 > .first-box {
    /* width: 300px; */
    /* background-color:  blue; */
    margin: 0;
    display: flex;
    width: 27vw;
    width: 90%;
    min-width: 80px !important;
    max-height: 70px !important;
    border: solid 2px black;
    align-items: center;
    justify-content: center;
    height: 148px;
    background: white;
    overflow: hidden;
    border-radius: 10px;
    margin-left: 30px;
    -webkit-box-shadow: -10px 10px 0px 0px black;
    -moz-box-shadow: -10px 10px 0px 0px black;
  }
  .sidebar-box-title {
    /* font-weight: 600; */
    font-size: 0.7rem;
  }
  /* .tags {
            padding: 0;
            font-size: 12px;
            width: 50%;
            margin-bottom: 10px;
            text-align: center;
        }
        .tags-container {
            margin-left: 15px;
            padding-left: 0px;
            border-bottom: 1px solid black;
        } */
  .single-article-category_option {
    padding: 27px;
  }

  .tags{
    border: 1px solid #000000 ;
  }
  .tags-container {
    padding-bottom: 10px;
    margin-right: 20px;
    border-bottom: 3px solid black;
  }
}