/* ------------------------------ Set Background - Margin Top, Bottom ------------------------------ */

body { background: #fff; }

#page{	position: relative; }

.wp-caption-text { text-align: left; font-size: 85%; }

.hero-section {
  background-size: cover;
  height: 60vh;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hero-section .hero-section-text { color: #fff; text-shadow: 0px 0px 30px rgba(0,0,0,0.2);}


.scrollhide-nav {
  position: fixed;
  z-index:100;
  right: 0;
  top: 0;
  left: 0;
  transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);
}

.scrollhide-nav.hidden {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.footerwrap{  padding-top: 2.75rem; padding-bottom: 2.75rem; }

/* ------------------------------ Set Font all site ------------------------------ */


h1.page-title:first-letter { text-transform: uppercase; }
.entry-footer .edit-link { float:right }

/* langmenu */
.lang-item { list-style: none; display: inline;}
.lang-item a {opacity:0.6}
.current-lang a {opacity:1.0}

/* ------------------------------ Link color ------------------------------ */


.iot-dot-menu-a::after {
	content: " \25BE";
  font-size: 0.9rem;
  margin-left: 0.5em;
  opacity: 0.3;
}

.iot-dot-menu ul .iot-dot-menu-a::after {
	content: " \25B8";
  font-size: 0.9rem;
  margin-left: 0.5em;
  opacity: 0.3;
}

/* .main-navigation ul ul{
	background: #fff;
	box-shadow: -1px 1px 0px rgba(0, 0, 0, 0.07);
} */

/* ------------------------------ Dashicons ------------------------------ */

.dashicons, .dashicons-before:before {
	display: inherit;
	width: inherit;
	height: inherit;
	font-size: inherit;
	line-height: inherit;
	font-family: dashicons;
	text-decoration: inherit;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: inherit;
	text-align: inherit;
}

/* ------------------------------ Fade Mobilemenu ------------------------------ */


.menu-mobilemenu-container .sub-menu {
	display: none;
}

.menu-mobilemenu-container .collapse-sub-menu {
	display: none;
	float: right;
}

.menu-mobilemenu-container .menu-item-has-children > .collapse-sub-menu {
	display: initial;
}

.menu-mobilemenu-container .menu-item-has-children {
	padding-right: 1.75rem;
}

.mobile-footerwrap {
	display: none;
}

.close-mobilemenu {
	display: none;
}

@media screen and (max-width: 39.9375em) {
		.wp-caption.alignright, .wp-caption.alignleft { width: 100%;}

}

@media screen and (min-width: 40em) {
	.wp-caption.alignright, .wp-caption.alignleft { width: calc(50% - 1.875rem);}
	.wp-caption.alignright { margin-left: 0.9375rem }
	.wp-caption.alignleft { margin-right: 0.9375rem }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

@media screen and (max-width: 63.9375em) {

	#primary-menu { display: none; }
	
	.mobile-footerwrap { display: initial; position: fixed; bottom: 0; width: 100%; background-color: #E3E3E3; z-index: 2001; padding: 15px; background-color: rgb(13,14,44); }
	.mobile-footerwrap a, .mobile-footerwrap a:hover, .mobile-footerwrap a:active, .mobile-footerwrap a:visited{
		color:white; text-transform: uppercase; font-weight: 400; font-size: 15px;
	}
}


@media screen and (min-width: 64em) {}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {}