/*
 Theme Name:   Atlas Theme
 Description:  CAPS Child Theme
 Author:       Matthew Muro
 Template:     caps-theme
 Version:      1.0
 Text Domain:  atlas-theme
*/

@font-face {
	font-family: 'bebas-neue';
	src: url('fonts/BebasNeue Regular.otf') format('opentype'),
		 url('fonts/BebasNeue Regular.ttf') format('truetype'),
		 url('fonts/BebasNeue Regular.woff') format('woff');
}

/* Glyphicons Font from Bootstrap 3 */
@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('../caps-theme/template/assets/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
		 url('../caps-theme/template/assets/fonts/glyphicons-halflings-regular.ttf') format('woff');
}

h1, h2, h3, h4, h5, h6,
.cta h1, .cta h2, .cta h3, .cta h4, .cta h5, .cta h6,
.overlay-container h1, .overlay-container h2, .overlay-container h3, .overlay-container h4, .overlay-container h5, .overlay-container h6 {
	font-family: 'bebas-neue';
}

.carousel-home-sm h2,
.carousel-home-sm p {
	font-family: 'Source Sans Pro',Helvetica,Arial,sans-serif;
}

a,
.breadcrumb-wrapper .breadcrumb a,
.color-atlas-primary {
	color: #ae312d;
}

a:hover,
a:active,
.breadcrumb-wrapper .breadcrumb a:hover,
.breadcrumb-wrapper .breadcrumb a:active {
	color: #9e2e26;
}
.breadcrumb li{
	padding-right: .5rem;
}

.home-box {
	position: absolute;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	height: 70%;
}

.home-box h3,
.step-title {
	font-size: 100px;
	font-weight: bold;
	margin-bottom: 0;
}

.home-box h3 {
	font-size: 60px;
}

.footer-main {
	background-color: #666666;
	color: white;
}

.footer-main a:not(.btn),
.footer-main a:not(.btn):hover {
	text-decoration: underline;
	color: white
}

.footer-main .nav-pills-v2 > li > a {
	text-decoration: none;
}

.footer-main .nav-pills-v2 > li > a:hover {
	text-decoration: underline;
}

.color-atlas-blue {
	color: #104282;
}

.color-atlas-red {
	color: #d03b42;
}

.color-atlas-green {
	color: #b6bd14;
}

.color-atlas-orange {
	color: #ed9624;
}

.bg-color-atlas-blue,
a.bg-color-atlas-blue:hover {
	background-color: #104282;
}

.bg-color-atlas-red,
a.bg-color-atlas-red:hover {
	background-color: #d03b42;
}

.bg-color-atlas-green,
a.bg-color-atlas-green:hover {
	background-color: #b6bd14;
}

.bg-color-atlas-orange,
a.bg-color-atlas-orange:hover {
	background-color: #ed9624;
}

.nav-pills:not(.nav-stacked).pills-step-plan > li > a:focus,
.nav-pills:not(.nav-stacked).pills-step-plan > li > a:hover,
.nav-pills:not(.nav-stacked).pills-step-plan > li.active > a,
.nav-pills:not(.nav-stacked).pills-step-plan > li.active > a:hover {
	background-color: #104282;
	color: white;
}

.nav-pills:not(.nav-stacked).pills-step-launch > li > a:focus,
.nav-pills:not(.nav-stacked).pills-step-launch > li > a:hover,
.nav-pills:not(.nav-stacked).pills-step-launch > li.active > a,
.nav-pills:not(.nav-stacked).pills-step-launch > li.active > a:hover {
	background-color: #d03b42;
	color: white;
}

.nav-pills:not(.nav-stacked).pills-step-grow > li > a:focus,
.nav-pills:not(.nav-stacked).pills-step-grow > li > a:hover,
.nav-pills:not(.nav-stacked).pills-step-grow > li.active > a,
.nav-pills:not(.nav-stacked).pills-step-grow > li.active > a:hover {
	background-color: #b6bd14;
	color: white;
}

.nav-pills:not(.nav-stacked).pills-step-manage > li > a:focus,
.nav-pills:not(.nav-stacked).pills-step-manage > li > a:hover,
.nav-pills:not(.nav-stacked).pills-step-manage > li.active > a,
.nav-pills:not(.nav-stacked).pills-step-manage > li.active > a:hover {
	background-color: #ed9624;
	color: white;
}

#accordion-plan.collapse-style-3 .panel-heading a {
	background: #104282;
	color: white;
}

#accordion-launch.collapse-style-3 .panel-heading a {
	background: #d03b42;
	color: white;
}

#accordion-manage.collapse-style-3 .panel-heading a {
	background: #ed9624;
	color: white;
}

#accordion-grow.collapse-style-3 .panel-heading a {
	background: #b6bd14;
	color: white;
}

@media (max-width: 991px) {
	.logo-brand {
		max-width: 275px;
	}

	.header-main .navbar-header .nav-toggle {
		margin-top: 20px;
	}

	.home-box h3 {
		font-size: 40px;
	}

	.home-box .btn {
		font-size: 12px;
	}
}

@media (max-width: 1199px) {
	.page .home-box h3 {
		font-size: 35px !important;
	}
}

.hr-sm {
	border-top-width: 1px;
}

.hr-md {
	border-top-width: 2px;
}

.hr-lg {
	border-top-width: 3px;
}

.hr-xl {
	border-top-width: 4px;
}

/* Dogwood Styles */
.header-main {
	background: rgba(255,255,255,0.95);
}
.navbar-nav>li>a{
	padding: 16px;
	width: auto;
	height: auto;
}
.navbar-nav ul li{
	height: auto;
}
.header-top{
	height: auto;
}
#caps-main-nav li a{
	text-decoration: none;
	display: flex;
	width: 100%
}
#caps-main-nav li{
	display: flex;
}
.header-top .col-lg-6 {
	position: relative;
}
#caps-resources-nav li.top-search a{
	color: #fff;
	background-color: transparent;
}
#caps-resources-nav li.top-search a:hover{
	color: #5b616b;
	background-color: #fff;
}
.page-header{
	padding-bottom: 9px;
	margin: 40px 0 20px;
	border-bottom: 1px solid #eee;
}
.tabs-h1>li>a {
	display: block;
	position: relative;
}
.tabs-h1>li>a.active:before {
	border-color: transparent #323a45 transparent transparent
}
.tabs-h1>li>a.active:after {
	border-color: transparent transparent transparent #323a45;
}
.tabs-h1>li>a:hover {border-color: #323a45 !important;}
label {margin-bottom: 5px;}
.lead {
	margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}
@media (min-width: 768px) {
	.lead {font-size: 21px;}
}
/* Pagination */
.pagination {
	justify-content: flex-end;
}
.text-center .pagination {
	justify-content: center;
}
@media (max-width: 991px) {
	.dataTables_paginate .pagination {
		justify-content: center;
	}
}
/* Footer */
.footer-main .icon-social{
	gap: 10px;
	margin-bottom: 20px;
}
.footer-main #menu-footer-resources{
	display: flex;
	flex-direction: column;
}
.footer-main #menu-footer-resources li{
	padding: .25rem 0;
}
.footer-main #menu-footer-resources li a{
	position: relative;
	display: block;
}

/* Quick Links */
.sidebar-block a{
	text-decoration: none;
}
.btn-block {width: 100%;}
a {
	text-decoration: none; /* here for the sake of the content copy */
}
p a {text-decoration: underline;}
p a:hover {opacity: 0.8;}
/* Getting Started */
.nav-link.get-started{
	height: 40px;
	padding: 12px 15px 11px 15px;
	transition: none;
	color: #323a45;
	border: 1px solid transparent;
	border-radius: 15px 15px 0 0;
}
.nav-link.get-started.active{
	cursor: default;
	color: #fff;
	border-color: #323a45;
	background-color: #323a45 !important;
}
/* Search Button */
.input-group-btn .btn {
	padding-top: 7px;
	padding-bottom: 7px; 
}

.close h1{
	transition: all .2s ease-in-out;
}
.close h1:hover{
	opacity: 50% !important;
}