﻿/* 19 - BLUE GREY */

/* PRIMARY

#eceff1
#cfd8dc
#b0bec5
#90a4ae
#78909c
#607d8b
#546e7a
#455a64
#37474f
#263238

*/

body { background: #b0bec5 url(../../images/backgrounds/tile_04.png) !important; }

.body-promo { background: url(../../images/backgrounds/promo.png) top center no-repeat fixed; background-size: cover; }

@media only screen and (max-width : 1199px) {
	.body-promo { background: none; }
}

@media only screen and (max-width : 767px) {
	body { background: #b0bec5; }
}

/*-----------------------------
HEADER
-----------------------------*/

.header-top-container { border-top: 5px solid #263238; background: #546e7a; color: #fff; padding: 15px; }
.header-top-container a.header-top-link,
.header-top-container a.header-top-link:hover,
.header-top-container a.header-top-link:active,
.header-top-container a.header-top-link:visited { color: #fff !important; }

.header-bottom-container { background: #fff; color: #000; padding: 30px; }

/*-----------------------------
HEADER MENU
-----------------------------*/

.navbar { background: none; }

.menu-container { background: #263238 !important; }

.menuzord .menuzord-menu > li > a { color: #fff !important; }

.menuzord .menuzord-menu > li.active > a,
.menuzord .menuzord-menu > li:hover > a,
.menuzord .menuzord-menu ul.dropdown li:hover > a { background: #546e7a; color: #fff !important; }

.menuzord .showhide em { background: #f0f0f0 !important; }

@media (max-width: 768px) {
	.menuzord-responsive .menuzord-menu > li:first-child > a { border-top: 1px solid #546e7a !important; }
	.menuzord-responsive .menuzord-menu > li > a { border-bottom: 1px solid #546e7a !important; }
	.menuzord-responsive .menuzord-menu li .indicator { border-left: 0px solid #546e7a !important; }
	.menuzord-responsive .menuzord-menu ul.dropdown li a { border-bottom: none !important; }
}

/*-----------------------------
BREADCRUMB
-----------------------------*/

.breadcrumb-container { background: #eee; padding: 15px !important; }

/*-----------------------------
SLIDER
-----------------------------*/

.slider-container { background: #fefefe; }

/*-----------------------------
BODY
-----------------------------*/

.body-inner { background: #fefefe; }

/*-----------------------------
FOOTER
-----------------------------*/

.footer-top-container { border-top: 5px solid #263238; background: #546e7a; color: #fff; padding: 30px; }

.footer-top-container ul li a,
.footer-top-container ul li a:hover,
.footer-top-container ul li a:active,
.footer-top-container ul li a:visited { color: #fff !important; }

.footer-bottom-container { background: #263238; color: #fff; padding: 15px; }

/*-----------------------------
HYPERLINKS
-----------------------------*/

a:not(.btn), a.list-group-item { color: #546e7a !important; }
a:not(.btn):hover, a:not(.btn):focus { color: #263238 !important; }

/*-----------------------------
PAGINATION
-----------------------------*/

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #546e7a !important;
    border-color: #546e7a !important;
	color: #546e7a;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover { color: #fff !important; }

/*-----------------------------
MISC
-----------------------------*/

::selection { background-color: #546e7a; color: #fff; }
::-moz-selection { background-color: #546e7a; color: #fff; }
