/*!
Theme Name: Super Heroes
Theme URI: https://underscores.me/
Author: Denom
Author URI: https://denom.be
Description: Material Design theme for Super Heroes Plateform
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: super-heroes
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Super Heroes is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*!
Theme Name: Denom
Theme URI: https://underscores.me/
Author: Denis Omelcenco
Author URI: https://denom.be
Description: Basic Denom theme with minimum integrations
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: denom
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Denom is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

reset.css
*/
/* https://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}

body {
	line-height:1;
}

ol,ul {
	list-style:none;
}

blockquote,q {
	quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* Super Heroes Theme Style */
body {
	background:#fff;
	font-family:'Roboto',sans-serif;
	overflow:hidden!important;
}

a {
	color:#1e6470;
	text-decoration:none;
	font-weight:900;
	cursor:pointer;
}

#content {
	padding-top:63px;
	height:calc(100% - 64px);
	width:100%;
	position:fixed;
}

/*nom du site*/
#site-title {
	color:#196471;
	text-decoration:none;
	font-size:2em;
	font-family:'Amatic SC',cursive;
}

/* menu*/
.mdl-layout__header,.mdl-layout__drawer {
	background:rgba(255,255,255,.9);
	border-bottom:1px solid #397a87;
	box-shadow:none;
}

#masthead {
	border-bottom:1px solid #397884;
}

.mobile-login {
	position:fixed!important;
	bottom:30px!important;
	left:30px!important;
}

.mobile-signup {
	position:fixed!important;
	bottom:60px!important;
	left:30px!important;
}

.signup-cell , .login-cell{
	box-shadow: none;
	text-align: center;
}
.hello-pic{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.signup-cell .hello-pic{
	height: 21vh;
	background-image: url(https://superheroes.denom.be/wp-content/uploads/2018/11/logo-1.gif);
}
.login-cell .hello-pic{
	height: 17vh;
	background-image: url(https://superheroes.denom.be/wp-content/uploads/2018/11/hello.gif);
}
.signup-cell .mdl-dialog__actions , .login-cell .mdl-dialog__actions{
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
}
.signup-cell h4, .login-cell h4{
	text-align: center;
	margin-top: 1em;
	font-family: 'Amatic SC',cursive;
	font-size: 2em;
	font-weight: 900;
	color: #1e646e;
}
#statusfocus{
	text-align: center;
}

.mdl-layout__header-row .mdl-navigation__link {
	font-size:2em;
	font-family:'Amatic SC',cursive;
	color:#196471;
	font-weight:900;
}

.mdl-layout__header-row .mdl-navigation__link {
	display:block;
	line-height:46px;
	padding:0 24px;
	margin-top:15px;
}

.mdl-layout-title {
	padding-left:10px;
}

@media screen and (min-width: 1025px) {
	.mdl-layout__header-row {
		padding-left:0;
	}
}

@media screen and (max-width: 1024px) {
	.mdl-layout__header-row {
		height:62px;
		padding:0;
	}
}

.mdl-layout__drawer {
	color:#1e6470;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
	color:#1e6470;
}

.dashboard-link.tab,.missions-link.tab,.heroes-link.tab {
	border:1px solid;
	background:#196471;
	color:#fff;
	border-top-left-radius:19px;
	border-top-right-radius:19px;
	border-color:#196471;
}

/* floating btn*/
.sh-btn-action {
	display:block;
	background:#F6774F!important;
}

.sh-actions-bottom {
	position:fixed;
	right:0;
	bottom:0;
	margin-right:24px;
	margin-bottom:24px;
	z-index:900;
}

#filter-link,#edit-link {
	background:#01BCD4;
}

#filter-link:hover {
	background:#1e6470;
}

/* btn mobile menu */
.mdl-layout__drawer-button {
	top:3px;
}

.mdl-layout__drawer-button>i {
	color:#1e6470!important;
}

/*logo*/
.custom-logo {
	height:54px;
	width:54px;
}

.mdl-logo {
	margin:0;
}

.material-icons {
	color:#fff;
}

.sh-card-mission {
	width:100%;
	min-height:auto;
	border-radius:18px;
	background:#fafafa;
	border:1px solid #136472;
}

.sh-card-mission > .mdl-card__title {
	color:#fff;
	height:176px;
}

.sh-card-mission .mdl-card__title-text {
	font-weight:500;
	font-size:22px;
	text-align:left;
	color:#fff;
	background:rgba(0,0,0,0.3);
	padding:8px;
	border-radius:8px;
}

.sh-card-mission .mdl-card__title-text a {
	color:#fff!important;
}

.sh-card-mission .mdl-card__supporting-text {
	display:block;
	display:-webkit-box;
	max-width:100%;
	height:72px;
	margin:16px;
	font-size:14px;
	line-height:1.3;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
	padding:inherit;
	text-align:left;
}

.sh-card-mission-tags {
	position:absolute;
	bottom:15px;
	right:15px;
	max-width:calc(100% - 130px);
}

.sh-card-mission-discover {
	color:#f87748!important;
	border:1px solid;
	border-radius:14px;
	font-family:'Amatic SC',cursive;
	font-size:1.5em;
	font-weight:700;
}

.sh-card-mission-discover:hover {
	background-color:#f87748;
	color:#fff!important;
	border:1px solid #fff;
	border-radius:14px;
}

.sh-card-mission-tagslist {
	text-overflow:initial;
	white-space:normal;
	overflow-y:auto;
	max-width:100%;
}

.sh-card-mission-tagslist li {
	display:inline;
	margin-left:8px;
}

.sh-card-mission-tagslist li a {
	text-decoration:none;
	font-weight:500;
	white-space:nowrap;
}
.hero-details .sh-card-mission-tagslist {
	overflow-x:hidden;
}
.hero-details .sh-card-mission-tagslist li{
	display : inline-block;
	line-height: 20px;
}

.sh-mission-card-sharebtn {
	background:#f87748;
}

.sh-mission-card-sharebtn:hover {
	background-color:#f55217;
}

.sh-mission-card-sharebtn:active {
	background-color:rgba(232,101,54,0.85);
}

.sh-card-mission-goal {
	position:absolute;
	top:15px;
	max-width:80%;
	width:auto;
	text-decoration:none;
	font-weight:500;
	background:rgba(0,0,0,0.3);
	padding:4px;
	color:#fff!important;
	padding:8px;
	border-radius:8px;
}

.sh-card-mission-goal,.sh-card-mission-tag,.sh-card-mission-need,.sh-card-mission-skill {
	cursor:pointer;
}

.mission-not-found {
	font-size:300%;
	font-size:400%;
	font-family:'Amatic SC',cursive;
	font-weight:900;
	color:#196471;
	position:absolute;
	top:40%;
	margin-left:20%;
	width:60%;
	margin-right:20%;
	text-align:center;
}

.sh-card-mission-location {
	font-weight:900;
	position:absolute;
	right:11px;
	top:183px;
}

.sh-card-mission-location i,.sh-card-mission-location-name {
	color:#f87748;
	vertical-align:middle;
}

.sh-meta-card__title i,.sh-meta-card__title span {
	color:#fff;
}

/* mission page*/
.mission-title {
	margin-top:250px;
	text-align:center;
	font-size:3em;
	font-weight:900;
	color:#fff;
	text-shadow:2px 4px 3px rgba(0,0,0,0.3);
}

.sh-mission-card {
	width:100%;
	border-radius:18px;
}

.sh-mission-card__title {
	text-align:center;
	margin-top:20px;
	font-size:150%;
	font-weight:500;
	color:#196471;
}

.mission-team-wrapper {
	padding:12px;
	padding-top:40px;
	padding-right:0;
	margin:0;
}

.sh-card-hero.mdl-card {
	width:100%;
	height:300px;
	border-radius:18px;
}

.sh-card-hero > .mdl-card__actions {
	height:52px;
	padding:16px;
	background:rgba(0,0,0,0.4);
}

.sh-card-hero__name {
	color:#fff;
	font-size:20px;
	font-weight:500;
}

.mission-banner-section img {
	width:100%;
	max-height: 50vh;
	object-fit: cover;
	border-radius:18px;
}

.mission-dash-rowdata {
	border-left:2px solid #367885;
	padding-left:5px;
	margin-top:9px;
	margin-bottom:14px;
}

.mission-dash-rowdata ul {
	max-height:176px;
	overflow:scroll;
}

.mission-dash-rowdata h4 {
	font-size:1.2em;
	font-weight:500;
}

.hero-avatar {
	width:246px;
	height:246px;
	border-radius:50%;
	position:relative;
	top:-167px;
	margin-left:85px;
	margin-bottom:-240px;
	display:block;
	background:#fff;
	/* Old browsers */
	background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 53%,rgba(50,122,137,1) 47%,rgba(50,122,137,1) 100%);
	/* FF3.6-15 */
	background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 64%,rgba(50,122,137,1) 47%,rgba(50,122,137,1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 64%,#337886 47%,#337886 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#327a89',GradientType=0)
	/* IE6-9 */;
}

.hero-avatar.no-banner {
	margin-top:150px;
}

.hero-avatar .profile-picture {
	width:216px;
	height:216px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	border-radius:50%;
	position:absolute;
	left:9px;
	top:10px;
	border:#fff 6px solid;
}

.hero-banner {
	height:45vw;
	max-height:400px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	border-radius:0 0 18px 18px;
	margin-top:-8px;
}

.user-profile {
	background:#fff;
	border-radius:19px;
	color:#367a88;
	margin-top:-16px
	/* border: solid 1px #367a88; */;
}

.hero-missions {
	border:1px solid #367885;
	border-radius:18px;
}

.hero-missions h3 {
	font-size:2em;
	font-weight:800;
	/* margin-bottom: 3px; */
	width:auto;
	font-family:'Amatic SC',cursive;
	color:#fff;
	text-align:center;
	padding:10px;
	background:#367885;
	border-radius:17px 17px 0 0;
}

.hero-title {
	background:#337886;
	color:#fff;
	border-radius:18px 18px 0 0;
}

.hero-title-names {
	padding-left:310px;
}

.hero-title-name {
	font-size:2em;
	padding-bottom:.2em;
	/* width: auto; */
	font-family:'Amatic SC',cursive;
	font-weight:900;
}

.hero-title-rname {
	font-size:1em;
}

.hero-title-social-wrapper {
	margin-left:auto;
	padding-top:10px;
}

.hero-title-social ul {
	text-align:right;
}

.hero-title-social ul li {
	display:inline;
}

.hero-title-social ul li a {
	color:#fff;
	margin:3px;
}

.hero-title-social button {
	background:#fff!important;
}

.hero-title-social button i,.hero-title-social button svg path {
	color:#2f7887;
	fill:#2f7887;
}

.hero-details {
	padding:20px;
	border:1px solid;
	border-radius:0 0 18px 18px;
}

.hero-description-wrapper {
	text-align:justify;
	border-left:2px solid;
	padding-left:5px;
}

.user-profile .hero-title-social {;
}

.user-profile .hero-title-social ul {;
}

.user-profile .hero-title-social ul li {;
}

.user-profile .hero-title-social ul li .mdl-button {
	height:30px;
	min-width:30px;
	width:30px;
}

.user-profile .hero-title-social .mdl-button .material-icons {
	font-size:18px;
}

.user-profile .hero-title-social .mdl-button svg {
	width:18px!important;
	height:18px!important;
}

.user-profile .hero-title-social .mdl-button.mdl-button--fab {
	font-size:0;
}

.hero-description {
	font-weight:500;
}

.hero-mini .hero-avatar {
	width:120px;
	height:120px;
	top:0;
	margin-left:-30px;
	background:#2f7887;
	background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 53%,rgba(50,122,137,1) 47%,rgba(50,122,137,1) 100%);
	background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(50,122,137,1) 47%,rgba(50,122,137,1) 100%);
	background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(50,122,137,1) 47%,rgba(50,122,137,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#327a89',GradientType=0);
}

.hero-mini .hero-avatar .profile-picture {
	width:106px;
	height:106px;
	top:1px;
	left:1px;
}

.hero-mini .user-profile {
	margin-left:30px;
}

.hero-mini .hero-title-name {
	font-size:2em;
	padding-left:52px;
	font-family:'Amatic SC',cursive;
	font-weight:700;
	float:left;
}

.hero-mini .hero-details {
	padding:4px 4px 4px 20px;
	border:1px solid #367a88;
	border-radius:0 0 18px 18px;
}

.hero-mini .sh-line-title {
	padding-left:35px;
	font-weight:700;
	padding-bottom:4px;
}

.hero-mini .sh-card-mission-tagslist {
	padding-left:25px;
	white-space:normal;
	overflow-y: hidden;
}

.hero-mini .sh-card-mission-tagslist li a {
	white-space:nowrap;
	color:#F6774F;
}

.hero-mini .hero-link {
	float:right;
}

.hero-link .mdl-button--fab.mdl-button--mini-fab {
	background:#fff;
	width:50px!important;
	height:50px!important;
}

.hero-link .mdl-button--fab.mdl-button--mini-fab img {
	width:98%!important;
}

.cell-mission {
	border:1px solid #136472;
	border-radius:18px;
}

.mission-title-section {
	background:#367a88;
	padding:10px;
	margin-top:0;
	border-radius:0 0 18px 18px;
}

.mission-title-section .page-title {
	font-size:3em;
	text-align:center;
	color:#fff;
	font-family:'Amatic SC',cursive;
	font-weight:700;
}

.mission-grid {
	padding-top:0;
}

.mission-article {
	margin-top:0;
}

.mission-needs-section {
	background:#fff;
	border-radius:18px;
}

.sh-mission-status {
	width:auto;
	float:left;
	padding:12px;
	position:absolute;
	top:110px;
	left:14%;
	background:#fff;
	border:2px solid #367a88;
	border-radius:19px;
	color:#367a88;
	font-weight:900;
	-ms-transform:rotate(9deg);
	-webkit-transform:rotate(9deg);
	transform:rotate(9deg);
	font-size:2.5em;
	font-family:'Amatic SC',cursive;
}

.sh-mission-update {
	width:auto;
	padding:12px;
	background:#fff;
	border:2px solid #367a88;
	border-radius:19px;
	color:#367a88;
	font-weight:900;
	font-size:1.5em;
	text-align:center;
}

.sh-meta-card__title {
	color:#fff;
	background:#327a89;
	border-radius:18px 18px 0 0;
	font-family:'Amatic SC',cursive;
	font-size:2em;
	font-weight:700;
	display:block;
	margin:0;
	margin-bottom:10px;
	padding:8px;
	text-align:center;
}

.cell-mission-desc .mdl-card__supporting-text {
	color:rgba(0,0,0,.8);
	font-size:1.1rem;
	line-height:25px;
	overflow:hidden;
	padding:10px 20px;
	text-align:justify;
	width:auto;
}

.sh-desc-location {
	right:10px;
	text-align:right;
	top:8px;
	position:absolute;
	font-family:'Roboto',sans-serif;
	margin-right:10px;
}

.sh-desc-location .material-icons,.sh-desc-location a {
	color:#fff;
	font-size:17px;
}

.sh-desc-location .material-icons {
	vertical-align:text-top;
}

.sh-tag-list {
	text-align:left;
	padding:10px;
}

.sh-tag-list li {
	display:inline-block;
	margin:2px 6px;
}

.sh-tag-list .sh-meta-card__title {
	color:#fff;
	font-family:'Amatic SC',cursive;
	font-size:2em;
	font-weight:700;
	display:block;
	margin:0;
	margin-bottom:10px;
}

.nav-filter li {
	display:inline;
}

.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
	background:#00bcd6;
}

.mdl-layout.is-upgraded .mdl-layout__tab.is-active,.mdl-layout.is-upgraded .mdl-layout__tab {
	color:#196471;
}

.mdl-layout__tab-bar {
	background:#fff;
	height:inherit;
}

/*ACF*/
.acf-spinner {
	background-image:url(https://superheroes.denom.be/wp-content/uploads/2018/11/Walking_Cycle.gif)!important;
	height:100px!important;
	width:100%!important;
	vertical-align:text-top!important;
	background-size:contain!important;
	position:absolute!important;
	left:-17px!important;
	background-position:center!important;
	bottom:75px!important;
}

.sh-card-form {
	width:100%;
	border:1px solid #136472;
	border-radius:18px;
}

.sh-card-form .mdl-card__title {
	border-bottom:1px solid #136472;
	background:#136472;
	text-align:center;
}

.sh-card-form .mdl-card__title-text {
	font-size:2.5em;
	color:#fff;
	font-family:'Amatic SC',cursive;
	font-weight:700;
	width:100%;
	display:block;
}

.sh-card-form .select2-selection,.select2-search__field {
	border:1px solid #136472!important;
	border-radius:8px!important;
	padding:5px!important;
	height:40px!important;
	font-size:20px!important;
	color:#136472!important;
}

.select2-search__field:focus {
	box-shadow:none!important;
}

.select2-dropdown--above {
	border-top-left-radius:9px!important;
	border-top-right-radius:9px!important;
	border:1px solid #357985!important;
}

.select2-dropdown--below {
	border-bottom-left-radius:9px!important;
	border-bottom-right-radius:9px!important;
	border:1px solid #357985!important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background:#136472!important;
}

.select2-selection__arrow {
	padding:5px!important;
}

.select2-results__option {
	font-size:20px;
}

.new-mission .acf-field-5beff8e494f5e,.new-mission .acf-field-5bf1aabfaf50e {
	display:none;
}

.acf-image-uploader a {
	display:block;
	width:70px;
	height:70px;
	background:url(https://superheroes.denom.be/wp-content/uploads/2018/11/add-picture.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	color:transparent;
}

#acf-form .description {
	color:#136472;
}

.select2-selection--multiple {
	height:auto!important;
}

.select2-selection--multiple .select2-search__field {
	top:0;
	margin:-5px 0 0!important;
	border:none!important;
	padding:0!important;
}

.acf-form-submit .acf-button {
	font-size:2.5em!important;
	margin:0!important;
	font-weight:700;
	width:100%!important;
	font-family:'Amatic SC',cursive;
	padding:.4em!important;
	margin-top:1em!important;
	border-top-left-radius:0!important;
	border-top-right-radius:0!important;
	cursor:pointer!important;
}

.acf-button.button.button-primary.button-large {
	color:#fff!important;
	background:#136472!important;
}

.acf-button.button.button-primary.button-large {
	margin:2em;
	width:200px;
	font-size:19px;
	color:#fff;
	background:#136472;
	border:none;
	margin-top:77px!important;
	border-radius:4px;
}

.acf-field input[type="text"] {
	height:40px;
}

.acf-field input[type="text"],.acf-field textarea {
	border:1px solid #136472;
	border-radius:8px;
	padding:10px!important;
	font-size:20px!important;
	color:#136472;
}

.acf-field textarea:focus,.sh-card-form .select2-selection,.select2-search__field:focus,.acf-field input[type="text"]:focus {
	border:2px solid #136472;
	outline:none;
}

.select2-container--default.-acf .select2-selection--multiple .select2-selection__choice {
	background-color:#0a6473!important;
	color:#fff!important;
	padding:3px 6px!important;
	margin-top:1px!important;
	border-color:#0a6473!important;
}

.select2-selection__rendered.ui-sortable {
	height:auto!important;
}

.select2-selection__choice__remove {
	color:#fff!important;
}

.acf-button-group label.selected {
	border-color:#0a6473!important;
	background:#0a6473!important;
	color:#fff!important;
	z-index:2!important;
}

.acf-button-group label.selected:hover {
	border-color:#024c58!important;
	background:#024c58!important;
}

.acf-button-group label {
	font-size:1.3em!important;
	color:#0a6473;
	border-color:#0a6473!important;
}

.acf-button-group label:last-child {
	border-radius:0 5px 5px 0!important;
}

.acf-button-group label:first-child {
	border-radius:5px 0 0 5px!important;
}

.acf-taxonomy-field .acf-actions {
	width:30px!important;
	border-top-left-radius:8px!important;
	border-bottom-left-radius:8px!important;
	height:100%!important;
	padding-left:5px!important;
	padding-right:5px!important;
	padding-top:0!important;
	padding-bottom:0!important;
	background:#006474!important;
}

.acf-actions.-hover {
	right:inherit!important;
	left:0!important;
	display:block!important;
}

.select2-selection__rendered {
	margin-left:37px!important;
	height:28px;
}

.acf-field-5be608351e051 .select2-selection__rendered {
	margin-left:0!important;
	height:28px !important!;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
	float:left!important;
	left:0!important;
}

.acf-oembed .acf-icon {
	color:#196471!important;
}

.acf-oembed .acf-actions {
	right:0!important;
	left:inherit!important;
}

.acf-oembed {
	border:none!important;
}

.acf-oembed .title {
	padding:0!important;
}

.acf-oembed .input-search {
	height:40px!important;
	border-top-left-radius:8px!important;
	border-top-right-radius:8px!important;
	border:solid 1px #196471!important;
}

.acf-oembed .title .input-search:focus,.select2-container--open .select2-selection--single {
	border:solid 2px #196471!important;
}

.acf-oembed .canvas {
	border:1px solid #196471!important;
}

.select2-selection__arrow b {
	border-color:#0a6473 transparent transparent!important;
}

.select2-selection__placeholder {
	color:#196471!important;
	opacity:.6!important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	margin-left:0!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color:#196471!important;
}

.acf-oembed .title .input-search::placeholder {
	color::#196471!important;
	opacity:.6!important
	/* Firefox */;
}

.wp-core-ui .button,.wp-core-ui .button:hover,.wp-core-ui .button:active,.wp-core-ui .button:focus {
	color:#fff!important;
	border-color:#136472!important;
	background:#136472!important;
	box-shadow:none!important;
	vertical-align:top!important;
	font-size:1.2em!important;
	margin:18px 0!important;
	height:36px!important;
	border-radius:8px!important;
}

div.mce-toolbar-grp {
	background:#0a6473!important;
	padding:0!important;
	position:relative!important;
	border-top-left-radius:12px!important;
	border-top-right-radius:12px!important;
}

.mce-toolbar .mce-ico {
	color:#fff!important;
}

.mce-toolbar .mce-btn-group .mce-btn:focus,.mce-toolbar .mce-btn-group .mce-btn:hover,.qt-dfw:focus,.qt-dfw:hover {
	background:#006474!important;
	border-color:#006474!important;
	color:#fff!important;
	box-shadow:none!important;
	outline:0!important;
}

.mce-toolbar .mce-btn-group .mce-btn.mce-active,.mce-toolbar .mce-btn-group .mce-btn:active,.qt-dfw.active {
	border-color:#fff!important;
	background:#006474!important;
}

.wp-editor-container {
	border:1px solid #196471!important;
}

div.mce-statusbar {
	border:1px solid #006474!important;
	margin-top:3px!important;
	border-bottom-left-radius:10px!important;
	border-bottom-right-radius:3px!important;
}

.wp-editor-container {
	border:none!important;
}

.mce-top-part:before {
	box-shadow:none!important;
}

.mce-edit-area {
	margin-top:4px!important;
	border:1px solid #006474!important;
}

i.mce-i-resize {
	color:#006474!important;
	font-weight:900!important;
}

#tinymce {
	color:#006474!important;
	font-family:'Roboto' ,sans-serif!important;
	font-size:1.2em!important;
	font-weight:500!important;
}

.acf-box .title h3 {
	font-size:1.4em!important;
}

.acf-box .title {
	background:#196471!important;
	border-top-left-radius:18px;
	border-top-right-radius:18px;
	color:#fff!important;
}

#acf-popup .acf-popup-box {
	border-radius:18px!important;
}

#acf-popup .acf-popup-box .inner {
	margin:0!important;
}

#acf-popup .acf-popup-box .inner .acf-field {
	margin:25px!important;
	margin-bottom:40px!important;
}

#acf-popup .acf-popup-box .inner .button {
	width:100%!important;
	padding:9px!important;
	margin:0!important;
	color:#fff!important;
	background:#196471!important;
	font-size:1.4em!important;
	border-bottom-left-radius:17px!important;
	border-bottom-right-radius:17px!important;
	cursor:pointer!important;
	border:none!important;
}

:focus {
	outline:none!important;
}

.show-if-value.image-wrap .acf-actions.-hover,
.show-if-value.file-wrap .acf-actions.-hover {
	right:-10px!important;
	left:inherit!important;
	background:#0a6473!important;
	padding:10px!important;
	border-radius:12px!important;
}


.select2-container--default .select2-selection--multiple {
	height:auto!important;
	padding-bottom:0!important;
}

.acf-field-5be6045d2c613 img {
	width:200px!important;
	height:200px!important;
	border-radius:50%!important;
	object-fit:cover!important;
}

.acf-field-5beefac340f9f img {
	height:200px!important;
	border-radius:18px!important;
	object-fit:cover!important;
}

.acf-google-map.-value .title .searchc {
	font-weight:700!important;
	border:1px solid #136472!important;
	border-radius:8px!important;
	padding:10px!important;
	font-size:20px!important;
	color:#136472!important;
	margin-bottom:1em!important;
}

.acf-google-map .title .search {
	font-weight:700!important;
	border:1px solid #136472!important;
	border-radius:8px!important;
	padding:10px!important;
	font-size:20px!important;
	color:#136472!important;
	margin-bottom:1em!important;
}

.acf-google-map .title .search:hover {
	border:2px solid #136472!important;
}

.acf-google-map {
	border:none!important;
}

a.acf-icon {
	border-color:transparent!important;
	background:transparent!important;
	color:#fff!important;
	font-size:2em!important;
	width:30px!important;
	height:30px!important;
	margin:-1px!important;
	padding:0;
}

.acf-google-map.-value .title a.acf-icon.-location,.acf-google-map.-value .title a.acf-icon.-cancel,.acf-google-map.-value .title a.acf-icon.-search {
	display:inline-block!important;
	color:#136472!important;
	background:#fff!important;
	text-align:center!important;
	margin-left:10px!important;
}

.acf-google-map .acf-actions.-hover {
	right:0!important;
	left:inherit!important;
	display:inline-block!important;
}

.acf-google-map .canvas {
	border:2px solid #136472!important;
	border-radius:8px!important;
	margin-right:-14px;
	margin-left:-14px;
}

.acf-switch.-on {
	background:#0a6473!important;
	border-color:#0a6473!important;
}

.acf-switch .acf-switch-on {
	text-shadow:0 #0a6473 0 1px!important;
}

.acf-switch.-on .acf-switch-slider {
	border-color:#0a6473!important;
}

.acf-icon.small,.acf-icon.-small {
	padding-top:6px!important;
}

#gmap .sh-meta-card__title {
	margin-bottom:0;
}

#gmap .mdl-card__supporting-text {
	padding:0;
}

#gmap .acf-map {
	width:100%;
	height:400px;
}

/* fixes potential theme css conflict */
#gmap .acf-map img {
	max-width:inherit!important;
}

.mdl-dialog {
	border:none;
	box-shadow:0 9px 46px 8px rgba(0,0,0,0.14),0 11px 15px -7px rgba(0,0,0,0.12),0 24px 38px 3px rgba(0,0,0,0.2);
	width:280px;
}

.mdl-dialog__title {
	padding:24px 24px 0;
	margin:0;
	font-size:2.5rem;
}

.mdl-dialog__actions {
	padding:8px 8px 8px 24px;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-direction:row-reverse;
	-ms-flex-direction:row-reverse;
	flex-direction:row-reverse;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.mdl-dialog__actions > * {
	margin-right:8px;
	height:36px;
}

.mdl-dialog__actions > :first-child {
	margin-right:0;
}

.mdl-dialog__actions--full-width {
	padding:0 0 8px;
}

.mdl-dialog__actions--full-width > * {
	height:48px;
	-webkit-flex:0 0 100%;
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	padding-right:16px;
	margin-right:0;
	text-align:right;
}

.mdl-dialog__content {
	padding:20px 24px 24px;
	color:rgba(0,0,0,0.54);
}

#login-modal,#signup-modal,#action_group_dialog {
	min-width:20%;
	max-width:80%;
	width:500px;
}

#login-modal .mdl-dialog__title,#signup-modal .mdl-dialog__title,#action_group_dialog .mdl-dialog__title {
	font-family:'Amatic SC',cursive;
	color:#1e6470;
	font-size:2em;
	font-weight:700;
	text-align:center;
}

#login-modal .mdl-textfield,#signup-modal .mdl-textfield,#action_group_dialog .mdl-textfield {
	width:100%;
}

#content.loading > * {
	opacity:.2;
}

#content.loading:before {
	content:"Loading New Posts";
	padding:22px;
	background:#000;
	color:#fff;
	width:100%;
	box-sizing:border-box;
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label {
	color:#1e6470;
}

.mdl-textfield__input {
	border-bottom:1px solid rgba(30,100,112,0.52);
}

.mdl-textfield__label:after {
	background-color:#1e6470;
}

.mdl-textfield__label {
	color:rgba(30,100,112,0.62);
}

.mdl-button-rect {
	color:#1e6470;
	background:#fff;
	border-radius:8px;
	border:1px solid #1e6470;
}

.mdl-button-rect:hover,.mdl-button-rect:active {
	color:#fff;
	background-color:#0d5a67;
}

.mdl-button:focus:not(:active) {
	background-color:rgba(13,90,103,0.85);
	border-color:rgba(13,90,103,0.85);
	color:#fff;
}

.status {
	height:30px;
}

.mdl-dialog {
	border-radius:18px;
	border:1px solid #1e6470;
}

/* Comments */
#comments {
	padding:30px;
}

.comments-title {
	display:none;
}

#reply-title {
	display:none;
}

.logged-in-as {
	text-align:right;
	margin-top:30px;
}

#commentform input[type="submit"] {
	background-color:#196471;
	color:#fff;
	padding:8px 17px;
	margin:11px 12px;
	font-weight:700;
	border-radius:12px;
	font-size:1em;
}

#commentform input[type="submit"]:hover {
	background:#196471;
}

.form-submit,.comment-metadata {
	text-align:right;
	height:40px;
	padding-top:7px;
	margin-top:6px;
	margin-bottom:-12px;
}

#comment {
	font-size:1em;
	margin-top:16px;
	width:-webkit-fill-available;
	border:1px solid #136472;
	border-radius:18px;
	padding:10px!important;
	color:#136472;
}

#comment:focus {
	border:2px solid #136472;
}

.comment-form-comment label {
	display:none;
}

.comment-content {
	font-size:1em;
	padding:1em;
	background-color:#fff;
	border:1px solid #2d7a8a;
	border-radius:18px;
	color:#2d7a8a;
}

.reply {
	text-align:right;
	margin-top:17px;
	margin-bottom:24px;
}

.comment-reply-link {
	background-color:#196471;
	color:#fff;
	padding:8px 17px;
	margin-right:18px;
	font-weight:500;
	border-radius:12px;
}

.depth-2,.depth-3,.depth-4,.depth-5,.depth-6 {
	margin-left:25px;
}

.comment-author.vcard {
	float:left;
}

.comment-author.vcard * {
	vertical-align:middle;
}

.comment-author.vcard img {
	display:none;
}

.comment-form-author #author,.comment-form-email #email,.comment-form-url #url {
	font-size:1em;
	margin-top:16px;
	border:1px solid #136472;
	border-radius:14px;
	padding:10px!important;
	color:#136472;
	width:-webkit-fill-available;
}

.hidden-field {
	display:none;
}

.p-new_post .hidden-to-author {
	display:none;
}

.owner .hidden-to-owner {
	display:none;
}



.req-s,.req-l {
	display:inline-block;
	vertical-align: middle;
	margin: 3px 0px;
}

.req-user h2 {
	font-size:2em;
	font-family:'Amatic SC',cursive;
	font-weight:700;
	color:#2f7887;
	margin-bottom:35px;
}

.req-author {
	width:150px;
	height:150px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	border-radius:50%;
	margin:20px;
}

.req-avatar.hero-avatar {
	width:150px;
	height:150px;
	margin-bottom:0;
	top:-89px;
	margin-left:20px;
	background:#fff;
	background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 53%,rgba(10,100,115,1) 47%,rgba(10,100,115,1) 100%);
	background:-webkit-linear-gradient(bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 46%,rgba(10,100,115,1) 54%,rgba(10,100,115,1) 100%);
	/* background: linear-gradient(to top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 46%,rgb(10, 100, 115) 54%,rgb(10, 100, 115) 100%); */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#327a89',GradientType=0);
}

.req-avatar.hero-avatar .profile-picture {
	width:120px;
	height:120px;
}

.req-msg {
	font-size:1.4em;
	margin-top:-75px;
	font-weight:500;
	color:#0a6473;
}

.req-status {
	background:#2f7887;
	padding:20px;
	color:#fff;
	font-size:2em;
	border-radius:18px;
	text-align:center;
}

.form-submit #submit {
	cursor:pointer;
}

.sitting-idle {
	width:60px;
	position:fixed;
	height:60px;
	top:23px;
	right:492px;
	z-index:10;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(https://superheroes.denom.be/wp-content/uploads/2018/11/sitting_idle.gif);
}

.logged-in .sitting-idle {
	right:420px;
}

.sh-border-left {
	border-left:2px solid;
	padding-left:5px;
}


@media screen and (max-width: 839px) {
	.acf-google-map.-value .title a.acf-icon.-location,.acf-google-map.-value .title a.acf-icon.-cancel,.acf-google-map.-value .title a.acf-icon.-search {
		display:inline-block!important;
		color:#fff!important;
		background:#136472!important;
		text-align:center!important;
		margin-left:4px!important;
		font-size:1.3em!important;
		padding:0;
	}

	.mdl-layout__header-row .mdl-navigation__link {
		font-size:1.5em;
		padding-left:8px;
		padding-right:8px;
	}

	.signup-link {
		margin-top:110px!important;
		margin-left:-136px!important;
		padding-left:8px!important;
		padding-right:15px!important;
		border:1px solid!important;
		background:#fff!important;
		color:#196471!important;
		border-bottom-left-radius:19px!important;
		border-bottom-right-radius:19px!important;
		border-color:#196471!important;
	}

	.login-link {
		margin-top:110px!important;
		padding-left:11px!important;
		padding-right:12px!important;
		border:1px solid!important;
		background:#fff!important;
		color:#196471!important;
		border-bottom-left-radius:19px!important;
		border-bottom-right-radius:19px!important;
		border-color:#196471!important;
	}

	.heroes-link {
		margin-right:-5px!important;
		padding:0 10px!important;
	}

	#site-title {
		word-wrap:break-word;
		display:block;
		width:62px;
		font-size: 21px;
		line-height: 22px;
		font-weight:900;
	}

	#site-navigation {
		margin-right:20px;
	}

	#response,.sh-section-full {
		padding:0;
		margin:0;
		width:100%;
		margin-top:46px;
	}

	.hero-avatar {
		top:-142px;
		margin-left:auto;
		margin-right:auto;
		width:150px;
		height:150px;
		background:transparent;
		margin-bottom:-143px;
		background:#fff;
		background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 53%,rgba(50,122,137,1) 47%,rgba(50,122,137,1) 100%);
		background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 64%,rgba(50,122,137,1) 47%,rgba(50,122,137,1) 100%);
		background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 89%,#337886 11%,#337886 100%);
	}

	.hero-avatar .profile-picture {
		width:130px;
		height:130px;
		left:4px;
		top:4px;
	}

	.hero-avatar.no-banner {
		margin-top:200px;
	}

	.hero-title-names {
		padding:0;
		width:100%;
	}

	.hero-title-name {
		margin-top:20px;
	}

	.hero-title-name,.hero-title-rname,.hero-title-social ul {
		padding-left:0;
		text-align:center;
	}

	.hero-banner {
		width:calc(100% + 50px);
		margin-left:-25px;
		height:56vw;
		margin-right:-30px;
	}

	.hero-title-social-wrapper {
		width:100%;
		margin-left:0;
		margin-right:0;
		padding-top:20px;
	}

	.user-profile .hero-title-social {
		margin:-7px;
		background:#fff;
		margin-bottom:-9px;
		padding-top:22px;
	}

	.user-profile .hero-title-social .mdl-button.mdl-button--fab {
		background:#337886!important;
	}

	.hero-title-social button i,.hero-title-social button svg path {
		color:#fff;
		fill:#fff;
	}

	.sh-mission-status {
		top:164px;
		left:10px;
	}

	#gmap {
		padding-right:15%!important;
	}

	.req-title {
		text-align:right;
	}

	.sitting-idle {
		top:21px;
		right:179px;
	}

	.logged-in .sitting-idle {
		display:none;
		top:21px;
		right:237px;
	}
}
.wrap-collabsible {
	margin-bottom: 1.2rem 0;
}

input[type='checkbox'] {
	display: none;
}

.lbl-toggle {
	display: block;
	font-size: 2em;
	font-weight: 800;
	/* margin-bottom: 3px; */
	width: auto;
	font-family: 'Amatic SC',cursive;
	color: #fff;
	text-align: center;
	padding: 10px;
	background: #367885;
	border-radius: 17px 17px 0 0;

}

.lbl-toggle:hover {
	font-size: 2em;
	font-weight: 800;
	/* margin-bottom: 3px; */
	width: auto;
	font-family: 'Amatic SC',cursive;
	color: #fff;
	text-align: center;
	padding: 10px;
	background: #367885;
	border-radius: 17px 17px 0 0;
}

.lbl-toggle::before {
	content: ' ';
	display: inline-block;

	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid currentColor;
	vertical-align: middle;
	margin-right: .7rem;
	transform: translateY(-2px);

	transition: transform .2s ease-out;
}

.toggle:checked + .lbl-toggle::before {
	transform: rotate(90deg) translateX(-3px);
}

.collapsible-content {
	max-height: 0px;
	overflow: hidden;
	transition: max-height .25s ease-in-out;
}

.toggle:checked + .lbl-toggle + .collapsible-content {
	max-height: none;

}


.toggle:checked + .lbl-toggle {
	font-size: 2em;
	font-weight: 800;
	/* margin-bottom: 3px; */
	width: auto;
	font-family: 'Amatic SC',cursive;
	color: #fff;
	text-align: center;
	padding: 10px;
	background: #367885;
	border-radius: 17px 17px 0 0;
}

.collapsible-content .content-inner {
	background: rgba(250, 224, 66, .2);
	border-bottom: 1px solid rgba(250, 224, 66, .45);
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	padding: .5rem 1rem;
}