/*------------------------------------
 * eyoom
 * 이윰빌더

 - Dark Color 	    : #54545a;
 - Dark Hover Color : #212227;
------------------------------------*/

a:focus,
a:hover,
a:active {
	color: #e33334;
}

a.read-more:hover {
	color:#e33334;
}

.linked:hover {
	color:#e33334;
}

.boxed-layout {
	background: url('../../image/colors-dark-bg.png');
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

/*------------------------------------
	Header
------------------------------------*/
@media (min-width: 1000px) {
	/*Navbar*/
	.header-e1.header .navbar-collapse {
		background: #54545a;
		border-top: 1px solid #54545a;
		border-bottom: 0;
	}
	.header-e1.header .navbar-default .navbar-nav > li > a:hover, .header-e1.header .navbar-default .navbar-nav > .active > a {
		border-top: 1px solid #54545a;
	}
	.header-e1.header .navbar-default .navbar-nav > li {
		border-left: 0;
		border-right: 0;
	}
	.header-e1.header .navbar-default .navbar-nav > li > a {
		-webkit-transition: all .1s ease-in-out;
		-moz-transition: all .1s ease-in-out;
		-o-transition: all .1s ease-in-out;
		-ms-transition: all .1s ease-in-out;
		transition: all .1s ease-in-out;	
	}
	.header-e1.header .navbar-default .navbar-nav > li > a,
	.header-e1.header .navbar-default .navbar-nav > li > a:hover,
	.header-e1.header .navbar-default .navbar-nav > li > a:focus {
		color: #fff;
	}
	.header .navbar-default .navbar-nav > .active > a, .header-e1.header .navbar-default .navbar-nav > li > a:hover {
		color: #fff;
		background: #212227;
	}
	.boxed-layout .header-fixed .navbar-collapse.header-fixed-bar .navbar-nav > .home-menu {
		border-left: 0;
	}
	.header-fixed .navbar-collapse.header-fixed-bar {
		background: rgba(84, 84, 90, 0.95); 
	}
	/*스타일 고정, 박스 관련 배경색 추가 부분*/
	.header-fixed .navbar-collapse.header-fixed-bar > .container {
		background: none;
	}
	.boxed-layout .header-fixed .navbar-collapse.header-fixed-bar {
		background: none; 
		border-top: 0 none;
	}
	.boxed-layout .header-fixed .navbar-collapse.header-fixed-bar > .container {
		background: rgba(84, 84, 90, 0.95); 
	}
	/*스타일 고정, 박스 관련 추가 배경색 부분 끝*/
	.header-e1.header .navbar-default .navbar-icon-color {
		color: #fff;
	}
	
	/*Dropdown Menu*/
	.header .dropdown-menu .active > a,
	.header .dropdown-menu li > a:hover {
		background: #54545a !important;
	}
}

@media (max-width: 999px) {
	.header-e1.header .navbar-default .navbar-nav > .active > a, .header-e1.header .navbar-default .navbar-nav > .active > a:hover, .header-e1.header .navbar-default .navbar-nav > .active > a:focus {
		background: #54545a;
	}
}

/*Navbar Toggle*/
.navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background: #54545a;
}

.navbar-toggle:hover {
	background: #212227 !important;
}

.navbar-default .navbar-toggle {
	border-color: #212227;
}

/*Responsive Navbar*/
@media (max-width: 767px) {
	.header .navbar-default .navbar-nav > li > a:hover {
		color: #54545a;
	}

	.header .navbar-default .navbar-nav > .active > a,
	.header .navbar-default .navbar-nav > .active > a:hover,
	.header .navbar-default .navbar-nav > .active > a:focus {
		background: #54545a;
	}
}

@media (min-width: 767px) {
	/*Navbar*/
	.header .navbar-default .navbar-nav > li > a:hover,
	.header .navbar-default .navbar-nav > .active > a {
		/*border-bottom: solid 2px #54545a;*/
	}

	.header .navbar-default .navbar-nav > .open > a,
	.header .navbar-default .navbar-nav > .open > a:hover,
	.header .navbar-default .navbar-nav > .open > a:focus {
		color: #54545a;
	}

	/*Dropdown Menu*/
	.header .dropdown-menu {
		border-top: solid 0px #54545a;
	}
}

/*Search Box*/
.header .navbar .nav > li > .search {
	color: #fff;
}
	
.header .navbar .nav > li > .search:hover {
	color: #fff;
	background: #54545a;
	border-bottom-color: #54545a;
}

@media (max-width: 767px) {
	.header .navbar .nav > li > .search:hover {
		background: #212227;
	}
}

/*------------------------------------
	Buttons
------------------------------------*/
.btn-e {
	background: #54545a;
}

.btn-e:hover {
	background: #212227;
}

.btn-e.btn-brd {
	border-color: #54545a;
}

.btn-e.btn-brd.btn-brd-hover:hover {
	border-color: #54545a;
	background: #54545a;
}

/*------------------------------------
	Thumbnail (Recent Work)
------------------------------------*/
.thumbnail-style h3 a:hover {
	color:#54545a;
}

.thumbnail-style a.btn-more {
	background:#54545a;
}
.thumbnail-style a.btn-more:hover {
	box-shadow:0 0 0 2px #212227;
}

/*Carousel (Recent Work)*/
.recent-work a:hover span {
	border-bottom:solid 2px #54545a;
}

/*------------------------------------
	Typography
------------------------------------*/
/*Heading*/
.headline h2,
.headline h3,
.headline h4 {
	border-bottom:2px solid #54545a;
}

/*Blockquote*/
blockquote:hover {
	border-left-color:#54545a;
}

.hero {
	border-left-color: #54545a;
}

/*------------------------------------
	Carousel
------------------------------------*/
.carousel-arrow a.carousel-control:hover {
	color: #54545a;
}

/*------------------------------------
	Footer
------------------------------------*/
.footer a,
.copyright a,
.footer a:hover,
.copyright a:hover {
	color: #54545a;
}

.footer-e1 .copyright {
	border-top: none;
	background: #34343a;
	border-top: 0px solid #ddd;
}

.footer-e1 .copyright p {
	color: #aaa;
}

/*------------------------------------
	Latest basic
------------------------------------*/
.latest-basic-e1 {
	border-left: 1px solid #54545a !important;
}

/*------------------------------------
	Latest Trans Basic
------------------------------------*/
.latest-trans-basic {
	border-left: 1px solid #54545a !important;
}

/*------------------------------------
	Tabs
------------------------------------*/
/*Tabs e1*/
.tab-e1 .nav-tabs {
	border-bottom: solid 2px #54545a;
}

.tab-e1 .nav-tabs > .active > a,
.tab-e1 .nav-tabs > .active > a:hover,
.tab-e1 .nav-tabs > .active > a:focus {
	background: #54545a;
}

.tab-e1 .nav-tabs > li > a:hover {
	background: #54545a;
}

/*------------------------------------
	Accardion
------------------------------------*/
.acc-home a.active,
.acc-home a.accordion-toggle:hover {
	color:#54545a;
}
.acc-home .collapse.in {
	border-bottom:solid 1px #54545a;
}

/*------------------------------------
	Notify Balloon
------------------------------------*/
.notify-balloon .notify-balloon-info {
	color: #54545a;
}

.notify-balloon .carousel-arrow i:hover {
	background: #54545a;
}

/*------------------------------------
	Info Blocks
------------------------------------*/
.info-blocks:hover i.icon-info-blocks {
	color: #54545a;
}

/*------------------------------------
	Breadcrumb
------------------------------------*/
.breadcrumb li.active,
.breadcrumb li a:hover {
	color:#54545a;
}

/*------------------------------------
	Paging
------------------------------------*/
/*Pagination*/
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
   background-color: #54545a;
   border-color: #54545a;
}

.pagination li a:hover {
   background: #212227;
   border-color: #212227;
}

/*Pager*/
.pager li > a:hover,
.pager li > a:focus {
   background: #212227;
   border-color: #212227;
}