@charset "UTF-8"; /* Set the encoding of the style sheet to Unicode UTF-8 */

/* CSS file for new EBBS website */

/*
Colours used:
Blue:           #526d92
Light-blue:     #7E93B1
Orange-Yellow:  #FFB150
Yellow:         #ffd85d
*/

/* 1. resets and overrides
==================================== */

/* Override default uikit default*/

em{
	color: inherit;
}

/* 2. general typography
==================================== */
body * {
	font-family: 'Open Sans', 'Arial', sans-serif;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Lato', 'Arial', sans-serif;
	color:#526d92;
}

p {
	font-family: 'Open Sans', 'Arial', sans-serif;
	color:#2f2f28;
}

ul {
	font-family: 'Open Sans', 'Arial', sans-serif;
	color:#2f2f28;
}

/* Azuleon-specific colours */
.az-red { color: #d70303; }
.az-green { color: #3c800f; }
.az-orange { color: #FF9428; }
.az-blue { color: #0452a7; }
.az-darkviolet { color: DarkViolet; }
.az-white {color:white;}


/* 3. general layout
==================================== */

#slider-home .uk-card-default{
	background-color:#F6F7FA;
}
#slider-home p{
	color:#526d92;
}

	/*SOCIAL MENU*/
.social-menu{
	display: block;
   text-align: center;
   width: 42px;
	height: 96px;
   background-color: #7E93B1;
   position: fixed;
   top: 88px;
   right: 0;
    margin-top: -46.5px;
   z-index: 999;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.social-links {
	padding: 3px 0;
}

.social-links a.facebook, .social-links a.twitter {
	font-size: 18px;
	color:#FFF;
	/*transition: color .3s;*/
}

.social-links a.facebook {
	position:relative;
	color: #fff;
	padding: 5px 10px;
}
.social-links a.twitter {
	position:relative;
	color: #fff;
	padding: 5px 10px;
}

.social-links li, .social-links a {
	display:inline-block;
	overflow:hidden;
}

.social-links a.facebook:hover {
	color: #3b5998;
}

.social-links a.twitter:hover {
	color: #55acee;
}

	/*END SOCIAL MENU*/

.joinus {
	background-color:#FFB150;
}
.joinus h2 {
	color:#fff;
}
.joinus p {
	color:#fff;
}
.joinus a {
	color:#fff;
}
.register-button {
	background-color: #F33;
}

#news .uk-card-title {
	color:#FFB150;
	font-weight:700;
	font-size:21px;
}
#news2 .uk-card-title {
	color:#526d92;
	font-weight:700;
	font-size:21px;
}
#news3 .uk-card-title {
	color:#F04F6E;
	font-weight:700;
	font-size:21px;
}

#internal_header h1 {
	color:white;
	text-shadow: 0 0 5px #333333;
	letter-spacing: 5px;
	font-weight:bold;
	font-size:3rem;
} 

.JO-card-pink {
	border-left: 6px solid #F04F6E;
}

/* 4. header-specific
==================================== */
h1.header {
	color:#FFF;
	font-size:50px;
}

h3.header {
	color:#FFF;
	font-style:italic;
}

h1.headergeneral {
	color:#FFF;
	font-size:40px;
}

@media screen and (max-width: 767px) {

h1.header {
	font-size: 32px;
}

h3.header {
	font-size: 18px;
}

h1.headergeneral {
	font-size: 25px;
}

}


/* 5. navigation-specific
==================================== */
/* MAIN MENU STYLING */
#EBBS-navbar,
#EBBS-navbar .uk-navbar-container {
	background-color: #7E93B1;
}

#EBBS-navbar .uk-navbar-nav > li > a,
#EBBS-navbar .uk-navbar-item,
#EBBS-navbar .uk-navbar-toggle {
	font-family:'Open Sans';
	font-size: .9rem;
	min-height:40px;
	color:#FFF;
	padding:0 25px;
}

#EBBS-navbar .uk-navbar-nav > li a:hover {
	color: #ffd85d;
	border-bottom: none;	
}

#EBBS-navbar ul li li {
	list-style:none;
}

#EBBS-navbar ul li li a {
	color:#fff;
}

#EBBS-navbar ul li li a:hover {
	text-decoration:none;
}


#EBBS-navbar .uk-navbar-dropdown {
	padding-top:7px;
	padding-bottom:0px;
	padding-left:0px;
	margin-top:0px;
	background-color:#7E93B1;	
}
#EBBS-navbar .uk-navbar-dropdown-nav>li>a {
	/*padding-top:10px;*/
	width:auto;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:18px;
	color: #fff;
	background-color:#7E93B1;	
	
}

#EBBS-navbar .uk-navbar-dropdown-nav>li>a:hover {
	color: #ffd85d;
}

#EBBS-navbar .uk-nav-sub a  {
	color: #949494;
}

#EBBS-navbar .uk-nav-sub a:hover  {
	color: #BDBDBD;
}


/* 6. footer-specific
==================================== */
.footer {
	background-color: #2F2F27;	
}
	
.footer h4 {
	color: #EFEFED;
}
.footer h5 {
	color: #EFEFED;
}
.footer p {
	color: #EFEFED;
}
.footer a {
	color: #FFB150;
}
			

/* Start FOOTER formatting */
/* End FOOTER formatting */


/* 7. form elements
==================================== */


/* 8. miscellaneous
==================================== */
body {
/*	overflow-y: scroll;
*/}