@import "mauve.bm.min.css";
/*@import "bulma-extensions.min.css";*/

/* Show/Hide code */
.hidden {
	display: none;
}
.show, .shown {
}
html,body {
	height: 100%;
}
.privacytermsfooter {
	font-size: 0.75em;
	background-color: rgb(211,211,211);
	margin-top: 2em;
	padding-right: 0.5em;
	position: sticky;
	top: 100vh;
}
/* Allow lighter labels for optionality */
.is-light label {
	color: #888888;
}

/* Border a responsive video in case we can't see it all with no poster */
video.responsive {
	border: 0.5px solid #eeeeee;
}

/* Prevent the response message buttons merging if there are many */
#questionsection button, #responsemessagesection a.button {
	margin-bottom: 0.2rem;
        white-space: normal;
        height: auto;
}

/* Facebook */
.button.is-facebook {
        font-family: Helvetica, Arial, sans-serif;
        /*font-size: 1.0666666em;*/
        font-weight: bold;
        letter-spacing: .25px;
        color: white;
        background-color: #1877f2;
        border: none;
        border-radius: 4px;
        max-width: 100%;
        white-space: normal;
        height: auto;

}
.button.is-facebook .icon.is-large {
        font-size: 130%;
}
.button.is-facebook .icon.is-small {
        margin-left: 0.75em;
        margin-right: 0.1em;
}
.rtl .button.is-facebook .icon.is-small {
        margin-left: 0.1em;
        margin-right: 0.75em;
}


/* Allow buttons in a response message a bit of space */
#responsemessage a.button {
        margin-top: 0.6rem;
}

/* Prevent excessive space between 1 column buttons */
.columns.buttoncols1 {
        margin-bottom: 0;
}

/* Float the language corner */
.rtl .languagecorner {
        float: left;
        margin-right: 1em;
}
.ltr .languagecorner {
        float: right;
        margin-left: 1em;
}

/* Fix bulma RTL radius on button clusters */

.rtl .buttons.has-addons .button:not(:last-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
}
.rtl .buttons.has-addons .button:not(:first-child) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
}

.rtl .buttons.has-addons .button.is-small:not(:last-child) {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;	
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
}
.rtl .buttons.has-addons .button.is-small:not(:first-child) {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
}

/* Pseudotable using columns (so table will wrap rather than off-screen) */
.pseudotable {
	border-bottom: 1px solid rgb(219,219,219);
	cursor: pointer;
}
.pseudotable.online.even {
	background-color: #fdfdfd;
}
.pseudotable.online.odd {
	background-color: #f9f9f9;
}
.pseudotable.offline.even {
	background-color: #ededed; 
}
.pseudotable.offline.odd {
	background-color: #e9e9e9;
}
.pseudotable:hover, .pseudotable.online.even:hover, .pseudotable.online.odd:hover, .pseudotable.offline.even:hover, .pseudotable.offline.odd:hover, .pseudotable.online:hover, .pseudotable.offline:hover, .pseudotable.odd:hover, .pseudotable.even:hover {
	background-color: #c2d0d6;
}
/* Put 1em margin at foot of any element for general spacing */
.spacebase {
	margin-bottom: 1rem;
}

/* Code for selectable autocomplete */
.autocompleteitem {
	cursor: pointer;
}
.autocompleteitem:hover {
	background-color: #F0F8FF;
}

/* Code for reducing an individual section top or base */
.jk-close-section-top {
	padding-top: 1rem;
}
.jk-close-section-bottom {
	padding-bottom: 1rem;
}
section.jk-withoutverticalcost {
        padding-top: 0;
        padding-bottom: 0;
}
section.jk-minimalverticalcost {
	padding-top: 0;
	padding-bottom: 1.25rem;
}

/* Code for columntables (use columns instead of tables) */
.jk-columntable {
	margin-left: 1rem;
	margin-right: 1rem;
	border: 1px solid #F0F8FF;	
	margin-bottom: 0.25rem;
	padding: 0.25rem 0.25rem 0.25rem 0.25rem;
}

/* Code for responsive handling of Iframe containing video - i.e. YouTube and Vimeo */
.jk-iframe-embed-responsive {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
}

.jk-iframe-embed-responsive-item {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
}

.jk-iframe-embed-responsive-21by9 {
	padding-bottom: 42.86%;
}

.jk-iframe-embed-responsive-16by9 {
	padding-bottom: 56.25%;
}

.jk-iframe-embed-responsive-4by3 {
	padding-bottom: 75%;
}

.jk-iframe-embed-responsive-1by1 {
	padding-bottom: 100%;
}

@media all and (orientation:landscape) {
	/* Style adjustments for landscape mode goes here */
	
	/* Don't want the WHOLE screen dominated by a giant video as it takes our content away */
	.jk-iframe-embed-responsive {
		height: 75%;
		width: 75%;
		padding-bottom: 42.19%;
	} 
	.jk-iframe-embed-responsive-21by9 {
	        padding-bottom: 32.14%;
	}

	.jk-iframe-embed-responsive-16by9 {
	        padding-bottom: 42.19%;
	}
	
	.jk-iframe-embed-responsive-4by3 {
	        padding-bottom: 56.25%;
	}
	
	.jk-iframe-embed-responsive-1by1 {
	        padding-bottom: 100%;
	}
	video.responsive {
		max-height: 75%;
		width: 75%;
	}
}