@charset "UTF-8";

:root { 
    --primary: darkorange;
    --shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    --text-shadow: 2px 3px 4px rgba(0,0,0,.5);
    --bg1: #222;
    --nav-height: 82px;
    --border-color: #000
}

body { 
	color: #050505;
}

.primary { color: var(--primary); }
.bg1 { background-color: #ececec; }
.bg2 { background-color: #f1f1f1; }
.nav-link.active .bi-house, .nav-link.active .bi-house:hover  { fill: #fff; } 
.bi-facebook:hover { background-color: transparent !important; }

html, * { 
    -webkit-text-size-adjust: 100%; 
}

section { 
    padding-top: 4rem;
    padding-bottom: 4rem; 
}

h1, h2, h3, h4, h5, h6 { 
    color: var(--primary); 
}

a, a:hover, a:visited, a:active, a:focus, input, input:focus, input:active, textarea, textarea:focus, textarea:active, button:focus, button:active { 
    text-decoration: none; 
}

a { 
    transition: all .25s ease; 
}
    
a:hover { 
    
 }
 
 .fw-100 { font-weight: 100; }
 .bg-body-tertiary { background-color: transparent !important; }
 .link-warning { color: #ffffcc !important; }
 
li { list-style: none; }

li.check { list-style-image: url("data:image/svg+xml,<svg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-check2-circle mr-1' fill='%230d6efd' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M15.354 2.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L8 9.293l6.646-6.647a.5.5 0 0 1 .708 0z'/><path fill-rule='evenodd' d='M8 2.5A5.5 5.5 0 1 0 13.5 8a.5.5 0 0 1 1 0 6.5 6.5 0 1 1-3.25-5.63.5.5 0 1 1-.5.865A5.472 5.472 0 0 0 8 2.5z'/></svg>"); }

.list-style-none { list-style: none; }

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center; }

/* ******************************************** Navigation ******************************************** */

header {
    padding-top: 1rem;
	padding-bottom: 4rem;
	text-align: center;
}

.nav-item { 
    list-style: none; 
}

.nav-link {
    display: inline;
    margin-left: 1rem;
    text-transform: uppercase;
	color: #050505;
}

.nav-link:focus, .nav-link:hover, .nav-link.active {
	color: #fff;
	background-color: rgba(0,0,0,.35);
}

.nav-link small {
	font-size: 13px;
	text-transform: capitalize;
	display: block;
	margin-left: 1.3rem;
	padding-left: inherit;
	padding-right: inherit;
}

.coming-soon:hover, .coming-soon:active, .coming-soon:focus {
	background-color: inherit;
	color: inherit;
	cursor: default;
}

/* ******************************************** Content ******************************************** */

    
/* Landing */
#landing {
	background-image: url('../images/landing.jpg');
	background-position: center;
	background-size: cover;
}

#landing2 {
	background-image: url('../images/landing2.png');
	background-position: center;
	background-size: cover;
	height: 100px;
}

#landing h2 { 
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
	margin-top: 0;
}

.img {
	box-shadow: var(--shadow);
	border-radius: .35rem;
}

#wholesale-pic {
	background-image: url('../images/wholesale-pic.jpg');
	background-position: center;
	background-size: cover;
}

/* YouTube */
.youtube {
	border-radius: .35rem;
	filter: drop-shadow(8px 8px 10px rgba(0, 0, 0, .5));
}

/* Products */
.card-footer { text-align: right; }

/* Documentary */
.poster {
	float: left;
	margin-right: 1rem;
	margin-bottom: .5rem;
	box-shadow: var(--shadow);
}

.jake {
	float: right;
	margin-left: 1rem;
	margin-bottom: .5rem;
	border-radius: 50%;
	box-shadow: var(--shadow);
}

/* Footer */
footer {
    padding-top: 2rem;
    padding-bottom: 2rem; 
	background-color: #222;
}

footer p {
	color: #f1f1f1;
}

footer .bi {
	margin-top: -6px;
}


/* ******************************************** REPONSIVE ******************************************** */

@media (min-width: 768px) { 
	.navbar-brand { display: none; } 
 }

@media (min-width: 1200px) {
    .container { max-width: 1140px; }
}

@media (min-width: 768px) and (max-width: 991px) {
	#landing { background-position: 30%; }
	#buy .fs-4 { font-size: 1rem !important; }
	#contact iframe { width: 300px; }
	.nav-link small { font-size: 10px; }
}

@media (max-width: 767px) { 
	.order1 { order: 1; }
	.order2 { order: 2; }
	.nav-link small { margin-left: 0.5rem; }
	.nav-item.documentary { margin-top: -.65rem; }
	header .btn-dark { margin-top: 1rem; }
	#wholesale-pic { display: none; }
	
	#landing2 { 
		height: auto; 
		background-position: right;
}
	
	section {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
	
	#about { 
		margin-bottom: 0;
		margin-top: -2rem; 
	}
	
	#about h2 { margin-top: 2rem; }
	
	nav {
        flex-direction: column;
        justify-content: center;
    }
    
    nav ul {
        padding: 0;
    }
	
	#landing2 header {
		padding-bottom: 0;
		margin-bottom: -2.99rem;
	}
	
	header {
		border-bottom: solid 1px rgba(0,0,0,.15);
	}
    
    .nav-item  { 
        text-align: center;
        margin-top: 1rem;
        margin-left: 0;
    }
	
	.nav-link {
		margin-left: 0;
		padding: .5rem;
	}
	
	.navbar-brand { text-align: left; }
	.bi-facebook, .nav-link:focus, .nav-link:hover, .nav-link.active { color: var(--bs-nav-link-hover-color); }
	#landing2.contact { padding-bottom: 3rem; }
	#contact h1 { margin-top: 3rem; }
	#landing h1 { margin-top: 2rem; }
	#landing header { padding-bottom: 0; }
	 #wholesale h2 { margin-top: 1rem; }
	 #retail img, #contact h2 { margin-top: 2rem; }
	 #contact iframe { width: 300px; }
	footer a.link-warning { margin-top: 2rem !important; }
	
	#contact {
		padding-top: 3rem;
		padding-bottom: 4rem;
	}
	
	.poster {
		width: 100% !important;
		height: auto !important;
		margin-top: -1.5rem;
		margin-bottom: 2rem;
	}
	
	.jake {
		float: none;
		margin-left: 0;
		margin-bottom: 2rem;
		width: 100%;
		height: auto;
	}
	 
	 footer p { 
		font-size: 1rem !important; 
		font-weight: normal !important;
	 }
}