/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/*
Green 1: #418446
Champagne: #979567
*/

.full-splash {
  width: 100%;
}

.full-splash img {
  width: 100%;
}

.sub-header {
  text-align: center;
  background-color: #222222;
}

.sub-header p {
  padding: 0.9rem 0;
  color: white;
  margin-bottom: 0;
}

.sub-header a {
  font-weight: bold;
  filter: brightness(140%);
}

h3.large-dentech {
  font-family: "Lato", sans-serif;
  font-weight: bold;
  font-size: 3rem;
  margin-top: -1.3rem;
}

footer {
  background-color: #333333;
  color: white;
  padding: 6rem 0;
  width: 100%;
}

/* .footer-inset {
  max-width: 90%;
  margin: auto;
  width: 1440px;
  display: grid;
  grid-template-columns: 3fr 1fr 4fr 4fr;
  padding: 6rem 0 6rem;
  gap: 3rem
} */

footer h2, footer h3, footer h4, footer h5, footer h6 {
  color: #0070B4;
  position: relative;
}

footer h3 {
  margin-bottom: 1.2rem;
}

footer h3::after {
  content: "";
  position: absolute;
  border-bottom: 1px dotted #ccc;
  width: 30%;
  left: 0;
  bottom: 0
}

footer img {
  width: 70%;
padding: 2rem;
}

footer a {
  color: white;
  text-decoration: none;
}

footer ul {
  list-style: none;
  margin-left: 0;
}

.sub-footer {
  text-align: center;
  background-color: #222222;
}

.sub-footer p {
  padding: 0.9rem 0;
  color: white;
  margin-bottom: 0;
}

.myCRED-buy-form .form-group {
  margin-bottom: 1rem;
}

/* .menu-item-641 .menu-link::after {
  content: "\f07a";
  font: var(--fa-font-solid);
} */

.ast-site-title-wrap {
  display: none;
}

/*** rhizome classes ***/
header {
	position: relative;
}

.rf-container {
	max-width: 1200px;
	margin: auto;
}

@media (max-width: 1000px) {
	.rf-container {
		max-width: 92%;
	}
}

.rf-premast {
	width: 100%;
	background-color: var(--secondary-color);
	color: white;
	border-bottom: 3px solid var(--accent-color);
	-webkit-box-shadow: 2px 3px 5px #444;
	box-shadow: 2px 3px 5px #444;
	text-shadow: 0px 1px 2px #222;
}

.rf-premast p {
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 2rem;
}

.rf-premast a {
	color: white;
}

@media (max-width: 620px) {
	.rf-premast .right {
		display: none;
	}
}

.rf-masthead {
	position: absolute;
	width: 100%;
	top: 3rem;
}

@media (max-width: 620px) {
	.rf-masthead {
		position: relative;
	}
}

.rf-masthead .rf-container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 3fr;
	grid-template-columns: 1fr 3fr;
	z-index: 1000;
	position: relative;
	background-color: var(--primary-color);
}

.rf-slogan-bar {
	position: absolute;
	bottom: 7rem;
	width: 100%;
	text-align: right;
}

.rf-slogan-bar .rf-slogan {
	background-color: white;
	background-color: rgba(var(--secondary-accent), 0.8);
	background-color: rgba(var(--secondary-accent), 0.8);
	background-color: color-mix(in srgb, var(--accent-color), #0000 15%);
	color: var(--bulk-black);
	color: white;
	letter-spacing: -2px;
	padding: 0.8rem 2rem;
	font-size: 4rem;
	text-transform: uppercase;
	font-family: "Bree Serif", serif;
	font-family: 'Saira', sans-serif;
	display: inline;
	position: relative;
	-webkit-box-shadow: 2px 3px 5px #444;
	box-shadow: 2px 3px 5px #444;
}

.rf-slogan span {
	font-weight: bold;
}

.rf-white-gap {
	width: 100%;
	height: 6rem;
	padding: 0;
	border-top: 3px solid var(--secondary-accent);
	border-bottom: 3px solid var(--secondary-accent);
}

.rf-mini-white-gap {
	width: 100%;
	height: 2rem;
	padding: 0;
}

.rf-wide {
	max-width: 100%;
}

@media (max-width: 1000px) {
	.rf-wide {
		max-width: 92%;
		margin: auto;
	}
}

.rf1 {
	max-width: 100%;
}

.rf2,
.rf3,
.rf4 {
	display: -ms-grid;
	display: grid;
	gap: 4rem;
}

@media (max-width: 800px) {

	.rf2,
	.rf3,
	.rf4 {
		display: block;
	}
}

.rf2 {
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
}

.rf3 {
	-ms-grid-columns: 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr;
}

.rf4 {
	-ms-grid-columns: 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.rf-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.rf-block-2 {
	-ms-grid-column: span 2;
	grid-column: span 2;
}

.rf-padded-text {
	padding: 3rem;
}

@media (max-width: 620px) {
	.rf-padded-text {
		padding: initial;
	}
}

.rf-aside {
	padding: 2rem 4rem 4rem;
	color: white;
	background-color: var(--compliment-primary);
}

@media (max-width: 620px) {
	.rf-aside {
		max-width: 60%;
		margin: auto;
		margin-top: 1rem;
		margin-bottom: 2rem;
	}
}

.rf-aside a {
	color: white;
}

.rf-card {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

@media (max-width: 620px) {
	.rf-card {
		margin-bottom: 3rem;
	}
}

.rf-card .rf-card-header {
	-webkit-flex-basis: 8rem;
	-ms-flex-preferred-size: 8rem;
	flex-basis: 8rem;
}

.rf-card .rf-card-header h1,
.rf-card .rf-card-header h2,
.rf-card .rf-card-header h3,
.rf-card .rf-card-header h4,
.rf-card .rf-card-header h5 {
	margin: 0;
}

.rf-card .rf-card-text {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.rf-card .rf-card-button {
	text-align: center;
}

.rf-kick-8rem {
	margin-top: 8rem;
}

.rf-gap {
	height: 10rem;
}

.rf-copyright {
	text-align: center;
}

/*** Buttons ***/
.button {
	display: inline-block;
	text-decoration: none;
	padding: 1rem 3rem;
	color: white;
	background-color: rgb(4, 107, 210);
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	border: 2px solid white;
	border-radius: 100vw;
	transition: all 0.5s ease;
  margin-bottom: 1rem !important;
}

.button:hover {
	background-color: rgb(4, 107, 255);
}

/*** Useful Classes ***/
.bold {
	font-weight: bold;
}

.center {
	text-align: center;
}

.clear {
	clear: both;
}

.fright {
  float: right;
}

.mega {
	font-size: 6rem;
}

.right {
	text-align: right;
}

.vertical-center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}


/*********/

h1 {
  line-height: 1;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  font-size: 2.5rem;
}

.woocommerce-js h2 {
  font-size: 2.1rem;
}

/* 
#opening-splash {
  background-color: #0070B4;
} */

#opening-splash img {
  max-width: 100%;
  max-height: 60rem;
  display: block;
  margin: auto;
}

#opening-text {
  background-color: white;
  padding: 2rem 0;
  box-shadow: 0px 2px 5px #ddd;
}

#opening-text .rf-block:nth-of-type(1) {
  background-image: url(/wp-content/uploads/2025/01/TNF-Jacket_models.png);
  background-image: url(/wp-content/uploads/2025/03/OG820_LOG820_models.webp);
  background-size: cover;
  background-position: center;
}

#opening-text .rf-block:nth-of-type(2) {
  padding: 2rem;
}

.woocommerce-loop-category__title {
  line-height: 1 !important;
  font-size: 1.75rem !important;
}

.fright {
  width: 35%;
  margin: 0 0 2rem 2rem !important;
}

.fright img {
  width: 100%;
}

.wrapper-700-minus {
  display: none;
}

@media (max-width: 700px) {
  .wrapper-700-plus {
    display: none;
  }

  .wrapper-700-minus {
    display: block;
  }
}