:root {
    --lt-body-color: #222;
    --lt-body-bg: #0f1418;
    --lt-header-color:#fff;
    --lt-header-bg:#022a40;
    --lt-footer-color:#fff;
    --lt-footer-bg:#000;

    /* table */

    --lt-table-th-color: #000;
    --lt-table-th-bg: #ccc;

    --lt-table-color: #fff;
    --lt-table-bg: #161d23;

    --lt-table-td-color: #222;
    --lt-table-td-color-hover: #fff;
    --lt-table-td-bg: #161d23;
    --lt-table-td-bg-hover: #161d23;

    --lt-table-tr-color: #222;
    --lt-table-tr-color-hover: #f8f8f8;
    --lt-table-tr-bg: #fff;
    --lt-table-tr-bg-hover: #f8f8f8;

    /* border */

    --lt-border-dotted-grey: 1px dotted #888;

    /* button/link */

    --lt-edit-color: #000;
    --lt-edit-bg: orange;
    --lt-edit-hover-color: #000;
    --lt-edit-hover-bg: #fdcb6d;

    --lt-new-color: #283908;
    --lt-new-bg: #85bc17;
    --lt-new-hover-color: #283908;
    --lt-new-hover-bg: #deff9b;

    --lt-delete-color: #fff;
    --lt-delete-bg: #ff6347;
    --lt-delete-hover-color: #000;
    --lt-delete-hover-bg: #fe9886;

    --lt-normal-color: #fff;
    --lt-normal-bg: #115a82ff;
    --lt-normal-hover-color: #fff;
    --lt-normal-hover-bg: #3593c6ff;

    --lt-grey-color:  #000;
    --lt-grey-bg:  #f8f8f8;
    --lt-grey-hover-color: #3593c6ff;
    --lt-grey-hover-bg: #f8f8f8;

    /* form */

    --lt-form-color: #000;
    --lt-form-bg: #f8f8f8;
    --lt-form-field-bkg:#eee;
    --lt-form-label: #000;

    /* climate */

    --lt-location-color: #000;
    --lt-location-bg: #f8f8f8;
    --lt-location-hover-color: #fff;
    --lt-location-hover-bg:#3593c6ff;
    --lt-climate-label: #000;
    --lt-climate-grey: #666;
    --lt-climate-strong-blue-bg: #eee;

    /* info */

    --lt-info-fig-caption-color:#fff;
    --lt-info-fig-caption-bg: rgba(0,0,0,0.75);
    --lt-info-content-a-color: #000

    /* videos */

    --lt-video-wrapper-color: #222;
    --lt-video-wrapper-bg: #f8f8f8;

    /* Messenger */

    --lt-messenger-wrapper-color:#000;
    --lt-messenger-wrapper-bg:#f8f8f8;
    --lt-messenger-li-color:#000;
    --lt-messenger-li-bg: #f8f8f8;

    /* modules*/

    /*...... menu */

    --lt-menu-nav-ul-bg: #000910;
    --lt-menu-nav-ul-ul-bg: #00121f;
    --lt-menu-nav-ul-li-a-color: #fff;
    /*--lt-menu-nav-ul-li-a-bg:*/
    --lt-menu-nav-ul-li-a-hover-bg: #001c32;
    --lt-toggle-menu-color:#fff;
    --lt-toggle-menu-bg:#001c32;
    --lt-close-menu-color:#fff;
    /*--lt-close-menu-bg:;*/

    /*...... theme toggle */

    --lt-theme-toggle-bg:#0f1418;
    /*--lt-theme-toggle-color:;*/

    /*...... totop */

    --lt-to-top-color:#fff;
    --lt-to-top-bg:#115a82ff;
    --lt-to-top-hover-color:#fff;
    --lt-to-top-hover-bg:#3593c6ff;

    /*...... dropdown-connect */

    --lt-a-toggle-connect-color: #fff;
    --lt-a-toggle-connect-bg: #0f1418;
    --lt-dropdown-connect-bg:#022a40;
    --lt-dropdown-connect-li-a-color: #fff;
    --lt-dropdown-connect-li-a-hover-color:#fff;

    /*...... tabs */
    --lt-tab-bg:#022a40;
    --lt-tab-color:#666;

    --lt-tab-hover-color:#000;
    --lt-tab-hover-bg: #3593c6ff;
    --lt-tab-active-color:#fff;
    --lt-tab-active-bg: #0e5d87;

    /*...... modals */
    --lt-modal-trigger-color: #fff;
    --lt-modal-trigger-bg: none;
    --lt-modal-trigger-hover-color: #fff;
    --lt-modal-trigger-hover-bg: #f8f8f8;
    --lt-modal-content-bg:#eee;
    --lt-modal-close-color:#666;
    --lt-modal-close-bg:none;

    /*...... pagination */

    --lt-pagination-span-bg: #eee;
    --lt-pagination-span-current-color: #fff;
    --lt-pagination-span-current-bg: #0e5d87;
    --lt-pagination-span-a-color: #0e5d87;
    --lt-pagination-span-hover-color: #fff !important;
    --lt-pagination-span-hover-bg: #0e5d87;

    /*...... accordion */

    --lt-accordion-bg: #0e5d87;
    --lt-accordion-color: #fff;
    --lt-accordion-active-bg: #3593c6ff;
    --lt-panel-bg: #f8f8f8;
    --lt-accordion-after-color: #fff;
}

body.light-theme {
    background: var(--lt-lt-body-bg);
    color: var(--lt-body-color);
}
.light-theme header{
    background-color: var(--lt-header-bg);
}
.site-name{
    color: var(--lt-header-color);
}
.light-theme footer {
    background: var(--lt-footer-bg);
}
.light-theme table th{
    color: var(--lt-table-th-color);
    background: var(--lt-table-th-bg);
}
.light-theme table td{}
.light-theme table tr:hover{
    background: var(--lt-table-tr-bg-hover);
}
.light-theme a.link.normal{
    color: var(--lt-normal-color);
    background: var(--lt-normal-bg);
}
.light-theme a.link.normal:hover{
    background: var(--lt-normal-hover-bg);
}
.light-theme a.link.warning{
    color: var(--lt-edit-color);
    background:var(--lt-edit-bg);
}
.light-theme a.link.warning:hover{
    background: var(--lt-edit-hover-bg);
}
.light-theme button.link.danger{
    color: var(--lt-delete-color);
    background: var(--lt-delete-bg);
}
.light-theme button.link.danger:hover{
    background: var(--lt-delete-hover-bg);
}
.light-theme button.link.normal{
    color: var(--lt-normal-color);
    background: var(--lt-normal-bg);
}
.light-theme button.link.normal:hover{
    color: var(--lt-normal-hover-color);
    background: var(--lt-normal-hover-bg);
}
.light-theme button.link.grey{
    color: var(--lt-grey-color);
    background: var(--lt-grey-bg);
}
.light-theme button.link.grey:hover{
    color: var(--lt-grey-color);
    background: var(--lt-grey-hover-bg);
}
.light-theme a.link.grey{
    color: var(--lt-grey-color);
    background: var(--lt-grey-bg);
}
.light-theme a.link.grey:hover{
    color: var(--lt-grey-hover-color);
    background: var(--lt-grey-hover-bg);
}
.light-theme .danger{
    color: var(--lt-delete-color);
    background: var(--lt-delete-bg);
}
.light-theme .danger:hover{
    color: var(--lt-delete-hover-color);
    background: var(--lt-delete-hover-bg);
}
.light-theme .warning{
    color: var(--lt-edit-color);
    background: var(--lt-edit-bg);
}
.light-theme .warning:hover{
    color: var(--lt-edit-hover-color);
    background: var(--lt-edit-hover-bg);
}
.light-theme .success{
    color: var(--lt-new-color);
    background: var(--lt-new-bg);
}
.light-theme .success:hover{
    color: var(--lt-new-hover-color);
    background: var(--lt-new-hover-bg);
}
.light-theme .form-wrapper form label{
    color: var(--lt-form-color) !important;
}
.light-theme .form-wrapper form select,
.light-theme .form-wrapper form textarea,
.light-theme .form-wrapper form button,
.light-theme .form-wrapper form input[type=email],
.light-theme .form-wrapper form input[type=text],
.light-theme .form-wrapper input[type="number"],
.light-theme .form-wrapper input[type="password"]{
    color: var(--lt-form-color);
    background: var(--lt-form-field-bkg);
}
.light-theme .form-wrapper form button{
    color: var(--lt-form-color);
    background: var(--lt-form-field-bkg);
}
.light-theme .aside-menu li a{
    color: var(--lt-grey-color);
    background: var(--lt-grey-bg);
}
.light-theme .aside-menu li a:hover{
    color: var(--lt-grey-hover-color);
    background: var(--lt-grey-hover-bg);
}
.light-theme .location{
    background: var(--lt-location-bg);
}
.light-theme .location a{
    color: var(--lt-location-color);
}
.light-theme .location:hover{
    color: var(--lt-location-hover-color);
    background: var(--lt-location-hover-bg);
}
.light-theme .suggestion{
    background:  var(--lt-location-bg);
}
.light-theme .suggestion:hover,
.light-theme .location button:hover{
    color:  var(--lt-normal-color);
    background:  var(--lt-normal-bg);
}
.light-theme .date{
    background: var(--lt-location-bg);
}
.light-theme .time{
    background: var(--lt-location-bg);
}
.light-theme .weather-code{
    color: var(--lt-normal-hover-bg);
}
.light-theme .dayly .weather-code{
    color: var(--lt-new-bg);
}
.light-theme .label{
    color: var(--lt-climate-label);
    border-bottom: 1px dotted var(--lt-border-dotted-grey);
}
.light-theme .precipitation,
.light-theme .temperature{
    color: var(--lt-climate-grey);
}
.light-theme .geografy{
    background: var(--lt-location-bg);
}
.light-theme #form-result{
    background:  var(--lt-climate-grey);
}
.light-theme #city-form input[type=text] {
    color: var(--lt-location-color);
    background: none;
}
.light-theme .modal-content{
   background: var(--lt-climate-strong-blue-bg);
}
.light-theme .info figure figcaption {
    color: var(--lt-info-fig-caption-color);
    background: var(--lt-info-fig-caption-bg);
}
.light-theme .info .info_content a{
    color: var(--lt-info-content-a-color);
}
.light-theme .videoWrapper{
    color: var(--lt-video-wrapper-color);
    background: var(--lt-video-wrapper-bg);
}
.light-theme .message-wrapper{
    color: var(--lt-messenger-wrapper-color);
    background: var(--lt-messenger-wrapper-bg);
}
.light-theme .message-wrapper li{
    background: var(--lt-messenger-li-bg);
}
.light-theme nav ul{
    background: var(--lt-menu-nav-ul-bg);
}
.light-theme nav ul ul{
    background:var(--lt-menu-nav-ul-ul-bg);
}
.light-theme nav ul li a{
    background: none;
    color: var(--lt-menu-nav-ul-li-a-color);
}
.light-theme nav ul li a:hover{
    background: var(--lt-menu-nav-ul-li-a-hover-bg)
}
@media (min-width: 960px) {
    .light-theme nav ul li a{
        background: none;
    }
}
.light-theme #toggleMenu{
    color:var(--lt-toggle-menu-color);
    background: var(--lt-toggle-menu-bg);
}
.light-theme #closeMenu{
    color:var(--lt-close-menu-color);
}
.light-theme #themeToggle{
    background: var(--lt-theme-toggle-bg);
}
.light-theme #totop{
    color:var(--lt-to-top-color);
    background-color: var(--lt-to-top-bg);
}
.light-theme #totop:hover{
    color:var(--lt-to-top-hover-color);
    background-color: var(--lt-to-top-hover-bg);
}
.light-theme a#toggleConnect{
    color:var(--lt-a-toggle-connect-color);
    background: var(--lt-a-toggle-connect-bg);
}
.light-theme .dropdown-connect {
    background:var(--lt-dropdown-connect-bg);
}
.light-theme .dropdown-connect li a{
    color: var(--lt-dropdown-connect-li-a-color);
}
.light-theme .dropdown-connect li a:hover{
    color: var(--lt-dropdown-connect-li-a-hover-color);
}
.light-theme .tab {
    color: var(--lt-tab-color);
    background: none;
}
.light-theme .tab:hover {
    color: var(--lt-tab-hover-color);
    background: var(--lt-tab-hover-bg);
}
.light-theme .tab.active {
    color: var(--lt-tab-active-color);
    background: var(--lt-tab-active-bg);
}
.light-theme .modal-trigger {
    background: var(--lt-modal-trigger-bg);
    color: var(--lt-modal-trigger-color);
}
.light-theme .modal-trigger:hover {
    color: var(--lt-modal-trigger-hover-color);
    background: var(--lt-modal-trigger-hover-bg);
}
.light-theme .modal-overlay {
    background: rgba(0, 0, 0, 0.5);
}
.light-theme .modal-content {
    background: var(--lt-modal-content-bg)
}
.light-theme .modal-close {
    color: var(--lt-modal-close-color);
    background: var( --lt-modal-close-bg);
}
.light-theme .pagination span{
    background-color: var(--lt-pagination-span-bg);
}
.light-theme .pagination span.current{
    color: var( --lt-pagination-span-current-color);
    background-color: var(--lt-pagination-span-current-bg);
}
.light-theme .pagination span a{
    color: var(--lt-pagination-span-a-color);
}
.light-theme .pagination span a:hover{
    color: var(--lt-pagination-span-hover-color);
}
.light-theme .pagination span:hover{
    color: var(--lt-pagination-span-hover-color);
    background-color: var(--lt-pagination-span-hover-bg);
}
.light-theme .accordion{
    background-color: var(--lt-accordion-bg);
    color: var(--lt-accordion-color) !important;
}
.light-theme .accordion.active,
.light-theme .accordion:hover{
    background-color: var(--lt-accordion-active-bg);
}
.light-theme .panel{
    background-color: var(--lt-panel-bg);
}
.light-theme .accordion:after{
    color: var(--lt-accordion-after-color);
}