/*--- Dark theme style ---*/

body.gray-mode main, body.gray-mode footer {
    filter: grayscale(100%) !important;
}
body.invert-mode main, body.invert-mode footer {
    filter: invert(100%) !important;
}
body.dark-mode {
    background-color:#1c1e4c !important;
}

body.dark-mode .header-view h2{
    color: #fff;
}
body.dark-mode .header-view h2.news-hd{
    color: #1C1E4C;
}
body.dark-mode .footer_bg .f_fifth h5, body.dark-mode .footer_bg .f_fifth .h5, body.dark-mode .footer_bg .f_third h5, body.dark-mode .footer_bg .f_third .h5, body.dark-mode .footer_bg .f_fourth h5, body.dark-mode .footer_bg .f_fourth .h5, body.dark-mode .footer_bg .webform .f_webform .region-footer-webform .block-webform h2, body.dark-mode .footer_bg .webform .f_webform .region-footer-webform .block-webform .h2, body.dark-mode .block-content--type-aloula-custom-block .group-left .left .field--name-field-title{
    color:#fff;
}
body.dark-mode .footer_bg .navbar-nav .nav-item .nav-link, body.dark-mode .footer_bg .f_sixth .privacy-policy p, body.dark-mode .footer_bg .f_sixth .privacy-policy a{
    color:#8788A7;
}
body.dark-mode .footer_bg .navbar-nav .nav-item .nav-link:hover, body.dark-mode .footer_bg .f_sixth .privacy-policy a:hover, body.dark-mode .block-content--type-aloula-custom-block .group-left .left .field--name-body p{
    color:#F3F4F6;
}
body.dark-mode .footer_bg .f_seventh .region-footer-seventh {
    background: #F3F4F6;
    margin: 0 -12px;
}
body.dark-mode .footer_bg .f_seventh .icon{
    margin:0 !important;
}
body.dark-mode .footer_bg .f_seventh .icon a{
    margin:1px 10px;
}
body.dark-mode .footer_bg .f_sixth .region-footer-sixth{
    margin: 0 -12px;
}
body.dark-mode .footer_bg .webform .f_webform .region-footer-webform .block-webform .webform-submission-form .form-type-email .form-control{
    background-color: #8788A7;
}
body.dark-mode .footer_bg .webform .f_webform .region-footer-webform .block-webform .webform-submission-form .form-actions input{
    left: 50px;
    top:13px;
    transition:.5s;
}
body.dark-mode .footer_bg .webform .f_webform .region-footer-webform .block-webform .webform-submission-form .form-actions input:hover{
    left: 40px;
}