// CSS Reset
@import "../../../media/jui/less/reset.less";

// Core variables and mixins
@import "variables.less"; // Custom for this template
@import "../../../media/jui/less/mixins.less";

// Custom less
@import "custom.less";

// Grid system and page structure
@import "../../../media/jui/less/scaffolding.less";
@import "../../../media/jui/less/grid.less";
@import "../../../media/jui/less/layouts.less";

// Base CSS
@import "../../../media/jui/less/type.less";
@import "../../../media/jui/less/code.less";
@import "../../../media/jui/less/forms.less";
@import "../../../media/jui/less/tables.less";

// Components: common
// @import "../../../media/jui/less/sprites.less";
@import "../../../media/jui/less/dropdowns.less";
@import "../../../media/jui/less/wells.less";
@import "../../../media/jui/less/component-animations.less";
@import "../../../media/jui/less/close.less";

// Components: Buttons & Alerts
@import "../../../media/jui/less/buttons.less";
@import "../../../media/jui/less/button-groups.less";
@import "../../../media/jui/less/alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less

// Components: Nav
@import "../../../media/jui/less/navs.less";
// @import "../../../media/jui/less/navbar.less";
@import "../../../media/jui/less/breadcrumbs.less";
@import "../../../media/jui/less/pagination.less";
@import "../../../media/jui/less/pager.less";

// Components: Popovers
@import "../../../media/jui/less/modals.less";
@import "../../../media/jui/less/tooltip.less";
@import "../../../media/jui/less/popovers.less";

// Components: Misc
@import "../../../media/jui/less/thumbnails.less";
@import "../../../media/jui/less/labels-badges.less";
@import "../../../media/jui/less/progress-bars.less";
@import "../../../media/jui/less/accordion.less";
@import "../../../media/jui/less/carousel.less";
@import "../../../media/jui/less/hero-unit.less";

// Utility classes
@import "../../../media/jui/less/utilities.less";

// RESPONSIVE CLASSES
// ------------------

@import "../../../media/jui/less/responsive-utilities.less";


// MEDIA QUERIES
// ------------------

// Phones to portrait tablets and narrow desktops
@import "../../../media/jui/less/responsive-767px-max.less";

// Tablets to regular desktops
@import "../../../media/jui/less/responsive-768px-979px.less";

// Large desktops
@import "../../../media/jui/less/responsive-1200px-min.less";


// RESPONSIVE NAVBAR
// ------------------

// From 979px and below, show a button to toggle navbar contents
@import "../../../media/jui/less/responsive-navbar.less";

// Extended for JUI
@import "../../../media/jui/less/bootstrap-extended.less"; // Has to be last to override when necessary
// div.modal (instead of .modal)
@import "../../../media/jui/less/modals.joomla.less";
@import "../../../media/jui/less/responsive-767px-max.joomla.less";

// Icon Font
@import "icomoon.less";

/* Site Body Styles */

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');


body {
	// -webkit-font-smoothing: antialiased;
	// -moz-osx-font-smoothing: grayscale;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: normal;
}
body.site.fluid{
	background-color: #ffffff;
}
.thumbnail {
	margin-bottom:9px;
}
.accordion-group {
	background:#fff;
}
/* Site Title (if no logo) */
.site-title {
	font-size: 40px;
	font-size: calc(~"16px + 2.16vw");
	line-height: 48px;
	font-weight: bold;
}
@media (min-width: 1024px) {
	.site-title {
		font-size: 40px;
	}
}
.brand {
	color: darken(@linkColor, 20%);
	.transition(color .5s linear);
}
.brand:hover {
	color: @linkColor;
	text-decoration: none;
}
/* Header */
header{padding-top:10px;padding-bottom:10px;}
.header{
	margin-bottom: 10px;
}
.header .finder {
	margin-top: 14px;
}
.header .finder .btn{
	margin-top: 0px;
}
/* Nav */
.navigation{
	padding: 15px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.075);
	border-bottom: 1px solid rgba(0, 0, 0, 0.075);
}
.navigation .nav-pills{
	margin-bottom: 0;
}
/* Hero Banner Unit */
.hero-unit{
	background-color: #08C;
}
.hero-unit > *{
	color: white;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
/* Container */
.container{
	max-width: 960px;
}
/* Wells */
.well {
    min-height: 0;
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.well .page-header{
	margin: 0px 0px 5px 0px;
}
#bottoms {
    color: #616161;
    background: #dedede;
        padding: 15px 0;
}
.footer{
	.sitedocs{
		.nav{
			display: flex;
			justify-content: center;
			li{
				a{
					    margin-right: 25px;
				}
				a:hover{
					color:@secondaryColor;
				}
			}
		} 
	}
	.copyrights {
    	text-align: center;
	}
}
/* Headings */

h1, h2, h3, h4, h5, h6 {
  	margin: (@baseLineHeight / 1.5) 0;
	word-wrap: break-word;
}
h1 { font-size: 26px; line-height: 28px; }
h2 { font-size: 22px; line-height: 24px; }
h3 { font-size: 18px; line-height: 20px; }
h4 { font-size: 14px; line-height: 16px; }
h5 { font-size: 13px; line-height: 15px; }
h6 { font-size: 12px; line-height: 14px; }
/* Module */
.module-header {
	padding-bottom: 17px;
	margin: 20px 0 18px 0;
	border-bottom: 1px solid #eeeeee;
}
/* Single Item */
p {
	word-wrap: break-word;
}
.item-title {
	margin-bottom:9px;
}
.item-content {
	margin:18px 0;
}
.item-subtitle {
	margin-bottom:9px;
}
.pull-right.item-image {
	margin:0 0 18px 20px;
}
.pull-left.item-image {
	margin:0 20px 18px 0;
}
.header .nav > li:last-child > .dropdown-menu,
.item-actions .dropdown-menu,
.item-comment .dropdown-menu {
	left:initial;
	right:0;
}
.article-index {
	margin:0 0 10px 10px;
}
/* List */
.list-item-title {
	margin-bottom:9px;
}
.list-item-content {
	margin:18px 0;
}
.list-item-subtitle {
	margin-bottom:9px;
}
/* More Items */
.items-more,
.content-links {
	padding: 15px 0;
}
/* Breadcrumbs */
.breadcrumb {
	margin: 10px 0;
}
.breadcrumb > li,
.breadcrumb > .active {
   color: #515151;
}
/* mod_login */
#login-form {
	margin-top: 8px;
}
.add-on {
	+ #modlgn-username, + #modlgn-passwd {
		width: 132px;
	}
}
/* Caption fixes */
.img_caption .left {
	float: left;
	margin-right: 1em;
}

.img_caption .right {
	float: right;
	margin-left: 1em;
}

.img_caption .left p {
	clear: left;
	text-align: center;
}

.img_caption .right p {
	clear: right;
	text-align: center;
}

.img_caption  {
	text-align: center!important;
}

.img_caption.none {
	margin-left:auto;
	margin-right:auto;
}
/* New captions */
figure {
	display: table;
}
figure.pull-center,
img.pull-center {
	margin-left: auto;
	margin-right: auto;
}
figcaption {
	display: table-caption;
	caption-side: bottom;
}
/* Aside Subnavs */
#aside .nav .nav-child {
	border-left: 2px solid @tableBorder;
	padding-left: 5px;
}
.primary-menu {
    background-color: @primaryColor;
    transition: all 300ms ease-in-out;
    position:relative;
    z-index: 444;
    #stickylogo{
    	opacity: 0;
    	margin-left: -16.666667%;
    	transition: all 250ms ease-in-out;
		img{
			width:100px;
		}
    }
}
.primary-menu.sticky{
	position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
    #stickylogo{
    	margin-left: 0%;
    	opacity: 1;
    	max-height: 72px;
    }
}

.primary-menu.mobile{
	#stickylogo{
		opacity:1;
		margin-left: 0;
		z-index: 2;
		img{
			width:80%;
		}
	}
	.navigation .nav {
	    display: flex;
	    flex-direction: column;
	    margin: 0;
	    li:first-child{
    		border-top: 0;
	    }
	    li{
	    	margin-right:0;
	    	border-bottom: 1px solid rgba(0,0,0,.6);
    		border-top: 1px solid rgba(179, 179, 179, 0.1);
	    	a{
	    		padding:10px 0;
	    	}
	    }
	    li.current.active{
	    	padding-left:10px;
	    	border-left: 10px solid rgba(255, 255, 255, 0.35);
	    }
	}
}
/* Navigation Submenus */
// The dropdown menu (ul)
// ----------------------
.navigation {
	.nav-child {
		position: absolute;
		top: 95%;
		left: 0;
		z-index: @zindexDropdown;
		display: none; // none by default, but block on "open" of the menu
		float: left;
		min-width: 160px;
		padding: 5px 0;
		margin: 2px 0 0; // override default ul
		list-style: none;
		background-color: @dropdownBackground;
		border: 1px solid #ccc; // Fallback for IE7-8
		border: 1px solid @dropdownBorder;
		*border-right-width: 2px;
		*border-bottom-width: 2px;
		.border-radius(6px);
		.box-shadow(0 5px 10px rgba(0,0,0,.2));
		-webkit-background-clip: padding-box;
		 -moz-background-clip: padding;
		      background-clip: padding-box;

		// Aligns the dropdown menu to right
		&.pull-right {
			right: 0;
			left: auto;
		}

		// Dividers (basically an hr) within the dropdown
		.divider {
			.nav-divider(@dropdownDividerTop, @dropdownDividerBottom);
		}

		// Links within the dropdown menu
		a {
			display: block;
			padding: 3px 20px;
			clear: both;
			font-size: @baseFontSize;
			font-weight: normal;
			line-height: @baseLineHeight;
			color: @dropdownLinkColor;
			white-space: nowrap;
		}
	}
	.nav{
		display: flex;
		    margin: 0;
		> li {
			    margin-right: 35px;
			> a {
				color: rgba(255, 255, 255, 0.58);
				transition: all 0.3s ease-in;
				&:hover{
					color: #fff;
					background-color: transparent;
				}
			}
			> span{
				color: rgba(255, 255, 255, 0.58);
				transition: all 0.3s ease-in;
				&:hover{
					color: #fff;
					background-color: transparent;
				}
			}
			>.nav-header{
				display: block !important;
			    padding: inherit !important;
			    font-size: inherit !important;
			    font-weight: inherit !important;
			    line-height: inherit !important;
			    color: rgba(255, 255, 255, 0.58);
				transition: all 0.3s ease-in;
			    text-shadow: none !important;
			    text-transform: inherit !important;
			    &:hover{
					color: #fff;
					background-color: transparent;
				}
			}
		}
		>li.active{
			> a {
				color: #fff;
				background-color: transparent;
			}
			> span {
				color: #fff;
				background-color: transparent;
			}
		}
	}
	.nav li {
		position: relative;
	}
	/*.nav > li:hover > .nav-child,
	.nav > li > a:focus + .nav-child,
	.nav li li:hover > .nav-child,
	.nav li li > a:focus + .nav-child {
		display: block;
	}*/
	.nav > li {
		&:before {
		  position: absolute;
		  top: 100%;
		  right: 0;
		  left: 0;
		  height: 6px;
		  content: '';
		}
	}
	.nav > li > .nav-child {
		&:before {
		  position: absolute;
		  top: -7px;
		  left: 9px;
		  display: inline-block;
		  border-right: 7px solid transparent;
		  border-bottom: 7px solid #ccc;
		  border-left: 7px solid transparent;
		  border-bottom-color: rgba(0, 0, 0, 0.2);
		  content: '';
		}
		&:after {
		  position: absolute;
		  top: -6px;
		  left: 10px;
		  display: inline-block;
		  border-right: 6px solid transparent;
		  border-bottom: 6px solid #ffffff;
		  border-left: 6px solid transparent;
		  content: '';
		}
	}
	.nav li li .nav-child {
		top: -8px;
		left: 100%;

		&:before {
			position: absolute;
			top: 9px;
			left: -7px;
			display: inline-block;
			border-top: 7px solid transparent;
			border-right: 7px solid rgba(0, 0, 0, 0.2);
			border-bottom: 7px solid transparent;
			content: '';
		}
		&:after {
			position: absolute;
			top: 10px;
			left: -6px;
			display: inline-block;
			border-top: 6px solid transparent;
			border-right: 6px solid #ffffff;
			border-bottom: 6px solid transparent;
			content: '';
		}
	}
}

// Hover state
// -----------
.navigation .nav-child li > a:hover,
.navigation .nav-child li > a:focus,
.navigation .nav-child:hover > a {
  text-decoration: none;
  color: @dropdownLinkColorHover;
  background-color: @dropdownLinkBackgroundHover;
  #gradient > .vertical(@dropdownLinkBackgroundHover, darken(@dropdownLinkBackgroundHover, 5%));
}

// Category collapse
.categories-list .collapse {
	margin-left: 20px;
}

/*mobile reveal*/
.mr-auto{margin-right: auto;}
.ml-auto{margin-left: auto;}
.mphone i{font-size: 38px;color:#fff;}
.mphone{margin-right: 15px;}
#mobilereveal{position:absolute;left: 0;top:0;background-color:lighten(@primaryColor, 5%);z-index: 0;opacity:0;height:0;transition: all 300ms ease-in-out;}
#mobilereveal.reveal{top:72px;z-index: 1;opacity:1;height: 100vh;}
#mobilereveal.reveal .collapse.in { height: auto !important; }


@media(min-width: 768px){
	#mobilereveal{position:relative;opacity:1;}
}

/*bottom float*/
.bottomfloat{
		position:fixed;
		bottom:0;
		left:0;
		height:0px;
		width:100%;
	.toTop {
		position: relative;
	  	display: block;
		float:right;
		background: rgba(0,0,0,.5);
	  	margin-top: 0px;
	  	height: 30px;
	  	width: 30px;
		border:1px solid rgba(255, 255, 255, 0.6);
		border-radius:10px;
		margin-right:20px;
		left:-10px;
		-webkit-transition:all 150ms ease-in-out;
		transition:all 150ms ease-in-out;
	}
	.toTop:hover span {
		top:18px;
	  	-webkit-animation-name: toTop-float, toTop;
	 	animation-name: toTop-float, toTop;
	  	-webkit-animation-duration: .3s, 1.5s;
	  	animation-duration: .3s, 1.5s;
	 	-webkit-animation-delay: 0s, .3s;
	    animation-delay: 0s, .3s;
	    -webkit-animation-timing-function: ease-out, ease-in-out;
	    animation-timing-function: ease-out, ease-in-out;
	    -webkit-animation-iteration-count: 1, infinite;
	    animation-iteration-count: 1, infinite;
	    -webkit-animation-fill-mode: forwards;
	    animation-fill-mode: forwards;
	    -webkit-animation-direction: normal, alternate;
	    animation-direction: normal, alternate;
	}
	.toTop span {
		color: #fff;
		position: absolute;
		border-style: solid;
		border-width: 0.50em 0.50em 0 0;
		content: '';
		display: inline-block;
		height: 1.20em;
		left: 14px;
		transform: rotate(-45deg);
		position: relative;
		top: 16px;
		vertical-align: top;
		width: 1.20em;
		-webkit-transition:all 150ms ease-in-out;
		transition:all 150ms ease-in-out;
	}
	.comeIn{
		border-radius:25px;
		margin-top: -80px;
		height: 50px;
		width: 50px;
		left:0;
	}
	.comeIn span {
		opacity:1;
	}
}

/* navicon animation */
.navicon {
  display: block;
  width: 60px;
  height: 45px;
  position: relative;
  // margin:auto;
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
     -moz-transition: .5s ease-in-out;
       -o-transition: .5s ease-in-out;
          transition: .5s ease-in-out;
  cursor: pointer;
  transform: scale(.6);
}

.navicon span {
  display: block;
  position: absolute;
  height: 9px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
     -moz-transition: .25s ease-in-out;
       -o-transition: .25s ease-in-out;
          transition: .25s ease-in-out;
}

.navicon span:nth-child(1) {
  top: 0px;
}

.navicon span:nth-child(2), .navicon span:nth-child(3) {
  top: 18px;
}

.navicon span:nth-child(4) {
  top: 36px;
}

.navicon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.navicon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}

.navicon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.navicon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
.formControls{
	input, textarea{
		width: 100%;
		padding: 15px 6px;
    	border-radius: 0;
	}
	textarea{
		padding: 5px 5px;
	}
	.btn-primary{
		background-image:none;
		background-color:#335ce6;
		border-radius: 0;
		border: 0;
		display: block;
		width: 100%;
	}
	.btn-primary:hover{
		background-image:none;
		background-color:#335ce6;
	}
}
.formContainer{
	label{
		text-transform: uppercase;
		font-size: 14px;
	}
}





@media (max-width: 480px) {
	.item-info > span {
		display:block;
	}
	.blog-item .pull-right.item-image {
		margin:0 0 18px 0;
	}
	.blog-item .pull-left.item-image {
		margin:0 0 18px 0;
		float:none;
	}
}
@media (max-width: 768px) {
	body{
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media (max-width: 768px) {
  /* Fix ios scrolling inside boottrap modals */
	body {
		-webkit-overflow-scrolling: touch;
		padding-top: 0;
	}
	.header {
		background:transparent;
		display: none;
	}
	.header .brand {
		float:none;
		display:block;
		text-align:center;
	}
	.header .nav.pull-right,
	.header-search {
		float:none;
		display:block;
	}
	.header-search form {
		margin: 0;
	}
	.header-search .search-query {
		width: 90%;
	}
	.header .nav-pills > li > a {
		border: 1px solid @tableBorder;
		border-bottom:0;
		margin:0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		margin-right: 0;
	}
	.header .nav-pills > li:first-child > a {
		-webkit-border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
	}
	.header .nav-pills > li:last-child > a {
		-webkit-border-radius: 0 0 4px 4px;
		-moz-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
		border-bottom:1px solid @tableBorder;
	}
	.modal.fade {
		top:-100%;
	}
	.nav-tabs {
		border-bottom: 0;
	}
	.nav-tabs > li {
		float: none;
	}
	.nav-tabs > li > a {
		border: 1px solid @tableBorder;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		margin-right: 0;
	}
	.nav-tabs > li:first-child > a {
		-webkit-border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
	}
	.nav-tabs > li:last-child > a, .nav-tabs > .active:last-child > a {
		-webkit-border-radius: 0 0 4px 4px;
		-moz-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
		border-bottom:1px solid @tableBorder;
	}
	.nav-tabs > li > a:hover {
		border-color: @tableBorder;
		z-index: 2;
	}
	.nav-tabs.nav-dark > li > a {
		border: 1px solid @grayDark;
	}
	.nav-tabs > li:last-child > a, .nav-tabs > .active:last-child > a {
		border-bottom:1px solid @grayDark;
	}
	.nav-tabs.nav-dark > li > a:hover {
		border-color: @grayDark;
	}
	.nav-pills > li {
		float: none;
	}
	.nav-pills > li > a {
		margin-right: 0;
	}
	.nav-pills > li > a {
		margin-bottom: 3px;
	}
	.nav-pills  > li:last-child > a {
		margin-bottom: 1px;
	}
	.form-search > .pull-left,
	.form-search > .pull-right {
		float:none;
		display:block;
		margin-bottom:9px;
	}
	.footer .sitedocs .nav, .sidebar-nav .nav {
	    flex-direction:column;
	    align-items:center;
	    li{
	    	border-bottom:1px solid rgba(0,0,0,.6);
			display: block;
			width:100%;
			text-align: center;
			a{
				margin-right: 0;
				padding:1em;
				text-transform: capitalize;
			}
	    }
	    li:last-child{
	    	border-bottom:none;
	    }
	}
	.sidebar-nav .nav {
		li{
			text-align: left;
		}
	}
	.main-carousel,header{
		display: none;
	}
	.primary-menu {
		#stickylogo {
			img {
	    		width: 86%;
			}
		}
	}


}
@media (max-width: 980px) {
	.navbar-fixed-top {
		margin-bottom:0!important;
	}
	.item-comment .item-image{
		display:none;
	}
	.well {
		padding: 10px;
	}
}
@media (max-width: 979px) {
	.nav-collapse.in.collapse {
		overflow: visible;
		height: 0;
		z-index: 100;
	}
	.nav-collapse .nav > li.active > a {
		color: #fff;
	}
	.nav-collapse .nav > li.active > a:hover {
		color: #555;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	#login-form .input-small {
		width: 62px;
	}
}
// Page break
dl.tabs {
	float: left;
	margin-bottom: -1px;
}

dl.tabs dt.tabs {
	float: left;
	margin-left: 3px;
	padding: 4px 10px;
	background-color: #F0F0F0;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
dl.tabs dt:hover {
	background-color: #F9F9F9;
}
dl.tabs dt.open {
	background-color: #FFF;
	border-bottom: 1px solid #FFF;
}
dl.tabs dt.tabs h3 {
	margin: 0;
	font-size: 1.1em;
	font-weight: normal;
}
dl.tabs dt.tabs h3 a {
	color: #0088CC;
}
dl.tabs dt.tabs h3 a:hover {
	color: #005580;
	text-decoration: none;
}
dl.tabs dt.open h3 a {
	color: #000;
	text-decoration: none;
}
div.current dd.tabs {
	margin: 0;
	padding: 10px;
	clear: both;
	border: 1px solid #CCC;
	background-color: #FFF;
}

/* Help site refresh button*/
#helpsite-refresh {
	vertical-align: top;
}

/*Print pop-up*/
#pop-print {
	float: right;
	margin: 10px;
}

/*Code white space*/
code {
	white-space: pre-wrap;
}

/*Search filter*/
#filter-search {
	vertical-align: top;
}

/*Fix for editor buttons having a stupid height*/
.editor {
	overflow: hidden;
	position: relative;
}

/* Com_search highlighting */
.search span.highlight {
	background-color:#FFFFCC;
	font-weight:bold;
	padding:1px 0;
}

/* Com_search break long titles & text */
dt.result-title {
	word-wrap: break-word;
}

dd.result-text {
	word-wrap: break-word;
}

/* Prevent scrolling on the parent window of a modal */
body.modal-open {
  overflow: hidden;
  -ms-overflow-style: none;
}

/* Align fields for the profile display */
#users-profile-custom label {
	display: inline;
}

/* Remove unneeded space between label and field in vertical forms */
.controls > .radio:first-child,
.controls > .checkbox:first-child {
	padding-top: 0;

	.form-horizontal & {
		padding-top: 5px;
	}
}

/* Align btn-group to label */
.form-horizontal .controls > .radio.btn-group:first-child {
	padding-top: 0;
}

/* Corrects the modals padding */
.field-media-wrapper .modal .modal-body {
	padding: 5px 10px;
	overflow: hidden;
}
/* Getting rid of scroll bar in smartsearch Advanced search */
#search-results {
	clear: both;
}
#finder-filter-window {
	overflow: visible;
}
#finder-search .in.collapse {
	overflow: visible;
}

/* Fix for select element overflow on browser resizing */
.well {
	select,
	.chzn-container {
		max-width: 100%;
	}
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}
/* Component pop-up */
.container-popup {
	padding: 28px 10px 10px 10px;
}
li {
	word-wrap: break-word;
}

ul.manager .height-50 .icon-folder-2 {
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 30px;
}
/* Popover minimum height - overwrite bootstrap default */
.popover-content {
    min-height: 33px;
}

/* Smart search select field margin */
.finder-selects {
    margin: 0 15px 15px 0;
}

/* mod_search in position-0 */
.header-search .mod-languages ul {
	margin: 0 0 5px 0;
	}
#usps{padding:10px;margin-bottom:15px;color:#404040;}
#usps .uspicon{font-size:2.2rem;padding:10px;}
#usps .usptitle{font-size:1.5rem;opacity:0.8;margin: 0;}
#usps .usptext {
    font-size: 1.1rem;
    opacity: 0.5;
    margin: 10px 0;
}
#usps {
    color: #616161;
    background-color: #dedede;
}
.sidebar-nav{
	.nav{
		li{
			.nav-header{
				display: block !important;
			    padding: inherit !important;
			    font-size: inherit !important;
			    font-weight: inherit !important;
			    line-height: inherit !important;
			    color: @primaryColor;
				transition: all 0.3s ease-in;
			    text-shadow: none !important;
			    text-transform: inherit !important;
			}
		}
	}
}


@import "style.less";
.navigation { border-top: none; border-bottom: none; }


/* added by ksa aug 07 2019 */
.navigation .nav > li.deeper > span.nav-arrow {
	display: none;
}
@media (min-width: 768px) {
	.navigation .nav > li:hover > .nav-child, .navigation .nav > li > a:focus + .nav-child, .navigation .nav li li:hover > .nav-child, .navigation .nav li li > a:focus + .nav-child { display:block; }
}
/* added by ksa aug 07 2019 */

@media(max-width: 991px){
	.navigation { padding: 10px 0px; }
	.navicon { display: none; }
	.mphone { display: none; }
}

@media (max-width: 767px) {
  
  .body{
    padding-top: 72px !important;
  }
  .mobile-menu-bottom .body {padding-bottom: 72px; padding-top: 5px;}
  header {
    display: none !important;
  }
  .navigation .nav-child {
  	position: static;
    width: 100%;
    background: none;
    box-shadow: none;
    border: none;
  }
  .navigation .nav > li > .nav-child::before {
    display: none;
  }
  .navigation .nav > li > .nav-child::after{
    display: none;
  }
  .primary-menu.mobile .navigation .nav li:last-child{
    border-bottom: none;
  }
  .primary-menu.mobile {
    position:fixed;
    z-index:999;
    width:100%;
    top:0;
    left: 0px;
  }
  .mobile-menu-bottom .primary-menu.mobile {
    top: unset;
    bottom: 0px;
  }
  .mobile-menu-bottom .primary-menu.mobile #mobilereveal {
    top: unset;
    bottom: 72px;
    height: auto;
  }
  .mphone{
    margin-left: 0px;
    margin-right: 0px;
	display: block;
  }
  .d-flex .navicon { margin-left: 22%; margin-right: auto; display: block; }
  .navigation .nav > li > .nav-header{
    padding: 10px 0px !important;
    font-weight: bold !important;
    cursor: pointer;
    color: @gray;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  /*.navigation .nav > li:hover > .nav-child, .navigation .nav > li > a:focus + .nav-child, .navigation .nav li li:hover > .nav-child, .navigation .nav li li > a:focus + .nav-child { display:none; }*/

  /*.navigation .nav > li:hover > .nav-child, .navigation .nav > li > a:focus + .nav-child, .navigation .nav li li:hover > .nav-child, .navigation .nav li li > a:focus + .nav-child { display:none; }
  .navigation .nav > li:hover > .nav-child.open, .navigation .nav > li > a:focus + .nav-child.open, .navigation .nav li li:hover > .nav-child.open, .navigation .nav li li > a:focus + .nav-child.open { display:block; }*/
	/* added by ksa aug 07 2019 */
	.navigation .nav > li.deeper > .nav-child.open { display: block; }
  .navigation .nav > li.deeper > span.nav-arrow { 
		display: block;
		position: absolute;
		right: 0px;
		top: 0px;
		width: 45px;
		height: 47px;
		background: rgba(255, 255, 255, 0.35);
		font-family: 'FontAwesome';
		text-align: center;
		line-height: 47px;
		cursor: pointer;  
  }
  .navigation .nav > li.deeper > span.nav-arrow:before {
		content: '\f107';
		color: #000;
    	font-size: 32px;
  }
  .navigation .nav > li.deeper > span.nav-arrow.open:before {
		content: '\f106';
		color: #000; 
    	font-size: 32px;  
  }
  footer.footer { padding-bottom: 75px; }
  .bottomfloat { bottom: 50px; }
	/* added by ksa aug 07 2019 */
}

@import "template_rtl.less"; // Specific for rtl. Always load last.