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

html { scroll-behavior: smooth; }
.spacer { clear: both; }
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; font-weight: 700; line-height: 1.15; }
p, li, button { font-family: 'Roboto', sans-serif; font-size: 1.125rem; }
a, a:hover, a:active, a:focus { text-decoration: none; }
.unpad { padding-left: 0; padding-right: 0; }
.unpad .row { --bs-gutter-x: 0; }
.vert-center { position: relative; top: 50%; transform: translateY(-50%); }
a { color: #e86b67; }

.inr-nav { 
    background-color: transparent;
    padding: 2rem 0%;
    position: absolute;
	width: 100%;
	border-bottom: 1px solid #e2e7ea2e;
}

.inr-nav { 
    background-color: #e2e7ea;
    padding: 1rem 0%;
    position: relative;
	width: 100%;
	border-bottom: 1px solid #e2e7ea;
}

.inr-nav-left { 
	width: 12.75rem; 
	height: auto; 
	float: left;
	margin-left: 6%;
}

.inr-nav-left .img-box {
	width: 12.75rem;
	height: 2.875rem;
	filter: none;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('images/nav-logo-sub.png');
}

.inr-nav-left .img-box {
	background-image: url('images/InfinityNaturalResources-MainLogo.png');
}

.inr-nav-left .img-box:hover {
	filter: brightness(0) saturate(100%) invert(29%) sepia(29%) saturate(1966%) hue-rotate(322deg) brightness(99%) contrast(90%);
}

.inr-nav-right {
	width: 20%;
	height: auto;
	float: right;
	text-align: right;
	font-family: 'Roboto', sans-serif;
}

.menu-opener {
	cursor: pointer;
	color: white;
	display: inline-block;
	background-color: #3e4c54;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	padding: 2.25rem 2rem;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

.menu-opener {
	padding: 1.25rem 2rem;
}

.menu-opener i {
	font-size: 1.75rem;
	margin-left: 0.5rem;
	position: relative;
	top: 0.25rem;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

.menu-opener:hover i {
	color: #b62f2f;
	transform: rotate(180deg);
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

.overlay {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 2;
	right: 0;
	top: 0;
	background-color: #000000b3;
	overflow-x: hidden;
	transition: 0.5s;
}

.overlay-left {
	width: 50%;
	height: 100%;
	float: left;
}

.overlay-right {
	width: 50%;
	height: 100%;
	float: left;
	background-color: #3e4c54;
	padding-top: 8%;
	box-shadow: -1rem 0 3rem #000000a6;
	background-image: url('images/or-bg.png');
	background-size: 102% auto;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.close-nav {
	width: 10rem;
	display: inline-block;
	position: absolute;
	left: 50%;
	margin-left: -5rem;
	text-align: center;
	top: 1.75rem;
	color: white;
	cursor: pointer;
	font-size: 1rem;
	font-family: 'Roboto', sans-serif;
}

.close-nav:hover i {
	color: #b62f2f;
	transform: rotate(180deg);
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;	
}

.close-nav a {
	color: white;
}

.close-nav i {
	font-size: 1.75rem;
	position: relative;
	top: 0.25rem;
	margin-right: 0.5rem;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;	
}

ul#menu-primary {
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 0;
}

ul#menu-primary li a {
	padding: 0.4rem 14%;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: white;
	width: 100%;
	font-size: 2.25rem;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;	
}

ul#menu-primary li a:before {
	content: "+";
	margin-right: 0.5rem;
	color: #a93d3a;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;	
}

ul#menu-primary li a:hover {
	color: #a93d3a;
	background-color: #354248;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;	
}

ul#menu-primary li a:hover:before {
	transform: rotate(180deg);
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;	
}

ul#menu-primary li:nth-child(1) a:before {
	display: none;
}

.home-hero-holder {
    background-color: white;
    padding-left: 6%;
    background-image: url(images/behind-hh.jpg);
    background-size: 100% 80%;
    background-position: center top;
    background-repeat: no-repeat;
    overflow: visible;
    position: relative;
    z-index: 1;
}

.home-hero {
	height: 48rem;
	background-size: cover;
	background-position: center center;
	clip-path: polygon(3% 0, 100% 0, 100% 100%, 0 100%, 0 5%);
	-webkit-clip-path: polygon(3% 0, 100% 0, 100% 100%, 0 100%, 0 5%);
	border-left: 1px solid #ffffff9c;
	box-shadow: 1rem 1rem 1rem black;
	overflow: hidden;
	position: relative;
}

.hh-wrap {
	filter: drop-shadow(-1rem 1rem 0.5rem #00000056);
	display: block;
}

.home-hero video {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.inner-video {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	padding-top: 16%;
}

.home-hero .bxslider li {
	padding: 1rem;
}

.home-hero h1 {
	text-transform: uppercase;
	color: white;
	text-align: left;
	text-transform: uppercase;
	color: white;
	font-size: 3.75rem;
	line-height: 1;
	font-weight: 900;
	padding-bottom: 1rem;
	padding-top: 1rem;
	margin-bottom: 1rem;
	border-bottom: 0.125rem solid white;
	text-shadow: 0rem 0rem 1rem #0000007d, 0rem 0rem 0.5rem #0000007d;
}

.home-hero p {
	color: white;
	font-size: 1.25rem;
	text-shadow: 0rem 0rem 1rem black, 0rem 0rem 2rem black;
}

button, input.button {
	display: inline-block;
	padding: 0.25rem 0.75rem;
	border-radius: 1rem;
	border: 0.125rem solid white;
	color: white;
	background-color: transparent;
	box-shadow: 0 0 0 transparent;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;	
}

button:hover, input.button:hover {
	background-color: #a93d3a;
	border: 0.125rem solid #a93d3a;
	box-shadow: -0.25rem 0.25rem 0.5rem #00000078;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;	
}

.home-hero button {
	display: table;
	margin-left: 0;
	margin-right: auto;
}

.white-map-text {
	background-color: white;
	padding-top: 8%;
	padding-bottom: 12%;
	position: relative;
	background-image: url('images/white-map.jpg');
	background-size: cover;
	background-position: center right;
}

h2 { font-size: 2rem; }

.white-map-text h2 {
	text-align: center;
	margin-bottom: 1.5rem;
	color: #3e4b54;
}

.white-map-text p {
	color: #3e4b54;
}

.red-sep {
	display: table;
	margin-left: auto;
	margin-right: auto;
	width: 12rem;
	height: 0.25rem;
	background-color: #a93d3a;
	margin-bottom: 1.75rem;
}

.red-sep-offset {
	width: 8rem;
	margin-left: 0;
	position: relative;
	left: -2rem;
}

.libt-image {
	width: 50%;
	padding-top: 53%;
	float: left;
	background-size: cover;
	background-position: center center;
}

.left-image-blue-text {
	width: 100%;
	background-color: transparent;
	position: relative;
	display: block;
	top: -6rem;
	margin-bottom: -6rem;
}

.libt-text {
	width: 62%;
	height: auto;
	padding: 5rem 12% 5rem 5%;
	background-color: #444d53;
	border: 0.125rem solid white;
	position: absolute;
	right: 0;
	top: 6rem;
}

.libt-text button, .gtri-text button, .hnb-text button {
	display: table;
	margin-right: 0;
	margin-left: auto;
	margin-top: 1.5rem;
}

.libt-text h2, .gtri-text h2 {
	color: white;
	font-size: 2.75rem;
	margin-bottom: 1rem;
}

.libt-text p {
	color: white;
}

.quote {
	padding-top: 8%;
	padding-bottom: 8%;
	background-color: white;
	background-image: url('images/quote-bg.jpg');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.quote p {
	font-size: 1.6rem;
	margin-bottom: 1.5rem;
}

.quote h6 {
	text-align: center;
	margin-bottom: 0;
	color: #a93d3a;
	font-size: 1.25rem;
}

.quote-block {
	padding: 2.5rem 2.5rem;
	border-top: 0.1875rem solid #e0e1e1;
	border-bottom: 0.1875rem solid #e0e1e1;
	position: relative;
}

.quote-block:before {
	width: 6.875rem;
	padding-top: 10%;
	content: " ";
	position: absolute;
	top: 1rem;
	left: -8.875rem;
	background-image: url('images/left-quote.png');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.quote-block:after {
	width: 6.875rem;
	padding-top: 10%;
	content: " ";
	position: absolute;
	bottom: 1rem;
	right: -8.875rem;
	background-image: url('images/right-quote.png');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.gray-text-right-image {
	width: 100%;
	background-color: white;
	overflow: visible;
	position: relative;
	margin-bottom: 10rem;
}

.gtri-image {
	width: 75%;
	margin-left: 25%;
	padding-top: 47%;
	background-size: cover;
	background-position: center center;
}

.gtri-text {
	padding: 7% 6% 4% 5%;
	background-color: #f1f0f0;
	position: absolute;
	width: 40%;
	left: 5%;
	bottom: -6rem;
}

.gtri-text h2 {
	color: #404a4f;
}

.home-news {
	background-image: url('images/news-bg.jpg');
	background-size: cover;
	background-position: center center;
	background-color: #a93d3a;
	padding-top: 6%;
	padding-bottom: 6%;
}

.home-news h2 {
	font-size: 2.75rem;
	color: #404a4f;
	text-align: center;
	margin-bottom: 1rem;
}

.white-sep {
	background-color: white;
}

.home-news .white-sep {
	background-color: #404a4f;
}

.home-news-container {
	width: 100%;
	margin-top: 3.5rem;
	text-align: center;
}

.home-news-box {
	text-align: left;
	width: 42%;
	margin-left: 3%;
	margin-right: 3%;
	background-color: white;
	vertical-align: top;
	display: inline-block;
}

.hnb-image {
	width: 100%;
	padding-top: 60%;
	background-size: cover;
	background-position: center center;
}

.hnb-text {
	width: 100%;
	padding: 1rem 2rem;
}

.hnb-text a h3 {
	color: #404a4f;
	font-size: 1.5rem;
}

button.dark-button, input.button {
	border: 0.125rem solid #404a4f;
	color: #404a4f;
}

button.dark-button:hover, input.button:hover {
	background-color: #a93d3a;
	color: white;
	border: 0.125rem solid #a93d3a;
}

button.red-button {
	color: #a93d3a;
	border: 0.125rem solid #a93d3a;
}

button.red-button:hover {
	color: white;
}

.hnb-text button {
	margin-top: 0.5rem;
}

.footer {
	padding-top: 11%;
	padding-bottom: 11%;
	text-align: center;
	background-color: #363e42;
	position: relative;
	background-image: url('images/InfinityNaturalsFooter-Background.jpg');
	background-size: cover;
	background-position: center center;
}

.footer a {
	color: white;
}

.footer a:hover {
	color: gainsboro;
}

.footer img {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5rem;
}

.footer-logo img:hover {
	filter: brightness(0) saturate(100%) invert(29%) sepia(29%) saturate(1966%) hue-rotate(322deg) brightness(99%) contrast(90%);
}

.footer p {
	margin-bottom: 0;
	color: white;
}

.footer p span {
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}

.siteby {
	position: absolute;
	padding: 0.5rem 1.5rem;
	right: 0;
	bottom: 0;
	color: #7e8284;
	font-size: 0.875rem;
	font-family: 'Roboto', sans-serif;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;	
}

.siteby:hover {
	background-color: #8dc53e;
	color: black;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;	
}

.come-in {
  transform: translateY(150px);
  animation: come-in 0.8s ease forwards;
}
.come-in:nth-child(odd) {
  animation-duration: 0.6s;
}
.already-visible {
  transform: translateY(0);
  animation: none;
}

@keyframes come-in {
  to { transform: translateY(0); }
}

.come-in-right {
  transform: translateX(150px);
  animation: come-in 0.8s ease forwards;
}
.come-in-right:nth-child(odd) {
  animation-duration: 0.6s;
}

.come-in-left {
  transform: translateX(-150px);
  animation: come-in 0.8s ease forwards;
}
.come-in-left:nth-child(odd) {
  animation-duration: 0.6s;
}

.home-hero .bx-wrapper {
	box-shadow: 0 0 0 transparent;
	border: 0px;
	background: transparent;
}

.subpage-header {
	padding-top: 18%;
	padding-bottom: 14%;
	background-size: cover;
	background-position: center center;
	text-align: center;
}

.subpage-header h1 {
	text-align: center;
	color: white;
	text-transform: uppercase;
	font-size: 3rem;
}

.sh-hero {
	background-size: cover;
	background-position: center center;
	height: 38rem;
}

.sh-hero .inner-video {
	width: 100%;
}

.lrs-box {
	width: 50%;
	float: left;
	text-align: center;
	padding: 4.25% 8%;
}

.lrs-box p {
	text-align: left;
}

.lrs-box h3 {
	margin-bottom: 1.75rem;
}

.lrs-left {
	background-color: white;
	background-image: url('images/white-map.jpg');
	background-size: cover;
	background-position: center center;
}

.lrs-left h3, .lrs-left p {
	color: #3e4c54;
}

.lrs-left h3 span.redh3 {
	color: #b62f2f;
}

.lrs-right {
	background-color: #3e4c54;
}

.lrs-right h3, .lrs-right p {
	color: white;
}

.nb02 {
	width: 30%;
	margin-left: 1%;
	margin-right: 1%;
}

.hnc02 {
	margin-top: 0;
}

.nb02 .hnb-text a h3 {
	font-size: 1.25rem;
}

.nb02 .hnb-text button {
	margin-top: 1rem;
}

.button-row {
	width: 100%;
	text-align: center;
	margin-top: 1.5rem;
}

.button-row br {
	display: none;
}

.button-row button {
	display: inline-block;
	text-transform: uppercase;
	margin-left: 1rem;
	margin-right: 1rem;
	font-size: 1.25rem;
	font-weight: 700;
}

.operations .libt-text {
	background-color: #dcdcdc;
}

.operations .libt-text h2, .operations .libt-text p {
	color: #3e4b54;
}

.operations .gtri-image {
	width: 46%;
	padding-top: 70%;
	margin-left: 54%;
}

.operations .gtri-text {
	background-color: #333b40;
	width: 52%;
	border: 0.125rem solid white;
	top: 6rem;
	bottom: inherit;
}

.operations .gtri-text h2, .operations .gtri-text p {
	color: white;
}

.alt-white-text {
	background-image: url('images/quote-bg.jpg');
	background-size: 100%;
	background-position: center top;
	background-repeat: no-repeat;
}

.operations .gray-text-right-image {
	margin-bottom: 1rem;
}

.alt-white-text h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 3rem;
}

.alt-white-text h5 {
	color: #b62f2f;
	margin-bottom: 0.5rem;
}

.two-red-buttons {
	background-image: url('images/two-red-buttons.jpg');
	background-size: cover;
	background-position: center center;
	padding-top: 4%;
	padding-bottom: 4%;
}

.big-red-button {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	display: table;
	padding: 1.5rem 2.5rem;
	border: 0.1875rem solid white;
	background-color: #00000073;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;	
}

.big-red-button p {
	color: white;
	font-size: 3.25rem;
	font-weight: 700;
	line-height: 1;
}

.big-red-button p span.lilbutton {
	font-size: 1.75rem;
}

.big-red-button button {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.big-red-button:hover {
	background-color: #000000a1;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;	
}

.big-red-button:hover button {
    background-color: #a93d3a;
    border: 0.125rem solid #a93d3a;
    box-shadow: -0.25rem 0.25rem 0.5rem #00000078;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;	
}

.wtrb {
	padding-top: 6%;
	padding-bottom: 6%;
	background-image: url('images/white-map.jpg');
	background-size: cover;
	background-position: center center;
	position: relative;
    overflow: visible;
    z-index: 1;
}

.wtrb h2 {
	margin-bottom: 1.75rem;
	text-align: center;
	color: #3e4c54;
}

.wtrb-right-box {
	background-color: #272e32;
	background-image: url('images/wtrb.jpg');
	background-size: cover;
	background-position: center center;
	padding: 12.5% 4.5%;
	position: absolute;
	right: 0;
	top: 4rem;
	width: 30%;
	height: auto;
	text-align: center;
}

.wtrb-right-box p {
	color: white;
	font-size: 1.25rem;
	line-height: 1.75;
}

.wtrb-right-box p span.attribute {
	color: #b62f2f;
	font-weight: 700;
}

.leadership-team {
	padding-top: 6%;
	padding-bottom: 6%;
	background-color: #efefef;
}

.leadership-team h2 {
	font-size: 2.75rem;
	color: #3e4c54;
	margin-bottom: 1.5rem;
}

.leadership-team .red-sep {
	margin-bottom: 4rem;
}

.leadership-container {
	width: 100%;
	overflow: hidden;
}

.person-box {
	width: 32.6666666666666667%;
	float: left;
	padding-top: 32.6666666666667%;
	background-size: cover;
	background-position: center center;
	position: relative;
	margin-bottom: 0.75rem;
}

.person-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: #333b3fd1;
	top: 0;
	left: 0;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;	
}

.person-box:hover .person-inner {
	opacity: 1;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;	
}

.inner-inner {
	width: 100%;
	padding: 0 1rem 2rem 2rem;
	text-align: center;
	position: absolute;
	bottom: -5rem;
	left: 0;
	height: auto;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;	
}

.person-box .inner-inner {
	bottom: 0;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;	
}

.inner-inner h3, .inner-inner h5 {
	color: white;
	margin-bottom: 0.25rem;
}

.person-box:nth-child(1) { width: 49.5%; margin-right: 1%; }
.person-box:nth-child(2) { width: 49.5%; margin-right: 0; }
.person-box:nth-child(3n+3) { margin-right: 1%; }
.person-box:nth-child(3n+4) { margin-right: 1%; }
.person-box:nth-child(3n+5) { margin-right: 0; }

.person-box:nth-child(1) .inner-inner h3, .person-box:nth-child(2) .inner-inner h3 { font-size: 2.5rem; }
.person-box:nth-child(1) .inner-inner h5, .person-box:nth-child(2) .inner-inner h5 { font-size: 1.5rem; }

.modal-content {
    border-radius: 0;
}

.modal-inner {
	width: 100%;
	display: block;
	overflow: hidden;
}

.modal-left {
	width: 36%;
	float: left;
	padding: 2.5rem 4%;
	background-color: #272e32;
	background-image: url(images/wtrb.jpg);
	background-size: cover;
	background-position: center center;
}

.modal-right {
	width: 64%;
	float: right;
	padding: 2.5rem 6% 2.5rem 12%;
	background-color: white;
    background-image: url(images/modal-right.jpg);
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.modal-left img {
    width: 42%;
    margin-bottom: 1rem;
    position: absolute;
    left: 1rem;
    top: 2rem;
}

.modal-right h3 {
	font-size: 1.75rem;
	margin-bottom: 0;
	color: #a93d3a;
	position: relative;
}

.modal-right h5 {
	font-size: 1.15rem;
	color: #a93d3a;
	margin-bottom: 1rem;
}

.modal-right p {
	font-size: 0.875rem;
}

div.close {
    position: absolute;
    top: 0rem;
    right: 1rem;
    font-size: 2rem;
}

.fbgt {
	width: 100%;
	display: block;
	position: relative;
	margin-bottom: 12rem;
}

.fbgt img {
	width: 100%;
}

.fbgt-text {
	width: 52%;
	position: absolute;
	right: 6%;
	bottom: -6rem;
	background-color: #dedede;
	padding: 4rem 10% 4rem 5%;
	border: 0.25rem solid white;
}

.fbgt-text h2 {
	margin-bottom: 1.5rem;
}

.fbgt-text button {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.photo-collage {
	padding-top: 5%;
	padding-bottom: 5%;
	position: relative;
}

.photo-collage:after {
    position: absolute;
    content: " ";
    width: 40%;
    height: 0.75%;
    background-color: #49535a;
    right: 0;
    top: 20%;
}

.photo-collage img {
	width: 86%;
	margin-left: auto;
	margin-right: auto;
	display: table;
}

.leadership .photo-collage {
	background-image: url('images/light-gray-box.png');
	background-size: 100% 14%;
	background-position: center top;
	background-repeat: no-repeat;
}

.two-columns {
	-webkit-column-count: 2; 
	-moz-column-count: 2; 
	column-count: 2;
}

.two-columns strong {
	font-weight: bold;
	font-size: 1.25rem;
}

.two-columns ul {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.two-columns ul li {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.libt-text h3 {
	color: white;
}

.about-us .photo-collage:after, .community .photo-collage:after {
	right: inherit;
	left: 0;
}

.community .photo-collage:after {
	width: 20%;
}

.contact .photo-collage:after {
	display: none;
}

.contact .alt-white-text {
	background-color: transparent;
	background-image: none;
}

.about-us, .community, .contact {
	background-image: url('images/about-bg.jpg');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center 16%;
}

.ppt-left, .ppt-right {
	width: 49.5%;
	float: left;
	background-size: cover;
	background-position: center center;
	padding-top: 33%;
}

.ppt-left {
	margin-right: 0.5%;
}

.ppt-right {
	margin-left: 0.5%;
}

.ppt-text {
	width: 70%;
	background-color: #e2e5e7;
	margin-left: auto;
	margin-right: auto;
	padding: 3% 6%;
	border: 0.25rem solid white;
	position: relative;
	top: -6rem;
}

.ppt-text h2 {
	color: #3e4b54;
	font-size: 2.75rem;
	margin-bottom: 1rem;
	text-align: center;
}

.top-contact-box {
	width: 100%;
	text-align: center;
	padding: 2rem;
	background-color: #3f4c54;
}

.top-contact-box i {
	font-size: 4rem;
}

.top-contact-box h5 i {
	font-size: 1.25rem;
	margin-right: 1rem;
}

.top-contact-box a {
	color: gainsboro;
}

.top-contact-box a:hover {
	color: white;
}

.top-contact-box h3, .top-contact-box h5 {
	color: white;
	font-weight: 400;
}

.top-contact-box h5 {
	margin-bottom: 0;
}

.lower-contact-box {
	background-color: white;
	padding: 2rem;
	border: 0.1875rem solid #3f4c54;
	text-align: center;
}

.contact-boxes {
	padding-top: 4%;
	padding-bottom: 4%;
}

.top-contact-row {
	margin-bottom: 1rem;
}

.lcb-01 {
	border: 0.1875rem solid #b62f2f;
}

.lcb-01 p, .lcb-01 h2 {
	color: #b62f2f;
}

.lcb-02 .red-sep {
	background-color: #3f4c54;
}

.lcb-02 h2 {
	color: #3f4c54;
}

.form-holder {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 3rem;
	border: 0.1875rem solid #3f4c54;
}

.form-holder p {
	font-weight: bold;
	text-align: center;
	font-size: 1.3875rem;
}

.contact .alt-white-text {
	padding-top: 1%;
}

#loginform {
	width: auto%;
	margin-left: auto;
	margin-right: auto;
	border: 0.1875rem solid gray;
	background-color: white;
	padding: 2rem;
	display: table;
}

#loginform label {
	display: block;
	font-size: 0.875rem;
	font-weight: bold;
}

#pum-215 {
    background-color: rgb(0 0 0 / 56%);
}

#popmake-215 {
	padding: 3%;
	border-bottom: 0.5rem solid #a93d3a;
}

#pum_popup_title_215 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 2rem;
	color: #a93d3a;
	font-weight: bold;
}

#popmake-215 .pum-close {
	background-color: #444d53;
}

.ourpartners-left h5, .ourpartners-right h5 { 
	text-align: left;
}

.ourpartners-left, .ourpartners-right {
	width: 50%;
	float: left;
	padding-left: 2rem;
	padding-right: 2rem;
	text-align: center;
}

.ourpartners-left {
	border-right: 1px solid gray;
}

.op-logo-box {
	width: 50%;
	margin-left: 0;
	margin-right: 0;
    padding: 0.5rem 2rem;
	float: left;
	margin-bottom: 2rem;
	display: inline-block;
	vertical-align: top;
}

.op-logo-box img {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	display: table;
}

.op-logo-box br {
	display: none;
}

.single {
	background-image: url('images/about-bg.jpg');
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;	
}

.single-news-image {
	background-color: transparent;
	padding-top: 2%;
	background-image: url(images/single-bg-block.png);
	background-size: 100% 80%;
	background-position: center top;
	background-repeat: no-repeat;
}

.single-news-image img {
	width: 100%;
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.single-news-content {
	background-color: transparent;
	padding-top: 2%;
	padding-bottom: 6%;
}

.single-news-content h2 {
	text-align: center;
}

.single-news-content .red-sep {
	margin-top: 1.75rem;
}

.single-news-content button {
	margin-top: 2rem;
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.single-news-content button i {
	margin-right: 0.75rem;
}

.about-us .fbgt .fbgt-text {
	right: inherit;
	left: 6%;
}

.careers .alt-white-text {
	padding-bottom: 2%;
}

.available-positions {
	padding-top: 6%;
	padding-bottom: 12%;
    background-image: url(images/quote-bg.jpg);
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
}

.ap-upper-text {
	margin-bottom: 2.5rem;
}

.ap-lower-text {
	margin-top: 2.5rem;
}

button.accordion-button:hover {
	background-color: #d8e1e4;
	border: 0.125rem solid #b5bfc2;
}

h2.accordion-header {
	margin-bottom: 0;
}

h2.accordion-header button {
	font-family: 'Roboto', sans-serif;
	font-size: 1.125rem;
	font-weight: bold;
}

.accordion-body {
    padding: 2rem 2.5rem;
    background-color: whitesmoke;
    box-shadow: 0.25rem 0.25rem 0.5rem #0000000d;
}

.white-map-text .accordion-body {
	font-size: 1rem;
}

.linked-in {
	text-align: center;
	margin-top: 2.5rem;
}

.linked-in img {
	max-width: 60%;
	display: table;
	margin: 0 auto;
	width: 200px;
	border-top: 0.5rem solid #1b7db4;
	border-bottom: 0.5rem solid #1b7db4;
	border-left: 1rem solid #1b7db4;
	border-right: 1rem solid #1b7db4;
}

.linked-in img:hover {
	border-color: white;
}

.file-download {
	width: 100%;
	padding: 0;
	background-color: white;
	border: 1px solid #3f4c54;
}

.fd-inner {
	padding: 5%;
}

.file-upload {
	width: 100%;
	margin-top: 5%;
	background-color: #3f4c54;
}

.downloads-toolbar {
	width: 100%;
	text-align: left;
	background-color: #3e4c54;
}

.downloads-toolbar ul.dl-toolbar {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.downloads-toolbar ul.dl-toolbar li {
	display: inline-block;
}

.downloads-toolbar ul.dl-toolbar li a {
	padding: 0.75rem 1.5rem;
	color: white;
	text-transform: uppercase;
	background-color: transparent;
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	display: inline-block;
}

.downloads-toolbar ul.dl-toolbar li a:hover {
	background-color: #b1242e;
}

.page-id-14 .sh-hero {
    background-position: center top;
}

a:hover {
    color: #98a8bf;
}











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

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

html { font-size: 15px; }
.home-hero h1 { font-size: 2.75rem; }
.home .white-map-text:before, .home .libt-text:before, .home .gtri-text:before { width: 10rem; }
.libt-text, .gtri-text { padding: 2.5rem 5% 2.5rem 5%; }
.gtri-text p, .libt-text p { font-size: 1rem; }
.libt-text h2, .gtri-text h2 { font-size: 2.25rem; }
.red-sep { width: 10rem; height: 0.125rem; }
.red-sep-offset { left: -1rem; }
.quote p, .quote h6 { font-size: 1.25rem; }
.hnb-text a h3 { font-size: 1.25rem; line-height: 1.1; }
.home-hero { height: 36rem; }
.sh-hero { height: 28rem; }
.top-contact-box h3 { font-size: 1.5rem; }
.top-contact-box h5 { font-size: 1rem; }

}

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

html { font-size: 14px; }
.home-hero { padding-top: 26%; padding-bottom: 26%; }
ul#menu-primary li a { font-size: 1.5rem; }
.home .white-map-text:before, .home .libt-text:before, .home .gtri-text:before { width: 7.5rem; }
.gtri-text { width: 74%; }
.libt-text { width: 74%; }
.quote-block:before { width: 4.875rem; left: -5.875rem; }
.quote-block:after { width: 4.875rem; right: -5.875rem; }
.overlay-right { padding-top: 14%; }
.home-hero { padding-top: 0; padding-bottom: 0; height: 32rem; }
.sh-hero { height: 24rem; }
.top-contact-box h3 { font-size: 1.25rem; }
.top-contact-box, .lower-contact-box { padding: 1rem; }
.top-contact-box p, .lower-contact-box p { font-size: 0.875rem; }
h2 { font-size: 1.5rem; }
.ppt-text h2 { font-size: 2rem; }
.ppt-text p, .ppt-text li { font-size: 0.875rem; }


}

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

html { font-size: 13px; }
.home-hero { padding-top: 32%; padding-bottom: 32%; }
.overlay-right { padding-top: 20%; }
.libt-image { width: 50%; float: none; margin-left: 25%; margin-right: 25%; }
.libt-text { width: 90%; position: relative; top: 0; margin-left: 5%; margin-right: 5%; }
.left-image-blue-text { top: -2rem; margin-bottom: -2rem; }
.gtri-image { width: 75%; margin-left: 12.5%; margin-right: 12.5%; position: relative; }
.gtri-text { width: 90%; position: relative; top: 0; margin-left: 5%; margin-right: 5%; left: 0; bottom: 0; }
.gray-text-right-image { margin-bottom: 4rem; }
.home-news-box { width: 94%; margin-bottom: 2rem; }
.home-hero p { font-size: 1.125rem; }
.home-hero h1 { font-size: 2.25rem; }
.alt-white-text h2 { font-size: 2rem; }
.form-holder p { font-size: 1.125rem; }
.top-contact-box, .lower-contact-box { margin-bottom: 0.5rem; }

}

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

html { font-size: 12px; }
.overlay a { font-size: 20px }
.overlay .closebtn { font-size: 40px; top: 15px; right: 35px; }
.home-hero h1 { font-size: 2rem; }
.home-hero p { font-size: 0.875rem; }
.home-hero { padding-top: 0; padding-bottom: 0; height: 24rem; }
.quote-block:before { width: 2.875rem; left: -3.875rem; }
.quote-block:after { width: 2.875rem; right: -3.875rem; }
.footer img { max-width: 50%; }
.footer p { font-size: 0.875rem; }
.footer p span { margin-left: 0.5rem; margin-right: 0.5rem; }
.footer { padding-top: 16%; padding-bottom: 16%; }
.overlay-left { width: 30%; }
.overlay-right { width: 70%; }

}