/*
Theme Name: FortRiver2024
Author: G.RudderIII
Version: 1.0
Text Domain: FortRiver2024


*/

:root{
	--primary-500: #D0A343;
	--primary-600: #937025;
	
	--secondary: #915B5D;
	
	--white: #fff;
	--gray: #CBCBCB;
	--light-gray: #a3a3a3;
	--darker-gray: #9e9e9e;
	--footer-gray: #F6F6F6;
	--black: #000;

	--border-radius: .5rem; 
	
	--hero-image-large: 850px;
	
	--content-card-bg: rgba(0,0,0,.9);
	
}

html, body{height:100%;}

body{
	background-color:var(--black);
	color: var(--white);
	font-family: 'Poppins', sans-serif;
	font-size:18px;
	font-weight: 300;
}

h1{
	font-family: "Domine", serif;
	color: var(--primary-600);
	font-size: 2.25rem;
	text-transform: uppercase;
}

h2{
	font-size: 1.5rem;
	color: var(--primary-600);
}

h3{
	font-size:1.125rem;
	color: var(--primary-600);
}

h3 small{
	color:#ffffff;
	opacity:.75
}

h4 {
    font-size: 1rem;
	color: var(--primary-600);
}

p{
	width: 100%;
}

sup {
    font-size: .5em;
    top: -1em;
}

small{
	font-size: .75rem;
}

a{
	color: var(--primary-600);
	text-decoration:none;
	transition: all .25s ease-in-out;
		&:hover{
			color: var(--primary-500);
			transition: all .25s ease-in-out;
			
			i{
				margin-left: .25rem;
				transition: all .25s ease-in-out;
			}
		}
}

h4 a,
h4 a:hover{
	color: #000;
}

ul{
	list-style: none;
}

em{
	color: var(--primary-600);
}

img{
	
	&.card-image{
		width: 100%;
		min-height: 165px;
		height: auto;
		border-radius: .5rem;
	}
	
	&.home-image{
		width: 100%;
		height: auto;
		border-radius: .5rem;
	}
}

label{
	color: var(--black);
}

.btn{
	width: auto;
	
	&.btn-primary{
		--bs-btn-color: #fff;
		--bs-btn-bg:  transparent;
		--bs-btn-border-color: transparent;
		--bs-btn-hover-color: #fff;
		--bs-btn-hover-bg: rgba(0,0,0,.75);
		--bs-btn-hover-border-color: var(--black);
		--bs-btn-focus-shadow-rgb: var(--black);
		--bs-btn-active-color: #fff;
		--bs-btn-active-bg: var(--primary-600);
		--bs-btn-active-border-color: var(--black);
		--bs-btn-active-shadow: none;
		--bs-btn-disabled-color: var(--gray);
		--bs-btn-disabled-bg: var(--light-gray);
		--bs-btn-disabled-border-color: var(--light-gray);
		
		&.on-white{
			--bs-btn-color: #000;
			--bs-btn-bg:  var(--primary-500);
			--bs-btn-border-color: var(--primary-500);
			--bs-btn-hover-color: #000;
			--bs-btn-hover-bg: var(--primary-600);
			--bs-btn-hover-border-color: var(--primary-600);
		}
	}
}


.navbar-brand{
	 img {
		max-width: 500px;
		width: 100%;
	}

}


.text-gray{
	color: var(--light-gray);
}

.text-primary{
	color: var(--primary-500) !important;
}

header{
	position: relative;
	
	.home.page &{
		min-height: 700px;
		
		.header-content{
			margin-top: 150px;
			border-top: 1px solid white;
			padding-top: 50px;
		}
	}
	
	.page &{
		min-height: 200px;
	}
	
	.navHolder{
		padding-top: 2rem;
		&.small-header{
			padding-top: 0;
			background-color: rgba(0,0,0,.85);
			transition: all .5s ease;
			
			.navbar-brand{
				img{
					max-width: 350px;
					transition: all .75s ease;
				}
			}
		}
	}
	
}

section{
	max-width: 1500px;
	margin: 2rem auto 0;
	&.wrap{
		padding: 6.25rem 0;
		background-color: var(--white);
		border-radius: .75rem;
		margin-bottom: 3rem;
	}
	
	.pt-50{
		padding-top: 3.13rem;
	}
}

footer{
	padding:50px 0 0;
	background-color:var(--footer-gray);
	color: var(--black);
	
	.top-footer{
		padding-bottom: 50px;
		.footer-logo{
			width: 100%;
			max-width: 550px;
			height: auto;	
		}
		
		.footer-location {
			width: 100%;
			max-width: 360px;
			border-radius: 1rem;
		}
	}
	
	.footer-bottom{
		background-color: var(--primary-600);
		color: #fff;
	}
}

/*** video ***/
.video-container {
	height: 100%;
	width: 100%;
	z-index: -1;
	position: absolute;
	top: 0;
	
	video {
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  object-fit: cover;
	  z-index: 0;
	}
	
	.color-cover {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .65);
		z-index: 1;
	}
}

.modal{
	.modal-header{
		border-bottom: none;
	}
	.modal-footer{
		border-top: none;
	}
}

input,
textarea{
	width: 100%;
	padding: .5rem 1rem;
    border-radius: .25rem;
    border: 1px solid var(--light-gray);
	
	&::placeholder {
		font-weight: normal;
		font-size: .85rem;
		opacity: 0.5;
		color: var(--light-gray);
	}
	
	&:focus-visible {
		outline: 1px solid var(--primary-500);;
	}
	
}

.card{
	padding: .5rem;
	border-radius: .75rem;
	
	&.content-card{
		background-color: var(--content-card-bg);
		
		font-size: .85rem;
	}
}

.pb-lg{
	padding-bottom: 50px;
}

.pb-xl{
	padding-bottom: 75px;
}

.pt-lg{
	padding-top: 50px;
}

.pt-xl{
	padding-top: 75px;	
}


.border-btm{
	border-bottom: 1px solid var(--gray);
	
	&:last-child{
		border-bottom: none;
	}
}
/*** MEDIA QUERIES ***/

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        height: auto;
    }
	
	img{

		&.home-image{
			margin-bottom: 1rem;
		}
	}
}

@media only screen and (min-width : 320px) {
	
	.navbar-brand{
		max-width: 240px;
	}
	
	.description-wrapper:before {
		content: '';
		width:1px;
		height:100%;
		background-color: transparent;
		position: absolute;
		left: 0;
	}
	
	.feature-holder {
		border: 1rem solid #fff;
	}
	
	.container-md {
      padding:0;
      margin:0;
    }

	
	.home-header #welcome {
	    top: 20%;
    }
	
	h3.home-title{
		font-size: 4rem;
	}
	
	h2.mainTitle {
	    font-size: 4rem;
		margin-bottom: 3rem;
	}
	
	#profileHolder {
	    bottom: -10px;
	}
	
	img.company-logo {
		width: 100%;
	    max-width: 250px;
    }
    
    .background-holder {
	    left: -100px;
	}
	
	.port-info-holder,
	.launch-holder:hover .smokey-cover {
	    height: 145px;
    }
	
	.top500{
		top: 0;
	}
	
	.r250{
		right:0;
	}
	
	.mw450{
		max-width:100%;
	}
	
	.mw750{
		max-width: 100%;
	}
	
	.w-75{
		width: 100% !important;
	}
	

	.white-small{
		background-color:#fff;
		z-index: 2;
	}
	
	.feature-info h4{
		max-width: 75%;
		font-size: 1rem;
	}


}

@media only screen and (min-width : 480px) {
	
	.navbar-brand{
		max-width: 380px;
	}
	
	 .feature-info h4{
		max-width: 75%;
	}
}

@media only screen and (min-width : 768px) {
	
	img{

		&.home-image{
			margin-bottom: 0;
		}
	}
	
	.navbar-brand{
		max-width: 650px;
	}
	
	.feature-info h4{
		max-width: 100%;
		 font-size: 1.5rem;
	}
	
	.description-wrapper:before {
		background-color: var(--darker-gray);

	}
	
	.feature-holder {
		border: 2rem solid #fff;
	}
	.container-md{
		padding-right: calc(var(--bs-gutter-x) * .5);
		padding-left: calc(var(--bs-gutter-x) * .5);
		margin-right: auto;
		margin-left: auto;
	}
	
	.top150{
		top: 150px;
	}
	
	.top500{
		top: 500px;
	}
	
	.home-header #welcome {
	    top: 30%;
    }
	
	h3.home-title{
		font-size: 6rem;
	}
	
	h3.home-title.enlarge{
	    font-size: 4rem;
	
	}

	
}

@media only screen and (min-width : 992px) {
	#profileHolder {
	    bottom: 50px;
	}	
	
	img.company-logo {
		width: 100%;
	    max-width: 400px;
    }
    
    .background-holder {
	    left: -200px;
	}
	
	.port-info-holder,
	.launch-holder:hover .smokey-cover {
	    height: 125px;
    }
    
    h2.mainTitle {
		font-size: 4.5rem;
	}
	
	
	.r250{
		right:250px;
	}
	
	.mw450{
		max-width:450px;
	}
	
	.mw750{
		max-width: 750px;
	}
	
	.w-75{
		width: 75% !important;
	}



}

@media only screen and (min-width : 1200px) {

}

@media only screen and (min-width : 1900px) {
	

}