/*********************************************************
T H E M E   C O L O R
*********************************************************
0 -- R E D   C H E R Y 
$global-color: #da5252;$global-color-opacity: rgba(218,82,82,0.8);

1 -- C Y A N 
$global-color: #00be98;$global-color-opacity: rgba(0,190,152,0.8);

2 -- O R A N G E 
$global-color: #EC5923;$global-color-opacity: rgba(236,89,35,0.8);

3 -- D A R K   B L U E 
$global-color: #2d5c88;$global-color-opacity: rgba(45,92,136,0.8);

4 -- D A R K   G R E E N 
$global-color: #719430;$global-color-opacity: rgba(113,148,48,0.8);

5 -- F A D E   C Y A N 
$global-color: #8eccb3;$global-color-opacity: rgba(142,204,179,0.8);

6 -- L I G H T   F A D E   P U R P L E 
$global-color: #435960;$global-color-opacity: rgba(67,89,96,0.8);

7 -- P I N K  
$global-color: #e44884;$global-color-opacity: rgba(228,72,132,0.8);

8 -- Y O U N G   G R E E N 
$global-color: #7fcd0f;$global-color-opacity: rgba(127,205,15,0.8);

9 -- Y E L L O W 
$global-color: #FFD600;$global-color-opacity: rgba(255,214,0,0.8);


*********************************************************/
/* Count from 0 */
/* HOMEPAGE Ultilities icons */
/* SERVICE icons */
/* BLOG (sidebar heading & article caret) */
/* STAR RATING */
a:hover { color: #2d5c88 !important; }

a.active { color: #2d5c88 !important; }

#ht-main-content.blog .article-info hr { border-top: 1px solid #1a4b77; border-bottom: 1px solid #3474a0; }

blockquote { border-left: 3px solid #2d5c88; }

#ht-main-content.blog #ht-blog .section-heading { color: #2d5c88; }
#ht-main-content.blog #ht-blog .an-article .article-info { background-color: #2d5c88; }
#ht-main-content.blog #ht-blog .an-article .article-info .caret { background: url(../images/@an-article-caret.png) 0px -54px; /* Move Y by 18px */ }
#ht-main-content.blog #ht-blog .comment .a-comment .comment-content a.username { color: #2d5c88; }
#ht-main-content.blog #ht-blog .comment .a-comment .comment-content a.username:hover { color: #4682ae !important; }
#ht-main-content.blog #ht-blog .comment .a-comment .comment-content a.reply { color: #2d5c88; }
#ht-main-content.blog #ht-blog .sidebar .sidebar-heading p { background: #2d5c88; }
#ht-main-content.blog #ht-blog .sidebar .sidebar-heading.right .tail { background: url(../images/@sidebar-heading-right.png) -30px 0px no-repeat; /* Move X by 10px */ }
#ht-main-content.blog #ht-blog .sidebar .sidebar-heading.left .tail { background: url(../images/@sidebar-heading-left.png) -30px 0px no-repeat; /* Move X by 10px */ }

.jcarousel-wrapper { /* carousel control */ }
.jcarousel-wrapper .jcarousel-control-next:hover, .jcarousel-wrapper .jcarousel-control-prev:hover { color: #2d5c88; }

#ht-main-content.contact #ht-map .map-wrapper .toggle { color: #2d5c88; }

#ht-header .ht-navbar-toggle:hover { background-color: rgba(45, 92, 136, 0.8); }

#ht-main-content.homepage #ht-ultility .item h2 { color: #2d5c88; }
#ht-main-content.homepage #ht-ultility .item .icon.foods { background-position: 0 -256px; }
#ht-main-content.homepage #ht-ultility .item .icon.openning { background-position: -63px -256px; }
#ht-main-content.homepage #ht-ultility .item .icon.reservation { background-position: -123px -256px; }
#ht-main-content.homepage #ht-special-menu h1 { color: #2d5c88; }
#ht-main-content.homepage #ht-special-menu .item h2 { color: #2d5c88; }
#ht-main-content.homepage #ht-info .recent-news .other-news ul a:hover { color: #2d5c88; }
#ht-main-content.homepage #ht-info .upcoming-event .item a:hover { color: #2d5c88; }

.media-container .inner .hover-overlay.color { background-color: #2d5c88; }
.media-container .inner .caption-heading { background-color: #2d5c88; }
.media-container .inner .caption-overlay { background-color: #2d5c88; }

#ht-main-content.menu #ht-menu { /* Menu Single Grid */ /* Menu Single List */ }
@media (max-width: 768px) { #ht-main-content.menu #ht-menu .menu-set .a-set .dish .content .price { color: #2d5c88 !important; } }
#ht-main-content.menu #ht-menu .menu-set .a-set .dish .content h3 { color: #2d5c88; }
#ht-main-content.menu #ht-menu .menu-set .a-set .total-price .price { color: #2d5c88; }
#ht-main-content.menu #ht-menu .menu-single-grid .dish:hover .content h3 { color: #2d5c88; }
#ht-main-content.menu #ht-menu .menu-single-list .dish h3 { color: #2d5c88; }
#ht-main-content.menu #ht-menu-detail a { color: #2d5c88; }
#ht-main-content.menu #ht-menu-detail .gallery-dish .dish .price .sale { color: #2d5c88; }

/* H T   B G */
.ht-bg { background-color: #2d5c88 !important; }

/* H T - B T N */
.ht-btn:hover { border-color: #2d5c88 !important; background-color: #2d5c88 !important; }

/* H T - B T N - F L O A T */
.ht-btn.btn-float { border-color: #3a78a4; background-color: #3a78a4; box-shadow: 2px 2px 1px #2d5c88; }

.ht-btn.btn-float:hover { background-color: #4682ae; border-color: #4682ae; }

/* H T - P A G E - H E A D I N G */
.ht-page-heading .main-heading h1 { color: #2d5c88; }

/* H T - F O R M */
/* G R A Y S C A L E  */
/* C O L O R   F I L T E R */
/* S L I D E  G A L L E R Y */
.gallery { /* carousel control */ }

/* H T - T A B - N A V */
/* C O L L A P S E   L I S T */
ul#ht-collapsed-list i.fa { color: #2d5c88; }

/* P A G E   C O N T R O L */
/* H T   S O C I A L   B O X */
.ht-social a:hover { color: #2d5c88; }

.ht-social.bright a:hover { color: #2d5c88; }

#ht-main-content.services #ht-services .service .service-1 { background-position: 0 -325px; }
#ht-main-content.services #ht-services .service .service-2 { background-position: -60px -325px; }
#ht-main-content.services #ht-services .service .service-3 { background-position: -113px -325px; }
#ht-main-content.services #ht-services .service .service-4 { background-position: -180px -325px; }
#ht-main-content.services #ht-services .service .service-5 { background-position: -262px -325px; }
#ht-main-content.services #ht-services .service .service-6 { background-position: -317px -325px; }
#ht-main-content.services #ht-services .service h2 { color: #2d5c88; }
#ht-main-content.services #ht-testimonial { background-color: #2d5c88; }

.rating-star, .rating:hover .rating-star { background-position: -78px 0px; }

.rating:hover .rating-star:hover, .rating:hover .rating-star:hover ~ .rating-star, .rating-input:checked ~ .rating-star { background-position: -78px -13px; }
