:root {
/*global variables*/
/*font and text */
--thm-font-family: "Poppins",sans-serif;
--thm-font-family-sub: "Roboto",sans-serif;
--thm-font-family-con: "Roboto Condensed",sans-serif;
--thm-font-weight: 300;
--thm-font-size: 1rem;
--thm-font-opacity: 1;
/*borders and visuals*/
--thm-border-radius: .325rem;
--thm-bg-opc: 1;
--thm-border-opc: .75;
--thm-btn-border-radius:  0;
/*backgrounds and gradients*/
--thm-gradient-pri-base: var(--pri-clr-a);
--thm-gradient-pri: radial-gradient(ellipse farthest-corner at top center, var(--pri-clr-av) 0%, var(--pri-clr-a) 100%);

/*navbar & offcanvas vars */
--thm-nav-tx-opc: .75;
--thm-offcanvas-width: 18.5rem;
--bs-navbar-toggler-padding-y: 0rem;
--bs-navbar-toggler-padding-x: .25rem;
--bs-navbar-toggler-focus-width: .08rem;
--thm-navbar-brand-font-size: 1rem;
--thm-nav-link-main-font-size: .875rem;
--thm-nav-link-main-font-weight: 300;
--thm-nav-link-main-font-color: var(--pri-clr-a-clr-rgb);
--thm-nav-link-main-font-color-opc: .65;

/*modals*/
--thm-border-opc: 1;
/*forms*/
--thm-form-border-color: 1;
--thm-form-border-color-opc: 1;
--thm-form-border-focus-color: 1;
--thm-form-border-focus-color-opc: 1;



}
.btn {
	--bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--thm-btn-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
	 text-transform: capitalize;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
	
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-gradient-pri {
	background: var(--pri-clr-a);
	background: var(--pri-gradient);
}
.btn-gradient-pri:hover {
	background: var(--pri-clr-a);
	background: var(--pri-gradient-rv);
}
.btn-primary {
    --bs-btn-color: var(--pri-clr-a-clr);
    --bs-btn-bg: var(--pri-clr-a);
    --bs-btn-border-color: var(--pri-clr-a);
    --bs-btn-hover-color: var(--pri-clr-a-clr);
    --bs-btn-hover-bg: var(--pri-clr-av);
    --bs-btn-hover-border-color:  var(--pri-clr-av);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg:  var(--pri-clr-av);
    --bs-btn-active-border-color: var(--pri-clr-av);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-gray-600);
    --bs-btn-disabled-bg: var(--bs-gray-700);
    --bs-btn-disabled-border-color: var(--bs-gray-800);
	
}
.btn-primary-rv {
    --bs-btn-color: var(--pri-clr-a);
    --bs-btn-bg: var(--pri-clr-a-clr);
    --bs-btn-border-color: var(--pri-clr-a-clr);
    --bs-btn-hover-color: var(--pri-clr-a-clr);
    --bs-btn-hover-bg: var(--pri-clr-av);
    --bs-btn-hover-border-color:  var(--pri-clr-av-clr);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg:  var(--pri-clr-av);
    --bs-btn-active-border-color: var(--pri-clr-av);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-gray-600);
    --bs-btn-disabled-bg: var(--bs-gray-700);
    --bs-btn-disabled-border-color: var(--bs-gray-800);
	
}
.btn-outline-primary {
    --bs-btn-color: var(--sc-body-color-subtle);
    --bs-btn-border-color: var(--sc-body-color-subtle);
    --bs-btn-hover-color: var(--pri-clr-av-clr);
    --bs-btn-hover-bg: var(--pri-clr-av);
    --bs-btn-hover-border-color: var(--pri-clr-av);
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--pri-clr-av);
    --bs-btn-active-border-color: var(--pri-clr-av);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: var(--bs-gray-600);
    --bs-btn-disabled-bg: var(--bs-gray-700);
    --bs-btn-disabled-border-color: var(--bs-gray-800);
    --bs-gradient: none;
}
.btn-outline-primary-a {
    --bs-btn-color: var(--pri-clr-a);
    --bs-btn-border-color: var(--pri-clr-a);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--pri-clr-av);
    --bs-btn-hover-border-color: var(--pri-clr-av);
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--pri-clr-av);
    --bs-btn-active-border-color: var(--pri-clr-av);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: var(--bs-gray-600);
    --bs-btn-disabled-bg: var(--bs-gray-700);
    --bs-btn-disabled-border-color: var(--bs-gray-800);
    --bs-gradient: none;
}
.btn-secondary {
    --bs-btn-color: var(--sec-clr-a-clr);
    --bs-btn-bg: var(--sec-clr-a);
    --bs-btn-border-color: var(--sec-clr-av);
    --bs-btn-hover-color: var(--sec-clr-av-clr);
    --bs-btn-hover-bg: var(--sec-clr-av);
    --bs-btn-hover-border-color:  var(--sec-clr-a);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg:  var(--sec-clr-a);
    --bs-btn-active-border-color: var(--sec-clr-a);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-gray-600);
    --bs-btn-disabled-bg: var(--bs-gray-700);
    --bs-btn-disabled-border-color: var(--bs-gray-800);
}
.btn-outline-secondary {
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-border-color: var(--bs-body-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--sec-clr-av);
    --bs-btn-hover-border-color: var(--sec-clr-av);
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--sec-clr-av);
    --bs-btn-active-border-color: var(--sec-clr-av);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-gray-600);
    --bs-btn-disabled-bg: var(--bs-gray-700);
    --bs-btn-disabled-border-color: var(--bs-gray-800);
    --bs-gradient: none;
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: var(--sc-body-color-subtle);
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: .5rem .5rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: var(--bs-body-bg);
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: inherit;
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: inherit;
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: inherit;
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: 200;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
	
}

.nv-primary {
	
	background: var(--thm-gradient-pri-base);
    background: var(--thm-gradient-pri);
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--sc-surf-color);
    --bs-dropdown-bg: var(--sc-surf-bg);
    --bs-dropdown-border-color: var(--bs-border-color);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--pri-clr-avb-clr);
    --bs-dropdown-link-hover-bg: var(--pri-clr-avb);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
	font-weight: 300;
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--sc-surf-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--sc-surf-bg);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--sc-surf-bg);
    --bs-dropdown-link-active-color: var(--bs-body-color);
    --bs-dropdown-link-active-bg: var(--bs-primaryv);
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
	
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 300;
    color: var(--sc-body-color-subtle);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius,0);
}
.border-full {
	--thm-border-opc: 1;
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    /* color: var(--bs-navbar-color); */
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1em;
    height: 1rem;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-main {
	width:100%;
	min-height: 10vh;
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: 2px solid rgba(25,25,25,1);
}

.nav-link-main {
    display: block;
    /* padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); */
    font-size: var(--thm-nav-link-main-font-size);
    font-weight: var(--thm-nav-link-main-font-weight);
    color: rgba(var(--thm-nav-link-main-font-color),var(--thm-nav-link-main-font-color-opc));
    text-decoration: none;
    background: 0 0;
    border: 0;
	line-height: 1rem;
	border-bottom: 3px solid transparent;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

.nav-link-main:hover, 
.nav-link-main:focus{
--thm-nav-link-main-font-color-opc:1;
border-bottom: 3px solid rgba(var(--thm-nav-link-main-font-color),.35);
}

.nav-link-main-active{
--thm-nav-link-main-font-color-opc:1;
 display: block;
    
    font-size: var(--thm-nav-link-font-size);
    font-weight: calc(var(--thm-nav-link-font-weight) + 100);
    color: rgba(var(--thm-nav-link-main-font-color),var(--thm-nav-link-main-font-color-opc));
}
.min-vh-50 {
	min-height: 50vh;
}
.min-vh-25 {
	min-height: 25vh;
}
.dv-hero {
	padding-top: 11vh;
}
.link-bar {
	padding-top: 11vh;
}