/*
  Theme Name: 		ITQ Magazin
  Theme URI:
  Description: 		Custom Theme for Adacor Group
  Version: 				2.0
  Author: 				72dpi
  Author URI:  		http://www.72dpi.de/
*/

/*

ADACOR Blog Grid Stylesheet
	Feb' 2017
	Author oliwa@72dpi.de,	www.72dpi.de

	- base colors
	- defaults
	- main grid
	- Header & Menus
	- Mobile Menu
	- Cover Row
	- Typography
	- Wordpress classes
	- author data
	- other components
	- tools
	- helper classes

*/


/* Colors */

.darkblue 	{ color: #011F3A; }
.lightblue	{ color: #01b6ed; }
.font				{ color: #222; }
.lightgray	{ color: #f2f2f2; }
.middlegray { color: #e3e3e3; } /* dashed lines */

.bg-darkblue 	{ background-color: #011F3A; }
.bg-lightblue	{ background-color: #01b6ed; }
.bg-lightgray	{ background-color: #f2f2f2; }

/*
------------------------------------------------------------ */
body {
	font-family: "geogrotesque-regular", Arial, Verdana, sans-serif;
	background-color: #fff;
	font-size: 1.1rem;
	line-height: 135%;
	color: #222;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img, svg, mbed, object, video {
	max-width: 100%;
	height: auto;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a:link,
a:visited,
a:active {
	color: #01b6ed;
	text-decoration: none;
}

	*:focus {
		outline: none;
	}


ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
	li {
		margin: 0;
	}


/* Main Grid
-------------------------------------------------------------------------------------------------- */

.row {
	/*padding-left: .4em;
	padding-right: .4em;*/
}
	.wrap {
		max-width: 1200px;
		margin: 0 auto;
	}
	.wrap-s {
		max-width: 880px;
		margin: 0 auto;
	}

    @media (min-width: 600px) {
      .wrap-s {
        padding-top: 1.5rem;
        padding-left: 4rem;
        padding-right: 4rem;
      }
			.single-intro {
        margin-top: -14rem;
        background: #fff;
      }
    }

	.wrap-m {
		max-width: 920px;
		margin: 0 auto;
	}
		.slot {
			float: left;
		}
			.slot20 	{	width: 20%;	}
			.slot25 	{	width: 25%;	}
			.slot33 	{	width: 33.3333333%;	}
			.slot40 	{	width: 40%;	}
			.slot50 	{	width: 50%;	}
			.slot60 	{	width: 60%;	}
			.slot66 	{	width: 66.6666666%;	}
			.slot75 	{	width: 75%;	}

			@media (max-width: 600px) {
				.slot20,
				.slot25,
				.slot33,
				.slot40,
				.slot50,
				.slot60,
				.slot66,
				.slot75 {
					float: none;
					width: 100%;
					margin: 1em 0;
				}
			}

				.module,
				.inner {
					margin-left: .7rem;
					margin-right: .7rem;
				}
				.inner-mobile {
					margin-left: .3rem;
					margin-right: .3rem;
				}


/* Single
-------------------------------------------------------------------------------------------------- */
.row-single-visual {
  height: 34rem;
  background-color: #f0f0f0;
  background-size: cover;
  background-position: center center;
}
	@media (max-width: 600px) {
		.row-single-visual {
			height: 16rem;
		}
	}


/* Header & Menus
-------------------------------------------------------------------------------------------------- */

header,
footer {
	color: #fff;
}
	header a,
	footer a {
		color: #fff;
	}
footer {
	padding-top: .5rem;
	padding-bottom: .5rem;
}



/* Header - Logo und Suche
-------------------------------------------------------------------------------------------------- */
#logo {
	float: left;
  position: relative;
}
	#logo img,
	a#mm-logo {
		width: 260px;
		height: auto;
		display: block;
	}
  a.search-trigger {
    position: absolute;
    top: 1.3rem;
    right: -2.5rem;
    width: 1.2rem;
  }


@media (max-width: 760px) {
		#logo img,
		a#mm-logo {
			width: 175px;
		}
    a.search-trigger {
      top: .8rem;
      right: -2.1rem;
      width: 1.2rem;
    }
	}



/* Header - Adacor Group Logo Reihe
-------------------------------------------------------------------------------------------------- */
ul.header-branding {
	float: right;
	margin: 1.2rem 0 0 0;
}
	ul.header-branding li {
		display: inline-block;
	}
    ul.header-branding li img {
      height: 1.1rem;
      margin-left: 1rem;
    }


	@media (max-width: 760px) {
		ul.header-branding {
			display: none;
		}
	}


/* Header - Mobile Menu
-------------------------------------------------------------------------------------------------- */
#global-menu {
  float: right;
	position: relative;
	cursor: pointer;
	font-family: "geogrotesque-semibold", Arial, Verdana, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #1d1d1b;
	display: none;
}
	#global-menu::after {
		position: absolute;
		top: .5rem;
		right: 0;
		font-family: "FontAwesome";
		font-size: 2rem;
		content: "\f0c9";
	}

	@media (max-width: 760px) {
		#global-menu {
			display: block;
		}
	}


	.row-nav-global {
		background: #fff;
	}
	footer {
		background: #011F3A;
	}


.row-nav-category {
	background: #fff;
}
	ul#menu-kategoriemenu {
		padding: 0;
    display: flex;
    justify-content: space-between;

	}
		ul#menu-kategoriemenu li {
      width: 100%;
      margin-right: 1rem;
		}
      ul#menu-kategoriemenu li:last-child {
        margin-right: 0;
      }
			ul#menu-kategoriemenu li a {
				display: block;
				font-size: 1.1rem;
				color: rgb(70,70,70);
				margin: 0;
        padding: .75rem .3rem .35rem .3rem;
        border-bottom: .4rem solid #f0f0f0;
        text-align: center;
        background-size: 100% 200%;
        background-image: linear-gradient(to bottom, #f0f0f0 50%, #ffffff 50%);
        -webkit-transition: background-position .3s;
        -moz-transition: background-position .3s;
        transition: background-position .3s;
			}
				body.single-post ul#menu-kategoriemenu li a {
					padding: .35rem .3rem 0 .3rem;
				}

        ul#menu-kategoriemenu li a:hover,
        ul#menu-kategoriemenu li.current-menu-item a,
				ul#menu-kategoriemenu li.current-post-parent a {
          background-position: 0 -100%;
        }

				@media (max-width: 920px) {
					ul#menu-kategoriemenu li a {

					}
				}


.row-nav-tags {
	background: #f1f1f1;
	padding-top: .5rem;
	padding-bottom: .5rem;
}
		ul#menu-tagmenu li {
			float: left;
		}
			ul#menu-tagmenu li a {
				display: inline-block;
				font-size: .9em;
				background: #fff;
				padding: 0 .5rem;
				color: #222;
				margin: .5rem 1em .5rem 0;
			}
				ul#menu-tagmenu li.current-menu-item a,
				ul#menu-tagmenu li a:hover {
					color: #01b6ed;
					text-decoration: none;
				}






@media (max-width: 760px) {
	.row-nav-category,
	.row-nav-tags {
		display: none;
	}

	.globalsearch {
		float: none;
		margin: 0;
		display: inline-block;
	}
		.globalsearch-field {
			width: 260px;
		}
}


/* Mobile Menu
-------------------------------------------------------------------------------------------------- */
#overlay-menu {

}

	.menu-mobile {
		margin-top: 1em;
	}
		#mobile-nav ul {
			margin: 1rem 0;
			font-family: "geogrotesque-semibold", Arial, Verdana, sans-serif;
		}
			#mobile-nav ul li {
				margin: .7rem 0;
			}
				#mobile-nav a {
					color: #fff;
					font-size: 1.6em;
				}
					#mobile-nav a:hover,
					.fakehover {
						color: #01b6ed;
						outline: none;
					}

#mobile-nav ul li.menu-spacer {
	border-top: 1px dashed #fff;
	padding-top: .7rem;
	margin-top: 2rem;
}

#mm-close {
	float: right;
	font-size: 2em;
	cursor: pointer;
	color: #fff;
}
	#mm-close i:hover {
		color: #01b6ed;
	}


/* Cover Row
-------------------------------------------------------------------------------------------------- */
.cover,
.cover a,
.cover-overlay a {
  color: #222;
}

figure.cover-posts {
  height: 22rem;
  background-size: cover;
  background-position: center center;
}
  figure.cover-posts.cover-default {
    height: 16rem;
  }

	.cover-top h2,
  .cover-side h2,
  .cover-default h2 {
    font-family: "foralpro", Arial, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 1.6em;
  }
    .cover-top h2 {
  		font-size: 2.6em;
  	}

		/* Top Cover Teasertext */
		.module .cover-overlay p {
			margin: 1em 0 0 0;
			padding: 0;
		}
		@media (max-width: 800px) {
			.cover-top h2 {
				font-size: 1.2em;
			}
			.cover-top p,
      .cover-side p{
				display: none;
			}
			.cover-side h2 {
				font-size: 1.2em;
			}
		}

	div.cover-overlay {
    margin: -2rem 1rem 0 1rem;
    padding: 1.5rem 1rem 1rem 1rem;
    background: #fff;
    z-index: 1;
    border-bottom: 2rem solid #fff;
		transition: background-color ease-in-out .6s;
	}
    figure.cover-posts:hover ~ .cover-overlay,
    a.hover-trigger:hover ~ .cover-overlay,
    div.cover-overlay:hover {
      background: #f0f0f0;
    }

    .module .cover-overlay p.category {
      margin: 0 0 1rem 0;
    }



/* Typography
-------------------------------------------------------------------------------------------------- */

.module h1 a,
.module h2 a {
	color: #222;
}

.article-metadata {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-top: .5rem;
	padding-bottom: .5rem;
	font-size: .9rem;
	margin: 1rem 0;
}

h1 {
	font-family: "foralpro", Arial, Verdana, sans-serif;
  margin-top: 0;
	font-size: 2.6rem;
	font-weight: normal;
	line-height: 115%;
}
	.article-single h1 {
		font-size: 3rem;
	}
	@media (max-width: 800px) {
		 h1,
		.article-single h1 {
			font-size: 1.9rem;
		}
	}
  h1.info-headline {
    font-family: "geogrotesque-semibold", Arial, Verdana, sans-serif;
  }


h2 {
	font-family: "geogrotesque-semibold", Arial, Verdana, sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 115%;
	margin: .5rem 0 0 0;
}
	@media (max-width: 800px) {
		h2 {
			font-size: 1.4em;
		}
	}
	.article-single h2 {
		font-size: 1.6rem;
		margin: 1.5em 0 0 0;
	}


h3 {
	font-family: "geogrotesque-semibold", Arial, Verdana, sans-serif;
	font-size: 2em;
	font-weight: normal;
	line-height: 135%;
}
	.article-single h3 {
		font-size: 1.3rem;
		margin: 1.5em 0 0 0;
	}


h4 {
	font-family: "geogrotesque-semibold", Arial, Verdana, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 135%;
}
	.article-single h4 {
		font-size: 1.1rem;
		margin: 1.3em 0 0 0;
	}

	h4.section-headline {
		margin: 3rem auto;
		width: 100%;
		height: 1.1rem;
		border-bottom: 1px solid #222;
		text-align: center;
		font-size: 1.5rem;
	}
		h4.section-headline span {
			background: #fff;
			padding: 0 2rem;
		}



aside h5 {
	font-family: "foralpro", Arial, Verdana, sans-serif;
	font-size: .9em;
	text-transform: uppercase;
	color: #01b6ed;
	margin: 0 0 .5rem 0;
}
	.module h5 {
		font-family: "foralpro", Arial, Verdana, sans-serif;
		text-transform: uppercase;
		color: #01b6ed;
		margin-bottom: 0;
	}


.module p {
	font-family: "foralpro", Arial, Verdana, sans-serif;
	margin: .5em 0 1em 0;
	line-height: 150%;
}
	p.category {
		font-family: "geogrotesque-Regular", Arial, Verdana, sans-serif;
		font-size: 1.2em;
		color: #222;
		margin-bottom: 0;
	}
		p.category a {
			color: #222;
		}
	p.category span.brand-bullet {
		float: right;
	}

	p.author {
		font-family: "geogrotesque-regular", Arial, Verdana, sans-serif;
		text-transform: uppercase;
		font-size: .9em;
	}
	p.associated-tags {
		margin-top: 1rem;
		font-family: "geogrotesque-regular", Arial, Verdana, sans-serif;
		text-transform: uppercase;
		font-size: .8em;
	}
	p.note {
		font-size: .8em;
	}


.module mark {
	background-color: #01b6ed;
	color: #fff;
	padding: 0 .3rem;
}

.module code {
	background-color: #EEF097;
	padding: 0 .3rem;
}




.module ul {
	font-family: "foralpro", Arial, Verdana, sans-serif;
	margin: 1rem 0;
	list-style: square;
}
	.module ul li {
		font-family: "foralpro", Arial, Verdana, sans-serif;
		margin: .3rem 0 .3rem 1rem ;
	}



/* Article Single TOC - Table of Content
-------------------------------------------------------------------------------------------------- */
#toc {
	margin: 0 0 2.5rem 0;
}
	#toc > strong {
		display: inline-block;
		margin: 1.5rem 0 1rem 0;
		font-family: "foralpro", Arial, Verdana, sans-serif;
		font-weight: normal;
	}
	#toc ul {
		list-style: none ;
		border-top: 3px solid #222;
		border-bottom: 3px solid #222;
		margin: 0;
		padding: 0;
		counter-reset: count_hl;
	}
		#toc li {
			margin: 0;
			padding: .5rem 0;
			border-bottom: 1px solid #222;
		}
			#toc li:before {
				counter-increment: count_hl;
				content: counter(count_hl, decimal)".";
				font-size: 1rem;
				color: #333;
				font-family: "foralpro", Arial, Verdana, sans-serif;
			}
			#toc li a {
				display: block;
				color: #333;
				margin-left: 2.5rem;
			}
				#toc li a:hover {
					color: #01b6ed;
				}
		#toc li:last-child {
			border-bottom: none;
		}


/* Article Single Unordered Lists
-------------------------------------------------------------------------------------------------- */
.article-single ul {
	font-family: "foralpro", Arial, Verdana, sans-serif;
	margin: 1rem 0 2rem 0;
	list-style: none;
	padding-left: 2rem;
	position: relative;
}
	.article-single ul li {
		margin: .5rem 0;
	}
		.article-single ul li:before {
			font-family: "FontAwesome";
			font-size: .9rem;
			content: "\f0c8";
			color: #01b6ed;
			position: absolute;
			left: 0;
		}

/* Article Single Ordered Lists
-------------------------------------------------------------------------------------------------- */
/* see http://jsfiddle.net/8Bdpz/7/ */
	.article-single ol {
		border-top: 3px solid #222;
		border-bottom: 3px solid #222;
		margin: 1rem 0;
		padding: 0;
		list-style-type: none;
		counter-reset: item;
	}
		.article-single ol li {
			margin: 0;
			padding: .5rem 0 .5rem 2.5rem;
			border-bottom: 1px solid #222;
		}
			.article-single ol li:before {
				color: #222;
				display: inline-block;
				content: counter(item, decimal)".";
				counter-increment: item;
				width: 2.5em;
				margin-left: -2.5em;
				font-size: 1rem;
			}
		.article-single ol li:last-child {
			border-bottom: none;
		}


/* Article Single Blockquote
-------------------------------------------------------------------------------------------------- */
.article-single blockquote {
	margin: 2rem 2rem 2rem 0;
	padding: 0;
	display: inline-block;
}
	.article-single blockquote p {
		position: relative;
		margin: 0;
		padding: 0 0 0 3rem;
		font-family: "geogrotesque-bold", Arial, Verdana, sans-serif;
		font-size: 2.4rem;
		line-height: 120%;
	}
		.article-single blockquote p:after {
			position: absolute;
			content: "";
			top: 0;
			bottom: 0;
			left: 0;
			background: linear-gradient(to bottom, #00add0 35%, #92d400);
			border-radius: 10px;
			width: .8rem;
		}
	@media (max-width: 800px) {
		.article-single blockquote {
			margin: 1rem 0;
		}
		.article-single blockquote p {
			font-size: 1.4em;
		}
	}


/* Article Single Tables
-------------------------------------------------------------------------------------------------- */
.article-single table {
	width: 100%;
	border-collapse: collapse;
	margin: 2rem 0;
}
	.article-single tr {
		border-bottom: 1px solid #011F3A;
	}
	.article-single th {
		padding: .8rem;
		text-align: center;
		background: #011F3A;
		color: #fff;
	}
	.article-single td {
		padding: .8rem;
		text-align: center;
		vertical-align:  top;
	}
		.article-single td ul {
			margin: 0;
			text-align: left;
		}

@media (max-width: 480px) {
	.article-single th,
	.article-single td {
		padding: .3rem;
		font-size: .8rem;
	}
}


/* Page
-------------------------------------------------------------------------------------------------- */
.article-page {
	min-height: 8rem;
}

/* Article Diverses
-------------------------------------------------------------------------------------------------- */

hr,
hr.soft {
	display: block;
  border: 0;
  border-bottom: 1px solid #ddd;
  margin: 1.5em 0;
  padding: 0;
}


.article-single img.pop-out {
	margin: 1.5rem -2.3rem;
	max-width: none;
}
	@media (max-width: 60rem) {
		.article-single img.pop-out {
			margin: 0;
			max-width: 100%;
		}
	}


.box-lightblue {
	margin: 2rem 0;

	background-color: rgba(217,244,252,.7);
	/*
	border-left: 5px solid #01b6ed;*/
	padding: 0 1rem;
	border-top: 3px solid #222;
	border-bottom: 3px solid #222;
}



.browse {
	margin: 1em 0;
	padding: .5em 0;
}
	.browse-left {
		float: left;
	}
	.browse-right {
		float: right;
	}



/* Post Branding Bullets
-------------------------------------------------------------------------------------------------- */
.brand-icon-bullet {
	display: inline-block;
	width: .9em;
	height: .9em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
	.brand-icon-bullet-adacor {
		background-color: #92d400;
	}
	.brand-icon-bullet-filoo {
		background-color: #ff7900;
	}
	.brand-icon-bullet-exolink {
		background-color: #00add0;
	}

.cover-top img.brand-icon {
	max-width: 4em;
	position: absolute;
	right: 1em;
	bottom: 1em;
}
	@media (max-width: 800px) {
		.cover-top img.brand-icon {
			max-width: 2em;
		}
	}

.cover-side img.brand-icon {
	max-width: 2em;
	position: absolute;
	right: 1em;
	bottom: 1em;
}

/* single.php Brand Logo*/

.post-brand-bar  {
	background-color: #fff;
	padding: .3rem 0;
	z-index: 10;
	margin-bottom: .5rem;
	display: flex;
	flex-direction: row;
	align-items: center;
}
	.post-brand-bar img {
		height: 20px;
		width: auto;
		margin-right: .3rem;
	}
	.post-brand-bar span {
		display: inline-block;
		font-family: "geogrotesque-regular", Arial, Verdana, sans-serif;
		margin: 0;
		padding: 0 0 .2rem 0;
		line-height: normal;
		height: 20px;
	}
		.post-brand-bar.is_stuck  {
			/*box-shadow: 0 4px 2px -2px rgba(0,0,0,.15);*/
			padding: 1rem 0;
		}




/* Wordpress Classes
-------------------------------------------------------------------------------------------------- */

.alignleft {
	float: left;
	margin: .3rem 1.5rem .7rem 0;
}
.alignright {
	float: right;
	margin: .3rem 0 .7rem 1.5rem;
}

	@media (max-width: 480px) {
		.alignleft,
		.alignright {
			float: none;
			margin: 1rem auto;
			display: block;
		}
	}

.wp-caption {
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-top: 5px dashed #e3e3e3;
	border-bottom: 5px dashed #e3e3e3;
}
	p.wp-caption-text {
		margin: .5rem 0 .2rem 0;
		font-size: .9rem;
		font-family: "geogrotesque-regular", Arial, Verdana, sans-serif;
	}



/* Author Data
-------------------------------------------------------------------------------------------------- */
aside.author {
	margin-top: 2.5em;
  display: flex;
}
  .author-part-1 {
    margin-right: 2rem;
    width: 100px;
    text-align: center;
  }
  .author-part-2 {
    flex-grow: 1;
    font-size: .9rem;
  }
    .author-part-2 p {
      margin-top: 0;
    }


  @media (max-width: 480px) {
		aside.author {
      margin-top: 1rem;
      flex-direction: column;
    }
    .author-part-1 {
      margin-right: 0;
      width: 100%;
    }
      .author-part-1 img {
        margin: 0 auto;
        max-width: 10rem;
      }
	}


  #author-image {
    border-radius: 50%;
    border: 2px solid #999;
		
  }
    /* set border color according to brand */
    #author-image.adacor-border {
      border-color: #92d400;
    }
    #author-image.filoo-border {
      border-color: #ff7900;
    }
    #author-image.exolink-border {
      border-color: #00add0;
    }


  ul.author-info {
		margin: .5em 0;
		padding: 0;
		list-style: none;
	}
		ul.author-info li {
			display: inline;
			padding: .1rem;
			margin: 0;
		}
			ul.author-info li a {
				color: #222;
			}
  /* fix */
  aside.author ul li::before {
    content: "";
  }


aside.authors > div {
	flex: 1;
	display: flex;
}
	aside.authors img {
		width: 6rem;
		height: 6rem;
		margin: 0 1.5rem .5rem 0;
	}
	aside.authors div div:first-child {
		flex: 0 0 auto;
	}
	aside.authors div div:last-child {
		flex: 1 1 auto;
		padding-right: 1rem;
	}
	aside.authors p.meta {
		font-size: .8rem;
	}

@media (min-width: 600px) {
	aside.authors {
		display: flex;
	}	
}



.author-page {
	display: flex;
	flex-direction: column;
}
.author-page-part-1 {
	text-align: center;
	flex: 0 0 25%;
}
	.author-page-part-1 img {
		width: 140px;
	}
.author-page-part-2 {
	flex: 1 1 75%;
}
	@media (min-width: 600px) {
		.author-page {
			flex-direction: row;
			max-width: 960px;
			margin: 0 auto;
			align-items: center;
		}
		.author-page-part-1 img {
			width: 180px;
		}
		.author-page-part-2 {
			padding: 0 0 1.5rem 2rem;
		}
	}


/* Single - Top Posts
-------------------------------------------------------------------------------------------------- */
ul.top-posts {
	margin: .3rem 0;
	padding: 0;
	list-style: none;
}
	ul.top-posts li {
		margin: 0;
		padding: .15rem 0;
		border-top: 1px solid #f0f0f0;
	}


.show-hide-top-posts {
  position: relative;
  cursor: pointer;
  display: inline-block;
  color: #01b6ed;
}
  .show-hide-top-posts:after {
    font-family: FontAwesome;
    content: "\f078";
    position: absolute;
    right: -1.5em;
  }
    .show-hide-top-posts.expanded {
      font-weight: bold;
    }
      .show-hide-top-posts.expanded:after {
        content: "\f077 ";
      }




/* Brand Box
-------------------------------------------------------------------------------------------------- */
.brand-box {
	display: none;
}

@media (min-width: 600px) {
	.brand-box {
		display: block;
		position: fixed;
		/* bottom: 40%; */
		top: 10%;
		margin-right: .2rem;
		padding: .5rem 1rem;
		right: -300px;
		width: 200px;
		min-height: 300px;
		background: #f9f9f9;
		border-left: 4px solid #222;
		z-index: 1000;
		font-family: "foralpro", Arial, Verdana, sans-serif;
		font-size: 1rem;
	}
			.brand-box span {
				display: block;
			}
			.brand-box .close a {
				color: #999;
			}
			.brand-box img {
				height: 8rem;
				width: auto;
			}
			.brand-box a.button-gradient {
				display: block;
				text-align: center;
			}
}	



/* other Components
-------------------------------------------------------------------------------------------------- */
ul.social {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.5rem;
}
	ul.social li {
		display: inline;
		padding: .2rem;
	}


ul.footer-group-logos {
	margin: 1.3rem 0 0 0;
	padding: 0;
	list-style: none;
}
	ul.footer-group-logos li {
		display: inline;
		margin: 0;
	}
	ul.footer-group-logos li.rightspace {
		margin-right: 2rem;
	}
		ul.footer-group-logos li img {
			height: 1em;
		}

	@media (max-width: 480px) {
		footer .text-right {
			text-align: left;
		}
	}


hr.dashed {
	border: 0 none;
  border-top: 5px dashed #e3e3e3;
  background: none;
  height:0;
	padding: 0 .7rem;
}



p.tagcloud a {
	font-family: "geogrotesque-regular", Arial, Verdana, sans-serif;
	color: #01b6ed;
	background: #f2f2f2;
	padding: .15rem .3rem;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 5px;
	margin: .2em;
	display: inline-block;
}
	p.tagcloud a:hover {
		color: #f2f2f2;
		background: #01b6ed;
	}



/* IFrames
-------------------------------------------------------------------------------------------------- */
.iframe#nlframe {
	border: none;
}

/* iframe for SLA Whitepaper*/
DIV.iframe-sla {
	background: #f0f0f0;
}


/* Tools
-------------------------------------------------------------------------------------------------- */

.fixedheight {
	height: 600px;
}
	@media (max-width: 550px) {
		.fixedheight {
			height: auto;
		}
	}



a.edit  {
	color: #eee;
}


.btn,
a.btn,
a#fboo-link,
a.gaoo-opt-out {
	padding: .3em 1.5em;
	display: inline-block;
	background-color: #01b6ed;
	font-family: "geogrotesque-regular", Arial, Verdana, sans-serif;
	font-size: .9rem;
	text-transform: uppercase;
	color: #fff;
	border-radius: .5rem;
}

.button-gradient,
a.button-gradient {
	margin: 1rem 0;
	padding: .5rem 1.5rem;
	border-radius: 50px;
	border: none;
	background: linear-gradient(to right, #00add0, #92d400, #00add0);
	background-size: 200% auto;
	color: #fff;
	font-size: .9rem;
	text-transform: uppercase;
	letter-spacing: .1rem;
	cursor: pointer;
	font-family: 'geogrotesque-semibold', Arial, Helvetica, sans-serif;
	white-space: nowrap;
	transition: 0.5s;
}
	a.button-gradient:hover {
		background-position: right center;
	}



/* Special Cases */
@media (max-width: 550px) {

	.break-line span {
		display: block;
	}

}


input.display-shortcode {
	width: 100%;
	padding: .5em;
	background-color: #f2f2f2;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-bottom: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
}



/* Plugin style fixes
-------------------------------------------------------------------------------------------------- */
/* Social Sharing Bar Fix */
	ul.shariff-buttons li {
		margin: 0 !important;
}

.ajax-load-more-wrap.grey .ada-load-more-btn {
	background-color: #01b6ed !important;
	margin: 1rem 0;
}


/* Rapidmail Newsletter Plugin Overrwrites
-------------------------------------------------------------------------------------------------- */
.rm-form {
	margin: 0 auto;
	padding: 0;
}

.rm-form ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	/*background-color: #f0f0f0;*/
}
	.rm-form ul.rm-form-container li {
		margin: 0;
	}
	.rm-form ul li .rm-error,
	.rm-form ul li .rm-success {
		display: block;
		margin: 0 auto;
		padding: .2rem .5rem;
		font-size: 1rem;
		max-width: 30rem;
		background: #01b6ed;
		color: #fff;
	}
	.rm-form label {
		display: block;
		margin: 0 0 .5rem 0;
	}
	.rm-form input#rm-email {
		width: 100%;
		max-width: 30rem;
		padding: .75rem;
		border: 1px solid #ccc;
		font-family: "foralpro", Arial, Verdana, sans-serif;
		font-size: .9rem;
	}
	.rm-form input[type=submit] {
		margin: 1rem 0 1rem 0;
		padding: .5rem 1.5rem;
		border-radius: 50px;
		border: none;
		background: linear-gradient(to right, #00add0, #92d400, #00add0);
		background-size: 200% auto;
		color: #fff;
		font-size: .9rem;
		text-transform: uppercase;
		letter-spacing: .1rem;
		cursor: pointer;
		font-family: 'geogrotesque-semibold', Arial, Helvetica, sans-serif;
		white-space: nowrap;
		transition: 0.5s;
	}
		.rm-form input[type=submit]:hover {
			background-position: right center;
		}
	.rm-form li[rel=button] .spinner {
		float: none;
		margin: 0 auto;
	}






/* Search Overlay
-------------------------------------------------------------------------------------------------- */
.wrap-search {
  max-width: 34rem;
  margin: 10rem auto 0 auto;
  padding: 0 1rem;
}
  .wrap-search form {
    border-bottom: 1px solid #b2b2b2;
    display: flex;
  }
    .wrap-search input[type=text]{
      font-family: "geogrotesque-regular", Arial, Verdana, sans-serif;
      border: none;
      padding: 1.5rem 0;
      background-color: transparent;
      color: #fff;
      font-size: 1.5rem;
      width: 100%;
    }
    .wrap-search button {
      border: none;
      background-color: transparent;
      color: #b2b2b2;
      font-size: .6rem;
      cursor: pointer;
    }
      .wrap-search button img {
        width: 1.3rem;
      }



/* Cookie Banner
-------------------------------------------------------------------------------------------------- */
#cookiebanner {
	background: #01b6ed;
	color: #fff;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}
	#cookiebanner p {
		font-family: "geogrotesque-regular", Arial, Verdana, sans-serif;
		font-size: .9rem;
		margin: .5em 0;
	}
	#cookiebanner a.whitelink {
		text-decoration: underline;
		color: #fff;
	}
	#cookiebanner a#closebanner {
		color: #fff;
		font-size: 1.2rem;
	}


.mfp-bg {
	background-color: rgba(0,0,0,.9);
	opacity: 1;
}

/* bugfix Ajax Load More, see https://wordpress.org/support/topic/blog-page-links-are-not-clickable/*/
.alm-listing {
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 1px solid transparent;
}

/* Helper Classes
-------------------------------------------------------------------------------------------------- */
.group:after {
  content: "";
  display: table;
  clear: both;
}

figure { margin: 0; padding: 0; }

.hyphenate {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.has-shadow {
	-webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .15);
	box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .15);
}

.right {float: right;}
.left {float: left;}

.text-center {text-align: center;	}
.text-left {text-align: left;	}
.text-right {text-align: right;	}
.caps {text-transform: uppercase;}
.display-block {display: block;}

/* Margin - Top and Bottom  */
.mt-none { margin-top: 0}
.mt-xs { margin-top: .5em}
.mt-s { margin-top: 1em}
.mt-m { margin-top: 2em}
.mt-l { margin-top: 3em}

.mb-none { margin-bottom: 0}
.mb-xs { margin-bottom: .5em}
.mb-s { margin-bottom: 1em}
.mb-m { margin-bottom: 2em}
.mb-l { margin-bottom: 3em}

/* Padding - Top and Bottom */
.pt-none { padding-top: 0}
.pt-xs { padding-top: .5em}
.pt-s { padding-top: 1em}
.pt-m { padding-top: 2em}
.pt-l { padding-top: 3em}

.pb-none { padding-bottom: 0}
.pb-xs { padding-bottom: .5em}
.pb-s { padding-bottom: 1em}
.pb-m { padding-bottom: 2em}
.pb-l { padding-bottom: 3em}