/* ========================================================================== Mixin ========================================================================== */
/* ========================================================================== Variables ========================================================================== */
/* Fonts */
/* Color */
/* Path */
body { background: url(../../../../Content/css/theme/default/bg.jpg) no-repeat #fff; border-top-color: #0d6fb8; }

#header .container { background-image: url(../../../../Content/css/theme/default/header.png); background-position: 95% 0; }
@media screen and (max-width: 992px) { #header .container { background-position: center 0; background-size: 100%; } }
#header .navbar-header button { background-color: #eee; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #d4d4d4), color-stop(100%, #f4f4f4)); background-image: -moz-linear-gradient(bottom, #d4d4d4, #f4f4f4); background-image: -webkit-linear-gradient(bottom, #d4d4d4, #f4f4f4); background-image: linear-gradient(to top, #d4d4d4, #f4f4f4); }
#header .navbar-header button:hover, #header .navbar-header button:active { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d4d4d4), color-stop(100%, #f4f4f4)); background-image: -moz-linear-gradient(top, #d4d4d4, #f4f4f4); background-image: -webkit-linear-gradient(top, #d4d4d4, #f4f4f4); background-image: linear-gradient(to bottom, #d4d4d4, #f4f4f4); }
#header .navbar-nav { background-image: url(../../../../Content/css/theme/default/mainnav.png); }
#header .navbar-nav > li:hover > a, #header .navbar-nav > li.active > a { background-image: url(../../../../Content/css/theme/default/mainnav.png); }

#footer { background-color: #0d6fb8; color: #fff; }

#main .title { background-color: #0d6fb8; color: #fff; }

.grid-view > div > a { background-color: #eee; }
.grid-view > div > a:hover { background-color: #666; color: #fff; }
.grid-view > div.frame-album > a { background-image: url(../../../../Content/css/theme/default/frame-album.png); }
.grid-view > div.frame-album > a:hover { background-color: #0d6fb8; }
.grid-view > div.frame-video > a { background-image: url(../../../../Content/css/theme/default/frame-video.png); }
.grid-view > div.frame-video > a:hover { background-color: #c63; }

/* ===== index ===== */
.headlines .nav-tabs > li.active > a, .headlines .nav-tabs > li.active > a:hover, .headlines .nav-tabs > li.active > a:focus { background-color: #0d6fb8; color: #fff; }
.headlines .tab-content { border-top-color: #0d6fb8; }
.headlines .tab-content .btn-more { background: #0d6fb8; color: #fff; }

[class^="ico-title-"], [class*="ico-title-"] { background-image: url(../../../../Content/css/theme/default/icon-title.png); }

[class^="list-"] h5, [class*="list-"] h5 { border-bottom: 3px solid #c63; }
[class^="list-"].list-album h5, [class*="list-"].list-album h5 { color: #14618a; }
[class^="list-"].list-video h5, [class*="list-"].list-video h5 { color: #e9675f; }