:root {
     --color-theme:#6CB4EE /*#08dd61*/;
     --color-white:white;
     --clr-orange:#eebd23;
     --clr-fadegrey:lightgrey;

     /* shades of blue */ 

     --b-aero:#7CB9E8;
     --b-airforce:#00308F;
     --b-airsuper:#72A0C1;
     --b-argentinan:#6CB4EE;
     --b-azure:#007FFF;
     --b-baby:#89CFF0;
     --b-bayern:#0066b2;
     --b-defrance:#318CE7;
     --b-yonder:#5072A7;
     --b-gray:#6699CC;
     --b-byzantine:#3457D5;
     --b-marian:#E1EBEE;
     --b-maverick:#00538C;

     --t-danger:#733635;
     --t-hdr:blanchedalmond;
     
     --b-login:#f9f9f9;
     --b-secondary:#6c757d;

     --b-robin-egg:#96DED1;
     
  }

  /* Color */
.brnd-clr{
  color : var(--clr-orange);
}

.bnr-white{
  color: var(--color-white);
}

.btn-d-warm{
  background:var(--b-byzantine);
  color:white !important;
}

.btn-d-warm > a{
  color:white !important;
}

.dv1-hdr-3{
  color:var(--b-airforce);
}

.btn-d1-primary{
  background:var(--b-airforce);
  color:white;
}

.btn-d1-primary:hover{
  color:blanchedalmond;

}

.btn-d1-login{
  background:var(--b-secondary);
  color:whitesmoke;
  font-size:20px;
}

.text-d1-danger{
  color:var(--t-danger);
}

.text-d1-cont-hdr{
  color:black;
}
.text-d1-primary{
  color:var(--b-airforce);
}

.wilmington i,.button-2:hover,.bag i,.dish-info i,.previous-posts a,.address i,
.cafa i,.cafa h4 a:hover,a.button-2.non,ul.food-dishes li i,.comment h2 span,.counter-container h3,
.cafa-button a,.food-photo-section a i,.services-card-style i,ul.crumbs li a i,.title-checkout h6,
.count-time h2,.count-time span,.counter-img-data h2,.team-description i,.title-container span,
.reviews-img i,.thomas i,.news-post-two h6 a:hover,ul.footer-menu li a:hover,.pricing-plan-list h5 i,
ul.crumbs li.two i,ul.paragraph li i,.choose-lunches h3,.star i,.services-card-style h4 a:hover,
.comment-text span,li.hide-button h6,.totel-price h2,.error-page h2 {
    color: var(--color-theme);
}
/* Background color-theme */
.cafa-button a:hover,.quickeat a,ul.social-media li a i:hover,
.banner-img h4,.button-price,.menu-dish li:before,.hours i,.services-card-style:hover i,
.error-page a i,.questions i,.join-img-blog i,.pricing-table-cards h6,.blog-list li:before,
.mobile-nav > ul > li.menu-item-has-children.active > ul.sub-menu li:before,.page-loader, .top-hdr, .fix-menu {
	 background-color: var(--color-theme);
}