/*!
 * Clark and Linford
 * Copyright 2008-2022 Punchmark
 */



/* =======================================================================================
	HELPERS
======================================================================================= */

.alert-global {
  color: #151515;
  font-size: 14px;
  text-transform: none;
  letter-spacing: normal;
  padding: 0.75rem 2rem 0.75rem 2rem;
  background: var(--secondary);
}

.alert-global a, .alert-global .alert-link {
  color: #151515;
  font-size: 14px;
  transform: none;
  text-transform: none;
  margin-left: 5px;
}

.alert-global .close > span > span {
  background: #151515;
}

@media(min-width:768px){
	body#home header {
		background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%) !important;
	}
	body#home .toolbar + header {
		top: 35px !important;
	}
	body#home .alert-global + .toolbar + header {
		top: 77px !important;
	}
	body#home.sitemanager-menu-open header, 
	body#home.sitemanager-menu-closed header {
		top: 98px !important;
	}
	body#home.sitemanager-menu-open .alert-global + .toolbar + header, 
	body#home.sitemanager-menu-closed .alert-global + .toolbar + header {
		top: 138px !important;
	}
}

.btn, .form-control {
	border-radius: 0 !important;
}

.widget-text-overlay [data-widget-element="widgetHeader"].text-light + .link-container .btn-link {
	color: #ffffff !important;
}

.link-container .btn-link {
	position: relative;
}

.link-container .btn-link:after {
	content: "";
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 100%;
	height: 4px;
	color: var(--primary) !important;
	background: var(--secondary) !important;
}

.link-container .btn-link:hover {
	color: var(--secondary) !important;
}

.link-container .btn-link:hover:after {
	background: var(--primary) !important;
}

.toolbar > .toolbar-inner > ul > li > a > i {
	color: var(--secondary) !important;
}


/* =======================================================================================
	HEADER
======================================================================================= */

.product-tabs .nav-toolbar {
	background: var(--primary);
}

.product-tabs .nav-toolbar .nav-link {
	font-weight: 600 !important;
	text-transform: uppercase;
}

.nav-toolbar .nav-link.active, 
.nav-toolbar .nav-link:focus, 
.nav-toolbar .nav-link:hover {
	background: var(--secondary) !important;
	color: #151515 !important;
}

.nav-toolbar .nav-link.active::after {
  border-top-color: var(--secondary) !important;
}


/* =======================================================================================
	FOOTER
======================================================================================= */

footer h6 {
	font-size: 22px;
	margin-bottom: 0.75rem !important;
}

footer label {
	display: none !important;
}

footer p,
footer .p,
footer address,
footer address *,
footer .footerlinks * {
	font-size: 14px !important;
}

footer .input-group {
	border: 0;
	max-width: 100%;
}

footer .input-group .btn {
	background: var(--secondary);
	border-color: var(--secondary);
}

footer .input-group .form-control {
	background: #222222;
	border-color: #222222;
}

footer .input-group .form-control,
footer .input-group .form-control::placeholder {
	font-size: 13px;
}

footer .input-group .btn i {
	color: #111111 !important;
	font-weight: 600 !important;
}

footer .input-group .btn i:before {
	content: "JOIN";
	font-weight: 600 !important;
}

footer h6 + .small + div {
	margin-top: -0.5rem;
}

footer .social-networks .network {
	color: white;
}

.footer-address-bar h3 {
	padding: 15px 20px !important;
}

.footer-address-bar h3, 
.footer-address-bar h3 * {
	color: #111111 !important;
}

footer p.copyrights, footer p.copyrights a, footer p.copyrights a:hover, footer p.copyrights a:focus {
  font-size: 10px !important;
}

@media(min-width:768px){
	.footer-address-bar .address {
		border-left: 1px solid rgba(0,0,0,0.15);
		border-right: 1px solid rgba(0,0,0,0.15);
		padding: 0 10px !important;
		margin: 0 7px !important;
	}
}
#home > div.sitemanager-page > footer > div:nth-child(1) > div > div > div.col-12.col-sm-12.col-md-12.col-lg-3.text-center.text-sm-center.text-md-center.text-lg-left > div.light > div {
color: #FFFFFF !important;
}