/*
Theme Name: NVBareBones
Theme URI: https://novavisiongrp.com
Author: Novavision Group
Author URI: https://novavisiongrp.com
Description: A barebones WordPress theme.
Version: 1.0
License: GPL-2.0+
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-custom-theme
*/

/* -- BEGIN: Font Styles -- */
/* -- Ref: https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-weight -- */
@font-face {
	font-family:"Nunito Sans";
	font-display: swap; 
	src: url(https://pccjbu.k3n0b1.com/wp-content/themes/nvbarebones/fonts/NunitoSans_7pt-ExtraLight.ttf) format("truetype");  
	font-display:fallback;
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family:"Nunito Sans";
	font-display: swap; 
	src: url(https://pccjbu.k3n0b1.com/wp-content/themes/nvbarebones/fonts/NunitoSans_7pt-ExtraLight.ttf) format("truetype");  
	font-display:fallback;
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family:"Nunito Sans";
	font-display: swap; 
	src: url(https://pccjbu.k3n0b1.com/wp-content/themes/nvbarebones/fonts/NunitoSans_7pt-Regular.ttf) format("truetype");  
	font-display:fallback;
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family:"Nunito Sans";
	font-display: swap; 
	src: url(https://pccjbu.k3n0b1.com/wp-content/themes/nvbarebones/fonts/NunitoSans_7pt-Medium.ttf) format("truetype");  
	font-display:fallback;
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family:"Nunito Sans";
	font-display: swap; 
	src: url(https://pccjbu.k3n0b1.com/wp-content/themes/nvbarebones/fonts/NunitoSans_7pt-SemiBold.ttf) format("truetype");  
	font-display:fallback;
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family:"Nunito Sans";
	font-display: swap; 
	src: url(https://pccjbu.k3n0b1.com/wp-content/themes/nvbarebones/fonts/NunitoSans_7pt-Bold.ttf) format("truetype");  
	font-display:fallback;
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family:"Nunito Sans";
	font-display: swap; 
	src: url(https://pccjbu.k3n0b1.com/wp-content/themes/nvbarebones/fonts/NunitoSans_7pt-ExtraBold.ttf) format("truetype");  
	font-display:fallback;
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family:"Nunito Sans";
	font-display: swap; 
	src: url(https://pccjbu.k3n0b1.com/wp-content/themes/nvbarebones/fonts/NunitoSans_7pt-Black.ttf) format("truetype");  
	font-display:fallback;
	font-weight: 900;
	font-style: normal;
}
@font-face {
  font-family: 'slick';
  src: url('fonts/slick.woff') format('woff'),
       url('fonts/slick.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap; 
}

/*================ BEGIN GLOBAL STYLES ================*/	
	:root {
		--body-color: #000;
		--body-alter-color: #212529;
		--lighter-body-color: #595959;
		--green-color:  #005a2d;
		--mid-color:  #00783c;
		--accent-color:  #00a352;
		--light-color: #E0E0E0;
		--lighter-color: #f7f7f8;
		--yellow-color:  #fbe122;
		--lighter-yellow-color:  #fef190;
		--darker-yellow-color:  #e4cd1e;
		--spt-gray-color:  #f3f3f3;;
		
	}
	h2, h3, h4, span {
		scroll-margin-top: 300px !important; /* Adjust based on your header height */
	}
	body {
		font-family: 'Montserrat', sans-serif;
	}
	body a{
		color: var(--green-color);
	}
	hr{
		border-top: 2px solid !important;
		opacity: 0.75 !important;
		color: var(--green-color) !important;
	}
	.bg-primary-color{ background-color: var(--green-color) !important; }
	.bg-light-color{ background-color: var(--light-color) !important; }
	.bg-lighter-color{ background-color: var(--lighter-color) !important; }
	.bg-tertiary-color{ background-color: var(--yellow-color) !important; }
	.bg-spt-gray-color{ background-color: var(--spt-gray-color) !important; }
	.primary-color{ color: var(--green-color) !important; }
	.tertiary-color{ color: var(--yellow-color) !important; }
	.light-color{ color:var(--light-color); }
	/* Hyperlinks on sidebar*/
	a.text-black{
		text-decoration: none;
	}
	a.text-white{
		text-decoration: none;
	}
	/* Hover over sidebar hyperlinks */
	a.text-black:hover{
		color: var(--green-color) !important;
		text-decoration: underline;
	}
	a.text-white:hover{
		color: var(--light-color) !important;
		text-decoration: underline;
	}
	/* Separate header items by '|' */
	.separated > div:not(:last-child)::after {
		content: "|";
		margin-left: 8px;
		color: var(--light-color); /* adjust color if needed */
	}
	/* Styling buttons */
	.button{
		transition: color 0.15s ease-in-out, 
		background-color 0.15s ease-in-out, 
	}
	.button:hover {
		background-color: var(--mid-color) !important;
	}
	.button:active {
		background-color: var(--accent-color) !important;
	}
	/* Styling focus when user hits [tab] */
	a, button, input, textarea, select, li, [tabindex], .btn { 
		transition: outline-color 0.3s ease !important;
	}
	a:focus-visible,
	button:focus-visible,
	input:focus-visible,
	textarea:focus-visible,
	select:focus-visible,
	li:focus-visible,
	[tabindex]:focus-visible,
	.btn.show { 
		outline: 2px solid var(--accent-color) !important; 
	}
/*================ END GLOBAL STYLES ================*/	
/*================ BEGIN BREADCRUMBS ================*/
	#breadcrumbs,
	#breadcrumbs a {
		color: white;
		text-decoration: none;
	}

	#breadcrumbs a:hover {
		color: white !important;
		text-decoration: none;
	}
	/* Style non-active breadcrumbs*/
	#breadcrumbs a:last-child {
		color: var(--light-color);
	}
	#breadcrumbs .breadcrumb_last{
		display: inline-flex;
		border: 1px solid var(--light-color);
		border-radius: 15px;     
		background-color: transparent; 
		padding: 5px 10px; 
    	vertical-align: middle;
		white-space-collapse: break-spaces;
		text-wrap-mode: wrap;
	}
	/* Archive breadcrumb style */
	.breadcrumb-archive #breadcrumbs, .breadcrumb-archive #breadcrumbs a {
		color: var(--body-color);
		text-decoration: none;
	}
	.breadcrumb-archive #breadcrumbs p {
		margin-bottom: 0px !important;
	}
	.breadcrumb-archive #breadcrumbs a:last-child {
		color: var(--lighter-body-color);
	}

	.breadcrumb-archive #breadcrumbs a:hover {
		color: var(--green-color) !important;
		text-decoration: none;
	}
/*================ END BREADCRUMBS ================*/
/*================ BEGIN ACCORDION ================*/
	.accordion-item {
		border: none;
		margin-bottom: 1rem;
	}
	.accordion-header {
		width: 100%;
	}
	.accordion-body {
		border-radius: 0 0 10px 10px;
		margin-top: -1px;
		padding: 0px !important;
	}
	.accordion-button {
		border: 1px solid var(--light-color);
		border-radius: 8px;
		text-align: left;
		cursor: pointer;
		transition: all 0.2s ease-in-out;
	}

	.accordion-button:not(.collapsed) {
		background-color: white;
	}

	.accordion-button:focus {
		border:none;
	}

	#tocAccordion .accordion-button {
		width: fit-content;
		max-width: 100%;
		display: flex;
		white-space: nowrap;
		padding-right: 1rem;
		padding-left: 2rem;
	}

	#tocAccordion .accordion-item {
		width: 100%;
		max-width: 100%;
	}
/*================ END ACCORDION ================*/
/*================ BEGIN MANUAL TOC ================*/
	/* TOC container */
	#manual-toc {
		background-color: transparent;      
		color: black;
		border: none;
		padding: 1rem;
		border-radius: 8px;
		margin-left: 1rem;
	}
	/* TOC list */
	#manual-toc ul {
		list-style-type: decimal;
		padding-left: 1.5em;
		margin: 0;
		color: var(--body-color);
	}
	/* TOC list in another list */
	#manual-toc ul ul{
		list-style-type: disc;
		padding-left: 1.5em;
		margin: 0;
		color: var(--body-color);
	}

	/* TOC links */
	#manual-toc a {
		display: block;
		padding: 0.5rem;
		color: var(--body-color);
		text-decoration: none;
		border-radius: 4px;
		transition: color 0.3s ease;
	}

	#manual-toc a:hover {
		text-decoration: underline;
		color: var(--green-color); 
	}
	#manual-toc a:active {
		color: var(--accent-color); 
	}

	#manual-toc {
		border: none;
	}
/*================ END EZ-TOC ================*/
/*================ BEGIN CARD ================*/
	.card-img, .card-img-top {
		object-fit: cover !important; 
		width: 100% !important; 
		object-position: center !important;
		height: 210px !important;
	}
	.card-title{
		height: 72px !important;
		max-height: 72px !important;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.card:hover{
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		transform: translateY(-5px);
		transition: all 0.3s ease;
	}
	.card-content{
		max-width: 320px !important;
	}

/*================ END CARD ================*/
/*================ BEGIN GF ================*/
	/* Style form fields */
	.gfield input,
	.gfield textarea,
	.gfield select {
		border: 1px solid #ccc !important;
		width: 100% !important;
		box-shadow: none !important;
	}

	/* GF Inputs */
	.gform_wrapper input,
	.gform_wrapper textarea {
		transition: outline-color 0.3s ease !important; /* smooth animation for outline */
	}
	/* GF Inputs Fucused */
	.gform_wrapper input:focus,
	.gform_wrapper textarea:focus {
		outline: 2px solid var(--accent-color) !important; 
	}

	.gform_wrapper input:focus,
	.gform_wrapper textarea:focus,
	.gform_wrapper select:focus{
			outline: 2px solid var(--green-color) !important;
	}
	/* GF Footer */
	.gform_footer {
		justify-content: center !important;
	}
	/* Submit btn */
	.gform_footer input[type="submit"] {
		background-color: var(--green-color) !important;
		color: white !important;
		width: 100% !important;
	}
	/* Hover submit btn */
	.gform_footer input[type="submit"]:hover {
		background-color: var(--mid-color) !important;
	}
	/* Active submit btn */
	.gform_footer input[type="submit"]:active {
		background-color: var(--accent-color) !important;
	}
	/* Adding padding to form body (except bottom) and footer (except top)  */
		.gform_body{
			padding: 20px 20px 0 !important;
		}
		.gform_footer{
			padding: 0px 20px 20px !important;
		}
	/* Change the background of the FooterForm */
	#gform_wrapper_2 {
		background-color: white !important;
		border-radius: 4px !important;
		box-shadow: 0 2px 19px -13px var(--body-color);
	}
	/* Thank you message */

	.gform_confirmation_message {
		text-align: center !important;
		font-size: 2rem !important;
		font-weight: bold !important;
		color: var(--body-color) !important;
	}


/*================ END GF ================*/
/*================ BEGIN CAROUSEL ================*/
	.carousel-control-prev-icon {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
	}
	.carousel-control-next-icon {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	}
/*================ END CAROUSEL ================*/
/*================ BEGIN PAGINATION ================*/
	.pagination {
		display: flex;
		justify-content: center;
		gap: 10px;
	}

	.pagination a,
	.pagination span {
		border-radius: 50%;
		background-color: transparent;
		border: 2px solid var(--body-alter-color);
		text-decoration: none;
		color: var(--body-alter-color);
		height: 40px;
		width: 40px;
		text-align: center;
		padding-top: 5px;
	}
	.pagination a {
		border: 2px solid var(--body-alter-color) !important;
	}

	.pagination a:hover {
		transition: background-color 0.3s ease, color 0.3s ease;
		background-color: var(--lighter-body-color);
		border: 2px solid var(--lighter-body-color) !important;
		color: white;
	}
	.pagination a:active {
		background-color: transparent;
		border: 2px solid var(--body-alter-color);
		color: var(--body-alter-color);
	}
	.pagination .page-numbers {
		background-color: transparent;
		border: none;
	}

	.pagination .current {
		background-color: var(--body-alter-color) !important;
		color: white;
		font-weight: bold;
		padding-top: 8px;
	}
/*================ END PAGINATION ================*/
/*================ BEGIN DROPDOWN ================*/
	.dropdown .dropdown-toggle {
		border: none;
	}
	.dropdown .dropdown-toggle:hover {
		background-color: var(--darker-yellow-color) !important;
	}
	.dropdown .dropdown-toggle:active {
		background-color: var(--lighter-yellow-color) !important;
	}

	.dropdown-item{
		transition: background-color 0.3s ease, color 0.3s ease;
	}

	.dropdown-item:active{
		background-color: var(--green-color) !important;
		color: white !important;
	}

/*================ END DROPDOWN ================*/

/*================ BEGIN Others Custom Styles ================*/
	#side-articles a{
		display: block;
		padding: 0.5rem;
		color: var(--body-color);
		text-decoration: none;
		transition: color 0.3s ease;
	}

	#side-articles a:hover{
		border-radius: 10px;
		text-decoration: underline;
		color: var(--green-color) ; 
	}
	.btn-close:focus {
		outline: none;
		box-shadow: none;
	}
	.footer-max-width{
		max-width: 800px !important;
	}
	.avatar-img{
		width: 150px; 
		height: 150px;
		border-radius: 25px;
	}
	.fs-7 {
		font-size: 13px !important;
	}
	/* Default: a little lighter */
	.responsive-weight {
		font-weight: 300;
	}
	
	.products-title{
		white-space: pre-wrap;
		line-height: 18px;
		font-size: 12px;
		display: block;
		clear: both;
	}
	/* Medium and up: normal */
	@media (min-width: 768px) {
		.responsive-weight {
			font-weight: 700;
		}
	}
/*================ END Others Custom Styles ================*/