/*
	Theme Name: Roda Marketing Standard Theme
	Theme URI: https://rodamarketing.com;
	Description: Standard parent theme for custome WP solutions
	Author: Roda Marketing
	Author URI: https://rodamarketing.com

	Version: 4.0.0

	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/



/*
/////////  Page styling  /////////
*/

body {
	overflow-y: scroll; /* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;
}

html, body {
	width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

img {
	max-width: 100%;
	height: auto;
}

body {
	background-color: white;
}

h1, h2, h3, h4, h5 {
	font-family: arial, sans-serif;
	color: #54585e;
}

p, a, li {
	font-family: arial, sans-serif;
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a,
h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover{
	color: #54585e;
}

p, a, li {color: #54585e;}

p:nth-last-child(1) {margin-bottom: 0;}

a.no-decoration{text-decoration: none;}

.white,a.white {color: #fff;}
.white-bg {background-color: #fff;}

.black {color: #000;}
.black-bg {background-color: #000;}

.gray {color: #525860;}
.gray-bg {background-color: #525860;}

.dk-blue {color:#040066;}
.dk-blue-bg {background-color:#040066;}

.lt-blue {color:#57adc6;}
.lt-blue-bg {background-color:#57adc6;}

.caps {text-transform: uppercase;}

.capitalize {text-transform: capitalize;}

.bold {font-weight: bold;}

.italic {font-style: italic;}

.standard {font-weight: normal;}

.underline {text-decoration: underline;}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.justify {text-align: justify;}

.float-left {float: left;}

.float-right {float: right;}

.p-relative {position:relative;}

.z-index-100 {z-index: 100;}

.reset {padding: 0;	margin: 0;}

.img-fluid-full {width: 100%;height: auto;}

.nowrap {white-space: nowrap;}

.single-post img {max-width: 100%;height: auto;}

.main-content-area {padding: 50px 30px;}

.sidebar-area {padding: 30px;}

.g-recaptcha {display: inline-block;margin: auto;}

.hover-fade:hover img { opacity: 0.7; }


/*
/////////  Utility items styling  /////////
*/

/*//////////
/////  Button styling
//////////*/

a.box-btn-link:hover {
	text-decoration: none;
}

.box-btn {
	width: auto;
	margin: 0 auto;
	border-radius: 0;
	font-size: 14px;
	background: transparent;
	padding: 10px 20px;
	border: 2px solid;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 400;
	position: relative;
	display: inline-block;
	color: #6d7175;
	margin-top: 15px;
	transition: all .3s ease-in-out;
}


.box-btn-full {
	display: block;
	text-align: center;
}

.box-btn-fixed {
	width: 300px;
}

.box-btn-clear {
	background-color: transparent;
	color: #fff;
}

.box-btn-dk-blue {
	background-color: #040066;
	border-color: #040066;
	color: #fff;
}
.box-btn-dk-blue:hover {
	background-color: #fff;
	border-color: :#040066;
}

.box-btn-lt-blue {
	background-color: #57adc6;
	border-color: #57adc6;
	color: #fff;
}
.box-btn-lt-blue:hover {
	background-color: #fff;
	border-color: :#57adc6;
	color: #57adc6;
}

.box-btn-red {
	background-color: #d72e25;
	border-color: #d72e25;
	color: #fff;
}
.box-btn-red:hover {
	background-color: #fff;
	color: #d72e25;
}

.div-section {
	padding-top:40px;
	padding-bottom: 40px;
}

.text-shadow {
	text-shadow: -1.5px 2.5px 3px #171717;
}

.full-bg-img {
	background-size: cover;
	background-repeat: no-repeat;
}

.bg-img-21x9 {
	height: 70vw;
}
@media screen and ( min-width: 768px ) {
	.bg-img-21x9 {
		height: 42.8vw;
	}
}

@media screen and ( max-width: 767px ) {
	.bg-img-4x3 {
		min-height: 70vw;
	}
}

@media screen and ( min-width: 768px ) {
	.bg-img-4x3.bg-img-half {
		height: calc( 75vw / 2 );
	}
}

.bg-img-container-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.template-start {
	padding: 0;
}

.textwidget h2 {
	color: #040066;
}


/*
/////////  Header styling  /////////
*/

#headerMainContainer {

}

#headerMainContainer .row {
	margin: 0;
}

#headerMainDiv {
	justify-content: space-around;
}

#headerLogo img {
	max-height: 95px;
	width: auto;
}


#headerLogo {
	padding-top: 20px;
	padding-bottom: 20px;
}

@media screen and ( max-width: 1199px ) {
	#bootstrapNavHeader {
		width: 100%;
	}
	#headerMenuContainer {
		margin: auto;
	}
}

@media screen and ( min-width: 1200px ) {
	#bootstrapNavHeader {
		display: flex;
		align-items: flex-end;
	}
}

@media screen and ( max-width: 991px ) {
	.navbar-light .navbar-toggler {
		background-color: white;
	}
	.navbar {
		margin-bottom: 8px;
	}
}

#bootstrapNavHeader .navbar-light .navbar-nav a.nav-link {
	color: #fff;
	text-transform: uppercase;
}
#bootstrapNavHeader .navbar-light .navbar-nav a.nav-link:hover {
	color: #57adc6;
}

#headerHiringBtn {
	text-align: center;
}

@media screen and ( max-width: 1199px ) {
	#headerHiringBtn .box-btn {
		margin-top: 7px;
		margin-bottom: 7px;
	}
}

@media screen and ( min-width: 1200px ) {
	#headerHiringBtn {
		text-align: right;
		position: absolute;
		top: 0;
		right: 0;
	}
	#headerHiringBtn .box-btn {
		margin-top: 0;
		margin-right:20px;
	}
	#headerMenuContainer {
		padding-bottom: 20px;
	}
}

@media screen and ( min-width: 992px ) {
	#headerMenuContainer {
		padding-bottom: 20px;
	}
}


/*////////
/////  Navigation settings
////////*/

/*///   Header nav styling   ///*/


/*///   Footer main nav   //*/
.footer-nav-menu-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#footerMenus ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	text-align: left;
}

#footerMenus li a {
	text-transform: uppercase;
	color: white;
}

/* Footer legal nav */
ul#footerSocialIcons {
	margin: auto;
	padding-left: 0;
	margin-top: 20px;
	text-align: center;
}
#footerSocialIcons li {
	display: inline-block;
	list-style: none;
	padding: 0 3px;
}
#footerSocialIcons i {
	color: #263f79;
	background-color: #fff;
	border-radius: 50%;
	border: 2px solid;
	height: 3rem;
	width: 3rem;
	line-height: 3rem;
	font-size: 1.5rem;
}
#footerSocialIcons i:hover {
	color: #fcee5b;
	background-color: #263f79;
}


/*
/////////  Footer styling  /////////
*/

#footerMainSection {
	background-image: url(https://jagtrux.com/wp-content/uploads/2021/07/FOOTER-CROP.jpg);
	background-position: bottom center;
	background-size: cover;
}
#footerMainSectionOverlay {
	height: 100%;
	width: 100%;
	background-color: rgba(4,0,102,0.5);
}

#footerMainSection {
	border-top: 1rem solid #040066;
}

#footerMainContent {
	flex-direction: column;
	align-items: center;
}

@media screen and ( min-width: 1200px ) {
	#footerMainContent {
		flex-direction: row;
		justify-content: space-between;
		padding-bottom: 24px;
	}
}

@media screen and ( min-width: 992px ) {
	#footerLogoAddressItems {
		margin-top: 40px;
	}
}

#footerLogo {
	width: 300px;
	max-width: 80%;
	height: auto;
}

@media screen and ( max-width:1199px ) {
	#footerLogo {
		display: block;
		margin: auto;
		padding: 20px 0;
	}
	#footerAddress {
		text-align: center;
	}
	#footerAddress p {
		padding-bottom: 8px;
	}
}

#footerAddress p, #footerPhone p {
	line-height: 1.05em;
}

@media screen and ( min-width: 992px ) {
	#footerAddress {
		margin-top: 24px;
	}
	#footerPhone  {
		margin-top: 20px;
	}
	#footerAddress p,#footerPhone p {
		margin-bottom: 0;
	}
}

#footerHiringBtn {
	text-align: center;
}

#footerHiringBtn .box-btn {
	margin-top: 0;
}

@media screen and ( max-width: 1199px ) {
	#footerHiringBtn {
		margin-top: 8px;
		margin-bottom: 8px;
	}
}

@media screen and ( min-width: 1200px ) {
	#footerHiringBtn {
		text-align: right;
	}
}

@media screen and ( max-width: 1199px ) {
	#footerPrimaryMenuContainer {
		margin: 15px 0;
		text-shadow: -1px 1px 1px #1d1d1d;
	}
}
@media screen and ( min-width: 1200px ) {
	#footerPrimaryMenuContainer {
			margin-top: 1.5rem;
	}
}

.footer-menu-section {
	padding: 10px 10px;
}

ul.footer-primary-menu {
	text-align: center;
	margin: 0;
}
ul.footer-primary-menu li {
	display: inline-block;
	text-transform: uppercase;
	font-size: 0.9rem;
	margin-left: 15px;
}
ul.footer-primary-menu li:nth-child(1) {
	margin-left: 0;
}
ul.footer-primary-menu li a {
	color: #fff;
}
ul.footer-primary-menu li a:hover {
	color: #57adc6;
	text-decoration: none;
}

#footerContentSection {
	padding: 30px 20px;
}

@media screen and ( min-width: 768px ) {
	#footerContentSection {
		padding: 30px;
	}
}

/*//   Footer Legal Section styling   //*/
#footerLegalSection {
	padding: 7px;
}
ul#footerLegalLinks {
	margin-bottom: 0;
	text-align: center;
	padding-left: 0;
}
ul#footerLegalLinks li {
	display: inline-block;
	font-size: 0.9rem;
	color: #fff;
}
#footerLegalLinks a,#footerLegalLinks a:hover {
	color: #fff;
}
ul#footerLegalLinks li:after {
	content:'|';
	color: #fff;
	margin-left: 8px;
	margin-right: 4px;
}
ul#footerLegalLinks li:nth-last-child(1):after {
	content:'';
	margin:0;
}

/*
/////////  Image styling  /////////
*/

.hero-img {
	display: block;
	width: 100%;
	height: auto;
}


/*
/////////  Home Page styling  /////////
*/
#homeHeroImage {
	height: 600px;
	width: 100%;
	max-height: 70vh;
	background-size: cover;
	background-position: center;
}
@media screen and ( max-width: 575px ) {
	#homeHeroImage {
		max-height: 50vh;
	}
}

/* Hero Slider styling */
#homeHeroSlider .carousel-item {
	height: 35vw;
	background-size: cover;
	background-position: center;
}

#homeHeroSlider a:hover {
	text-decoration: none;
}

.slider-copy-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	text-align: center;
	transition: all .2s ease-in-out;
}
.slider-copy-container:hover {
	background-color: rgba(78, 38, 131, .5);
}

#homeHeroSlider .slider-title {
	color: #fff;
	text-shadow: -1.5px 2.5px 3px #171717;
	font-size: 3.5rem;
	line-height: 1.1em;
	text-transform: uppercase;
}

#homeHeroSlider .slider-subtitle {
	margin-top: 30px;
	color: #fff;
	text-shadow: -1.5px 2.5px 3px #171717;
	text-transform: uppercase;
}

.section-header-section-primary {
	color: #4e2683;
	background-color: transparent;
}
.section-header-section-secondary {
	color: #ffcf06;
	background-color: transparent;
}
.section-header-container {
	text-align: center;
	text-transform: uppercase;
	padding: 15px;
}
.section-header {
	margin: 0;
}
.home-content-section {
	padding: 30px 20px;
}
@media screen and ( min-width: 768px ) {
	.home-content-section {
		padding: 30px 50px;
	}
}

#homeAboutSection {
	padding-bottom: 30px;
}

.fancy-box-section {
	display: flex;
	flex-flow: row wrap;
	flex-basis: 50%;
}

.fancy-box-left-bar {
	position: absolute;
	height: calc( 100% - 10px ) ;
	width: 10px;
	left: 0;
	top: 0;
}

.fancy-box {
	width: 50%;
}

.fancy-box a:hover {
	color: #57adc6;
}

.fancy-box-text {
	max-width: 100%;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
	padding: 7px;
	border: 1px solid #aeaeae;
}

.fancy-box-text:hover {
	background-color: #57adc6;
	border-color: #57adc6;
	color: #fff;
}

@media screen and ( max-width: 575px ) {
	.fancy-box-section {
		flex-direction: column;
		align-items: center;
	}
	.fancy-box {
		max-width: 80%;
		width: 350px;
	}
	.fancy-box-text {
		text-align: left;
		padding-left: 30px;
	}
}

#homeInOurBloodBoxBtn {
	margin-top: -36px;
}

@media screen and ( max-width: 991px ) {
	#homeWeAreHiring {
		width: 400px;
		max-width: 90%;
		margin: auto;
		margin-top: 30px;
	}
	#homeInOurBlood {
		width: 500px;
		max-width: 90%;
		margin: auto;
	}
}

/*
/////////  Inside Page styling  /////////
*/

.inside-hero-title {
	margin: 0;
	text-align: center;
}

/* Pages with hero image */
#insideHeroSection.inside-hero-section-img {
	height: 38vw;
	background-size: cover;
	background-position: center;
}

#insideHeroSection .inside-hero-section-img-overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(1,44,99,.4);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.inside-hero-section-img-overlay .inside-hero-title {
	color: white;
	text-transform: uppercase;
}

@media screen and ( min-width: 992px ) {
	.inside-hero-section-img-overlay .inside-hero-title {
		font-size: 4rem;
	}
}

/* Pages without hero image */

.inside-hero-section-text-overlay {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.inside-hero-section-text-overlay .inside-hero-title {
	color: white;
	text-transform: capitalize;
	padding: 30px;
}
.blog .inside-hero-section-text-overlay .inside-hero-title,
.single .inside-hero-section-text-overlay .inside-hero-title {
	color: #040066;
}
.blog #insideHeroSection,
.single #insideHeroSection {
	border-bottom: 3px solid #040066;
}

.single h1 {
	color: #040066;
}

@media screen and ( min-width: 992px ) {
	.inside-hero-section-text-overlay .inside-hero-title {
		font-size: 4rem;
	}
}

#insideContentStart {
	padding-top: 30px;
	margin-bottom: 50px;
}


/*
/////////  Template Secondary WITH Subpages styling  /////////
*/


/*
/////////  Subpage sidebar container styling  /////////
*/

.subpage-container ul {
	padding-left: 0px;
	margin: auto;
	margin-bottom: 30px;
}

.subpage-container ul li {
	list-style: none;
	width: 240px;
	max-width: 100%;
	text-align: center;
	margin: auto;
	margin-bottom: 10px;
	background-color: #040066;
	border-bottom: 10px solid #57adc6;
	transition: all 0.3s ease-in-out;
}

.subpage-container ul li:hover {
	background-color: #57adc6;
	transition: all 0.3s ease-in-out;
	border-bottom: 10px solid #040066;
	cursor: pointer;
}

.subpage-container ul li a {
	color: #fff;
	text-transform: uppercase;
}
.subpage-container li:hover a {
	text-decoration: none;
}

.subpage-container ul li a div {
	padding: 10px;
}


/*
/////////  Individual page styling /////////
*/

/*//// Now Hiring page ////*/
.page-id-121 #homeWeAreHiring {
	display: none;
}

.hiring-title { 
	color: #57adc6;
	font-weight: 700;
}
.hiring-section-title {
	color: #57adc6;
	font-style: italic;
}

.page-id-121 .fancy-box-left-bar {
	height: 100%;
}

/*//// Contact page ////*/
.contact-page-form-container {
	width: 600px;
	max-width: 96%;
	background-color: rgba(87,173,198,0.1);
	border: 1px solid #aeaeae;
	border-radius: 15px;
	padding: 20px;
	margin-top: 30px;
}
@media screen and ( min-width: 768px ) {
	.contact-page-form-container {
		margin-top: 50px;
	}
}
#gform_wrapper_1 .gform_wrapper .gform_footer.top_label {
	padding: 0 !important;
}
#gform_wrapper_1 li.gfield {
    margin-bottom: 20px !important;
}
#gform_wrapper_1.gform_wrapper input[type=submit] {
	font-size: 1.2rem !important;
}

/*
/////////  Apply Now page styling /////////
*/

#gform_4 {
	max-width: 96%;
	background-color: rgba(87,173,198,0.1);
	border: 1px solid #aeaeae;
	border-radius: 15px;
	padding: 20px;
	margin-top: 30px;
}

/*
/////////  Leave a Review page styling /////////
*/

#leaveAReviewContainer {
	min-height: 500px;
	text-align: center;
}

img.review-img {
	display: block;
	margin: auto;
	margin-top: 30px;
}

.review-sub-text {
	font-size: 1rem !important;
    color: #aeaeae;
    font-style: italic;
		padding-top: 10px;
}

.review-content-title {
	font-size: 1.2rem;
}

.review-instructions {
	max-width: 600px;
	display: block;
	margin: auto;
	margin-bottom: 20px;
	font-weight: bold;
	font-style: italic;
}

.leave-a-review-instructions {
	max-width: 600px;
	display: block;
	margin: auto;
	margin-bottom: 1em;
}

.leave-review-img img {
	border-radius: 50%;
}


/*
/////////  Blog Landing page styling /////////
*/

.main-blog-container {
	padding-top: 40px;
}

.blog-preview-header {
	padding-bottom: .5rem;
	font-size: 2rem;
}

h2.blog-preview-header > a {
	color: #040066;
}

.blog-landing-excerpt-container {
	margin-bottom: 50px;
}

.blog-landing-excerpt-container p {
	font-size: 1.3rem;
}

.entry {
	font-size: 1.2em;
	line-height: 1.7em;
}

.blog-preview-more {
	font-size: 1.05em;
}

.blog-preview-more:hover {
	text-decoration: none;
	color: #00aeef;
}

.blog-sidebar h2 {
	font-weight: 400;
	font-size: 2.3rem;
	text-transform: capitalize;
	text-align: left;
}

.blog-sidebar-container h2 {
	border-bottom: 1px solid #e6e6e6;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.blog-sidebar .sidebar-contact-header {
	padding-top: 40px;
}

@media only screen {
	.blog-sidebar-container label.screen-reader-text {
		display: none;
	}
}

.blog-sidebar-container select {
	background-color: rgb(248, 248, 248);
	border-width: 1px;
	border-style: solid;
	border-color: rgb(166, 166, 166);
	border-image: initial;
	font-size: 1.5rem;
}

.blog-sidebar-container select,
.blog-sidebar-container option {
	color: rgb(166, 166, 166) !important;
}

.blog-excerpt-row {
	margin-bottom: 30px;
}

.pagination-links {
	text-align: center;
}

.blog-form-container {
	width: 600px;
	max-width: 96%;
	background-color: rgba(87,173,198,0.1);
	border: 1px solid #aeaeae;
	border-radius: 15px;
	padding: 20px;
	margin-top: 30px;
}


/*
/////////  Blog Single page styling /////////
*/

.main-single-container {
	padding-top: 30px;
}

.single-title {
	padding-bottom: 15px;
	font-size: 2.8rem;
	font-weight: 600;
}


/*
/////////  Blog Category/Archive page styling /////////
*/

.archive-title {
	padding-bottom: 20px;
	font-size: 4rem;
}

.archive-item {
	padding-top: 30px;
}


/*
/////////  Contact form styling /////////
*/

/*///  Reset Gravity Forms styling   ///*/

.ginput_container input {
    margin-top: 0 !important;
}

.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0px !important;
    margin-top: 0px !important;
}

.gform_wrapper input[type=submit] {
    display: block !important;
    margin: auto !important;
}

.gform_footer.top_label {
    margin: 0 !important;
}


/*///  Custom Gravity Forms styling   ///*/

input, textarea, select {
	background-color: rgb(255, 255, 255);
	border-width: 1px;
	border-style: solid;
	border-color: rgb(239, 239, 239);
	border-width: 2px;
	border-style: solid;
  margin-bottom: 10px;
  border-radius: 3px;
}

.contact-form-container {
    margin-top: 30px;
    padding: 10px 20px 0;
    background-color: #f7e34a;
    border-radius: 20px;
    margin: 0;
}

.contact-form-container h3 {
    text-align: center;
    padding-bottom: 2px;
}

.ginput_container {
    margin-top: 10px !important;
}

.gform_wrapper ul.gform_fields li.gfield {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.gform_wrapper input[type=submit] {
    padding: 5px 20px !important;
    margin-bottom: 20px !important;
    border: none !important;
		background-color: #00aeef !important;
		color: white !important;
		font-size: 1.5rem !important;
}

.gform_wrapper select,
.gform_wrapper.gf_browser_chrome select {
	padding: 5px 4px !important;
}


/*
/////////  404 page styling /////////
*/

.container-404 {
	margin-top: 30px;
}

.content-404 {
	padding-top: 40px;
}

.content-404 p {
	font-size: 1.4em;
}