@charset "utf-8";
/* CSS Document */

/* ----- Just for Style ----- */
header {
	min-height:120px;
}

#contentPage {
	width:1100px;
	max-width:100%;
	box-sizing:border-box;
	padding:0;
	margin-left:auto;
	margin-right:auto;
}

#content {
	flex:3 1 0;
	padding:2rem 4%;
	overflow:hidden !important;
	width: 100%;
	margin-left: auto; /* IE Compatibility */
	margin-right: auto; /* IE Compatibility */
}

#content img {
	height: auto;
    max-width: 100%;
}

@media screen and (min-width: 768px) {
	.sidebar {
		max-width: 25%;
	}

	.sidebarContent {
		position: sticky;
		top:0px;
	}
}

.sidebarContent > ul, .sidebarContent > div, .sidebarContent > form {
	margin: 0 auto;
}

.sidebarContent > ul, .sidebarContent > div, .sidebarContent > form, ul.vmenu {
	padding:20px;
	display: flex;
	flex-direction: column;
}

#contentPage .sidebar ul ul, ul.vmenu ul {
	padding-left:20px;
}

#contentPage .sidebar ul a, #contentPage .sidebar ul span.nav-header, ul.vmenu li a {
	padding:5px;
	display:block;
	width:100%;
}

#content ul li {
    list-style-type:circle !important;
	margin-left:25px;
}

#content ul.pagination li {
	list-style-type:none !important;
	margin-left:0;
}

#content ul.list-group li {
	margin-left:0;
}


#content ul.breadcrumb li, #content ul.navbar-nav li {
    list-style-type: inherit !important;
	margin-left:inherit;
	display: inline-block;
}

#content .navbar-nav .nav-item + .nav-item {
    margin-left: 1rem !important;
}

footer.page-footer a {
    font-size: inherit;
}

a:focus, a:hover {
    text-decoration: none;
    cursor: pointer;
	transition:All 0.35s ease;
}

.card {
	margin-bottom: 15px;
}
/* ----- End Just for Style ----- */

/* -- Layout -- */
body {
	margin:0;
	padding:0;
	display: flex;
	flex-direction: column;
	overflow-x: hidden !important; /* IE Compatibility */
}

#wrapper {
	display: flex;
	flex-direction: row;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}

#masterPage {
	display:flex;
	flex-direction:column;
	min-height:100vh;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#superTop, #superBottom {
	display:flex;
	flex-direction:row;
	min-width:100vw;
	max-height:50vh;
    overflow: hidden;
}

#superLeft, #superRight {
	display:flex;
	flex-direction:column;
	max-width:50vw;
    overflow: hidden;
}

#contentPage {
	flex: 1 0 auto;
	display:flex;
	flex-direction:row;
	align-items:stretch; /* Vertical */
	justify-content:flex-start;
}

#content {
	flex:1 1 auto;
	overflow: auto;
}

#content > * {
	max-width:100%;
}

#contentPage aside {
	flex: 0 0 auto; /* Fixed */
  }

#leftSidebar {
	order:-1;
}

@media screen and (max-width: 1275px) {
	#wrapper {
		flex-direction:column;
	}
	
	#contentPage {
		flex-direction:column;  
	}
	
	#leftSidebar, #rightSidebar {
		order:1;
	}
	
	#superLeft, #superRight {
		order:1;
		max-width: 100vw;
	}
	
	#superTop, #superBottom {
		flex-direction: column;
	}
}
/* -- End Layout -- */

/* ----- Top Navigation Bar ----- */
#lw-topnav #lw-navmods > * {
	margin:8px;
}

#lw-topnav #lw-navmods > *:nth-child(1) {
	margin:8px 8px 8px 0;
}

#lw-topnav #lw-navmods > *:nth-last-child(1) {
	margin:8px 0 8px 8px;
}

#lw-topnav #lw-navmods ul {
  text-align:center;
}

#lw-navmods {
	max-width: 1400px;
	margin: 0 auto;
}

#lw-topnav {
    background-color: rgba(128,128,128,.95);
	box-shadow: 0 3px 10px rgba(0,0,0,0.5);
}
	
#lw-menu-toggle i.fa {
	font-size:3em;
}

#lw-topnav form.navbar-form.navbar-form {
	margin:0;
}

#lw-topnav form.navbar-form input.form-control {
	margin:0;
}

#lw-topnav .navbar-form {
	display: flex;
	flex-direction: column;
	align-items:center;
	text-align:center;
	justify-content:center;
}
/* ----- End Top Navigation Bar ----- */

/* -- lw-drawer -- */
.lw-drawer-inner {
  width:360px; /* This needs a pixel value to animate */
}

.lw-drawer-inner div.lw-drawer-content {
  width:100%;
}

.lw-drawer-tab {
  text-align:center;
  padding:15px;
}

.lw-drawer {
  height:100vh;
  background-color: rgba(255, 255, 255, 0.95);
  border-right:2px solid #0081C6;
}
/* -- End lw-drawer -- */

/* ----- lw-hmenu ----- */
ul.lw-hmenu, #lw-topnav ul {
	margin-top:0 !important;
	margin-bottom:0 !important;
	align-self:stretch;
	align-items:stretch;
}

ul.lw-hmenu li, #lw-topnav ul li {
	display:flex;
	flex-direction:column;
	align-content:stretch;
	position: relative;
	height:100%;
}

#lw-topnav ul li ul li, ul.lw-hmenu li ul li {
	display:block;
}

ul.lw-hmenu > li > a, ul.lw-hmenu li span.nav-header, #lw-topnav div#lw-navmods > ul > li > a, #lw-topnav ul li span.nav-header {
	justify-content:center;
	flex:1;
}

ul.lw-hmenu a, .lw-hmenu li span.nav-header, #lw-topnav ul a, #lw-topnav ul li span.nav-header {
	transition:All 0.35s ease;
	font-weight:bold;
	font-size:1.15em;
	padding:5%;
}

ul.lw-hmenu ul a, .lw-hmenu ul li span.nav-header, #lw-topnav ul ul a, #lw-topnav ul ul li span.nav-header {
	font-weight:normal;
	font-size:1rem;
}

@media screen and (max-width: 767px) {
	ul.lw-hmenu a, .lw-hmenu li span.nav-header, #lw-topnav ul a, #lw-topnav ul li span.nav-header {
		font-size:1.5em;
		padding:4px;
	}

	ul.lw-hmenu ul a, .lw-hmenu ul li span.nav-header, #lw-topnav ul ul a, #lw-topnav ul ul li span.nav-header {
		font-size:1.25em;
	}
	
	#lw-topnav div#lw-navmods ul {
		margin-top:0;
	}
	
	#lw-topnav ul li ul, ul.lw-hmenu li ul {
		margin-left:20px;
	}
	
	ul.lw-hmenu li, #lw-topnav ul li {
		height:auto;
	}

}
/* ----- End lw-hmenu ----- */

/*-- Templates Base --*/
:root{
  --primary: #08c;
  --accent: #333;
  --accent2: #555;
  --ux: rgba(255, 255, 255, 0.95);
}

#lw-topnav, ul.lw-hmenu ul, #lw-topnav ul ul, #lw-topnav #lw-navmods ul li ul {
    background-color: rgba(255, 255, 255, 0.95); /* for IE */
	background-color: var(--ux);
}

@media screen and (max-width: 767px) {
	ul.lw-hmenu ul, #lw-topnav ul ul, #lw-topnav #lw-navmods ul li ul {
		background-color: inherit;
	}
}

a:hover {
    color: inherit;
}

.btn, .btn:hover {
	color:#fff !important;
}

.lw-primary, h1, h2, h3, a, .lw-hmenu li span.nav-header {
	color: #08c; /* for IE */
	color: var(--primary);
}

.lw-accent {
	color: #333; /* for IE */
	color: var(--accent);
}

input[type=text]:focus:not([readonly]) {
	border-bottom: 1px solid #333;
	border-bottom: 1px solid var(--accent);
}

/* lw-reverse */
.lw-reverse, .lw-reverse ul li ul, .lw-hmenu li a:hover, .lw-hmenu li a:active, .lw-hmenu li a:focus {
	background-color:#08c; /* for IE */
	background-color:var(--primary) !important;
	color:#FAFAFA !important;
}

.lw-reverse *, .lw-reverse a:hover, .lw-reverse a:active, .lw-reverse a:focus {
	color:#FAFAFA !important;
}

.lw-reverse li a:hover, .lw-reverse li a:active, .lw-reverse li a:focus {
	color:#08c; /* for IE */
	color:var(--primary) !important;
	background-color:#FAFAFA !important;
}
/* End lw-reverse */

/* lw-reverse-2 */
	.lw-reverse-2, .lw-reverse-2 ul li ul {
		background-color:#08c; /* for IE */
		background-color:var(--primary) !important;
		color:#fff !important;
	}
	
	.lw-reverse-2 a, .lw-reverse-2 span.nav-header {
		color:rgba(255, 255, 255, 0.75);
	}
	
	.lw-reverse-2 a:hover, .lw-reverse-2 a:active, .lw-reverse li a:focus {
		color:rgba(255, 255, 255, 0.90);
	}
/* End lw-reverse-2 */

/* lw-reverse-accent */
.lw-reverse-accent, .lw-reverse-accent ul li ul {
	background-color:#333; /* for IE */
	background-color:var(--accent) !important;
	color:#FAFAFA !important;
}

.lw-reverse-accent *, .lw-reverse-accent a:hover, .lw-reverse-accent a:active, .lw-reverse-accent a:focus {
	color:#FAFAFA !important;
}

.lw-reverse-accent li a:hover, .lw-reverse-accent li a:active, .lw-reverse-accent li a:focus {
	color:#333; /* for IE */
	color:var(--accent) !important;
	background-color:#FAFAFA !important;
}
/* End lw-reverse-accent */

/* lw-reverse-accent-2 */
.lw-reverse-accent-2, .lw-reverse-accent-2 ul li ul {
	background-color:#555; /* for IE */
	background-color:var(--accent2) !important;
	color:#FAFAFA !important;
}
	
.lw-reverse-accent-2 a, .lw-reverse-accent-2 span.nav-header {
	color:rgba(255, 255, 255, 0.75);
}
	
.lw-reverse-accent-2 a:hover, .lw-reverse-accent-2 a:active, .lw-reverse-accent-2 li a:focus {
	color:rgba(255, 255, 255, 0.90);
}
/* End lw-reverse-accent-2 */

/* Buttons */
.btn-outline-lw, .btn-outline-lw:hover {
    background-color: transparent;
    border: 2px solid #08c; /* for IE */
	border: 2px solid var(--primary);
    color: #08c !important; /* for IE */
	color: var(--primary) !important;
}

.btn-lw {
    background: #08c none repeat scroll 0 0; /* for IE */
	background: var(--primary) none repeat scroll 0 0;
}

.btn-outline-lw-accent, .btn-outline-lw-accent:hover {
    background-color: transparent;
    border: 2px solid #333;
	border: 2px solid var(--accent);
	color: #333 !important; /* for IE */
    color: var(--accent) !important;
}

.btn-lw-accent {
	background: #333 none repeat scroll 0 0; /* for IE */
    background: var(--accent) none repeat scroll 0 0;
}

.btn-outline-lw-accent-2, .btn-outline-lw-accent-2:hover {
    background-color: transparent;
    border: 2px solid #555; /* for IE */
	border: 2px solid var(--accent2);
    color: #555 !important; /* for IE */
	color: var(--accent2) !important;
}

.btn-lw-accent-2 {
    background: #555 none repeat scroll 0 0; /* for IE */
	background: var(--accent2) none repeat scroll 0 0;
}
/* End Buttons */

/*-- End Templates Base --*/

/* ----- Joomla Specific ----- */
#masterPage div.custom {
	position:relative;
}

.btn-group.pull-right {
	display:none;
	top: -60px;
}

.flexslider, .flex-viewport, .flex-viewport li {
	max-height:100vh;
}

@media only screen and (orientation : landscape) {
	.flex-viewport li img {
		max-height:135vh;
	}
}

@media only screen and (orientation : portrait) {
}

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
        border-top-color: rgb(251, 238, 213);
        border-right-color: rgb(251, 238, 213);
        border-bottom-color: rgb(251, 238, 213);
        border-left-color: rgb(251, 238, 213);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.alert-danger, .alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}

	/* --- Blog View --- */
	div#content div.items-row {
		display:flex;
		width:100%;
		box-sizing:border-box;
	}
	
	@media screen and (max-width: 720px) {
		div#content div.items-row {
			display:block;
		}
	}
	
	div#content div.items-row > div {
		flex:1;
		margin:8px;
	}
	
	@media screen and (min-width: 720px) {
		div#content div.items-row > div:nth-child(1) {
			margin:8px 8px 8px 0;
		}
		
		div#content div.items-row > div:nth-last-child(1) {
			margin:8px 0 8px 8px;
		}
	}
	
	div#content div.items-row div div.item img {
		max-width:100% !important;
		margin:0;
	}
	/* --- End Blog View --- */
	/* --- Pagination --- */
	#content div.pagination {
		width:100%;
	}

	#content div.pagination ul {
		border-radius: 4px;
		display: inline-block;
		margin: 20px 0;
		padding-left: 0;
	}

	#content div.pagination li, #content div.pagination span {
		display:inline-block;
		padding:5px;
		margin-left: 10px;
		float: left;
		font-size: 1.2rem;
		line-height: 30px;
		text-align: center;
	}

	#content div.pagination li span {
		padding:0px;
	}

	#content div.pagination p.counter {
		margin-top:30px;
	}
	/* --- End Pagination --- */
/* ----- End Joomla Specific ----- */

/* Bootstrap Compatibility --- --- */
#lw-topnav .navbar-nav {
	float:none;
}

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    margin-left: 0;
    position: relative;
}

b, strong {
    font-weight: bold;
}
/* End Bootstrap Compatibility --- --- */

/*-- MDL Compatability Tweaks --*/
div.carousel.slide div.carousel-inner div.carousel-item img {
	width:100%;
}

.modal .modal-full-height {
    max-width: 96vw;
}
/*-- End MDL Compatability Tweaks --*/

/* -- Chrome and Safari Hacks -- */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#lw-topnav::-webkit-scrollbar { width: 0 !important }
	}
/* -- End Chrome and Safari Hacks -- */