/* -----------------------------------------------------
Loader
 ----------------------------------------------------- */
 
.loader { background: url(../images/loader-orange.gif) center no-repeat #fff; background-size: 40%;} 

/* -----------------------------------------------------
Color
 ----------------------------------------------------- */

.fullscr-navigation li .fullscr-nav-icon,
#mySidenav #web-name span,
.header-logo h4 span,
.header-links li.user-link a,
.header .fixed-header.transparent li.user-link .fa,
#coffee-homepage #services .service-block .fa,
#iceparlour-homepage #banner-2 h2,
.menu .white-menu .owl-controls .owl-buttons div,
.dish-list-text h5,
.dish-list-text .btn .fa,
#testimonial .item .reviewer-text blockquote .blockquote-footer,
#footer h3 span,
.footer-contact li span,
.footer-social li .fab:hover,
#footer .footer-social-2 li .fab,
#footer .footer-social.bordered-social li .fab,
#footer .copyright a,
.page-cover.text-left h3,
#reservation-page h4,
.cart-info h4 span,
.order-list li:before,
.order-list li .order-item-info .order-item-price span,
.order-list .order .total p span,
.custom-form label a,
.menu-title .menu-price h3,
.menu-detail .nav-tabs li a.active,
.person-title ul li a,
#order-history-page .form-group .fa-calendar-alt,
.order-card .card-header .order-title h3 span,
.order-card .card-header .order-title span .fa,
.comments-wrapper .comment-block a,
.form-page-links a,
#error-page h2 span,
#coming-soon-page h2 span,
#coming-soon-page ul li:after,
#coming-soon-page ul li span,
.blog-list-detail ul li .fa,
.user-profile-heading h3 span,
#user-profile-page .edit-link a,
.user-prf-sidebar-links li a:hover,
.user-prf-sidebar-links li.active a,
.user-prf-sidebar-links li a .fa,
.faq-heading:first-letter,
.sidenav-2-top li h4 span,
.white-menu .list-group > .list-group-item:hover,
.white-menu .list-group > .list-group-item:focus,
.white-menu .list-group > .list-group-item.active,
.white-menu .list-group > .list-group-item.active .arrow,
.person-block.person-block-circle .person-img-overlay li a,
.full-page-back-link,
.full-page-back-link:hover,
.service-block-2 .fa,
.faq-block.faq-block-2 .card .faq-title::before,
.p-table-block.p-table-block-2 .p-table-price h2,
.contact-block-2 .fa,
.page-cover .page-cover-heading-clr
,.common-cards ul.stars li i,
.common-cards .card-6 .status-icons li a:hover i,
.accordion-page .accordion-2 .card button.btn,
.accordion-page .accordion-2 .card button.btn i.fa-chevron-down,
.accordion-page .accordion-1 .card button.btn,
.accordion-page .accordion-1 .card button.btn i.fa-chevron-down,
.action-sheet-wrapper .action-sheet ul li:last-child { color:rgb(7, 156, 205); } 

/* -----------------------------------------------------
Background Color
 ----------------------------------------------------- */
 
.page-heading:after,
.btn-orange,
.fullscr-navigation #fullscr-close,
.header .header-links li.shopping-cart .cart-badge,
.meta .meta-highlight.meta-orange,
#coffee-homepage #services,
#main-menu .list-group > .list-group-item.active,
#main-menu .list-group > .list-group-item:focus,
#main-menu .list-group > .list-group-item.active:focus,
#main-menu .list-group > .list-group-item:hover,
.white-menu .list-group > .list-group-item:hover .sidebar-icon,
.white-menu .list-group > .list-group-item:focus .sidebar-icon,
.white-menu .list-group > .list-group-item.active .sidebar-icon,
#slider .flex-control-nav li a.flex-active,
.service-block .fa,
#bakery-homepage #about-us,
.menu .nav-tabs li a.active,
.dish-list:hover .btn,
#testimonial.text-white,
#newsletter,
.page-cover,
#testimonial-page .owl-controls .owl-page span,
#filter-buttons button.active,
.person-img:after,
#error-page h2:before,
#error-page h2:after,
.h2-shape:before,
.h2-shape:after,
.pages .pagination li a:hover,
.pages .pagination li.active a,
.order-list .cart-info h4,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
#user-profile-page .edit-link a span,
.faq-heading::after,
.faq-block .card .faq-title::after,
.p-table-block .p-table-price h2,
.white-menu .list-group > .list-group-item.active .sidebar-icon,
.white-menu .list-group .sub-menu > .list-group-item.active:before,
.white-menu .list-group .sub-menu > .list-group-item:hover:before,
.white-menu .list-group .sub-menu > .list-group-item:focus:before,
.custom-tabs .nav-tabs li a.active,
#testimonial-page-2 .owl-controls .owl-page span
,#myBtn,
.owl-theme .owl-controls .owl-page span,
.toast-5 .toast-body a.btn,
.ios-toast-5 .toast-body a.btn,
.notication-banners .toast .color-dot { background:rgb(7, 156, 205); } 

/* -----------------------------------------------------
Border Color
 ----------------------------------------------------- */
 
.page-heading-line,
#mySidenav #web-name,
.fullscr-navigation li a,
#coffee-homepage #services .service-block .fa,
.custom-form input:focus,
.custom-form select:focus,
.custom-form textarea:focus,
#testimonial.testimonial-2 .page-heading-line,
#testimonial-page .item .reviewer-img img,
#footer .footer-social.bordered-social li .fab,
#filter-buttons button.active,
.menu-detail .nav-tabs li a.active,
.person-img,
.order-card .card-header,
.user-profile-heading hr,
#coming-soon-page h2,
.p-table-block,
.faq-block-2 .card-header,
.custom-tabs .nav-tabs,
.page-cover.bdr-t-b-4,
.full-page-status #error-page h2
,.toast-5 .toast-body a.btn,
.ios-toast-5 .toast-body a.btn,
.notication-banners .toast .color-dot { border-color:rgb(7, 156, 205); } 

/* -----------------------------------------------------
RGBA
 ----------------------------------------------------- */
 
.overlay { background:rgba(7, 156, 205,0.88); } 

.footer-social { background:linear-gradient( to left, rgba(255, 87, 34,0) 0%, rgba(255, 87, 34,0.3) 10%, rgba(7, 156, 205,0.88) 50%, rgba(255, 87, 34,0.3) 90%, rgba(255, 87, 34,0) 100%); } 


/* -----------------------------------------------------
Contact Form Error 
 ----------------------------------------------------- */
#contact-form input.error::-ms-input-placeholder,
#contact-form textarea.error::-ms-input-placeholder { color: #e6e6e6; } 

#contact-form input.error::placeholder,
#contact-form textarea.error::placeholder { color:#e6e6e6 !important; } 

#contact-form input.error,
#contact-form textarea.error { background:#ff4d4d; border-color:red; }