@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css");
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('fonts.css');
@import url('custom-form.css');
@import url('../slick/slick.css');
@import url('../slick/slick-theme-athletes.css');

	body {
	    font-family: 'DMSansRegular';
	    background: #111111;
	    color: #ffffff;
	}
	h1, h2, h3, h4, h5, h6 {
	    font-family: 'aBlackLives';
	}
	p, span, div {
	    font-family: 'DMSansRegular' !important;
	}

	.profile-pic {
		width: 40px;
		min-widh: 40px;
		max-width: 40px;
	}

	#site-head .dropdown {
		background: #111;
	}
	#site-head .dropdown .btn {
		font-size: 16px !important;
	}
		@media only screen and (max-width: 768px) {
		    #site-head .dropdown .btn {
		        font-size: 14px !important;
		    }
		}

	.hamburger {
	  cursor: pointer;
	  max-height: 30px;
	}
	.no-icon::after {
	    display: inline-block;
	    margin-left: 0.255em;
	    vertical-align: 0.255em;
	    border-top: 0px !important;
	    border-right: 0px !important;
	    border-bottom: 0px !important;
	    border-left: 0px !important;
	}
	.bar {
	  width: 25px;
	  height: 3px;
	  background-color: #a6ce39;
	  margin: 5px 0;
	  transition: 0.4s;
	}
	.bar.white {
		background-color: white;
	}
	.bar.vertical-transform {
	  transform: rotate(90deg);
	}
	/* Animation for toggling the hamburger icon */
	.bar.white:nth-child(1) {
	  transform: rotate(-45deg) translate(-5px, 6px);
	}

	.bar.white:nth-child(2) {
	  opacity: 0;
	}

	.bar.white:nth-child(3) {
	  transform: rotate(45deg) translate(-5px, -6px);
	}

	#hero-home a {
	    color: #fff; /* Sets the text color to blue */
	    text-decoration: none; /* Removes underline */
	}

	/* Hover effect for hyperlinks */
	#hero-home a:hover {
	    color: #a6ce39; /* Change color on hover */
	    text-decoration: none; /* Underline on hover */
	}
	#hero-home1,
	#hero-home2,
	#hero-home3 {
	  /* Set the size of the container */
	  width: 100%;
	  height: 90vh; /* Set the height as needed */
	  /* Position and size the background image */
	  background-size: cover; /* Adjust as needed */
	  background-position: center top; /* Adjust as needed */
	}
	#hero-home1 {
	  /* Set the background image */
	  background-image: url('../images/home-img-1.jpg');
	}
	#hero-home2 {
	  /* Set the background image */
	  background-image: url('../images/home-img-2.jpg');
	}
	#hero-home3 {
	  /* Set the background image */
	  background-image: url('../images/home-img-3.jpg');
	}
	#hero-home1 .rowheight,
	#hero-home2 .rowheight,
	#hero-home3 .rowheight {
	  height: 90vh;
	}
	#hero-home1 p,
	#hero-home2 p,
	#hero-home3 p {
		font-size: 16px !important;
		font-family: "Roboto", sans-serif;
	}
		@media only screen and (max-width: 768px) {
			#hero-home1,
			#hero-home2,
			#hero-home3,
			#hero-home1 .rowheight,
			#hero-home2 .rowheight,
			#hero-home3 .rowheight {
			  height: 50vh;
			}
		}

	#hero-blankets {
	  /* Set the size of the container */
	  width: 100%;
	  height: 90vh; /* Set the height as needed */
	  /* Set the background image */
	  background-image: url('../images/hero-blankets.jpg');
	  /* Position and size the background image */
	  background-size: cover; /* Adjust as needed */
	  background-position: center top; /* Adjust as needed */
	}
	#hero-blankets .rowheight {
	  height: 90vh;
	}
	#hero-blankets p {
		font-size: 16px !important;
		font-family: "Roboto", sans-serif;
	}


	#hero-blankets-ty {
	  /* Set the size of the container */
	  width: 100%;
	  height: 90vh; /* Set the height as needed */
	  /* Set the background image */
	  background-image: url('../images/hero-blankets-ty.jpg');
	  /* Position and size the background image */
	  background-size: cover; /* Adjust as needed */
	  background-position: center top; /* Adjust as needed */
	}
	#hero-blankets-ty .rowheight {
	  height: 90vh;
	}
	#hero-blankets-ty p {
		font-size: 16px !important;
		font-family: "Roboto", sans-serif;
	}

	#hero-athlete {
	  /* Set the size of the container */
	  width: 100%;
	  height: 90vh; /* Set the height as needed */
	  /* Set the background image */
	  background-image: url('../images/hero-athlete.jpg');
	  /* Position and size the background image */
	  background-size: cover; /* Adjust as needed */
	  background-position: center top; /* Adjust as needed */
	}
	#hero-athlete .rowheight {
	  height: 90vh;
	}
	#hero-athlete p {
		font-size: 16px !important;
		font-family: "Roboto", sans-serif;
	}

	#hero-athlete-profile {
	  /* Set the size of the container */
	  width: 100%;
	  height: 70vh; /* Set the height as needed */
	  /* Set the background image */
	  background-image: url('../images/hero-athlete-profile.jpg');
	  /* Position and size the background image */
	  background-size: cover; /* Adjust as needed */
	  background-position: 35% top; /* Adjust as needed */
	}
	#hero-athlete-profile .rowheight {
	  height: 70vh;
	}
	#hero-athlete-profile p {
		font-size: 16px !important;
		font-family: "Roboto", sans-serif;
	}
	.scout-ul li {
		list-style: none;
		padding: 5px 0px;
	}
	.scout-ul li a {
		text-decoration: none;
	}


	#hero-scholarship {
	  /* Set the size of the container */
	  width: 100%;
	  height: 90vh; /* Set the height as needed */
	  /* Set the background image */
	  background-image: url('../images/hero-scholarship.jpg');
	  /* Position and size the background image */
	  background-size: cover; /* Adjust as needed */
	  background-position: center center; /* Adjust as needed */
	}
	#hero-scholarship .rowheight {
	  height: 90vh;
	}
	#hero-scholarship p {
		font-size: 16px !important;
		font-family: "Roboto", sans-serif;
	}


	#hero-order-ty {
	  /* Set the size of the container */
	  width: 100%;
	  height: 120vh; /* Set the height as needed */
	  /* Set the background image */
	  background-image: url('../images/hero-order-ty.jpg');
	  /* Position and size the background image */
	  background-size: cover; /* Adjust as needed */
	  background-position: top center; /* Adjust as needed */
	}
	#hero-order-ty .rowheight {
	  height: 120vh;
	}
	#hero-order-ty p {
		font-size: 16px !important;
		font-family: "Roboto", sans-serif;
	}



	.bg-opec {
	  background: rgba(0, 0, 0, 0.7); /* 50% lighter */
	}
	.bg-panton1 {
	  background: #701926;
	}
	.bg-panton2 {
	  background: #4d4849;
	}
	.bg-panton3 {
	  background: #693b17;
	}
	.bg-panton4 {
	  background: #ada9a7;
	}

	.border-green {
		border: 1px solid #a6ce39;
	}
	.dark {
		border: 1px solid #000;
	}

	.btn-dark {
		border: 2px solid #a6ce39;
		border-radius: 12px;
		color: #a6ce39;
		text-transform: uppercase;
		padding: 10px 20px;
		font-size: 16px;
	    font-family: 'DMSansBold', 'Roboto';
	    text-decoration: none;
	}
	.btn-dark:hover {
		border: 2px solid #a6ce39;
		color: #000;
		background: #fff;
	    text-decoration: none;
	}

	.btn-primary {
		border: 2px solid #a6ce39;
		border-radius: 12px;
		background: #a6ce39;
		color: #000;
		text-transform: uppercase;
		padding: 10px 20px;
		font-size: 16px;
	    font-family: 'DMSansBold', 'Roboto';
	    text-decoration: none;
	}
	.btn-primary:hover {
		border: 2px solid #a6ce39;
		color: #000;
		background: #fff;
	    text-decoration: none;
	}
	.title-text {
	  position: relative;
	}
	.title-text:before, .title-text:after {
	    content: "";
	    width: 30px;
	    height: 1px;
	    background: #fff;
	    display: inline-block;
	    margin: 0px 10px 4px 10px;
	}
	.title-text-or {
	   font-family: 'DMSansBold', 'Roboto';
		color: #a6ce39;
	  	position: relative;
	}
	.title-text-or:before, .title-text-or:after {
	    content: "";
	    width: 40%;
	    height: 1px;
	    background: #a6ce39;
	    display: inline-block;
	    margin: 0px 10px 4px 10px;
	}

	.bg-lightbar {
		background: #2b2b2b;
	}
	.bg-dark {
		background: #212121;
	}
	.bg-light {
		background: #e5e5e5 !important;
	}
	.border-bottom-1 {
		border-bottom: 1px solid #e5e5e5 !important;
	}
	@media only screen and (max-width: 768px) {
		.order-table {
			font-size:12px !important;
		}
	}

	.page-title {
	    font-family: 'DMSansSemiBold', 'Roboto';
	}
	.page-h2 {
	    font-family: 'DMSansBlack', 'Roboto';
	}
	.section-title {
	    font-family: 'DMSansBold', 'Roboto';
	}
	.section-title span {
	    font-family: 'DMSansRegular';
	    color: #fff;
	    font-size: 14px !important;
	}

	.circle-text {
		position: relative;
		display: inline-block;
		padding: 10px 20px; /* Adjust padding as needed */
		background-color: #a6ce39; /* Circle background color */
		color: #000; /* Text color */
		border-radius: 50%; /* Makes it a circle */
	    font-family: 'DMSansBold', 'Roboto';
	    font-weight: 800;
	}


	a {
	    color: #a6ce39; /* Sets the text color to blue */
	    text-decoration: underline; /* Removes underline */
	}

	/* Hover effect for hyperlinks */
	a:hover {
	    color: #fff; /* Change color on hover */
	    text-decoration: underline; /* Underline on hover */
	}

	hr {
	    border: none;
	    border-top: 1px solid #ccc;
	}

	.text-green {
		color: #a6ce39;
	}
	.text-teal {
		color: #15b0bf;
	}
	.bg-green {
		background: #a6ce39;
	}

	.text-small {
		font-size: 12px;
	}

	.fw-bold{
	    font-family: 'DMSansBold', 'Roboto' !important;
	}

	form {
		color: #111111 !important;
	}
	.ShowBox {
		width:100%;
		background: #343639;
		border:1px solid #a6ce39;
		color: #111111 !important;
		padding:10px;
		border-radius:15px;
	}
	.ShowBox .checkbox, 
	.ShowBox .radio {
		margin-top:-10px;
	}
	.ShowBoxInner {
		color: #fff;
		font-size: 14px;
	}
	.ShowBoxInner .smallimage {
		max-width:150px;
	}
	.form-control, .form-control-lg{
		border: 1px solid #a6ce39;
	}

	.exclamation-size {
		font-size: 6rem;
		color: yellow;
	}
	@media only screen and (min-width: 768px) {
		.afterline::after {
			margin: 0 0 10px 15px;
		    content: "";
		    width: 65%;
		    height: 2px;
		    background: #a6ce39;
		    display: inline-block;
		}
	}


	footer, footer a {
		font-size: 16px !important;
		font-family: "Roboto", sans-serif;
		color: #919191;
		text-decoration: none;
	}