/*!
Theme Name: 	Bootsrap on WordPress
Theme URI: 		https://bootstraponwordpress.com/
Description: 	Bootstrap 5 on Wordpress
Version: 		4.0.2
Author: 		Babobski
Author URI: 	https://www.babobski.nl
Tags: 			babobski, bootstrap, basic theme
*/

@import url("https://use.typekit.net/fig7jhb.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

html { font-size: 16px; scroll-behavior: smooth; }
h1, h2, h3, h4, h5, h6 { font-family: verveine, sans-serif; font-weight: 400; margin-bottom: 1.25rem; line-height: 0.9; }
p, li { font-family: 'Roboto', sans-serif; font-size: 1rem; margin-bottom: 1rem; }
li { margin-bottom: 0; }
.spacer { clear: both; }
img { max-width: 100%; }
.vert-center { position: relative; top: 50%; transform: translateY(-50%); }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.navbar {
	background-color: #646464;
	border-bottom: 0.75rem solid black;
}

.homepage-rotator {
	width: 100%;
	display: block;
}

.homepage-rotator .bx-wrapper li img {
	width: 100%;
}

img.header-logo {
	position: absolute;
	top: 0;
	left: 2%;
	max-width: 20rem;
	z-index: 1;
}

ul#menu-primary {
	display: block;
	text-align: right;
	padding-right: 200px;
}

ul#menu-primary li {
	display: inline-block;
}

.navbar-toggler {
	background-color: gainsboro;
	border: 2px solid #6e6e6e;
	display: table;
	margin-left: auto;
	margin-right: 0; 
}

.navbar-toggler i {
	color: #6e6e6e;
}

.offcanvas.show ul#menu-primary li {
	display: block;
}

ul#menu-primary li a.nav-link {
    font-family: verveine, sans-serif;
    font-size: 1.75rem;
    padding: 0.5rem 1.5rem;
	color: white;
}

ul#menu-primary li a.nav-link:hover {
	color: #f85d0c;
}

.centered-content {
	padding-top: 6%;
	padding-bottom: 6%; 
	text-align: center;
}

.left-content img, .centered-content img {
	height: auto !important;
	margin-top: 2rem;
}

.tri-block-section {
	width: 100%;
	display: block;
	overflow: hidden;
}

.tri-block-section h4, .tri-block-section h2, .tri-block-section p, .tri-block-section li, .image-left-text-right h3, .image-left-text-right p, .image-left-text-right li {
	color: white;
}

.tri-block-section h4, .image-left-text-right h3 { 
	font-size: 3rem;
}

.tri-block-section h2 {
	font-size: 3.75rem;
}

.left-block {
	width: 32%;
	float: right;
	padding: 6% 5%;
	min-height: 905px;
}

.right-blocks {
	width: 68%;
	float: left;
	position: relative;
}

.right-block-top {
	width: 100%;
	height: 50%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 3%;
}

.right-block-bottom {
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 3%;
}

.lb01 { background-color: #ff6600; }
.rb01 { background-color: #a9a9a9; }
.rb02 { background-color: #aab2c1; }

.left-content, .right-content {
	padding-top: 6rem;
	padding-bottom: 6rem;
	padding-left: 4rem;
	padding-right: 4rem;
}

.orange-right {
	background-size: cover;
	background-position: center center;
	background-color: #ff6600;
}

.orange-right li {
	font-family: 'Bebas Neue', cursive;
	color: white;
	font-size: 1.5rem;
	text-transform: uppercase;
}

.top-camo { 
	background-image: url('images/camo-min.jpg'); 
	background-size: cover;
	background-position: center center;
}

.bottom-gray {
	background-image: url('images/gray-min.jpg'); 
	background-size: cover;
	background-position: center center;	
}

.footer {
    background-color: gainsboro;
    text-align: center;
    border-top: 2.5rem solid #f86d43;
	display: block;
	width: 100%;
}

.footer i {
	font-size: 1.5rem;
	margin-left: 0.25rem;
	margin-right: 0.25rem;
}

.footer p:last-child {
	margin-bottom: 0;
}

.centered-content-plus {
	padding-top: 6%;
	padding-bottom: 6%;
	text-align: center;
}

.subsections {
	margin-top: 4rem;
	text-align: center;
}

.subsect {
	width: 22.5%;
	margin-left: 0.75%;
	margin-right: 0.75%;
	margin-bottom: 2rem;
	padding-left: 1rem;
	padding-right: 1rem;
	display: inline-block;
	text-align: left;
	vertical-align: top;
}

.contact-form {
	background-color: gainsboro;
}

.right-blocks ul {
	-webkit-column-count: 2; 
	-moz-column-count: 2; 
	column-count: 2;
	column-gap: 2rem;
}

.right-blocks ul li {
	margin-bottom: 0.25rem;
	font-size: 1rem;
}

.right-block-bottom ul {
	-webkit-column-count: 2; 
	-moz-column-count: 2; 
	column-count: 2;
	column-gap: 2rem;	
}

.tcl-mission {
	width: 100%;
	padding: 5%;
	border: 0.5rem solid #f86d43;
	text-align: left;
	position: relative;
}

.tcl-mission h1 {
	font-size: 5.75rem;
	margin-bottom: 2.25rem;
}

.tcl-mission p {
	font-size: 1.3875rem;
}

.small-sep {
	height: 0.25rem;
	width: 4.5rem;
	display: table;
	margin-right: auto;
	margin-left: 0;
	margin-bottom: 1.5rem;
	background-color: #f86d43;
}

.lb01 .small-sep {
	color: white;
}

.image-left-text-right {
	background-image: url('images/child-passenger-safety-bg.jpg');
	background-size: cover;
	background-position: right center;
}

.subsections {
	background-color: white;
	padding: 3rem 1rem;
	box-shadow: 0rem 0rem 2rem #0000005e;
	border-bottom: 3rem solid #4569b0;
	display: table;
}

.centered-content-plus h2 {
	font-size: 7rem;
}

.centered-content-plus .small-sep, .fr-half-left .small-sep {
	margin-left: auto;
	margin-right: auto;
}

.subsect h4 {
	color: white;
    background-color: #4569b0;
    color: white;
    padding: 0.5rem 1rem;
	font-size: 2rem; 
}

.subsect:nth-child(2) h4 { background-color: #18356d; }
.subsect:nth-child(3) h4 { background-color: #0e2247; }

.footer-left, .footer-right {
	padding-top: 5%;
	padding-bottom: 5%;
	float: left;
}

.footer-left {
	background-color: white;
	text-align: center;
	padding-left: 5%;
	padding-right: 5%;
	width: 40%;
}

.footer-left img {
	display: table;
	margin-left: auto;
	margin-right: auto;
	max-width: 26rem;
}

.fr-half {
	padding-left: 1rem;
	padding-right: 1rem;
	width: 50%;
	float: left;
}

.fr-half h4 {
	font-size: 6rem;
	color: white;
	text-align: center;
}

.fr-half p {
	color: white;
	font-size: 1.25rem;
}

.footer-right {
	background-image: url('images/footer-right-bg.jpg');
	background-size: cover;
	background-position: left center;
	text-align: left;
	width: 60%;
}

.fr-half a {
	color: white;
}

.homepage-rotator .bx-wrapper .bx-pager { 
	display: none;
} 

.nav-item-74 img {
    max-width: 200px;
    position: absolute;
    right: 2rem;
    top: 2rem;
    box-shadow: 0.5rem 0.5rem 1rem #00000057;
}

.pum-theme-79, .pum-theme-default-theme {
    background-color: #000000d1;
}

.colby-info h1 {
	color: #fb6400;
	text-align: center;
}

.ec-outer {
	width: 70%;
	display: table;
	margin: 3rem auto;
}

.past-winners {
	padding-top: 4%;
	padding-bottom: 4%;
	text-align: center;
	background-color: #151515;
}

.past-winners h2 {
	color: white;
	margin-bottom: 4rem;
	font-size: 4rem;
}

.pw-block {
	width: 100%;
}

.pw-block-outer {
	display: table;
	width: 90%;
	margin: 0 auto;
	padding-top: 80%;
	position: relative;
	background-size: cover;
	background-position: center center;
}

.pw-block-inner {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 1rem;
	text-align: center;
	background-color: black;
	color: white;
	width: 100%;
	background-color: #000000bf;
	font-family: 'Bebas Neue', cursive;
	text-transform: uppercase;
	font-size: 1.5rem;
}

.past-winners .bx-wrapper {
    width: 100% !important;
    max-width: none !important;
}

.news-post-holder {
	width: 94%;
	margin: 0 auto;
	background-color: white;
	box-shadow: 0rem 0rem 2rem #00000061;
}

.news-post-holder:hover {
	background-color: gainsboro;
}

.np-image {
	width: 100%;
	padding-top: 75%;
	background-size: cover;
	background-position: center center;
	background-color: #272727;
}

.np-text {
	width: 100%;
	padding: 2rem 4rem;
	text-align: left;
	background-color: transparent;
}

.np-text h4 {
	margin-bottom: 0;
}

.news-section {
	padding-top: 6%;
	padding-bottom: 6%;
}

.news-section h2 {
	margin-bottom: 1rem;
	font-size: 4rem;
	color: #151515;
	text-align: center;
}

.news-section .small-sep {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 4rem;
}

.news-section a {
	text-decoration: none;
}

.np-text h4 {
	font-family: 'Bebas Neue', cursive;
	color: #272728;
	font-size: 2rem;
	text-transform: uppercase;
}

.single-news-post {
	padding-top: 8%;
	padding-bottom: 8%;
}

.single-news-post h1.headline {
	font-size: 3.5rem;
	color: #151515;
	font-family: 'Bebas Neue', cursive;
	margin-bottom: 2rem;
}

img.snp-image {
	width: 100%;
	margin-bottom: 3rem;
}

.footer {
	background-image: url('images/camo-min.jpg');
	background-size: cover;
	background-position: center center;
	padding-top: 5%;
	padding-bottom: 8%;
}

img.footer-logo {
	display: table;
	margin: 0 auto;
	max-width: 20%;
}

.pum-theme-79, .pum-theme-default-theme {
    background-color: rgb(0 0 0 / 89%) !important;
}


/*==========  Boostrap 5 Non-Mobile First Method  ==========*/

@media only screen and (max-width: 3180px) {

html { font-size: 16px; }
.tcl-mission:after { right: -14%; }

}

@media only screen and (max-width: 2520px) {

html { font-size: 16px; }
.tcl-mission:after { right: -8%; }

}

@media only screen and (max-width: 1860px) {

html { font-size: 16px; }
.left-content, .right-content { padding-left: 2rem; padding-right: 2rem; }

}

@media only screen and (max-width: 1199px) {

html { font-size: 15px; }
.offcanvas { z-index: 99999; }
.subsect { width: 45.5%; }
.tcl-mission p { font-size: 1rem; }
.tcl-mission:after { right: -8%; }
.image-left-text-right { background-image: none; background-color: #102449; }
.footer-left img { max-width: 100%; } 
.fr-half h4 { font-size: 4rem; }
.right-blocks { width: 100%; float: none; }
.left-block { width: 100%; float: none; }
.left-block { padding: 6%; min-height: auto; }
.lb01 { background-image: none; background-color: #f86d44; }
.right-block-top, .right-block-bottom { width: 100%; height: auto; position: relative; padding: 6%; }
.right-block-top .vert-center, .right-block-bottom .vert-center { top: 0; transform: none; }
.nav-item-74 img { max-width: 120px; position: relative; right: 0; top: 0; }
ul#menu-primary li a.nav-link { color: black; font-family: 'Bebas Neue', cursive; font-size: 1.5rem; }
.offcanvas-title { font-family: 'Bebas Neue', cursive; font-size: 2rem; }
.tcl-mission h1 { font-size: 2.75rem; }
img.header-logo { max-width: 18%; }
.orange-right .vert-center { transform: none; top: 0; }
.np-text h4 { font-size: 1.5rem; }
.np-text { padding: 1rem; }
.news-section h2, .past-winners h2 { font-size: 3rem; }

}

@media only screen and (max-width: 991px) {

html { font-size: 14px; }
.left-content { padding-bottom: 2rem; }
.right-content { padding-top: 2rem; }
.fr-half p { color: white; font-size: 1rem; }

}

@media only screen and (max-width: 767px) {

html { font-size: 13px; }
img.header-logo { max-width: 7rem; }
.left-block, .right-blocks { width: 100%; float: none; }
.right-block-top, .right-block-bottom { position: relative; top: inherit; bottom: inherit; left: inherit; }
.fr-half { width: 100%; float: none; margin-bottom: 2rem; }
.tcl-mission { padding: 5%; }
.tcl-mission:after { right: -4%; width: 25%; }
.ec-outer { width: 100%; margin: 2rem auto; }

}

@media only screen and (max-width: 575px) {

html { font-size: 12px; }
.subsect { width: 96.5%; }
.tcl-mission h1 { font-size: 2.75rem; }
.centered-content-plus h2 { font-size: 4rem; }
.news-post-holder { margin-bottom: 2.5rem; }

}