/*
.sub div.message-wrap {
	padding: 0 3rem;
}
*/
.sub .main-container {
	position: relative;
}
.sub #logout-button {
	position: absolute;
	right: 40px;
	top: 25px;
	color: #fff !important;
}

*, *:after {
  -webkit-box-sizing: border-box;
  	 -moz-box-sizing: border-box;
          box-sizing: border-box;
    	     outline: none;
			  border: none;
}

h1.ui.dividing.header {
	margin-bottom: 20px;
}


#top { 
	display: flex;
	padding: 20px 0 50px 40px;
	background-image: url('/static/images/background-8653526_1920.jpg');
	background-size: cover;
	margin-bottom: 12px;
	font-weight: normal !important;
	min-height: 259px;;
	border-radius: 0 0 10px 10px;
}
#top > div:first-child {
	padding-right: 40px;
}
#top h1.ui.header {
	font-size: 3.6889rem;
	line-height: 69px;
	font-weight: 700;
	margin-bottom: 0;
	/* color: #53317E; */
	color: rgba(238, 238, 238, .951) !important;
	/* text-shadow: -1px 0 #bdb3b3, 0 1px #bdb3b3, 1px 0 #bdb3b3, 0 -1px #bdb3b3; */
	margin-top: 15px;
}
#top h1.ui.header img {
	cursor: pointer;
}
#top h3 {
	font-size: 1.3rem;
	font-style: italic;
	margin-top: 0;
	padding-left: 3px;
	background: linear-gradient(to left, #fff, #129bd9);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#top-logo { width: 180px; }
.content-wrapper {
	padding: 3rem;
}

form .element-styles {
  border: 1px solid lightgray;
  background-color: rgba(240, 240, 240, .1);
  padding: .6em;
  margin-top: 1em;
}


@media only screen and (max-width:991px) {
 .ui.container {
  width:auto!important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transition: all 1s ease-in-out;
 }
 .ui.breadcrumb {
  margin-left: 1rem!important;
 }

 .sub #logout-button {
  right: 15px;
  top: 15px;
  transition-duration: 0.5s;
 }
}