/*
	@FONTS      Font inclusions
	@GENERAL    General use classes
	@BASIC      Basic colors, fonts and backgrounds
	@ANIMATE    Animations
	@BUTTONS    Buttons
	@FORMS      Forms
	@LAYOUTFIX  Global Layout Fix
	@HEADER     Site Header
	@NAV        Main navigation
	@MAIN       Site inner
	@SIDE       Sidebar
	@FOOTER     Footer
	@HOME     	Homepage
	@TEMP       Work in progress

	Palette:
		White: #fff
		Black: #000
*/


/* @FONTS */

/* @GENERAL */

.clear {
	clear: both;
}

.hidden,
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}


/* @BASIC */
h1,
h2,
h3,
h4,
h5,
h6 {
}
a,
a:visited {
	color: #0094c6;
}
a:hover,
a:focus {
	color: #0094c6;
}

p {
	margin: 0 0 15px;
}


/* @ANIMATE */

.wow {
	visibility: hidden;
}
/* Remove animations on mobile */
@media only screen and (max-width: 1023px) {
	.wow {
		visibility: visible !important;
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
}


/* @BUTTONS */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input.button,
input.btn,
a.button,
a.btn {
}
button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
input.button:hover,
input.btn:hover,
.button:hover,
.btn:hover,
button:focus,
input:focus[type="button"],
input:focus[type="reset"],
input:focus[type="submit"],
input.button:focus,
input.btn:focus,
a.button:focus,
a.btn:focus {
	background-color: #0094c6;
}


/* @FORMS */
.wpcf7-form-control-wrap {
  margin-bottom: 1rem;
}

/* @LAYOUTFIX */

.site-container {
	min-width: 280px;
}

/* @HEADER */
.site-header {
	position: static;
}

.title-area {
	display: none;
}

/* @NAV */
.nav-primary {
	float: none;
}

@media only screen and (min-width: 960px) {
	.nav-primary {
		text-align: center;
	}

	.nav-primary .menu-image-title {
		display: none;
	}
}

.entry-content .menu {
	padding-left: 0;
}
.entry-content .menu .menu-item {
	list-style: none;
	margin-bottom: 10px;
}

.genesis-nav-menu a:focus,
.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item>a,
.genesis-nav-menu .sub-menu .current-menu-item>a:focus,
.genesis-nav-menu .sub-menu .current-menu-item>a:hover {
	color: #0094c6;
	font-weight: bold;
}

/* @MAIN */
.quiz-area .watupro-question-choice input[type=radio] + label,
.quiz-area .watupro-question-choice input[type=checkbox] + label {
	text-align: left;
	width: 100%;
}

.show-question-choices ul li {
	margin-bottom: 15px;
}
.show-question-choices ul li p {
	margin: 0;
}

.quiz-result {
	padding: 20px;
	box-shadow: 0 12px 24px 0 rgba(0,0,0,.14);
	text-align: center;
}

.grade-chart {
	position: relative;
	display: flex;
	margin-top: 20px;
	margin-bottom: 30px;
}
.grade-chart:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	border: 1px solid black;
	width: 100%;
}

.grade {
	flex: 0 0 25%;
	text-align:center;
	border-left:1px solid #000;
	font-size: 0.7em;
	font-weight: bold;
}
.grade:last-child {
	border-right:1px solid #000;
}
.grade:nth-child(even) span {
	position: relative;
	bottom:-75%;
}
.grade:nth-child(odd) span {
	position: relative;
	top:-75%;
}

.cursor {
	position: absolute;
	top: 50%;
	width: 14px;
	height: 14px;
	display: block;
	border-radius: 50%;
	transform: translate(-50%, -45%);
	background-color: #0094c6;
	border: 7px solid #0094c6;
}

.grade-chart-circle {
	position: relative;
	margin-bottom: 40px;
}
.grade-chart-circle .bg-img {
	display: block;
	margin: 0 auto;
	transform: scale(0.9);
	transform-origin: bottom;
}
.grade-chart-circle .indicator {
	position: absolute;
	bottom: 0;
	transform-origin: 90% 50%;
	left: 50%;
	display: block;
}
.grade-chart-circle .indicator-img {
	transform: scale(0.9);
	transform-origin: 100% 50%;
}


span.answer {
	vertical-align: text-top;
}

.quiz-area .show-question-choices ul {
	padding: 0 1.8em;
}

.quiz-area .user-answer-unrevealed {
	color: #0094c6;
}

.footer-actions {
	text-align: center;
}
.button-print {
	padding: 5px 20px;
	background-color: #fff;
	color: #676767;
	border: 1px solid #676767;
}
.button-print:hover {
	border: 1px solid transparent;
}
.no-js .button-print {
	display: none;
}

.bs-page-hidden-title .entry-header .entry-title {
	display: none;
}

/* @SIDE */


/* @FOOTER */
.site-footer {
	display: none;
}


/* @HOME */
.home .site-header {
	display: none;
}

.home .wpcf7 {
	max-width: 400px;
	margin: 0 auto;
}
.home .feedback-text {
	max-height: 120px;
}

.home .content .menu .menu-image {
	width: 48px;
}

@media only screen and (min-width: 640px) {
	.home .content .menu {
		background-image: url("bs-images/integrity-recommendation-visual-en.png");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		height: 570px;
		position: relative;
		width: 570px;
		margin: 0 auto;
	}

	.home.bs-wpml-lang-fr .content .menu {
		background-image: url("bs-images/integrity-recommendation-visual-fr.png");
	}

	.home .content .menu .menu-image {
		width: 89px;
		padding: 0;
	}

	.home .content .menu .menu-image-title {
		display: none;
	}

	.home .content .menu li {
		position: absolute;
		border-radius: 50%;
	}
	.home .content .menu li:hover a:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, 0.5);
		border-radius: 50%;
	}
	.home .content .menu li.commitment {
		left: 13.5%;
		top: 23.5%;
	}
	.home .content .menu li.responsibilities {
		left: 0%;
		top: 34.3%;
	}
	.home .content .menu li.strategy {
		left: 0%;
		top: 51.6%;
	}
	.home .content .menu li.standards {
		left: 13%;
		top: 62.6%;
	}
	.home .content .menu li.whole-of-society {
		left: 38.6%;
		top: 12.8%;
	}
	.home .content .menu li.leadership {
		left: 52%;
		top: 2.1%;
	}
	.home .content .menu li.merit-based {
		left: 68.8%;
		top: 5.2%;
	}
	.home .content .menu li.capacity-building {
		left: 77.2%;
		top: 20.1%;
	}
	.home .content .menu li.openness {
		left: 71.4%;
		top: 36.3%;
	}
	.home .content .menu li.risk-management {
		left: 77.4%;
		top: 54.9%;
	}
	.home .content .menu li.enforcement {
		left: 76.5%;
		top: 71.9%;
	}
	.home .content .menu li.oversight {
		left: 63%;
		top: 82.2%;
	}
	.home .content .menu li.participation {
		left: 46.4%;
		top: 79%;
	}
}

.genesis-nav-menu a:focus,
.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item>a,
.genesis-nav-menu .sub-menu .current-menu-item>a:focus,
.genesis-nav-menu .sub-menu .current-menu-item>a:hover {
	font-weight: normal;
}

.content .wpml-ls-legacy-list-horizontal {
	text-align: center;
}
.content .wpml-ls-item {
	position: relative;
}
.content .wpml-ls-item:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 20px;
	transform: translateX(-50%);
	border-bottom: 2px solid transparent;
}
.content .wpml-ls-current-language:after {
	border-bottom-color: #0094c6;
}

/* @PRINT */
@media print {
	.watupro_buttons #action-button,
	.button-print {
		display: none;
	}
}