/*
 Theme Name:   Genex Boilerplate GX Theme
 Theme URI:    http://www.genexmarketing.com/
 Description:  Genex Marketing Custom Theme
 Author:       CyFox
 Author URI:   http://www.genexmarketing.com
 Template:     genex-starter
 Version:      6.4.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
	
	/* Color Palette */
	--red: #8b0000;
	--lightRed: #8b0000;
	--gray: gray;
	
	--mainBgColor: #fff;
	--mainColor: orange;
	--lightMainColor: yellow;
	--secondaryColor: SteelBlue;
	
	--topHeaderBGcolor: #fff;
	--headerHeight: 208px;

	--menuBarBGColor: #fff;
	--menuItemsColor: var(--gray);
	--menuItemsHoverColor: var(--mainColor);
	--menuItemsHoverBGColor: #eee;
	--subMenuItemsColor: var(--gray);
	--subMenuItemsHoverColor: var(--mainColor);
	
	--featuredItemColor: var(--secondaryColor);
	--featuredItemBGColor: var(--mainColor);
	--featuredItemHoverColor: #fff;
	
	--menuRightPadding: 220px;
	--hamburgerButtonColor: var(--gray);
	--hamburgerButtonColorHover: var(--mainColor);

	--MSMenuBarBGColor: transparent;
	--MSmenuItemsColor: var(--gray);
	--MSmenuItemsHoverColor: var(--mainColor);
	--MSsubMenuItemsColor: var(--gray);
	--MSsubMenuItemsHoverColor: var(--mainColor);
	
	--SSMenuBarBGColor: #eee;
	--SSmenuItemsColor: var(--gray);
	--SSmenuItemsHoverColor: var(--mainColor);
	--SSsubMenuItemsColor: var(--gray);
	--SSsubMenuItemsHoverColor: var(--mainColor);

	--superMenuBarBGColor: var(--mainColor);
	--superMenuItemsColor: #fff;
	--superMenuItemsHoverColor: #fff;
	--superMenuItemsHoverBGColor: var(--secondaryColor);
	
	--socialItemsColor: var(--mainColor);
	--socialItemsHoverColor: var(--gray);
	
	--sideMenuBarBGColor: #333;
	--searchBarBGColor: #333;
	
	--sideMenuItemsColor: var(--lightMainColor);
	--sideMenuItemsHoverColor: #fff;
	
	--footerBGColor: var(--gray);
	--footerHeaderColor: #eee;
	--footerlinkColor: var(--mainColor);
	--footerlinkHoverColor: var(--secondaryColor);
	--footerIconColor: var(--mainColor);
	--footerTextColor: #ccc;
	--footerMenuBulletColor: #aaa;
	
	--mainFont: 'Open Sans', sans-serif;
	--headerFont: 'Open Sans', sans-serif;
	--bodyFontSize: 18px;
}

/* Colors */
.red {
	color: var(--red) !important;
}

.gray {
	color: var(--gray) !important;
}

.secondaryColor {
	color: var(--secondaryColor) !important;
}

.lightMainColor {
	color: var(--lightMainColor) !important;
}

/* Loader Styles */
#loader {
	position: absolute;
	background-color: #fff;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
}


#loader:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  border-radius: 50%;
  border: 6px solid #000000;
  border-color: var(--mainColor) transparent var(--mainColor) transparent;
  animation: loader 1.2s linear infinite;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Layout */
#topBar {
	background-color: var(--topHeaderBGcolor);
	display: none;
}

#topBar .topBarLogo {
	width: 350px;
}

#topBar .CTA {
	display: flex;
	flex-wrap: wrap;
}

#topBar .CTA > div {
	display: flex;
	padding: 16px;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
}

#stickSpacer{
	display: none;
}

.top-search {
	background-color: var(--searchBarBGColor);
}

.top-search input.form-control {
	width: calc( 100% - 50px);
	background-color: #fff;
	color: var(--gray);
}

.top-search .btn-search{
	height: 40px;
	background-color: #efefef;
	color: #373737;
	border: none;
	outline: none;
	padding: 6px 12px;
}

.top-search form{
	flex-grow: 1;
}

.searchResult{
  margin-bottom:4rem;
}

nav.navbar.bootsnav .menuBar {
	background-color: var(--menuBarBGColor);
	/*border-bottom: 5px solid var(--mainColor);*/
	filter: drop-shadow( 0px 3px 5px rgba(0,0,0,.2));
}

/* Logo */
nav.navbar.bootsnav .logo {
	position: absolute;
	margin-top: 3px;
	width: 150px;
	transition: opacity .8s, width .2s, visibility 1s;
/*
	opacity: 0;
	visibility: hidden;
*/
}

nav.navbar.bootsnav.scroll .logo {
	margin-top: 3px;
	width: 90px;
/*
	opacity: 1;
	visibility: visible;
*/
}

/*
nav.navbar.bootsnav .attr-nav .social{
	display: none;
}

nav.navbar.bootsnav.scroll .attr-nav .social{
	display: block;
}
*/

main .bkgroundColor {
	background-color: var(--mainBgColor);
	z-index: 0;
	position: relative;
}

main .container.mainContainer,
main .customContainer.mainContainer,
main .customContainerFull.mainContainer{
	padding-top: 8rem;
	padding-bottom: 6rem;
}

footer {
	background-color: var(--footerBGColor);
	/*border-top: 5px solid var(--mainColor);*/
	padding-top: 4rem;
}

footer .footerContents {
	padding-top: 2rem;
	padding-bottom: 2rem;
	color: var(--footerTextColor);
}

footer .footerContents .footerLogo {
	width: 300px;
	/*filter: grayscale() brightness(4);*/
}

/*
footer .footerContents hr {
	border-top: 2px solid var(--lightMainColor) !important;
}
*/

footer .footerContents h3 {
	color: var(--footerHeaderColor);
}

footer .footerContents i {
	color: var(--footerIconColor);
}

#genexSignature a,
footer .footerContents a {
	color: var(--footerlinkColor);
}

#genexSignature a:hover,
footer .footerContents a:hover {
	color: var(--footerlinkHoverColor);
}

footer .footerContents ul.menu,
footer .footerContents ul.sub-menu {
	list-style: none;
	padding-left: 30px;
}

footer .footerContents ul.menu li::before {
	font-family: "FontAwesome";
	content: "\f105";
	color: var(--footerMenuBulletColor);
	margin-right: 10px;
	margin-left: -16px;
}


/* Typo */
.bodyWrapper h1,
.bodyWrapper h2,
.bodyWrapper h3,
.bodyWrapper h4,
.bodyWrapper h5,
.bodyWrapper h6 {
	font-family: var(--headerFont);
	margin-top: 0;
	color: var(--mainColor);
}

/*
.bodyWrapper h1 {
	font-size: calc(36px + 1rem);
}

.bodyWrapper h2 {
	font-size: calc(30px + 1rem);
}

.bodyWrapper h3 {
	font-size: calc(24px + 1rem);
}

.bodyWrapper h4 {
	font-size: calc(18px + 1rem);
}

.bodyWrapper h5 {
	font-size: calc(14px + 1rem);
}

.bodyWrapper h6 {
	font-size: calc(12px + 1rem);
}
*/

/* List Number Headers */
.bodyWrapper h1.listNumber::before,
.bodyWrapper h2.listNumber::before,
.bodyWrapper h3.listNumber::before,
.bodyWrapper h4.listNumber::before,
.bodyWrapper h5.listNumber::before,
.bodyWrapper h6.listNumber::before{
	display: inline-block;
	background-color: var(--secondaryColor);
	color: #fff;
	padding: 1.5rem;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	text-align: center;
	font-size: 3rem;
	line-height: 3rem;
	margin-right: 10px;
}

.bodyWrapper h1.listNumber,
.bodyWrapper h2.listNumber,
.bodyWrapper h3.listNumber,
.bodyWrapper h4.listNumber,
.bodyWrapper h5.listNumber,
.bodyWrapper h6.listNumber{
}

.bodyWrapper h1.listNumber.one::before,
.bodyWrapper h2.listNumber.one::before,
.bodyWrapper h3.listNumber.one::before,
.bodyWrapper h4.listNumber.one::before,
.bodyWrapper h5.listNumber.one::before,
.bodyWrapper h6.listNumber.one::before{
	content: "1";
}

.bodyWrapper h1.listNumber.two::before,
.bodyWrapper h2.listNumber.two::before,
.bodyWrapper h3.listNumber.two::before,
.bodyWrapper h4.listNumber.two::before,
.bodyWrapper h5.listNumber.two::before,
.bodyWrapper h6.listNumber.two::before{
	content: "2";
}

.bodyWrapper h1.listNumber.three::before,
.bodyWrapper h2.listNumber.three::before,
.bodyWrapper h3.listNumber.three::before,
.bodyWrapper h4.listNumber.three::before,
.bodyWrapper h5.listNumber.three::before,
.bodyWrapper h6.listNumber.three::before{
	content: "3";
}

.bodyWrapper h1.listNumber.four::before,
.bodyWrapper h2.listNumber.four::before,
.bodyWrapper h3.listNumber.four::before,
.bodyWrapper h4.listNumber.four::before,
.bodyWrapper h5.listNumber.four::before,
.bodyWrapper h6.listNumber.four::before{
	content: "4";
}

.bodyWrapper h1.listNumber.five::before,
.bodyWrapper h2.listNumber.five::before,
.bodyWrapper h3.listNumber.five::before,
.bodyWrapper h4.listNumber.five::before,
.bodyWrapper h5.listNumber.five::before,
.bodyWrapper h6.listNumber.five::before{
	content: "5";
}

.bodyWrapper h1.listNumber.six::before,
.bodyWrapper h2.listNumber.six::before,
.bodyWrapper h3.listNumber.six::before,
.bodyWrapper h4.listNumber.six::before,
.bodyWrapper h5.listNumber.six::before,
.bodyWrapper h6.listNumber.six::before{
	content: "6";
}

.bodyWrapper h1.listNumber.seven::before,
.bodyWrapper h2.listNumber.seven::before,
.bodyWrapper h3.listNumber.seven::before,
.bodyWrapper h4.listNumber.seven::before,
.bodyWrapper h5.listNumber.seven::before,
.bodyWrapper h6.listNumber.seven::before{
	content: "7";
}

.bodyWrapper h1.listNumber.eight::before,
.bodyWrapper h2.listNumber.eight::before,
.bodyWrapper h3.listNumber.eight::before,
.bodyWrapper h4.listNumber.eight::before,
.bodyWrapper h5.listNumber.eight::before,
.bodyWrapper h6.listNumber.eight::before{
	content: "8";
}

.bodyWrapper h1.listNumber.nine::before,
.bodyWrapper h2.listNumber.nine::before,
.bodyWrapper h3.listNumber.nine::before,
.bodyWrapper h4.listNumber.nine::before,
.bodyWrapper h5.listNumber.nine::before,
.bodyWrapper h6.listNumber.nine::before{
	content: "9";
}


.bodyWrapper {
	font-family: var(--mainFont);
	font-size: var(--bodyFontSize);
}

.lead {
    font-size: 1.3em;
}

/* List Styles */
.bodyWrapper main ul.cl,
.bodyWrapper main ul.customList {
	list-style: none;
	padding-left: 30px;
	white-space: normal;
}

.bodyWrapper main ul.cl li:before,
.bodyWrapper main ul.customList li:before {
	font-family: "FontAwesome";
	/*content: "\f192";*/
	content: "\f105";
	color: var(--mainColor);
	margin-right: 5px;
	margin-left: -17px;
}

.bodyWrapper main ul.cl.alt li:before,
.bodyWrapper main ul.customList.alt li:before {
	color: var(--secondaryColor);
}

.bodyWrapper main ul.cl.t li:before,
.bodyWrapper main ul.cl.thick li:before,
.bodyWrapper main ul.customList.t li:before,
.bodyWrapper main ul.customList.thick li:before{
	content: "\f00c";
}

.bodyWrapper main ul.cl ul,
.bodyWrapper main ul.customList ul{
	list-style: none;
	padding-left: 30px;
	white-space: normal;
}

.bodyWrapper main ul.cl ul li:before,
.bodyWrapper main ul.customList ul li:before{
	/*content: "\f192";*/
	color: var(--secondaryColor);
}

.bodyWrapper main ul.cl.t ul li:before,
.bodyWrapper main ul.customList.t ul li:before,
.bodyWrapper main ul.cl.thick ul li:before,
.bodyWrapper main ul.customList.thick ul li:before {
	content: "\f105";
}

.bodyWrapper main ol.cl,
.bodyWrapper main ol.customList {
	list-style: none;
	padding-left: 50px;
	white-space: normal;
}

.bodyWrapper main ol.cl > li,
.bodyWrapper main ol.customList > li {
	margin-bottom: 1.5rem;
	counter-increment: ol-counter;
	position: relative;
}


.bodyWrapper main ol.cl > li::before,
.bodyWrapper main ol.customList > li::before {
  content: counter(ol-counter);
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  position: absolute;
  --size: 35px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0;

  background: var(--secondaryColor);
  border-radius: 50%;
  text-align: center;
}

/* dl Styles */
.bodyWrapper main dl.h{
	display: grid;
	grid-template-columns: max-content auto;
	
	grid-gap: 5px;
}

.bodyWrapper main dl.h:not(.icon) dt{
	text-align: right;
}

.bodyWrapper main dl.h.icon{
	grid-template-columns: 25px auto;
}


/* HRule */
hr {
	border-top: 2px solid var(--mainColor) !important;
	border-bottom: none !important;
	width: 80%;
}

hr.w {
	border-top: 2px solid #fff !important;
}


/* Blockquote Styles */
blockquote {
	font-style: italic;
	border-left: 5px solid var(--mainColor);
	background-color: rgba(127, 127, 127, .2);
	padding-left: 80px;
	position: relative;
}

blockquote::before {
	font-family: "FontAwesome";
	content: "\f10d";
	color: var(--secondaryColor);
	position: absolute;
	font-size: 5rem;
	top: 0px;
	left: 10px;
}

blockquote cite {
	display: block;
	text-align: right;
}

blockquote cite.author {
	font-weight: 600;
}


/* Table Styles */
table.table thead th{
	background-color: var(--gray);
	text-align: center;
	color: #fff;
}

/* Navigation */
.bodyWrapper a {
	color: var(--mainColor);
	transition: all .2s;
}

.bodyWrapper a:link {}

.bodyWrapper a:visited {}

.bodyWrapper a:focus,
.bodyWrapper a:hover {
	color: var(--secondaryColor);
	text-decoration: none;
}

.bodyWrapper a:active {}

.bodyWrapper main .mainContainer p a:not(.btn) {
	text-decoration: underline;
}

/* Super Nav */
.superMenu {
	background-color: var(--superMenuBarBGColor);
	text-align: right;
}

.superMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.superMenu ul li {
	display: inline-block;
	margin: 0 -3px;
	padding: 0;
}

.superMenu ul li a {
	display: inline-block;
	color: var(--superMenuItemsColor);
	font-size: .9em;
	margin: 0;
	padding: 5px 10px;
	transition: all .5s;
}

.superMenu ul li:not(:last-child)::after {
	content: "|";
	color: #fff;
}

nav.navbar.bootsnav.scroll .superMenu ul li a {
	font-size: .8em;
}

.superMenu ul li a:hover,
.superMenu ul li a:focus,
.superMenu ul li.active a {
	background-color: var(--superMenuItemsHoverBGColor);
	color: var(--superMenuItemsHoverColor);
}

/* Side Menu */
.side {
	background-color: var(--sideMenuBarBGColor);
}

.side .widget ul.link{
	margin-top:24px
}

.side .widget ul.link li {
	padding: 2px 0;
}

.side .widget ul.link li a{
  color: var(--sideMenuItemsColor);
}

.side .widget ul.link li a:focus,
.side .widget ul.link li a:hover{
  color: var(--sideMenuItemsHoverColor);
}

/* Main Nav */
nav.navbar.bootsnav {
	border-bottom: none;
	background-color: transparent;
}

nav.navbar.bootsnav ul.nav.navbar-nav > li > a {
	font-family: var(--headerFont);
	font-size: 1.8rem;
	color: var(--menuItemsColor);
	/*text-transform: uppercase;*/
}

nav.navbar.bootsnav ul.nav.navbar-nav > li.active > a,
nav.navbar.bootsnav ul.nav.navbar-nav > li:focus > a,
nav.navbar.bootsnav ul.nav.navbar-nav > li:hover > a {
	color: var(--menuItemsHoverColor);
}

/* Featured Styles */
nav.navbar.bootsnav ul.nav.navbar-nav > li.featured > a {
	color: var(--featuredItemColor);
	background-color: var(--featuredItemBGColor);
}

nav.navbar.bootsnav ul.nav.navbar-nav > li.featured > a:focus,
nav.navbar.bootsnav ul.nav.navbar-nav > li.featured > a:hover {
	color: var(--featuredItemHoverColor);
}

nav.navbar.bootsnav ul.nav.navbar-nav > li.dropdown li a {
	color: var(--subMenuItemsColor);
}

nav.navbar.bootsnav ul.nav.navbar-nav > li.dropdown li:focus > a,
nav.navbar.bootsnav ul.nav.navbar-nav > li.dropdown li:hover > a {
	color: var(--subMenuItemsHoverColor);
}

nav.navbar.bootsnav .navbar-toggle i {
	color: var(--hamburgerButtonColor);
	transition: all .3s;
}

nav.navbar.bootsnav .navbar-toggle i:focus,
nav.navbar.bootsnav .navbar-toggle i:hover {
	color: var(--hamburgerButtonColorHover);
}

/* Navbar Social Styles */
nav.navbar.bootsnav .attr-nav > ul > li > a {
	color: var(--socialItemsColor);
}

nav.navbar.bootsnav .attr-nav > ul > li:focus > a,
nav.navbar.bootsnav .attr-nav > ul > li:hover > a {
	color: var(--socialItemsHoverColor);
}

/* Twitter Icon Header */
nav.navbar.bootsnav .attr-nav > ul > li > a .twitterIcon{
	width: 15px;
	margin-top: 5px;
}

nav.navbar.bootsnav .attr-nav > ul > li > a .twitterIcon path {
	fill: var(--socialItemsColor);
	transition: all .2s;
}

nav.navbar.bootsnav .attr-nav > ul > li > a:focus .twitterIcon path,
nav.navbar.bootsnav .attr-nav > ul > li > a:hover .twitterIcon path {
	fill: var(--socialItemsHoverColor);
}

/* Buttons */
.wp-block-buttons .wp-block-button a.wp-block-button__link,
.woocommerce a.button,
.btn {
	outline: none !important;
	text-transform: uppercase;
	white-space: normal;
	font-size: 1.7rem;
	font-weight: 600;
	padding: 1rem 3rem;
	background-color: var(--mainColor);
	color: #fff !important;
	transition: all .2s;
	font-family: var(--headerFont);
}

.wp-block-buttons .wp-block-button a.wp-block-button__link:focus,
.wp-block-buttons .wp-block-button a.wp-block-button__link:hover,
.woocommerce a.button:focus,
.woocommerce a.button:hover,
.btn:focus,
.btn:hover {
	background-color: var(--secondaryColor);
}

.wp-block-buttons.alt .wp-block-button a.wp-block-button__link,
.btn.alt {
	background-color: var(--secondaryColor);
}

.wp-block-buttons.alt .wp-block-button a.wp-block-button__link:focus,
.wp-block-buttons.alt .wp-block-button a.wp-block-button__link:hover,
.btn.alt:focus,
.btn.alt:hover {
	background-color: var(--mainColor);
}

.wp-block-buttons.alt1 .wp-block-button a.wp-block-button__link,
.btn.alt1 {
	/*background-color: var(--secondaryColor);*/
	/*color: #fff;*/
}

.wp-block-buttons.alt1 .wp-block-button a.wp-block-button__link:focus,
.wp-block-buttons.alt1 .wp-block-button a.wp-block-button__link:hover,
.btn.alt1:focus,
.btn.alt1:hover {
	background-color: #fff;
	color: var(--mainColor) !important;
}

.wp-block-buttons.alt2 .wp-block-button a.wp-block-button__link,
.btn.alt2 {
	background-color: var(--secondaryColor);
	color: #fff;
}

.wp-block-buttons.alt2 .wp-block-button a.wp-block-button__link:focus,
.wp-block-buttons.alt2 .wp-block-button a.wp-block-button__link:hover,
.btn.alt2:focus,
.btn.alt2:hover {
	background-color: #fff;
	color: var(--secondaryColor) !important;
}

.wp-block-buttons.outline .wp-block-button a.wp-block-button__link,
.btn.outline {
	background-color: transparent;
	color: var(--mainColor) !important;
	border: 1px solid var(--mainColor);
}

.wp-block-buttons.outline .wp-block-button a.wp-block-button__link:focus,
.wp-block-buttons.outline .wp-block-button a.wp-block-button__link:hover,
.btn.outline:focus,
.btn.outline:hover {
	color: var(--secondaryColor) !important;
	border: 1px solid var(--secondaryColor);
}

.wp-block-buttons.alt.outline .wp-block-button a.wp-block-button__link,
.btn.alt.outline {
	background-color: transparent;
	color: var(--secondaryColor) !important;
	border: 1px solid var(--secondaryColor);
}

.wp-block-buttons.alt.outline .wp-block-button a.wp-block-button__link:focus,
.wp-block-buttons.alt.outline .wp-block-button a.wp-block-button__link:hover,
.btn.alt.outline:focus,
.btn.alt.outline:hover {
	color: var(--mainColor) !important;
	border: 1px solid var(--mainColor);
}


a.badge{
	/*background-color: #ccc;*/
	color: #fff;
	font-size: .95em;
	padding: 5px 15px;
	margin: 5px 3px;
}

a.badge:focus,
a.badge:active,
a.badge:hover{
	background-color: var(--mainColor);
	color: #fff;
}

.readMore {
	background-color: rgba(127, 127, 127, .2);
	padding: 5px 12px;
	border-radius: 20px;
	display: inline-block;
}

/* Overrides */

/* Pagination Override */
.pagination > li > span,
.pagination > li > a {
	color: var(--mainColor);
	border-radius: 0 !important;
	padding: 6px 12px !important;
	font-size: 1em !important;
	text-decoration: none!important;
	line-height: normal !important;
	border: 1px solid #ddd !important;
	margin: 2px !important;
}

.pagination > li > a:focus,
.pagination > li > a:hover {
	color: var(--mainColor);
}

.pagination > .active > span:focus,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span {
	border-color: var(--mainColor);
	background-color: var(--mainColor);
}

/* Pagination dots fix */
.pagination-dots > li > a.page-link {
	z-index: 0;
}

/* Cookie Notice btn override */
a#cn-accept-cookie,
.cn-button.bootstrap {
    color: #fff !important;
    background: var(--mainColor) !important;
}

/* Events Calendar Buttons Override */
:root {
	--tec-color-accent-primary: var(--mainColor) !important;
	--tec-color-background-events-bar-submit-button-hover: var(--gray) !important;
}