html,
body {
    overscroll-behavior-y: contain;
}
html {
	overflow-x: hidden;
}
body {
	-webkit-overflow-scrolling: touch;
}
.go_padding-content {
    margin-right: -15px;
    margin-left: -15px;
    width: calc(100% + 30px);
}
.go_gebiedsplan-btn {
    margin-bottom: 5px;
}

.go_hearthbox{
	/* border:1px solid #ccc; 
	padding:10px; */
	display: table;
	margin-top:10px; 
	margin-bottom:30px;
	min-height: 44px;
}
.go_hearth{
	color: #e33737; 
	margin-right: 5px; 
	font-size: 20px;
	vertical-align: middle;
}
.go_hearth.go_hearth-placeholder {
	width: 50px;
}
.go_hearth_disabled{
	color: #e33737; 
	margin-right: 5px; 
	font-size: 20px;
}
.go_gebiedsplan-btn .go_hearth{
	margin-right: 5px;
}
.go_hearth-draggable{
	font-size: 40px;
	/*
	width: 40px;
	height: 40px;
	*/
	line-height: 40px!important;
	cursor: grab;
}
.go_hearthbox .go_hearth{
	float: left;
}

/*
.go_hearth-placeholder{
	float: left;
	margin-right: 5px;
	color: #ccc;
	font-size: 40px;
	width: 40px;
	height: 40px;
	line-height: 40px!important;
	position: relative;
}
*/
/*
.go_hearth-placeholder::after{
	position: absolute;
	display: block;
	content: '\f067';
	left: 0;
	top: 0;
	font-size: 14px;
	width: 40px;
	line-height: 60px;
	text-align: center;
	font-weight: 900;
}
*/
.go_hearth-cluster{
	margin-right: 5px;
	font-size: 60px;
	width: 60px;
	height: 60px;
	line-height: 60px!important;
	position: relative;
}
.go_hearth-cluster-number{
	/*
    display: table;
    content: "5";
    */
    position: absolute;
    color: white;
    top: 0;
    font-size: 30px;
    font-family: sans-serif;
    width: calc(100% - 10px); /* width - padding of hearth */
    text-align: center;
}


/*
.go_hearth-plus{
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 40px;
	width: 40px;
	height: 60px;
	line-height: 60px!important;
	position: relative;
}
*/
.go_hearth-number {
    position: absolute;
    display: block;
    color: white;
    top: 50%;
    font-size: 20px;
    font-family: sans-serif;
    text-align: center;
    left: 0;
    top: -2px;
    width: 50px;
    line-height: 40px!important;
}
.cloudwoord-hearths-inner{
	display: flex;
	float: right;
/*	min-width: 75px;	*/
}


.go_hearth-minus,
.go_hearth-plus{
	display: flex !important;
    align-items: center;
    color: #ccc;
    float: left;
    line-height: 60px;
    /*opacity: 0;*/
    position: relative;
    font-size: 25px;
    padding: 0 5px;
    cursor: pointer;
}
.go_hearth-minus.disabled,
.go_hearth-plus.disabled{
	opacity: 0.5;
	pointer-events: none;
	cursor: default;
}


.go_hearth.go_hearth-plus{
	font-size: 40px;
	color: #e33737;
}
.go_hearth.go_hearth-placeholder{
	color: #ccc;
	font-weight: bold;
}

/*
.go_hearth-minus-show{
	opacity: 1;
}
.go_hearth-minus:before {
    content: "\f111"; 
    font-size: 25px;
    font-weight: 100;
}
.go_hearth-minus:after {
    position: absolute;
    left: 0;
    font-size: 14px;
    width: 25px;
    text-align: center;
    margin: auto;
    content: "\f068";
}
*/

.go_hearth-bar{
    background: #e33737;
    color: white;
    min-height: 50px;
    line-height: 50px;
    font-size: 18px;
    margin-bottom: -1px;
}
.pageWrapperHearths .cx_menu + .go_top-wrapper + .go_content-wrapper > .content {
    margin-top: calc( 50px + 77px + 15px + 50px );
}
.pageWrapperHearths .go_top-wrapper + .go_content-wrapper > .content {
    margin-top: calc( 77px + 15px + 50px );
}



.go_hearth-bar .go_container{
	transition: opacity 0.5s;
}
 

[draggable] {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	/* Required to make elements draggable in old WebKit */
	-khtml-user-drag: element;
	-webkit-user-drag: element;
	/* cursor: pointer; */
}

[draggable=false] {
	user-drag: none; 
	-khtml-user-drag: none;
	-webkit-user-drag: none;
}
.go_shake {
	-webkit-animation: drop 0.4s;
	animation: drop 0.4s;
  	transform: translateX(0);
}
@keyframes drop {
	0% {
		background: white;
	}
	50% {
		background: rgba(255, 215, 0, 0.3);
	}
	70% {
		background: rgba(255, 215, 0, 0.3);
	}
	100% {
		background: white;
	}
}
@keyframes shake {
	25% {
		transform: translateX(-2px);
	}
	50% {
		transform: translateX(2px);
	}
	75% {
		transform: translateX(-2px);
	}
	100% {
		transform: translateX(0);
	}
}
/*
@media (min-width: 768px) {
	.go_hearth-headertext{
		width: calc(100% - 300px); 
		float:left
	}
}
*/
.go_wordcloud-popover{
	width: 100%;
	max-width: 500px;
}
.wordcloud{
	margin-bottom:26px;
/*	width:${width}px;	*/
	max-width: 100%;
	margin: auto; 
	display: flex; 
	flex-wrap: wrap; 
	justify-content: center;
	margin-bottom: 30px;
}
.cloudwoord-wrapper{
	display: table;
	margin-right: 10px;
	float: left;
	margin-bottom: 2px;
    text-align: center;
}

.wordcloud .cloudwoord-wrapper {
	line-height: 1em;
}

@supports (-ms-ime-align: auto) { /* edge hack */
	.cloudwoord-wrapper{
		white-space: nowrap;
	}
}


.go_coins-bar.hover{
	background: rgb(255, 215, 0, 0.5)!important;
	border: 1px dashed #37b7e3!important;
}
.cloudwoord.hover{
	border: 1px dashed #37b7e3!important;
}

a.cloudwoord:hover,
a.cloudwoord.hover{
	color: #2eaadc !important;
}
a.cloudwoord.hover{
	border: 1px solid #2eaadc;
}


/* editable cloudwords */
.go_hearthwords{
    -webkit-columns: 400px 2; /* Chrome, Safari, Opera */
    -moz-columns: 400px 2; /* Firefox */
    columns: 400px 2;
}
.go_hearthwords-single-col{
	 -webkit-columns: unset; /* Chrome, Safari, Opera */
    -moz-columns: unset; /* Firefox */
    columns: unset;
}
.go_hearthwords .cloudwoord-wrapper{
	position: relative;
	text-align: left;
	margin-right: 0;
    float: none;
	margin-bottom: 5px;
    display: inline-block;
    width: 100%;
}
.go_hearthwords .cloudwoord{
    display: table;
 /*   table-layout: fixed; */
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
}

.cloudwoord[data-href]:hover {
	box-shadow: 3px 3px 6px 0 rgba(0,0,0,0.2);
	cursor: pointer;
}

.cloudwoord-inner{
	display: table-row;
}
.cloudwoord-inner > *{
	display: table-cell;
	vertical-align: middle;
}
 
.cloudwoord-image{
	width: 60px;
}
.cloudwoord-image img{
	width: 60px;
}
.cloudwoord-label{
	min-width: 50%;
	padding: 10px;
}
.cloudwoord-label,
.cloudwoord-hearths{
	/*width: 100%; */
}
.cloudwoord-label i {
    margin-top: .5em;
    display: inline-block;
}
.go_hearthwords .go_hearth{
 /*   padding-left: 5px; */
    display: table-cell;
}
.go_hearthwords .go_hearth:last-child{
/*	padding-right: 5px; */
}



.cloudwoord-wrapper-xs{
	font-size: 15px;
}
.cloudwoord-wrapper-sm{
	font-size: 20px;
}
.cloudwoord-wrapper-md{
	font-size: 25px;
}
.cloudwoord-wrapper-lg{
	font-size: 30px;
}
.cloudwoord-wrapper-xl{
	font-size: 35px;
}

.go_hearthwords .cloudwoord-wrapper-md{
	font-size: 18px;
}

@media (min-width: 992px) {
	.wordcloud .cloudwoord-wrapper-xs{
		font-size: 16px;
	}
	.wordcloud .cloudwoord-wrapper-sm{
		font-size: 24px;
	}
	.wordcloud .cloudwoord-wrapper-md{
		font-size: 34px;
	}
	.wordcloud .cloudwoord-wrapper-lg{
		font-size: 42px;
	}
	.wordcloud .cloudwoord-wrapper-xl{
		font-size: 50px;
	}
}


/* COINS */
.go_coins{
    columns: unset;
}
.go_coin{
	display: inline-table;
}
.go_coin img{
	float: left;
}
.cloudwoord-hearths-inner .go_coin{
	margin: 0 5px;
}


.go_goal-table .cloudwoord-wrapper{
	text-align: left;
}
.go_goal-coins .go_coin{
	float: left;
	margin-right: 5px;
}



/*
.go_coin{
	position: relative;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-top: 10px;
	background: linear-gradient(15deg, #e4a300, gold 80%);
}  
.go_coin::before{
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 4px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: linear-gradient(15deg, gold, #e4a300 80%);
}
.go_coin-label {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 30px;
	height: 30px;
	background: red;
	border-radius: 50%;
	background: linear-gradient(15deg, #e4a300, gold 80%);
}
.go_coin-label::before{
	content: "€";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 25px;
	width: 30px;
	text-align: center;
	font-family: monospace;
	line-height: 30px;
	font-weight: bold;
	color: gold;
	text-shadow: 1px 1px 1px #e4a300, 0px -1px 2px darkgoldenrod;
}
.go_coin-label::after{
	content: "€";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 25px;
	width: 30px;
	text-align: center;
	font-family: monospace;
	line-height: 30px;
	font-weight: bold;
	color: gold;
   
}
 @supports (-webkit-background-clip: text) {
	.go_coin-label::after{
		 background: linear-gradient(15deg, #ffeb82, #ffc535  80%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
}
*/

.go_coin.go_hearth-placeholder{
	width: 40px;
	opacity: 0.5;
}



/*
.go_coin-placeholder {
	filter: grayscale(100%);
    opacity: 0.5;
}
*/


/* Coin bar */
.go_coins-bar{
	border: 1px dashed gold;
	background: gold;
	color: darkgoldenrod;
}
.go_coin{
	transform: scale(1);
}
.go_coins-bar .go_coin {
    display: inline-block;
    float: none;
    vertical-align: middle;
    margin: 0 0 4px;
    border: 1px solid darkgoldenrod;
    border-radius: 50%;
}
.go_coins-bar .go_hearth-placeholder{
	width: 35px;
}

.go_coins-bar .go_coin.dropped{
	animation: coinAppear .2s linear ;
}
@keyframes coinAppear {
  from {transform: scale(0);}
  to {transform: scale(1);}
}

.go_coins-bar .go_coin .go_coin-label{
	font-size: 15px;
	line-height: 24px;
}
.go_hearthwords .go_coin + .go_coin {
	margin-left: 0;
}


/* GO GOAL TABLE */
.go_goal-table-block{
	width: 100%;
}
.go_goal-table{
	margin: auto;
	font-size: 20px;
    line-height: 1.5em;
}
.go_goal-table .cloudwoord-wrapper{
    font-size: 20px;
    line-height: 1.5em;
    margin: 0;
}
.go_goal-table-block{
	font-size: 16px;
}
.go_goal-table-block .cloudwoord-wrapper{
    font-size: 16px;
}
.go_goal-table-percentage,
.go_goal-table-euro{
	white-space: nowrap;
}




.go_btn-back-to-dashboard{
	margin-right: 15px;
}



/* telephone in portrait mode */
@media (max-width: 575px) {
	
	
	.go_goal-table{
		font-size: 18px;
	}
	.go_goal-table .cloudwoord-wrapper{
	    font-size: 18px;
	}
	
	
	/*
	.go_hearth-bar .go_container {
		height: 100px;
	}
	.pageWrapperHearths .go_top-wrapper + .go_content-wrapper > .content {
	    margin-top: calc( 77px + 15px + 100px );
	}
	*/
	
	/* GO COIN BAR */
	.go_coins-bar {
		display: flex;
	}
	.go_coins-bar .go_container {
	    display: flex;
	}
	.go_coins-bar .go_coin {
	    margin: 0 2.5px;
	    max-width: calc(10% - 5px);
	}
	
	/* THE COIN WORDS - ROWS */
	.go_coins .cloudwoord-inner > * {
		display: block;	
	}
	.go_coins .cloudwoord-label{
		padding-top: 10px;
	}
}


/* DEBUGGING ONLY */
#go_heart-debug-bar{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background: black;
	padding-left: 15px;
	line-height: 30px;
	color: white;
}