/*
Theme Name: LIGNO-Coaching
Theme URI: http://lignocoaching.de
Description: Theme 2019 für LIGNO-Coaching
Author: Sebastian Graßl
Author URI: http://www.werbung-ms.de
Version: 2019.1
Tags:
Date: 20.09.2019
*/

/*==============================
  **  COLOURS **

    rot        : D2091E - rgb(210, 9, 30)
    türkis     : 00A19A - rgb(0, 161, 154)
    blau       : 009FE3 - rgba(0, 159, 227, 0.2)
    gelb       : FFDE00 - rgb(255, 222, 0)
    hellgrau   : dedede
    dunkelgrau : 808080

  ** FONTS **

     Roboto

  ==============================*/

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}


strong { font-weight : 700; }

img { max-width : 100%; height : auto; }

.page_wrapper {
	max-width : 1600px; margin : 0 auto;
	padding : 20px 0 0;
	background: #fff;
}

.custom-object-fit {
  position: relative;
  background-size: cover;
  background-position: center center;
}
.custom-object-fit img {
    opacity: 0;
  }

.news_header_image .image_container { height : 50px; }
.image_wrapper { text-align: center; }
.image_wrapper img { object-fit: cover; height : 350px; width : 90%; object-position : center; }

.content_wrapper.divider { padding: 0;  border: 0;
  height: 4px;
  border-top: #D2091E 3px solid;
  text-align: center;
  width : 25%;
  margin : 0 auto;
}
/* --------------------------------------------------------------------------

   Content

   -------------------------------------------------------------------------- */
.content_wrapper { margin : 0 auto;     background-size: cover;
    background-position: 50% 50%; background-repeat : no-repeat; }
.content_wrapper.revslider { margin: 0 auto; padding : 0; }
.container + .container { padding-top : 0; }

.content_wrapper.font_small { font-size : 0.9em; }
.content_wrapper.font_big { font-size : 1.1em; }
.content_wrapper.font_bigger { font-size : 1.3em; }

.content_wrapper.pointer_down { background : #ed1849; position : relative; }
.slider_title { text-shadow: 2px 2px 3px #a0a0a0;}

.quote_top { font-size : 2em; text-align : center;  text-transform : uppercase; }
.quote_top:before {
  font-family : dashicons;
  content: "\f122";
  font-size : 40px;
  color : #808080;
}

.quote_subtext { font-size : 1.6em; text-align : center; position : relative; }
.quote_subtext:after {
  font-family : dashicons;
  content: "\f122";
  font-size : 40px;
  color : #808080;
}

hr.quote_block { width : 20%; border : 0; border-top : 6px solid #00A19A; margin : 0 auto; padding : 0; }

div.newsletter {
	background: rgba(24, 159, 152, 1);
	padding: 30px 20px;
}

blockquote {
  font: 400 40px/1.6  "Times New Roman", serif;
	color : #D2091E;
	text-align: center;
	text-transform: uppercase;
}

blockquote:before {

	font-family: fontawesome;
    content: '\f10d';
    position: absolute;
    left: 20px;
    font-size: 60px;
    color: rgba(210, 8, 30, 0.3);
    top: -25px;
}
blockquote:after {

	font-family: fontawesome;
    content: '\f10e';
    position: absolute;
    right: 0px;
    font-size: 60px;
    color: rgba(210, 8, 30, 0.3);
    bottom: -0;
}

@media (min-width: 1140px) {

}


/*-------Wordpress Core Classes---------*/
.sticky {
}

.alignnone {
    clear: both;
    overflow: hidden;
}
.aligncenter, div.aligncenter {
    display:block;
}
.alignright {
  margin : 0 0 0 40px;
  float:right;
}
.alignleft {
    float:left;
    margin: 5px 10px 20px 0;
}
.aligncenter {
  display: block;
  margin : 30px auto;
}

.highlight .alignleft, .highlight .alignright { margin : 0 50px; }

a img.alignright { float:right; }
a img.alignnone { margin : 0 0 0 60px; }
a img.alignleft {
    float:left;
    margin: 5px 10px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    margin:0;
    padding:0;
}
.wp-caption p.wp-caption-text {
    margin:0;
    padding:4px 0;
    font-size:0.8em;
}
.align_center { text-align : center; }

/* --------------------------------------------------------------------------

   Gallery

   -------------------------------------------------------------------------- */
.gallery:before,
.gallery:after,
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.gallery:after,
.clearfix:after {
  clear: both;
}
.gallery { clear:both; }
.gallery img { width: 100%; height:auto; }

.gallery figure { transition:all 0.2s ease-in-out; float:left; position: relative; }
.gallery.gallery-columns-5 figure { margin:0.5%; width:19%; }
.gallery.gallery-columns-4 figure { margin : 0 1% 20px 0; width:24%; }
.gallery.gallery-columns-3 figure { margin :0 1% 20px 0; width:32.333333%; }

.gallery.gallery-columns-2 figure { margin:2%; width:46%; }
.gallery.gallery-columns-2 .gallery-icon { float:right; width:42%; }
.gallery.gallery-columns-2 .gallery-caption { float:left; padding: 22px 8px; width: 52%; }

.gallery figure a { color : #1d506f; }
.gallery figure a:hover { }
.gallery figure:hover { }
.gallery-item { }

.gallery-icon { float : left; }
.gallery-icon a {  display:block;line-height:0; }
.gallery-icon a:hover {  }
.gallery-caption {
    z-index: 200;
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 8px 0;
}

/* portrait gallery - mitarbeiter seite */
.gallery-type-portrait .gallery-icon { float:none; }
.gallery-type-portrait .gallery-caption { float:none; }
.gallery-type-portrait h3 { font-size:14px; margin : 0; }
.gallery-type-portrait .dashicons { font-size:17px; line-height: 22px; margin-right:12px; }
.gallery.gallery-type-portrait img { height:auto; }

/* --------------------------------------------------------------------------

   footer

   -------------------------------------------------------------------------- */
footer {
  background : #c1cbd3;
  color : #000;
	margin: 0 auto;
	left : 0;
	right : 0;
}

footer a { color : #000; }
footer.fix_to_bottom { position:fixed;bottom:0;width:100%; }

h3.widget-title { font-size: 16px; }

.footer_wrapper {
	background : #c1cbd3;
  padding: 30px 20px;
  box-sizing: border-box;
}

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

/* For devices larger than 960px */
@media (min-width: 960px) {
	.footer_wrapper { padding : 30px 0; }
}

.map_wrapper { padding: 30px 20px; }

#gmap_container {
	padding : 0;
	height : 400px;
}
.google_map_address_overlay {
	width : 100%;
	padding : 20px;
	overflow: hidden;
	z-index: 5;
	top: 200px;
	left: 15%;
}

/* login form =============================================================== */

/* flaoting css label : https://css-tricks.com/float-labels-css/ */

div.newsletter label {
  color : #fff;
  transition: 0.2s;
  padding : 2px 0;
  font-size : 18px;
}
div.newsletter input[type=text] { width : 100%; color : #000; background : #fff; margin : 0 0 30px; }
div.newsletter button { font-size:22px; height : 60px; width : 100%; color : #000; background : #fff; transition: 0.2s; }
div.newsletter button:hover { background : #F8F8F8; }
div.newsletter input[disabled] { background : #8e8e8e; }


.training_info { background : #f0f0f0; padding : 10px; margin-bottom : 30px; }


.news_list, .search_results, .team_list, .bilder_liste {
  margin : 30px 0;
  padding : 0;
}

.news_list li, .bilder_liste li {
  list-style : none;
  margin : 0 0 30px 0;
  width : 100%;

  padding : 0;
}

.news_title a { text-decoration : none; }

.image_credit_list { font-size : 0.8em; }
.image_credit_list img { margin-bottom : 5px; }

/* --- TERMINE --------------------------------------------------- */
/* Listing                                                         */
/* --------------------------------------------------------------- */

.columns.termin { background : #f0f0f0; padding : 5px; text-align : center; position : relative; }
.columns.termin .inner_container:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 30px solid #D2091E;
    border-right: 30px solid transparent;
    position: absolute;
    left: 0;
    top: 0;
}
.termin .inner_container { padding : 10px; border : 2px solid #fff; position:relative;}

.termin_liste {
    margin: 0;
    padding: 0;
}

.termin_liste .information {
}
.termin_liste .termin_logo {
}
.termin_liste .read_more {
}
.termin_liste .termin_logo img {
}
.termin_liste li {
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0;
}

.author_bio_wrapper { background : #dedede; padding : 12px; margin-top : 50px; }
.author_bio { float : left; width : 80%; margin-left : 2% }
.author_image {
  float: left;
  width: 18%;
}

@media screen and (min-width: 550px) {
  .grid-sizer { width : 48%; }
  .bilder_liste li { width : 50%; padding : 0 15px; float : left; }
  .post_img { height : 245px; }
}

@media screen and (min-width: 960px) {
	.termin_liste li {
    width : 48%;
		float : left;
		margin-right: 4%;
	}
	.termin_liste li:nth-child(2n) { margin-right: 0; }
}
.dlm-downloads { margin : 0 0 30px; padding : 0; }
.dlm-downloads li { list-style: none; float: left; width: 30%; margin-right: 3%; }
.download-box-wrapper {}

div.newsletter input[type=text] { width : 100%; color : #000; background : #fff; margin : 0 0 30px; }
div.newsletter button { font-size:22px; height : 60px; width : 100%; color : #000; background : #fff; transition: 0.2s; }
div.newsletter button:hover { background : #F8F8F8; }
.download-title { font-size:1.5em; font-weight: 700; display: block; }
a.lc-download-button {
	font-size: 1.5em;
	display: block;
	color:#D2091E;
	text-align: center;
	text-decoration: none;
	border : 1px solid #D2091E;
	padding: 10px 0;
}
.download-file-size { display: block; }