:root {
    --bg-color: #f8f9fa;
    --bg-color-one: #fff;
    --theme-color-primary: #ef8430;
    --theme-color-primary-dark: #dd6a0f;
    --main-color-one: #ef8430;
    --bg-color-inherit: inherit;
    --header-color: #393a4f;
    --h1-color: #393a4f;
    --h2-color: #393a4f;
    --h3-color: #393a4f;
    --h4-color: #393a4f;
    --h5-color: #393a4f;
    --h6-color: #393a4f;
    --p-color: #6f7f92;
    --title-color: #07142e;
    --a-color: #3d70b2;
    --a-hover-color: #02a9f4;
    --text-color-one: #393a4f;
    --text-color-two: #000;
    --text-color-three: #000;
    --text-color-four: #000;
    --text-color-five: #000;
    --text-color-six: #000;
    --text-color-seven: #000;
    --text-color-eight: #000;
    --text-color-nine: #000;
    --text-color-ten: #000;
    --icon-color: #757a91;
    --white-color: #fff;
    --blue-color-one: #88ADFF;
    --blue-color-two: #70b5f933;
    --border-radius-one: 0.8rem;
  
    --border-radius: .313em;
    --border-radius-10: .625em;
    --border-radius-box: .375em;
    --box-shadow: 0 14px 54px rgba(0, 0, 0, 0.03);
    --main-btn-color:#fff;

    --bg-color: #fafafa; 
    --header-color: #393a4f; 
    --link-black: #121212;
    --title-color: #07142e; 
    --normal-text-color: #4e4e4e;
    --p-color: #393a4f;
    --border-color: #eaeaea;   
    --hashtag-color: #ff5700;
    --hashtag-color-hover-color: #ff803e;
    --background-hover-color: #fafafa;
    --profile-name-color: var(--main-color-one);
    --button-close-hover: rgba(0, 0, 0, .09);
    --background-color-for-items: #e3e3e3;
    --background-hover-color-for-items: #f7f7f7;
    --success-color: #10a700;
    --normal-font-size: 15px;
    --color-of-year: #BE3455;
    --background-white: #fff;
    --icon-color: #4e4e4e;
    --box-shadow-color: rgba(0, 0, 0, 0.07); 
    --secondary-tab-feed-bg-color: #ffffffda;
    --input-box-color:#eaeaea;
}

[data-theme=vayuzsocial-dark] {
    --bg-color: #091025;
    --bg-color-one: #080d1e;
    --theme-color-primary: #ef8430;
    --theme-color-primary-dark: #dd6a0f;
    --main-color-one: #ef8430;
    --bg-color-inherit: inherit;
    --header-color: #e1e1e1;
    --h1-color: #e1e1e1;
    --h2-color: #e1e1e1;
    --h3-color: #e1e1e1;
    --h4-color: #e1e1e1;
    --h5-color: #e1e1e1;
    --h6-color: #e1e1e1;
    --p-color: #a5a8ab;
    --title-color: #fff;
    --a-color: #fafafa;
    --a-hover-color: #02a9f4;
    --text-color-one: #e1e1e1;
    --text-color-two: #FFFFFF;
    --text-color-three: #000;
    --text-color-four: #000;
    --text-color-five: #000;
    --text-color-six: #000;
    --text-color-seven: #000;
    --text-color-eight: #000;
    --text-color-nine: #000;
    --text-color-ten: #000;
    --icon-color: #757a91;
    --white-color: #fff;
    --blue-color-one: #88ADFF;
    --main-btn-color:#fff;

    /* priya code used in byte */
    --bg-color: #0e0e0e;
    --header-color: #e1e1e1; 

    --p-color: #a9a9a9;
    --white-color: #fff;
    --link-black: #ffffff;
    --title-color: #fff;
    --normal-text-color: #e1e1e1 !important;
    --border-color: #4a4a4a !important;   
    --hashtag-color: #ff5700;
    --hashtag-color-hover-color: #ff803e;
    --profile-name-color: var(--main-color-one);
    --button-close-hover: rgba(255, 255,255, .09);
    --background-hover-color: #272727;
    --background-color-for-items: #272727;
    --background-hover-color-for-items: #272727;
    --success-color: #10a700;
    --normal-font-size: 15px;
    --color-of-year: #BE3455;
    --background-white: #202020;
    --icon-color: #a9a9a9 !important;
    --box-shadow-color: rgb(249 233 18 / 30%); 
    --secondary-tab-feed-bg-color: #3a3a3a8a;
    --input-box-color:#383838;
}

body {
    background-color: var(--bg-color) !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--title-color) !important
}

label,
.small,
small {
    color: var(--title-color) !important
}

select {
    color: var(--p-color) !important
}

input,
optgroup,
select,
textarea {
    color: var(--p-color) !important
}

::placeholder {
    color: var(--p-color) !important;
    opacity: .5 !important
}

:-ms-input-placeholder {
    color: var(--p-color) !important;
    opacity: .5 !important
}

::-ms-input-placeholder {
    color: var(--p-color) !important;
    opacity: .5 !important
}

p,  span {
    color: var(--p-color) !important
}

a {
    color: var(--theme-color-primary);
    text-decoration: none !important
}

a {
    color: var(--theme-color-primary-dark)
}

a:hover{
    color: inherit !important;
}


i {
    color: var(--icon-color) !important
}

.box-shadow {
    box-shadow: var(--box-shadow)
}

.text-color {
    color: Var(--p-color)
}

a.btn-outline-secondary:hover {
    color: var(--white-color) !important
}

.btn-primary {
    background: var(--theme-color-primary) !important;
    color: var(--white-color) !important;
    border: none !important
}

.btn-primary:hover {
    background: var(--theme-color-primary-dark) !important;
    color: var(--white-color) !important;
    border-color: var(--theme-color-primary-dark) !important
}

/* .form-control,
.form-select,
.input-group-text {
    background-color: var(--bg-color);
    border: .0625em solid var(--bg-color)
} */

/* .btn:focus,
button:focus,
button:hover {
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
} */

.password-toggle-icon {
    right: 0px;
    padding: 5px;
    cursor: pointer;
}

.password-input-field {
    position: relative;
}

.form-label {
    margin-bottom: 0
}

.v-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.h-center {
    margin: 0;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.vh-center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

button,
input,
select,
textarea {
    outline: 0 !important;
    box-shadow: none !important
}

.color-white {
    color: var(--white-color) !important
}

.icon-color {
    color: var(--icon-color) !important
}

section {
    background-color: var(--bg-color) !important
}

.vayuzsocial-headertwo {
    background-color: var(--bg-color-one);
    border-radius: 8px
}

.card {
    background-color: var(--bg-color-one) !important
}

@media (max-width:991.98px) {
    #blog {
        margin-top: 1rem
    }
}

#listing,
#slider,
._2iwq div {
    background-color: var(--bg-color)
}

.form-control:focus {
    outline: 0 !important;
    box-shadow: none !important
}

.card {
    background-color: var(--bg-color-one) !important;
    border: none;
    border-radius: var(--border-radius-box);
    box-shadow: var(--box-shadow)
}

.card-body {
    padding: 2em
}

@media (max-width:767.98px) {
    .card-body {
        padding: 1em
    }
}

.text-muted {
    color: var(--p-color) !important
}

[data-theme=vayuzsocial-dark] hr {
    color: var(--p-color) !important
}

[data-theme=vayuzsocial-dark] ._4-u2 {
    border-color: #919191 !important
}

/* .form-control,
.form-control:focus {
    background-color: var(--input-box-color) ;
    border-color: var(--input-box-color);
    color: var(--p-color) !important
} */

/* [data-theme=vayuzsocial-dark] .form-control,
[data-theme=vayuzsocial-dark] .form-control:focus {
    background-color: var(--input-box-color) !important;
    border-color: var(--input-box-color) !important;
    color: var(--p-color) !important
} */

[data-theme=vayuzsocial-dark] .modal .form-control,
[data-theme=vayuzsocial-dark] .modal .form-control:focus {
    background-color: var(--bg-color) !important;
    border-color: var(--border-color) !important;
    color: var(--p-color) !important
}

[data-theme=vayuzsocial-dark] button.owl-next,
[data-theme=vayuzsocial-dark] button.owl-prev {
    background-color: var(--bg-color) !important
}

.post-thumbnails .post-item,
.vayuzinsight-listing-gridview {
    background-color: var(--bg-color-one);
    border-radius: 8px !important
}

.post-thumbnails .post-item {
    margin-bottom: 1rem
}

.form-select {
    color: var(--p-color) !important
}

[data-theme=vayuzsocial-dark] .vayuzsocial .navbar,
[data-theme=vayuzsocial-dark] .vayuzsocial.header,
[data-theme=vayuzsocial-dark] .vayuzsocial.header .menu {
    background-color: var(--bg-color-one) !important;
    background: var(--bg-color-one) !important
}

[data-theme=vayuzsocial-light] .vayuzsocial .navbar,
[data-theme=vayuzsocial-light] .vayuzsocial.header,
[data-theme=vayuzsocial-light] .vayuzsocial.header .menu {
    background-color: var(--bg-color-one) !important;
    background: var(--bg-color-one) !important
}

[data-theme=vayuzsocial-dark] .vayuzsocial .header-icon {
    color: var(--icon-color) ;
}

[data-theme=vayuzsocial-dark] .vayuz-social-profile-user-dropdown-menu {
    background: var(--bg-color-one) none repeat scroll 0 0 !important
}

[data-theme=vayuzsocial-dark] .vayuz-social-profile-user-menu-title {
    color: var(--p-color) !important
}

[data-theme=vayuzsocial-dark] .vayuz-social-profile-user-dropdown-menu li:hover {
    background-color: #262f40 !important
}

[data-theme=vayuzsocial-dark] .vayuz-social-profile-user-dropdown-menu ul li a,
[data-theme=vayuzsocial-dark] .vayuzsocial .menu-link {
    color: var(--p-color) !important
}

[data-theme=vayuzsocial-dark] .vayuz-social-profile-user-dropdown-menu .side-bar-icon {
    color: var(--icon-color) !important
}

.vayuz-social-profile-user-dropdown-menu li {
    cursor: pointer !important
}

[data-theme=vayuzsocial-dark] .btn:not(.close):not(.mfp-close).btn-light {
    background-color: var(--bg-color-one) !important;
    border-color: var(--bg-color-one) !important;
    color: var(--p-color) !important
}

[data-theme=vayuzsocial-dark] .nav-pills .nav-link.active,
[data-theme=vayuzsocial-dark] .nav-pills .nav-link.current {
    color: var(--p-color) !important;
    background-color: var(--bg-color) !important;
    border-bottom: 1px solid var(--p-color) !important
}

[data-theme=vayuzsocial-dark] .nav-link {
    color: var(--p-color) !important
}

[data-theme=vayuzsocial-dark] .afix {
    background: var(--bg-color-one) !important
}

[data-theme=vayuzsocial-dark] #footer {
    background-color: var(--bg-color-one) !important
}

[data-theme=vayuzsocial-dark] .post-navigation {
    border-top: 1px solid var(--bg-color) !important;
    background-color: var(--bg-color) !important
}

[data-theme=vayuzsocial-dark] #footer .copyright-content {
    border-top: 1px solid var(--bg-color-one) !important
}

[data-theme=vayuzsocial-dark] .emoji-reactions {
    background: var(--bg-color) !important
}

[data-theme=vayuzsocial-dark] .jeg_author_wrap {
    background: var(--bg-color-one) !important;
    border: 1px solid var(--bg-color-one) !important
}

[data-theme=vayuzsocial-dark] #page-content .create-card {
    border: 1px solid var(--bg-color-one) !important;
    background-color: var(--bg-color-one) !important;
    border-radius: 8px !important
}

[data-theme=vayuzsocial-dark] #page-content .create-card .datetimepicker-dummy .datetimepicker-dummy-wrapper,
[data-theme=vayuzsocial-dark] #page-content .create-card .form-control,
[data-theme=vayuzsocial-dark] #page-content .create-card .form-control:focus,
[data-theme=vayuzsocial-dark] #page-content .create-card .form-select,
[data-theme=vayuzsocial-dark] #page-content .create-card .tags-input {
    background-color: var(--bg-color) !important;
    border-color: var(--bg-color) !important;
    color: var(--p-color) !important
}

[data-theme=vayuzsocial-dark] #page-content .create-card .form-control:focus~label,
[data-theme=vayuzsocial-dark] #page-content .create-card .form-floating>.form-control:focus~label,
[data-theme=vayuzsocial-dark] #page-content .create-card .form-floating>.form-control:not(:placeholder-shown)~label {
    background-color: inherit !important
}

[data-theme=vayuzsocial-dark] #page-content .create-card .img-thumbnail {
    background-color: var(--bg-color) !important;
    border: 1px solid var(--bg-color) !important
}

[data-theme=vayuzsocial-dark] #page-content .create-card .ce-paragraph,
[data-theme=vayuzsocial-dark] #page-content .create-card .wizard[data-style="2"]>.steps ul li>a .number,
[data-theme=vayuzsocial-dark] #page-content .create-card .wizard[data-style="2"]>.steps ul li>a .title,
[data-theme=vayuzsocial-dark] #page-content .create-card form label {
    color: var(--p-color) !important
}

[data-theme=vayuzsocial-dark] #page-content .create-card .codex-editor .ce-toolbar__plus {
    color: var(--icon-color) !important
}

[data-theme=vayuzsocial-dark] #page-content .create-card .datetimepicker-dummy.is-primary .datetimepicker-dummy-wrapper::before,
[data-theme=vayuzsocial-dark] #page-content .create-card .datetimepicker-dummy.is-primary .datetimepicker-dummy-wrapper:before,
[data-theme=vayuzsocial-dark] #page-content .create-card .datetimepicker-dummy.is-primary::before,
[data-theme=vayuzsocial-dark] #page-content .create-card .datetimepicker-dummy.is-primary:before {
    background-color: var(--icon-color) !important
}

[data-theme=vayuzsocial-dark] #page-content .create-card .datetimepicker-dummy .datetimepicker-dummy-wrapper .datetimepicker-dummy-input {
    color: var(--p-color) !important
}

[data-theme=vayuzsocial-dark] .breadcrumb li li::before {
    color: var(--icon-color) !important
}

[data-theme=vayuzsocial-dark] .breadcrumb a,
[data-theme=vayuzsocial-dark] .breadcrumb ul li a {
    color: var(--p-color) !important
}

[data-theme=vayuzsocial-dark] #page-content .create-card .datetimepicker {
    background: var(--bg-color) !important
}

.vayuz-social-theme-switch .switch-toggle,
.vayuz-social-theme-switchSecond .switch-toggle {
    line-height: 10px
}

.vayuz-social-theme-switch .switch-toggle label,
.vayuz-social-theme-switchSecond .switch-toggle label {
    position: relative;
    width: 38px;
    height: 38px;
    background: var(--bg-color-one);
    border-radius: 40px;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.vayuz-social-theme-switch .switch-toggle label::after,
.vayuz-social-theme-switchSecond .switch-toggle label::after {
    content: '';
    position: absolute;
    width: 36px;
    height: 36px;
    top: 0px;
    left: 0;
    background: var(--theme-color-primary-dark);
    border-radius: 180px;
    transition: all .3s ease-in-out
}

.vayuz-social-theme-switch input,
.vayuz-social-theme-switchSecond input {
    width: 0;
    height: 0;
    display: none
}

.vayuz-social-theme-switch input:checked .switch-toggle label,
.vayuz-social-theme-switchSecond input:checked .switch-toggle label {
    background: #202836;
    border-color: #5596e6
}

.vayuz-social-theme-switch input:checked .switch-toggle label::after,
.vayuz-social-theme-switchSecond input:checked .switch-toggle label::after {
    left: 99px;
    transform: translateX(-100%);
    background: #5596e6
}

.vayuz-social-theme-switch .switch-toggle label:active::after,
.vayuz-social-theme-switchSecond .switch-toggle label:active::after {
    width: 36px
}

.vayuz-social-theme-switch .switch-toggle label i,
.vayuz-social-theme-switchSecond .switch-toggle label i {
    position: absolute;
    width: 29px;
    top: 5px;
    z-index: 5;
    font-size: 16px
}

.vayuz-social-theme-switch .switch-toggle label .sun,
.vayuz-social-theme-switchSecond .switch-toggle label .sun {
    position: absolute;
    width: 36px;
    color: #fff !important;
    transition: all .3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    left: 0;
    top: 0;
}

.vayuz-social-theme-switch .switch-toggle label .moon,
.vayuz-social-theme-switchSecond .switch-toggle label .moon {
    
    color: #5d5d5d;
    transition: all .3s ease-in-out;
    position: absolute;
    width: 36px;
    color: #fff !important;
    transition: all .3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    left: 0;
    top: 0;
}

.vayuz-social-theme-switch input:checked .switch-toggle label .sun,
.vayuz-social-theme-switchSecond input:checked .switch-toggle label .sun {
    color: #5d5d5d
}

.vayuz-social-theme-switch input:checked .switch-toggle label .moon,
.vayuz-social-theme-switchSecond input:checked .switch-toggle label .moon {
    color: #fff
}

.btn-primary span{
    color: #ffffff !important
}