/* ---------------------------------------
	Custom Styles
-----------------------------------------*/

/* ---------------------------------------
    MODULE SIDEBAR NENU
-----------------------------------------*/

div.moduletable.sidebarMenu h3 {font-size:1.2em; line-height:1.2em; margin-bottom: 1em;}

div.moduletable.sidebarMenu ul.nav {display:block;}

div.moduletable.sidebarMenu ul.nav li  {margin: 8px 0; padding-left:10px; border-left:3px solid var(--light-blue);}


div.moduletable.sidebarMenu ul.nav li.nav-item::after  {
	content: '';
    display: block;
    width: 0;
    height: 1.5px;
    background: var(--light-blue);
    transition: width .5s;
}


div.moduletable.sidebarMenu ul.nav li.nav-item:hover::after  {
    width: 90%;
}


/* ---------------------------------------
	CUSTOM BLOGS LAYOUT
-----------------------------------------*/


/* TEAM GRID */

.layout-nfruj4teamgrid figure,
.layout-nfruj4newsgrid .items-leading figure { margin:0 1em 0 0!important; float:left;}

@media (max-width: 992px) {
	.layout-nfruj4teamgrid figure,
	.layout-nfruj4newsgrid .items-leading figure {float:none; margin:0;}
}

/* NEWS GRID */ 

.newsGridHead {background: var(--light-gray); margin-bottom:2em;}
.newsGridHead figure {margin:0;}

div.gridItem.newsGridHeadTitle {padding:1em;}

.layout-nfruj4newsgrid h3 { margin-bottom:.5em; border-bottom:2px solid var(--light-yellow);}


/* CAREERS */ 

.careersHead {background: var(--white); margin-bottom:2em;}
div.gridItem.careersHeadContent {padding:1em;}


/* ---------------------------------------
	CUSTOM PAGES
-----------------------------------------*/

/* HOMEPAGE */

div.home-icon {width:50px; min-height:50px;}

div.home-icon img{ max-width: 100%; height: auto; vertical-align: middle; box-sizing: border-box;}


/* ---------------------------------------
	COMPONENTS CUSTOM CSS
-----------------------------------------*/

/* CONVERT FORMS */

.convertforms .cf-content-wrap, .convertforms .cf-form-wrap { padding: 0 0 1em 0!important;}
.convertforms .cf-footer {margin-top: 2em!important;}

@media (max-width: 767px) {
.convertforms .cf-one-half, .convertforms .cf-two-fourths, .convertforms .cf-three-sixths {
  width: 100%!important;
}
}