:root{
	--body-color:#F0F3F7;
	--font-color:#303136;
	--greybg-color:#fff;
	--lightgrey-color: rgba(0, 0, 0, 0.62);
	/* --border-color: #000; */
	--lightbg-color: #fff;
  /* --logo-img: url('/frontend/img/SVG-SharkBuzz-logo.svg'); Default Light Theme */
}
[data-theme=dark]{
	--body-color:#000;
	--font-color:#fff;
	--greybg-color:#242424;
	--lightgrey-color: rgb(143 143 143 / 62%);
	/* --border-color: #fff; */
	--lightbg-color: rgb(44 44 44 / 58%);
  /* --logo-img: url('/frontend/img/SVG-SharkBuzz-logo-dark (1)'); Dark Theme */
}

body {
  color: var(--font-color);
  background: var(--body-color);
}

a:hover {
  color: var(--font-color);
}
/* change Mode  */
.view-mode{position:fixed;bottom:5rem;right:24px;display:flex;justify-content:center;align-items:center;width:2.7rem;height:2.7rem;background-color:var(--font-color);border-radius:50%;box-shadow:0px 0px 10px 1px rgba(0, 0, 0, 0.2);}
.view-mode span{color:#fff;font-size:1.7rem}
.view-mode .fa{color:var(--body-color); font-size:24px;}
.view-mode:hover {cursor: pointer;; z-index:1000;}

@media (max-width: 767px) {
    .view-mode {
        position: fixed;
        bottom: 7rem;
        right: 20px;
    }
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
.sticky-top {
	background:var(--body-color) ;
}

.latest .section-title h2 {
  color: var(--font-color);
}
.latest .card {
  background: var(--greybg-color);
}
.latest .card-text {
  color: var(--font-color);
}
.latest .date {
  color: var(--font-color);
}
.buzz-today .section-title h2 {
  color: var(--font-color);
}
.buzz-today.section-title h2 {
  color: var(--font-color);
}
.buzz-today .card {
  background: var(--greybg-color);
}
.world .section-title h2 {
  color: var(--font-color);
}
.world .card {
  background: var(--greybg-color);
}
.world .card small {
  color: var(--lightgrey-color);
}
.fw-medium a {
  color: var(--lightgrey-color);
}
.section-title-non h2 {
    color: var(--font-color);
}

.non .card {
  background: var(--greybg-color);
}
.fw-medium a {
  color:var(--lightgrey-color);
}
.section-title-ins h2 {
   color: var(--font-color);
}
.date-1{background: var(--greybg-color);}
.buzz-today .card {
  background: var(--greybg-color);
}
.business .section-title h2 {
 color: var(--font-color);
}
.business .card {
  background: var(--greybg-color);
}
.business .card small {
  color: var(--lightgrey-color);
}
.recommended .section-title h2 {
 color: var(--font-color);
}
.recommended .card {
  background: var(--greybg-color);
}
.recommended .card small {
  color: var(--lightgrey-color);
}
.buzz .section-title h2 {
 color: var(--font-color);
}
.shark-stories .section-title h2 {
 color: var(--font-color);
}
.shark-stories .card {
  background: var(--greybg-color);
}
.shark-stories .card-text {
  color: var(--font-color);
}
.shark-stories .date {
  color: var(--font-color);
}
.technology .section-title h2 {
 color: var(--font-color);
}
.technology .card {
  background: var(--greybg-color);
}
.addbuzz .section-title h2 {
  color: var(--font-color);
}
.addbuzz .card {
  background: var(--greybg-color);
}
.file-input__label {
 color: var(--font-color);
}
footer .newsletter{background: var(--greybg-color);}
.input {
	color: var(--font-color)
}
#email {
  background: var(--greybg-color);
}
.events-one__single {
    border-radius: var(--oxpins-bdr-radius);
}
.events-one__img {
    border-radius: var(--oxpins-bdr-radius);
}
.events-one__img:after {
    background-color: rgba(var(--oxpins-black-rgb), .30);
    border-radius: var(--oxpins-bdr-radius);
}

.view-mode{
background-color:var(--font-color);
}
.view-mode .fa{color:var(--body-color);}
/*------------------ all.css ---------------------- */
.like a{color:var(--font-color);}

.world-news-detail .card small {
    color: var(--lightgrey-color);
}
.card-title-latest{
	color: var(--font-color);
}
.card-title-non{color: var(--font-color);} 
.card-title{color:var(--font-color)}
.card-title-bus{
	color:var(--font-color)
}
.card-title-rec{	
	color: var(--font-color);
} 
.card-title-tech{
	color:var(--font-color);
}
.card-title-ss{
	color:var(--font-color);
}
.view-mode{
background-color:var(--font-color);
}
.view-mode .fa{color:var(--body-color);}

/*------------------ INSPIRATION.css ---------------------- */
.ins-detail h1 {
	color:var(--font-color)
}
.ins-head p{color: var(--font-color);}
.date-one {
    background: var(--greybg-color);
}
.date-calender{color: var(--font-color);}
.world-news-detail p {
    color: var(--font-color);
}
/* .world-news-detail small{color: var(--font-color);} */
.qut{color: var(--font-color);}
.f12{color: var(--font-color);}
.date-one-1 {
    background: var(--greybg-color);
}
.date-calender-1 {
	color:var(--font-color);
  background: var(--greybg-color);

}
.rec .card {
    background: var(--greybg-color);
}
.rec .card small {
    color: var(--lightgrey-color);
}

.ins-head h1 {
color:var(--font-color)
}
.rec .section-title h1 {
    color:var(--font-color);
}
.buzz .buzz-head h1 {
    color:var(--font-color);
}
.world .section-title h1 {
    color:var(--font-color);
}
.pd-box .card-title {
	color:var(--fontops-color);
}
.pd-box {
 background: var(--greybg-color);
}

.view a {
color:var(--font-color);
}
.card-title {
	border-left: 10px solid var(--border-color);
}
.pd-box-com{background: var(--lightbg-color);}

.comment-title {
    border-left: 6px solid var(--border-color);
}
.comment {
 background: var(--greybg-color);
}

.ins-btn {
	background: transparent !important;
}
.nav-box-n
{
  filter: contrast(0);
}
.infinite-cards 
{
   background-color: transparent !important;

}