/*
 * PROD
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

.contactLeftColumn h4{
	margin-bottom: 1rem !important;
}
.contact-rich .block + .block{
	margin-top: 1rem;
}

.widget-html.block.clock{
	/*display: flex;
	align-items: flex-start;*/
}
.widget-html.block.clock:before{ 
	float: left;
	display: block;
	width: 3.5rem;
	font-family: 'Material Icons';
	font-size: 2rem;
	content: 'schedule';
}
.widget-html.block.clock .widget-inner{ 
	margin-left: 3.6rem;
	padding-top: 0.8rem;
	font-size: 0.875rem;
}
.widget-html.block.clock .widget-inner ul{
	margin-bottom: 0rem;
}
.widget-html.block.clock .widget-inner ul li{
	list-style-type: none;
}

.widget-html.block.info.hide{
	display: none !important;
}
.widget-html.block.info{
	/*display: flex;
	align-items: flex-start;*/
	margin-bottom: 1rem;
}
.widget-html.block.info:before{ 
	float: left;
	display: block;
	width: 3.5rem;
	font-family: 'Material Icons';
	font-size: 2rem;
	content: 'info';
}
.widget-html.block.info .widget-inner{
	margin-left: 3.6rem;
	font-size: 1rem;
	padding-top: 0.8rem;
}

.widget-images-wrapper._blank {
	margin-top: 30px;
	margin-bottom: 30px;
}
.widget-images-wrapper._blank.effect-v1 a img{
	transition: transform .5s ease 0s; /* Animation */
}
.widget-images-wrapper._blank.effect-v1 a:hover img{
	transform: scale(0.97);
}

#fmeStorePage {
    padding-bottom: 1.25rem;
    flex-direction: row;
    align-items: flex-end;
    flex-wrap: wrap;
}
#fmeStorePage .col-lg-4 .col-lg-10 {
    padding: 0;
}
#fmeStorePage .col-lg-4:last-child {
    text-align:right;
}
#fmeStorePage .col-lg-4:last-child p:last-child {
    margin-right: 0;
    padding-right: 0;
}


#_desktop_top_menu ul#top-menu{
  position: relative;
}
#_desktop_top_menu ul#top-menu > li:nth-child(5) ~ li{
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  background: white;
  color: black;
  width: 200px;
  padding: 0 15px;
}
#_desktop_top_menu ul#top-menu > li:nth-child(5) ~ li a{
  color: black;
}
#_desktop_top_menu ul#top-menu > li:nth-child(5):hover ~ li,
#_desktop_top_menu ul#top-menu  > li:nth-child(6):hover{
  display: inline-block;
}

@media (min-width: 1024px){
.sub-menu >.top-menu{
  columns:3;
}
}
@media (min-width: 768px)and max-width(1024px){
.sub-menu >.top-menu{
  columns:2;
}
@media (min-width: 768px){

}
.sub-menu >.top-menu >.category{
width: 100%;
margin-bottom: 15px;
break-inside: avoid;
}
}
@media (min-width: 768px){
.dropdown-item{
white-space:normal !important;
}}