.bg-grey {background: #e6e6e6;}

body {padding-top:90px;}
header {display: flex; align-items: center; height:90px;}
header .inner {min-width:100%;}
.header-megamenu {position: fixed; top:0; width: 100%; z-index:100;}
.logo {width:100%; max-width:200px; min-width:120px; height:auto; max-height:60px;}
.navbar {padding:0; flex-wrap: nowrap;}
.navbar-brand {padding:15px 0;}

#dropdown-search::after {display:none;}
#dropdown-search .icon-block {padding:3px 5px; line-height: 1; background-color: #A1B76F;}

.searchform {display:flex;}
.searchform .search-field {flex:1; }
.searchform input {width: 100%; padding:15px 25px; border:none; background:none;}
.searchform button {height:100%; border:none; background:none;}

@media (max-width:767px) {
	.logo {max-width:175px;}
}

@media (max-width: 991px) {
	.navbar-toggler {display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; padding: 0; border:none; border-radius:0; }
	.navbar-toggler.action--search {width: 30px; height: 30px; margin-top:1px; margin-right:10px; font-size: 1rem; background-color: #A1B76F;}
	.navbar-toggler .fa-bars {color:#1C5E74; font-size: 35px; line-height: 1;}
	.navbar-toggler.open .fa-bars::before {content:'\f00d';}
	
	.main-menu-mobile, .search-menu-mobile {position: fixed; top: 90px; bottom:0; width: 100%;box-shadow: inset 0 8px 8px -10px rgba(0,0,0,0.25); z-index: -1; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s;}
	.main-menu-mobile {background: #fff; left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
	.search-menu-mobile {background: #e6e6e6; right: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
	.menu--open, .search--open {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	
	.menu-container {position:relative; height:100%;}
	.main-menu-mobile .menu-container {background: #e6e6e6;}
	.search-menu-mobile .menu-container {padding:25px;}
	
	.search-menu-mobile .searchform {background:#fff;}
	
	.menu__wrap {position: absolute; top: 0; bottom: 0; overflow: hidden; width: 100%;}
	
	.menu__level {position: absolute; top: 0; bottom: 50px; left: 0; visibility: hidden; overflow: hidden; overflow-y: scroll; width: calc(100% + 20px); margin: 0; padding: 0 20px 0 0; list-style-type: none;}	
	.menu__level:focus {outline: none;}	
	.menu__level--current {visibility: visible;}	
	.menu__item {display: block; width: calc(100% + 20px); border-top: solid 1px #eee; border-bottom: solid 1px #ccc;}
	.menu__level > li:first-child {border-top:none;}	
	.menu__link {position: relative; display: block; padding: 15px 50px 15px 25px; font-size: 18px; -webkit-transition: color 0.1s; transition: color 0.1s;}
	.menu__link[data-submenu]::after {content: '\f105'; font-family: 'FontAwesome'; position: absolute; right: 50px; font-size: 30px; line-height: 1; color: #1C5E74;}	
	.main-menu-mobile a:hover, .main-menu-mobile a:focus, .main-menu-mobile a[data-submenu]:hover::after, .main-menu-mobile a[data-submenu]:focus::after {color: #8DB7E1; text-decoration:none;}	
	[class^='animate-'], [class*=' animate-'] {visibility: visible;}	
	
	.menu__breadcrumbs {display:flex; flex-wrap:wrap; align-items:center; align-content: center; height: 50px; padding: 0 25px; font-size: 13px; border-bottom: solid 1px #ddd;}	
	.menu__breadcrumbs a {font-weight: bold; display: inline-block; cursor: pointer; letter-spacing: 1px; text-transform: uppercase; color: #8DB7E1;}	
	.menu__breadcrumbs a:last-child {pointer-events: none;}	
	.menu__breadcrumbs a:hover,	.menu__breadcrumbs a:focus {color: #003e7e;}	
	.menu__breadcrumbs a::after {content: '\f105'; font-family: 'FontAwesome'; display: inline-block; padding: 0 0.5em; color: transparent;}	
	.menu__breadcrumbs a:not(:last-child)::after {color: #33353e;}
	.menu__breadcrumbs a:not(:last-child):hover::after,	.menu__breadcrumbs a:not(:last-child):focus::after {color: #33353e;}
	
	.menu__back {font-size: 1.05em; position: absolute; z-index: 100; top: 0; right: 2.25em; margin: 0; padding: 1.365em 0.65em 0 0; cursor: pointer; color: #2a2b30; border: none; background: none;}	
	.menu__back--hidden {pointer-events: none; opacity: 0;}	
	.menu__back:hover, .menu__back:focus {color: #fff; outline: none;}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.main-menu-mobile, .search-menu-mobile {max-width:400px;}
}

@media (min-width:992px) {
	header {box-shadow: 0 0 15px rgba(0,0,0,0.25);}
	header ul::after {display: none !important;}
	.navbar, .navbar-collapse {align-items: unset;}
	.navbar-nav .nav-link {position:relative; display: flex; align-items: center; height: 100%; padding-left:17.5px !important; padding-right:17.5px !important; font-size:1.1rem; font-weight:600; color: rgba(0,0,0,.5);}
	.show .dropdown-toggle::before, .dropdown-toggle:hover::before, .dropdown-toggle:focus::before {content:''; position:absolute; left:0; bottom:0; width:100%; height:5px; background-color:#6dabd5;}
	.dropdown-full {position: static;}
	.dropdown-menu {margin:0; padding:0; border-radius:0; border: none; box-shadow: 7px 5px 5px -5px rgba(0,0,0,0.1), 0px 5px 15px rgba(0,0,0,0.1), -7px 5px 5px -5px rgba(0,0,0,0.1);}
	.dropdown-menu .row {margin:0;}
	.dropdown-menu .col {padding:50px; box-shadow: inset 0 10px 5px -5px rgba(0,0,0,0.15);}
	.dropdown-menu .col .title {white-space: nowrap; font-weight:600;}
	.dropdown-menu ul {margin:0; padding:0; list-style:none;}
	.dropdown-menu .dropdown-item {display:flex; margin-top:15px; padding:0;}
	.dropdown-megamenu {width:100%;}
	.dropdown-megamenu .col-icons > ul {display:flex; flex-wrap:wrap; justify-content: space-between;}
	.dropdown-megamenu .col-icons > ul > li {flex: 0 0 calc(50% - 12.5px);}
	.dropdown-megamenu .dropdown-item {white-space:unset; }
	.dropdown-megamenu .dropdown-item > span {display:flex; flex-direction: column; }
	.dropdown-megamenu .dropdown-item .icon {flex-basis: 50px; flex-grow: 0; flex-shrink: 0; margin-right: 15px;}
	.dropdown-megamenu .dropdown-item .icon img {width:100%; height:auto;}
	.dropdown-megamenu .dropdown-item .link-content .link-title {font-weight:bold;}
	.dropdown-megamenu .dropdown-item .link-content .link-description {font-size:0.85rem; line-height:1.1}
	
	.nav-recent-post > div {margin-top:15px; }
	.nav-recent-post .post-hero {height:100px;}
	.nav-recent-post .post-hero img {width: 100%; height: 100%; object-fit: cover;}
	.nav-recent-post .post-title {font-weight:bold;}
	.nav-recent-post .post-excerpt {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
	.nav-recent-post .post-excerpt a {display:none; /* hide wp read more link */}
	.nav-recent-post .read-more a {color:#A1B76F; font-weight:bold; text-decoration:underline;}
	
	.searchform {min-width:400px; box-shadow: inset 0 10px 5px -5px rgba(0,0,0,0.15);}
}



/****** Slide Transitions ****/
/* Slide out to right */
.animate-outToRight .menu__item {
	-webkit-animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
	animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes outToRight {
	to {-webkit-transform: translate3d(100%, 0, 0);	transform: translate3d(100%, 0, 0);}
}
@keyframes outToRight {
	to {-webkit-transform: translate3d(100%, 0, 0);	transform: translate3d(100%, 0, 0);}
}

/* Slide out to left */
.animate-outToLeft .menu__item {
	-webkit-animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
	animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes outToLeft {
	to {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
}
@keyframes outToLeft {
	to {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
}

/* Slide in from left */
.animate-inFromLeft .menu__item {
	-webkit-animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
	animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes inFromLeft {
	from {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
	to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes inFromLeft {
	from {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
	to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}

/* Slide in from Right */
.animate-inFromRight .menu__item {
	-webkit-animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
	animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes inFromRight {
	from {-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
	to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes inFromRight {
	from {-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
	to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}