/* Purely visual styling (“look-and-feel”) for a component. */

.uk-navbar-container:not(.uk-navbar-transparent), .sg-navbar, .sg-footer {
    background: #343a40;
}

.uk-navbar-container a{
    color: #fff;
}

#page.uk-container, .uk-slideshow-nav.uk-container {
	background-color: #f0f2f3;
}

/* Branding */
#sorry-uikit-branding, #sitebranding{
line-height: 1;
margin-top: -85px;
}
#sorry-uikit-branding a, #sitebranding a{
	font-size: 2.2rem;
    font-family: 'Rajdhani', sans-serif;
	color: #ff9100;
	font-weight: 500;
	border: none;
}

#sorry-uikit-branding span, #sitebranding span{
	font-size: 1.1rem;
	padding-left: 161px;
	margin-top: -30px;
}
#sorry-uikit-branding span em, #sitebranding span em{
	color: #ff6600;
}
.uk-logo img{
margin-top: -40px;
margin-right: 10px;
}

/* Navbars */
.uk-navbar-nav.uk-navbar-right {
	padding-left: 0;
}

.uk-navbar-right ul {
    margin: 0;
}

.uk-navbar-nav {
	display: flex;
    padding-left: 30px;
    justify-content: flex-end;
	margin-bottom: 20px;
}
.uk-navbar-item {
    font-size: 1em;
    font-family: 'Rajdhani', sans-serif;
}
#page--precontent{
	margin-bottom: 27px;
}
#page--precontent .uk-navbar-item {
	padding: 0;
}
#page--navbar {
	height: 50px;
}
#page--navbar .uk-navbar-left{
	width: 100%;
}
.sg-main-menu{
	width: calc(100% - 410px);
}
.sg-main-menu a:hover{
	color: #ff9100;
}
.uk-navbar-nav li>a{
	font-family: 'Rajdhani', sans-serif;
	font-size: 1.1rem;
	min-height: 30px; 
	padding: 0 2px;
	color: #fff;
	border: none;
}

.uk-navbar-nav>li>a:hover{
	color: #fff;
	border: none;
}
.uk-navbar-nav>li {
 margin: 0;
 margin-left: 15px;
 padding: 0;
}

.uk-navbar-nav>li{
	border-bottom: dotted 1px #343a40;
}

.uk-navbar-nav>li:hover{
	border-bottom: dotted 1px #ff9100;
}
.uk-navbar-nav>li:hover a{
	color: #ff9100;
}
.uk-navbar-nav>li li a{
	font-size: 0.9rem;
	min-height: auto;
	border-bottom: dotted 1px #5b626a;
}
.uk-navbar-nav>li:hover li a{
    color: #fff;
}

.uk-navbar-nav>li.uk-active{
    border-bottom: dotted 1px #ff9100;
}
.uk-navbar-nav>li.uk-active>a {
    color: #ff9100;
	font-weight: 400;
}
.uk-navbar-dropdown{
	padding: 15px;
    background: #5b626a;
}

[class*=uk-navbar-dropdown-bottom] {
    margin-top: 20px;
}

.uk-navbar-dropdown-nav>li{
	border-bottom: dotted 1px #5b626a;
	margin-bottom: 5px;
}
.uk-navbar-dropdown-nav>li:hover{
	border-bottom: dotted 1px #ff9100;
}

.uk-navbar-dropdown-nav>li>a:hover {
    color: #fff;
}
li .uk-navbar-dropdown-nav li.uk-active>a {
    color: #ff9100;
}
/* Language switcher */

.sg-language {
	display: flex;
	align-items: flex-end;
	margin: 0;
	padding:0;
	list-style: none;
	margin-right: 10px;
}

.sg-language li{
	border-bottom: dotted 1px #343a40;
	margin: 0;
	margin-right: 15px;
	padding: 0;
}	
.sg-language>li:hover{
	border-bottom: dotted 1px #fff;
}
.sg-language>li>a{
    color: #fff;
	Text-transform: uppercase;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	display: inline-flex;
}
.sg-language a:after{
	content: 'EN';
	visibility: visible;
	font-size: 16px;
	display:block;
}

.sg-language a[href*="fr"]{
	visibility: hidden;
	font-size: 0;
}
.sg-language a[href*="fr"]:after{
	content: 'FR';
	visibility: visible;
	font-size: 16px;
}
.sg-language>li>a:hover{
    text-decoration: none;
}

.sg-language>li.uk-active {
	border-bottom: dotted 1px #fff;
}
.sg-language>li.uk-active>a {
    color: #fff;
}

/* Search form */
.sg-search{
	display: flex;
	align-items: flex-end;
	justify-content: center;
	margin-left: 15px;
}

.sg-search input, .sg-search button{
	height: calc(1.6rem + 2px);
	background-color: #464c52;
    border: 1px solid #5b626a;
	border-radius: .2rem;
}
.form-search.uk-input{
	padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
	width: 200px;
	float: left;
}

.sg-search .uk-button{
	width: 30px;
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
	border-left: 0;
	padding: 0;
	color: #fff;
	line-height: 0;
	font-size:0;

}
.sg-search button:hover{
	color: #9f9f9f;
	background-color: #464c52;
	border-color: #5b626a;
}
.sg-search .form-actions button::after{
	color: #5b626a;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f002";
	font-size: 16px;
	position: relative;
	top: 2px;
}
.sg-search button:hover::after{
	color: #9f9f9f;
}
/* User Account */
.sg-account{
	display: flex;
	align-items: center;
}
.sg-account ul{
	display: flex;
	align-items: flex-end;
	margin-top: 15px;
	margin-left: 10px;
}
.sg-account li{
margin-left: 10px;
}
.sg-account a{
	color: #5b626a;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	display: inline-flex;
}
.sg-account a:hover{
	color: #464c52;
	text-decoration:none;
}
.sg-account a[href*="user"]::after{
	content: "\f007";
	visibility: visible;
	font-size: 1.3rem;
	display:block;
}

.sg-account a[href*="login"]::after{
	content: "\f2f6";
	position: relative;
	top: 3px;

}
.sg-account a[href*="logout"]::after{
	content: "\f2f5";

}

/* Slideshow */
.uk-overlay-default {
    background: rgba(255,255,255,.2);
}

*+.sg-padding {
    padding-top: 20px!important;
}

.sg-padding {
     padding-bottom: 20px;
}

.uk-slideshow-nav.uk-dotnav {
	margin: auto;
	padding-left: 15px;
    padding-right: 15px;
}

.slider_caption {
	width: 600px;
	padding: 30px;
	background: rgba(255,255,255,.15);

}
	.slide-text {
		font-size: 1rem;
		line-height: 1.5;
	}

h3.slide-title {
		color: #fff;
		font-size: 6rem;
		font-weight: 400;
		line-height: 1;
		text-transform: uppercase;
	}

@media (min-width: 640px){
	.uk-slideshow-nav.uk-dotnav {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media (min-width: 960px){
	.uk-slideshow-nav.uk-dotnav {
		padding-left: 40px;
		padding-right: 40px;
	}

	.uk-position-large {
		max-width: calc(100% - (50px * 2));
		margin: 50px;
		margin-left: 200px;
	}
}

@media (min-width: 1200px){
	.uk-position-large {
		max-width: calc(100% - (50px * 2));
		margin: 50px;
		margin-left: 350px;
	}
}

ul.uk-slideshow-nav {
	margin: 0;
}

/* Sidebar */
#region--sidebar_second{
margin-bottom: 20px;	
}
.region-sidebar-second{
	padding-top: 20px;
}

.region-sidebar-second .uk-margin {
	margin: 10px 0!important;
}

.region-sidebar-second ul,
.region-sidebar-second h2 {
	margin: 0 0 10px 0;
}

#region--sidebar_second a{
border-bottom: 1px dotted #f0f2f3;	
}

#region--sidebar_second div:last-child .sg-hr{
display: none;	
}

#region--sidebar_second .sg-tag-label {
	line-height: 1rem;
}
#region--sidebar_second .sg-tag-label span,
#region--sidebar_second .sg-tag-label a{
	font-size: 0.8rem;
	color: #999;
}
#region--sidebar_second .sg-tag-label a:hover {
border: none;
color: #000;
}
#region--sidebar_second .sg-tag-label a::before {
	content: "";
	margin-right: 0;
	font-size: 0;
}
#region--sidebar_second .sg-tag-label .views-field-title{
	margin-top: 10px;
}
#region--sidebar_second .sg-tag-label .views-field-title a{
	font-size: 1rem;
  color: #444;
  border-bottom: 1px;
}
#region--sidebar_second .sg-tag-label .views-field-title a:hover {
  color: #444;
  text-decoration: none;
  border-bottom: 1px dotted #ff9100;
}
#sorry-uikit-tools .sg-list a::before,
#tools .sg-list a::before,
#region--sidebar_second .sg-tag-label .views-field-title a::before{
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f0da";
	margin-right: 5px;
	font-size: 0.8rem;
	color: #ff6600;
}

#region--sidebar_second div[id*='skill'] .sg-tag-label .views-field-title a::before{
	content: "\f669";
}
#region--sidebar_second div[id*='fit'] .sg-tag-label .views-field-title a::before{
	content: "\f197";
}

#region--sidebar_second div[id*='book'] .sg-tag-label .views-field-title a::before{
	content: "\f02d";
}


.region-sidebar-second .views-element-container,
#sorry-uikit-tools,
#sorry-uikit-local-tasks{
	margin: 20px 0 0 0 !important;
	padding: 0 0 0 10px;
}

/* Local Tasks */
.sg-local-tasks ul{
	display: flex;
	margin: 10px 0 20px 0;
	padding: 0;
	list-style: none;
}
.sg-local-tasks li{
margin-left: 10px;
}
.sg-local-tasks a{
	color: #aaa;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	display: inline-flex;
}
.sg-local-tasks a:hover,
.sg-local-tasks li.uk-active a{
	color: #888888;
	text-decoration:none;
}

.sg-local-tasks a::after{
	content: "\f06e";
	visibility: visible;
	font-size: 1.5rem;
}
.sg-local-tasks a[href*="edit"]::after{
	content: "\f044";
}
.sg-local-tasks a[href*="outline"]::after{
	content: "\f02d";
}
.sg-local-tasks a[href*="delete"]::after{
	content: "\f2ed";
}
.sg-local-tasks a[href*="revision"]::after{
	content: "\f5fd";
}
.sg-local-tasks a[href*="translation"]::after{
	content: "\f1ab";
}
.sg-local-tasks a[href*="shortcut"]::after{
	content: "\f818";
}
.sg-local-tasks a[href*="login"]::after{
	content: "\f2f6";
}
.sg-local-tasks a[href*="register"]::after{
	content: "\f234";
}
.sg-local-tasks a[href*="password"]::after{
	content: "\f11c";
}
