/*
Welcome to Custom CSS!
To learn how this works, see http://wp.me/PEmnE-Bt
*/

/* glitter */
.submit-info {
	font-size:80%;
	margin-left:10px;
}

/* code rendering */
code {
	color: black;
	font-weight: bold;
	background-color: #fff;
}

/* header images started stretching with recent WP update */
.page-head .header-image img {
    max-width: none;
}


ul.sub-menu {display:none;}

/* fix full image layout */
a img.alignnone {
    width: 100%;
    height: auto;
}

/* fix for mobile header */
@media (max-width: 767px) {
	.page-head .header-image {
		height: 300px;
	}
	.header-content .ecae {
		display:none !important;
	}
	.nav .blog-nav .menu-container .menu {
		font-size: 0.925rem;
	}
 #menu-hoofdmenu { display:none !important;}
/*	form.search {display:none !important;}
	*/
	/* remove padding on small screens to maximize embed width */
	
	article.content {
    padding-left: 0;
		padding-right: 0;
	}
	
	/* adjust header image */
	.page-head .header-image {
		height: 150px;
		zoom: 1.3;
	}
	
	/* fix blue nav bar */
	.nav .blog-nav .menu-container .menu .menu-item a {
    font-size: 90%;
	}
}

/* embed spacing fix */
/* .oembed-rich-sketchfab-com p, .embed-youtube p, .embed-youtube {margin-bottom:0px !important;}
*/

.header-video {
position: absolute;
  top: 50%; 
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
/*
  min-width: 100%; 
  min-height: 100%; 
  width: auto; 
  height: auto;
	*/
  z-index: -1000; 
  overflow: hidden;
}

/* random content banner */

[id^="endo_wrc_widget-"]{padding:0px;}

[id^="endo_wrc_widget-"] img	  {
	width:100%;
	height: auto;
	margin-top:0;
}

/*  button */
.sf-button button {
	margin: 30px auto;
	border:none;
	display:block;
}

.store-home__button {
    display: block;
    margin: 0 auto 50px;
    color: white;
    background-color: #df1660;
}

.button, .form-button {
    font-family: "Titillium Web", sans-serif;
    font-size: .9em;
    font-weight: 600;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    cursor: pointer;
    outline: none;
    transition: background .2s;
}

a.sf-button {text-decoration:none;}

article .button-blue,
article .store-home__button {font-size:1.1em;}

.sf_caption {
	text-align:center;
	font-size:90%;
	color:#999999;
	margin-bottom: 25px;
	margin-top: -25px;		
}

/* lightbox */
#slb_viewer_wrap .slb_theme_slb_default .slb_details .slb_data_title {
    font-family: 'Titillium Web', sans-serif;
	color: #1caad9;
	font-size:14px;
	margin-top:14px;
	font-weight:bold;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_details .slb_group_status {
	    font-family: 'Titillium Web', sans-serif;
	font-style:normal;
	font-size:14px;
	
}

/* threaded reply box */
.comment .comment-respond {
	background-color: #1caad9;
    color: #fff;
    padding: 30px;
	  margin-top:10px;
}

.comment .comment-respond #cancel-comment-reply-link {
	float:right;
	color:#337ab7;	
}

#commentform > a {
	color:#337ab7;
}

.comment-respond .form-submit {margin:10px 0 0 0;}

.comment-form-cookies-consent input {
	width:30px !important;
	padding: 10px 20px;
}
.comment-form-cookies-consent label {display:inline;margin-left:5px;}
label[for=subscribe-reloaded] a {
	color:#337ab7;
}

/* force wrap of long URLs in comments*/
.comment a {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

/* search box */
.nav .top-nav .top-container .search .box .value {
	color: #000;
}

/* nav: store */
li#menu-item-142059981491 a:after {
    content: none;
    }

/* Homepage hack: additional dark background for text that's hard to read on background */
.header-content .ecae-off {
	background-color:rgba(0, 0, 0, 0.5);margin:-10px;padding:10px;
}

/* Homepage hack: supress header text */
.header-content {
	display: block; 
}
.header-content .ecae {display:block;}

.page-head .header-image .header-content  {margin-top:50px;}

/* title width tweak */
.page-head .header-image .header-content .title {
    width: 350px;
}

/* Homepage hack: content box width */
.page-head .header-image .header-content .title {
	width: 320px;
}

/* Homepage v2 colors */
/*
.page-head .header-image .header-content {
 color: #1caad9;
}
*/
.page-head a:hover {
	text-decoration: none;
}

.content em.spotlight {
	display: none;
}

/* homepage */
body.home .hide_home {
	display: none;
}

.page-head .overlay {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	background: linear-gradient(135deg,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 50%);
}

/* hot topics */
.hot-topics {
	display: none;
}

/* login */
.actions {
	display: none;
}

/* archives / search */
.pagination .item.current {background: #1caad9;color:#fff;}

/* article tweaks */
h3 {
	font-weight: bold;
   font-size: 1.1rem;
}

.content-white a {color: #1caad9;}

.content img {
	margin-top: 20px;
	margin-bottom: 20px;
}

.content img.alignleft,
.content img.alignright {
	margin-top: 0;
}

.content .notify-icon {
	padding-right: 5px;
}

.wp-caption {
	border: none;
	max-width: 100%;
}

.alert a {
	text-decoration: underline;
}


blockquote {
    position: relative;
    border: 0;
    color: #555;
}

blockquote p:not(:last-child),
blockquote p:last-child {
    color: inherit;
    font-style: italic;
    font-size: 1rem;
}

blockquote:before{
    position: absolute;
    top: -1rem;
    left: 0;
    content: open-quote;
    font-size: 2.5rem;
    font-family: "Georgia", serif;
}

blockquote:after {
		content: no-close-quote;
}

.centered-image-container {
    text-align: center;
	float:left;
width:100%;

}
.centered-image {
    /*width: auto;*/
    max-width: 100%;
}

/* sidebar */
.sidebar h2 {
	font-weight: normal;
	font-size: 1.3rem;
/* color: #999; */
}

.sidebar .textwidget img {
	width: 100%;
}

.sidebar .button  {color: #fff;}

/* recent posts widget */
.rpwe-img .rpwe-alignleft {
	border: none !important;
	padding-top: 0 !important;
}

ul.rpwe-ul {
	padding-top: 10px;
}

/* embeds */
/* Embeds with constant aspect-ratio */
.oembed-sketchfab-com,
.oembed-skfb-ly,
.embed-vimeo,
.embed-youtube,
.googlemaps,
.ratio-16-10,
.ratio-16-9 {
	display: block;
	position: relative;
	width: 100%;
	height: 0;
	margin-top: 35px;
	margin-bottom: 35px;
}

.oembed-sketchfab-com:after {
    content: '';
    display: block;
    clear: both;
}

.oembed-sketchfab-com iframe,
.oembed-skfb-ly iframe,
.embed-vimeo iframe,
.embed-youtube iframe,
.googlemaps iframe,
.ratio-16-10 iframe,
.ratio-16-9 iframe,
.ratio-inner {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.embed-vimeo,
.embed-youtube,
.ratio-16-9 {
/* 16:9 */
	padding-top: 56.25%;
}

.oembed-sketchfab-com,
.oembed-skfb-ly,
.googlemaps,
.ratio-16-10 {
/* 16:10 */
	padding-top: 62.5%;
}

.twitter-tweet-rendered {
	margin-top: 20px !important;
	margin-right: auto;
	margin-bottom: 20px !important;
	margin-left: auto;
}

/* author bio */
.author-info p {
	margin-left:116px;
}

.author-info img {
	margin-top: 0;
}

.author-info + hr {
	clear: both;
}

/* comments */
.comment-author img {
	margin-top: 0;
}

/* social icons */
.socials .facebook {
	background-color: #3b5998;
}

.socials .twitter {
	background-color: #00aced;
}

.socials .google {
	background-color: #dd4b39;
}

.socials .linkedin {
	background-color: #007bb5;
}

/*wp video*/
.wp-video{
	width:100%
}

/* per-article tweaks */
.postid-142059985466 .oembed-sketchfab-com {
	padding-top: 40%;
}

/* challenges */
.challenge-closed {
	position:absolute;
	background:#1caad9;
	color:#fff;
	padding:2px 6px;
	text-transform: uppercase;
	font-size:80%;
	font-family: 'Titillium Web', sans-serif;
	font-weight:bold;
}

/* homepage video header */

/* hide categories from navigation  */
.navigation-uncategorised {
	display:none;
}

/* captions in galleries were gone after 5.6 upgrade */
.tiled-gallery .tiled-gallery-item:hover .tiled-gallery-caption {
	display:block !important;
}

.jp-carousel-titleanddesc {
	display:none !important;
}


/* pages layout */
.page-template-default .container .row {
	background: #fff;
}

.page-template-default  .container  .content{
	padding:40px 125px !important;
}

@media ( max-width: 767px ) {
.page-template-default  .container  .content{
	padding:20px 10px 10px 10px !important;
}

	.page-head .header-image .header-content {
    margin-top: 25px;	
	}
	
	.header-content .content {
		display:none;
	}
	
	.header-content .title {
		max-width:280px;
		font-size: 1.55rem;
	}	
	
}

/*recent posts */
.rpwe-li {text-align:center;}

/* related content */
.article-bottom.related h3 {padding-top:30px;}


/*Mobile Menu CSS TOM*/
@media ( max-width: 767px ) {

	.nav .blog-nav {
		padding:20px 0 10px 0;
	}	
	
	.menu-blog-menu-container{
		padding:0 0 10px 0;
	}
	
.menu-container-mobile{
  display: table;
  clear: both;
	}
	
#mobile-hamburger{
	clear: both;	
	font-size: 20px;
  color: #fff;
	text-decoration:none;
	background:transparent;
	border:0;
	position:absolute;
	right:1.7em;
	padding:5px 0 0 0;
}

.mobile-home a{
clear: both;
}

.cross{
	clear: both;	
	font-size: 20px;
	line-height: 1em;
	color: #fff;
	text-decoration:none;
	background:transparent;
	position:absolute;
	right:1.7em;
	margin:0;
	padding:5px 0 0 0;
 	border:0;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
	}
	
.cross:before{
	}
		
.mobile-home{
	}
	
.mobile-dropdown{
	margin:.8em 0 0 0;
	}
	
#menu-blog-menu-1{
	padding:.5em 0 0 0;
	margin:0;
}

	#menu-blog-menu-1 li{
		margin:0 0 .2em 0;
	}
	
#menu-blog-menu-1 .menu-item{
		list-style-type:none;
	}
	
#menu-blog-menu-1 .menu-item a{
	color:white;
	font-size:1.5em;
	}

#menu-blog-menu-1 .menu-item ul{
		padding:0 0 0 20px;
	}

#menu-blog-menu-1 .menu-item ul a {
	color:#c9f2ff;
	}

	/*
.menu-item>first-child {
			display:none;
	}*/
	.menu-item-home {display:none}
}

/*
.oembed-sketchfab-com, .oembed-skfb-ly, .embed-vimeo, .embed-youtube, .googlemaps, .ratio-16-10, .ratio-16-9 {margin-bottom:20px;}*/

.sketchfab-embed-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
	  margin: 30px 0;
}
.sketchfab-embed-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* homepage colors on 2nd row turned to black for some reason */
.home .latest-news .posts .post-link:nth-child(3) ~ .post-link .title {
    color: #1caad9;
}

/* fix Tiktok embed blockquote */
blockquote.tiktok-embed:before {
	content:none;
}