/*
color01 = #ffcc00
color02 = #cca300
color03 = #cc0000
color04 = #ff0000
color05 = 204,0,0,0.7
color06 = 255,204,0,0.7
*/

/*COLOR1*/
.site-heading h1,
.site-heading h2,
.site-heading h3,
.link01,
.mobile-menu .navigation li > a,
.sticky-header .main-menu .navigation > li > a,
.header-style-two .main-menu .navigation > li > a{
    color: var(--lblue2);
}


/*HOVER*/
.mobile-menu .navigation li.current > a,
.mobile-menu .navigation li > a:hover,
.copyright a:hover,
.footer-bottom .info a:hover,
.link01:hover{
    color: var(--lblue2);
}

/*BG1*/
#bottom-bar-info .col4{
    background: var(--dblue2);
}


/*BG2*/
#bottom-bar-info .col4:hover {
    background:var(--dblue3);
}




/*BG3*/
#bottom-bar-info .col1,
#bottom-bar-info .col3,
.close-button,
.bar-opener .bar,
.bg-theme-color,
#back-to-top .top,
.site-heading h1::after,
.site-heading h2::after,
.site-heading h3::after,
.sticky-header .main-menu .navigation > li:before,
.main-menu .navigation > li:before{
    background: var(--lblue2);
}


/*BG4*/
#bottom-bar-info .col1:hover,
#bottom-bar-info .col3:hover,
.bar-opener.active .bar, 
.bar-opener:hover .bar,
.close-button:hover,
#back-to-top .top:hover,
.site-heading h1::before,
.site-heading h2::before,
.site-heading h3::before {
    background: var(--dblue2);
}

/*GRADIENT*/
.bg-theme-color-animation{
    background: linear-gradient(221deg, var(--lblue1), var(--lblue2), var(--lblue2));
    background-size: 600% 600%;
    -webkit-animation: bg-gradient-animator 16s ease infinite;
    -moz-animation: bg-gradient-animator 16s ease infinite;
    -o-animation: bg-gradient-animator 16s ease infinite;
    animation: bg-gradient-animator 16s ease infinite;
}


.emailFooter{
    background: linear-gradient(135deg, var(--dblue2), var(--dblue3));
}

.emailFooter:hover:before,
.emailFooter:focus:before{
    background:var(--dblue2);
}


.phoneFooter{
    background: linear-gradient(135deg, var(--lblue2), var(--lblue3));
}
.phoneFooter:hover:before,
.phoneFooter:focus:before{
    background:var(--lblue2);
}


/*BGALPHA*/
.img-hover span:after,
.bg-cover2:before, 
.bg-cover:before {
    background:var(--lbluergba7);
}





.mobile-menu .navigation li > a,
.sticky-header .main-menu .navigation > li > a,
.header-style-two .main-menu .navigation > li > a{
    color: var(--dblue2);
}

.sticky-header .main-menu .navigation > li:before,
.main-menu .navigation > li:before{
    background:var(--lblue2);
}

.mobile-menu .navigation li.current > a,
.mobile-menu .navigation li > a:hover{
    color: var(--lblue2);
}

.checkbox:checked:before {
    border-color:var(--lblue2);
}
.author-info h5 {
    color: var(--lblue2);
}