/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
:root {
  --themecolor: #1abc9c;
  --themecolorrgba: 243, 152, 135;
  --font-serif: "Domine", serif;
  --font-sans: "Roboto", sans-serif;
}

:not(.dark) .entry-categories a {
  display: block;
  text-transform: uppercase;
  font-size: 11px;
  color: #1abc9c;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.dark .entry-categories a {
  color: var(--themecolor, #1abc9c);
}

/* Course Categories */
.course-categories .card a span {
  display: block;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.course-categories .card a span i {
  display: block;
  margin-bottom: 5px;
  font-size: 20px;
}

.course-categories .card a span {
  font-size: 18px;
  font-weight: 600;
}

.hover-effect {
  -webkit-transition: transform 0.25s ease, box-shadow 0.3s ease;
  -o-transition: transform 0.25s ease, box-shadow 0.3s ease;
  transition: transform 0.25s ease, box-shadow 0.3s ease;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  box-shadow: none;
  border: 0;
}

.hover-effect:hover {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.course-card .card-footer {
  border-top-color: #eee;
}

.card-img-overlay::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(4, 4, 4, 0.5);
}

.rating-stars i {
  color: #f4c150;
}

.course-card .card-title a {
  color: #333;
}

.course-card .card-title a:hover {
  color: var(--themecolor);
}

.course-card .card-title-sub {
  font-size: 11px;
}

/* word count  */
.word-count-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.word-count-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  -webkit-box-orient: vertical;
}

.word-count-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  -webkit-box-orient: vertical;
}

.word-count-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  /* number of lines to show */
  -webkit-box-orient: vertical;
}

.single-post .entry .entry-title,
.single-post .entry .entry-title h2 {
  max-width: 100%;
  margin: 0 0;
  text-align: left;
  text-transform: none;
  letter-spacing: -1px;
  font-size: 34px;
}

#page-title {
  background-color: #ffeae6;
}
.page-title-mini h1 {
  font-size: 2rem !important;
}

/* photo view css */
.entry__img-holder {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  margin-top: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  /* border-radius: 5px; */
}

.entry__img-holder img {
  width: 100% !important;
  height: auto;
}

.entry__meta-photo-count {
  /* font-family: "Montserrat", sans-serif; */
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 3px;
  font-weight: 700;
  color: rgb(255, 0, 0);
  border-radius: 8px;
}

.entry__meta-photo-count--label {
  font-size: 20px;
  background-color: rgb(255, 0, 0);
  padding: 10px 20px;
  z-index: 2;
  color: #fff;
  margin-bottom: 0;
  display: inline-block;
}

.entry__meta-photo-count--label:hover,
.entry__meta-photo-count--label:focus {
  color: #fff;
  opacity: 0.9;
}

.entry__meta-photo-count--align-in-corner {
  position: absolute;
  right: 16px;
  top: 16px;
}

.entry__meta-photo-count--black {
  background-color: rgba(0, 0, 0, 0.6);
}

/*new css define*/
.entry-image a {
  position: relative;
  text-align: center;
  color: white;
}

/* Bottom right text */
.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

.bottom-right i {
  font-size: 24px;
}

.thumb-s {
  display: block;
  overflow: hidden;
  width: 50px;
  height: 50px;
}

.auther_title {
  font-size: 1rem;
  line-height: 1.2;
}
.single-post {
  margin-top: 2rem;
}

/* custom  use for right side */
@media (max-width: 577px) {
  .grid-inner {
    width: fit-content !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
}

/* .grid-inner {
	width: fit-content !important;
} */

.posts-sm .entry-image {
  width: 105px;
  height: auto;
  overflow: hidden;
}

/* start poll related stylesheet */
.radio {
  list-style: none;
  margin: 0;
  padding: 0;
}

.radio > li,
.checkbox > li {
  padding: 0px 10px;
  margin: 9px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid #d4d4d4;
  border-radius: 10px;
  cursor: pointer;
  overflow: hidden;
}

.radio > li > label {
  display: flex;
  justify-content: space-between;
  margin: 0 10px;
  padding: 10px 0px;
  width: 100%;
}

.right {
  float: right;
}

.poll-border {
  padding: 15px 18px;
  width: 100%;
  background: rgb(255, 255, 255);
  border-radius: 10px;
  box-shadow: 0px 0px 20px 5px rgba(35, 30, 128, 0.05);
}

/* end poll related stylesheet */

.bg-overlay,
.bg-overlay-bg,
.bg-overlay-content {
  position: relative;
}
.entry-content p {
  color: #333;
  font-size: 1.1rem;
  line-height: 2rem !important;
  font-weight: 400;
}
.page-detail .breadcrumb {
  position: relative !important;
  transform: none !important;
}

/* Block Gallery Start */
.block-gallery-9 .entry-title h3 {
  text-transform: none;
  font-weight: 500;
  letter-spacing: 0;
}

.block-gallery-9 .entry-title:hover h3 a {
  color: #ddd;
}

.block-gallery-9 .btn-more {
  opacity: 0;
  font-size: 1.5rem;
  color: #fff;
  margin-top: 15px;
  transition: opacity 0.3s ease;
}

.block-gallery-9 .grid-item .bg-overlay-content {
  top: auto;
  bottom: -40px;
  transition: bottom 0.3s ease;
}

.block-gallery-9 .grid-item:hover .bg-overlay-content {
  bottom: 0;
}

.block-gallery-9 .grid-item:hover .btn-more {
  opacity: 1;
}

.block-gallery-9 .entry-meta li {
  font-style: italic;
  font-size: 90%;
}

.block-gallery-9 .dark .entry-meta li,
.block-gallery-9 .dark .entry-meta li a {
  color: rgba(255, 255, 255, 0.8);
}
/* Block Gallery End */

/* header navigation Start*/
#header {
  /* background-color: #cb0101; */
  /* height: 44px; */
  /* margin-top: 1.5rem; */
  z-index: 9;
}
.logo-floating {
  position: absolute !important;
  width: 100px;
  height: auto;
}
.header-size-sm #header-wrap #logo img {
  height: 73px;
  /* margin-top:34px; */
}
.primary-menu {
  margin-left: 4rem;
}
@media (min-width: 768px) and (max-width: 992px){
    .header-size-md #header-wrap #logo img {
        margin-top:20px;
        height: 60px;
}
}
@media (min-width: 992px) {
    .header-size-md #header-wrap #logo img {
    /*margin-top:20px;*/
    /*height:94px;*/
    /*height: 80px;*/
    width:100%;
    padding-top:0.6rem;
    padding-bottom:0.6rem;
}
  .sticky-header-shrink #header-wrap #logo img {
      margin-top:0px;
    height: 50px;
  }
  .header-size-sm .menu-container > .menu-item > .menu-link {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .primary-menu {
    margin-left: 0rem;
  }
  .menu-link {
    font-size: .875rem;
    font-weight: 600;
    padding: 39px 12px;
}
}
@media (max-width: 500px) {
  #header {
    margin-top: 0rem;
  }
  .header-size-md #header-wrap #logo img {
    height: 38px;
  }
}
/* header navigation End*/

.posts-sm .entry:not(:first-child) .grid-inner, .posts-md .entry:not(:first-child) .grid-inner {
  padding-top: 0rem;
  border-top: none;
}

/* modal close button   */
.mfp-close-btn-in .mfp-close {
  color: #fff;
}
.dark .card {
  background-color: rgba(0,0,0,0.8);
}
.thumb-lg
{
  overflow: hidden;
  display: flex;
  align-items: center;
  background-color: #f7f7f7;
  width: 100%;
  height: auto;
  border-radius: 5px;
}
.thumb-md
{
  overflow: hidden;
  display: flex;
  align-items: center;
  background-color: #f7f7f7;
  height: 160px;
  border-radius: 5px;
}
.thumb-sm
{
  overflow: hidden;
  display: flex;
  align-items: center;
  background-color: #f7f7f7;
  height: 130px;
  border-radius: 5px;
}
.thumb-xs
{
  overflow: hidden;
  display: flex;
  align-items: center;
  background-color: #f7f7f7;
  height: 72px;
  border-radius: 5px;
}
.entry-title h4 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
}

@media (max-width: 991.98px){
  .dark #header .mobile-menu-off-canvas .menu-container.d-block {
    background-color: #333 !important;
    border-right-color: rgba(255,255,255,0.2) !important;
}
}


body.dark, .dark #poll_display .poll-border{
  background-color: #111;
}

/* breaking news home top   */
.breaking-inner {
  background-color: #d90000;
  border-radius: 20px;
}

.breaking-left h2 {
  color: #fff;
  padding-right: 1rem;
  border-right: 2px solid rgba(255, 255, 255, 0.5);
  font-style: italic;
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 900;
}

.breaking-right a {
  padding-left: 1rem;
  color: #fff;
  font-weight: 800;
}

.breaking-close {
  color: #fff;
  cursor: pointer;
}

@media (max-width: 767px) {
  .breaking-inner {
      margin: 0 !important;
      padding-top: 3px !important;
      padding-bottom: 3px !important;
      padding-left: 10px !important;
      border-radius: 0 !important;
  }

  .breaking-left h2 {
      display: block;
      color: #fff;
      padding-right: 1rem !important;
      font-style: italic;
      text-transform: uppercase;
      font-size: .856rem !important;
      font-weight: 900 !important;
      line-height: 18px;
      text-align: right;
  }

  .breaking-right a {
      padding-left: .752rem;
      padding-right: 5px;
      display: block;
      color: #fff;
      font-size: .875rem;
      line-height: 17px;
      font-weight: 600;
  }
}
.lazy{
    opacity:0;
    transition: opacity 1s;
}
.lazy.lazy-loaded{
    opacity:1 !important;
    transition: opacity 1s;
}
.entry-content iframe{
    width:auto;
}
.page-details li{
    margin-left: 3rem !important;
}
.feature-box p{
    color:#555;
}
.feature-box .name {
    color:#444;
}