/****
 * 
 * AzuCore18.css
 * Generic CSS used across multiple websites,
 * to override standard UIkit values and
 * add specific functionality.
 *
 */

 :root {
	--az-red: #d70303;
	--az-red-10lighter: #f40303;
	--az-green:#3c800f;
	--az-green-15lighter: #53b115;
  }
  

/* Override UIkit italics color */
em {color: inherit;}

/* Override UIkit notification styling */
.uk-notify.uk-notify-top-center {margin-top:50px;}
.uk-notify-message>.uk-close {visibility: visible;}


/* 2. general typography
==================================== */

/* Default font for everything, unless specifically defined */
body * {
	font-family: 'Raleway', 'Arial', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
   font-family: 'Montserrat', 'Arial', sans-serif;
	color: #2d70b4;
}

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

.az-text-mono {
	font-family: 'Lekton','Cutive Mono', 'Inconsolata', monospace;
}
.az-text-condensed {
	font-family: 'Open Sans Condensed', monospace;
	font-weight: 300;
}
.az-text-condensedLight {
	font-family: 'Open Sans Condensed', monospace;
	font-weight: 300;
}
.az-text-condensed_B {
	font-family: 'Open Sans Condensed', monospace;
	font-weight: 700;
}

.az-text-regular {
	font-weight: normal;
}
.az-text-italics {
	font-style: italic;
}
.az-italics {
	font-style: italic;
}
.az-text-underline {
	text-decoration: underline;
}
.az-text-normal {
	text-transform: none !important;
}
.az-text-mini {
	font-size: 0.7em;
}
.az-miniMono {
	font-family: 'Lekton', 'Monaco', monospace !important;
	font-size: 0.7em;
}

/* https://github.com/adobe/balance-text */
/* Plugin looks for elements with class named "balance-text" */
.balance-text {
	text-wrap: balance;  /* Apply (proposed) CSS style */
}

/* Add to the repertoire of panel boxes */
.az-panel-box-danger {
  background: #fff1f0;
  color: #d85030;
  border-color: rgba(216, 80, 48, 0.3);
}
.az-panel-box-success {
  background: #f2fae3;
  color: #659f13;
  border-color: rgba(101, 159, 19, 0.3);
}

/* To remove default bottom border in uikit tables, add class
   'az-border-bottom-remove' to the table tag.  */
.az-border-bottom-remove.uk-table td {
	border-bottom: 0px;
}
/* To ensure that first TD is minimal, use this class in last TD in row*/
td.az-expand {width: 100%;}

/* Differentiation of Back Office tabs, for organisers only */
li.orgTab a {color: orange;}
li.orgTab.uk-active a {color: red;}

/* Styling for fancy CHECKBOX */
.switch {
	position: relative;
	display: inline-block;
	width: 34px;
	height: 18px;
}
.switch input { display:none; }
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}
.slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 1px;
	bottom: 1px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
input:checked + .slider { background-color: #2196F3; }
input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
input:checked + .slider:before {
	-webkit-transform: translateX(16px);
	-ms-transform: translateX(16px);
	transform: translateX(16px);
}
/* Rounded sliders */
.slider.round { border-radius: 16px; }
.slider.round:before { border-radius: 50%; }

/* END :: Styling for fancy CHECKBOX */


/* Styling for 
     Confirm || Are your sure? YES | NO 
   functionality
*/
.toggle {
	display: inline;
	white-space: nowrap;
}
.toggle a {
	/* REMOVED styling below */
	/* ==> Check if this still works as it should <== */
	/*font-size: 13px;
	color: #888;
	font-weight: bold;*/
	padding: 0 1px;
}
.confirm {
	display: none;
	color: #d70303; /* AzuRed */
	/*font-size: 11px;*/
}
.option { /*used only for javascript behaviour*/ }


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


/* BackOffice styles for Status buttons */
.uk-button.az-statusAccepted_bkg {background-color: #3c800f;}
.uk-button.az-statusAccepted_txt {color: white;}
.uk-button.az-statusDeclined_bkg {background-color: DarkViolet;}
.uk-button.az-statusDeclined_txt {color: white;}
.uk-button.az-statusRejected_bkg {background-color: #d70303;}
.uk-button.az-statusRejected_txt {color: white;}
.uk-button.az-statusWaitingList_bkg {background-color: #FF9428;}
.uk-button.az-statusWaitingList_txt {color: white;}

/* Uniform styling for all myPage instances */
.myPage {
	font-weight:bold;
	font-style:italic;
}
a.myPage , a:visited.myPage , a:hover.myPage  {
	font-weight:bold;
	font-style:italic;
}

/* More elegand super- and subscripts */
/* ==> Check if this is still so (2017) or if it can be removed <== */
sup {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
sub {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: -0.25em;
}

/* What is this for?... */
@media all {
	.page-break	{ display: none; }
}

@media print {
	.page-break	{ display: block; page-break-before: always; }
}

/* Always show the right scrollbar */
html {
   overflow-y: scroll;
   height: 101%
}

/* For a full-screen background image, 
   include an image at the start of BODY with this ID 
*/
#full-screen-background-image {
	z-index: -999;
	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
}

/*Button back*/
.az-button-back {
  background-color: #575757;
  color: #ffffff;
}
/* Hover */
.az-button-back:hover,
.az-button-back:focus {
  background-color: #d70303;
  color: #ffffff;
}