/*
 * Theme Name: DIG Multisite
 * Theme URI: http://www.bluestonedesign.de
 * Theme Description: Wordpress Theme for DIG e.V.
 * Author: BlueStoneDesign
 * Author URI: http://www.bluestonedesign.de
 * Version: 1.0
*/




/***@import "font-awesome/font-awesome.less";**/

/* Apply bootstrap styles */
@import url('bootstrap/css/bootstrap.min.css');

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

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

/* arvo-700 - latin */
@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/arvo-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Arvo Bold'), local('Arvo-Bold'),
       url('./fonts/arvo-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/arvo-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/arvo-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/arvo-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/arvo-v13-latin-700.svg#Arvo') format('svg'); /* Legacy iOS */
}
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/**
.external:after {
color: #1e4678;
padding-left: 10px;
font: normal normal normal 14px/1 FontAwesome;
content: "\f08e";
}
.btn.external::after {
	display: none;
} **/

#cookie-notice {
	background-color: rgba(0,70,135,0.8);
}
#cookie-notice .cn-button.bootstrap {
	color: #004687;
	background: #FFF;
}

/* styles for shortcodes  */

.divider {
    margin-bottom: 25px;
    padding-top: 25px;
    clear: both;
    display: block;
    margin-bottom: 15px;
    padding-top: 15px;
    width: 100%;
}


/**Beitragsbox Startseite**/

.beitrags-box {	background-color: #FFF; padding: 10px;}
.beitrags-box h5, .beitrags-box h5 a, .beitrags-box h5 a:hover{    color: #004687; text-transform: none;}
.beitrags-box .vc_gitem-zone.vc_gitem-zone-a {	height: inherit;}
.beitrags-box .vc_gitem_row .vc_gitem-col {padding: 0px;}
.beitrags-box .vc_gitem-zone-a .vc_gitem-row-position-top,
.beitrags-box .vc_gitem-zone-b .vc_gitem-row-position-top {	position: relative !important;}
.beitrags-box .vc-gitem-zone-height-mode-auto::before {display: none;}


/* Styling of standard gallery shortcode */

.gallery {
    margin: auto;
}

.gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 33%;
}

.gallery img {
    border: 2px solid #cfcfcf;
}

.gallery-caption {
    margin-left: 0;
}






/*Styles for Plugins*/

/* Pagenavi */

.wp-pagenavi{
    margin-bottom: 25px;
    text-align: center;
}
.navigation ul {
	padding: unset;
	display: block;
  list-style: none;
}
.navigation li a{
    color: #333;
    text-decoration:none;
    background-color: #FFF;
      padding: 10px;
  }

.navigation li {
    float: left;
    margin: 0px 5px;
}

.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #FFF;
    border-radius: 3px;
    cursor: pointer;
    padding: 10px;
    color: #FFF;
}

.navigation li a:hover,
.navigation li.active a {
    background-color: #004687;
}


/* very basic styles for layout */


/*Body*/

html, body {
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

body {
  color: #666666;
  font-size: 15px;
  line-height: 22px;
	font-family: 'Open Sans', sans-serif;
	background-color: #f7f8f6;
  font-style: normal;
  font-weight: 400;
}

h1, h2, h3, h4, h5 {
	color: #004687;
	padding: 15px 0px;
	font-weight: normal;
  margin: 0px;
  font-family: 'Arvo';
}
h1, .h1{
  font-size: 26px;
  margin: 0px 0px 25px 0px;
}
h2, .h2{
  font-size: 22px;
  margin: 0px 0px 25px 0px;
}
h3, .h3{
  font-size: 20px;
  margin: 0px 0px 25px 0px;
}


a {
	color: #004687;
	text-decoration: none;
}

/* Top Header */

    #top-header {
    	background-color: #004687;
    	color: #FFF;
    	font-size: 0.8rem;
    	min-height: 100%;
    	height: 100%;
    	width: 100%;
    	top: 0px;
    	left: 0;
    	padding: 5px 15px;
    }

#top-header ul,ol{
    margin-bottom: 3px;
    margin-left: 0px;
    padding-left: 0px;
}

#top-header  a,
#top-header  a:hover{color: #FFF; text-decoration: none;}

.top-main-menu{
  background-color: #FFF;
}
/* Brand */

.brand{
    margin-top: 15px;
    margin-bottom: 15px;
}


/*Header Menu */

.header-menu{
    list-style: none outside none;
    display: inline-block;
}

.header-menu  li {
    display: inline;
    padding-right: 10px;
    padding-left: 5px;
}

.button, .btn-primary{
  	font-weight: 300;
  	padding: 20px 20px 20px 20px;
  	width: 80%;
  	text-align: center;
    	color: #ffffff;
    background-color: #004687;
    border-radius: 5px;
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
}

/**
.header-menu li.fa-facebook-f::before,
.header-menu li.fa-facebook::before {
	display: none;
} **/

.header-menu li.fa a::after{
  display: none;
}

#menu-headermenu a {padding: 5px 10px !important;}
#menu-headermenu ::before {	margin-right: -15px !important;}


/*Main Menu*/
.navbar {
	margin: 20px 0px;
	border: 0px none;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
  display: block;
  color: #666666;
  text-decoration: none;
  border-bottom: 0px none;
  background-color: unset;
  font-family: 'Arvo';
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form,
.navbar-default {
	border-color: unset;
	border: 0px none;
  background-color: unset;
}

.navbar-toggled-title{
    float: left;
    display: inline;
    margin: 15px;
  }

#menu-hauptmenu > li > a {
	color: #666666;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
  font-family: 'Arvo';
}

#menu-hauptmenu > li > a:hover, #menu-hauptmenu > li.active > a{
  color: #004687 !important;
  background-color: unset;
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	list-style: none;
	background-color: #ffffff;
	border: 0px none;
	border-radius: 0px;
	box-shadow: 0px;
	background-clip: padding-box;
}
.dropdown-menu > li > a {
  font-family: 'Open Sans', sans-serif !important;
	font-weight: bold;
	color: #666666;
	background-color: unset;
  text-transform: uppercase;
}

.dropdown-menu > li > a:hover {
  color: #004687 !important;
  background-color: unset;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	color: #004687 !important;
	background-color: unset;
}


/*Breadcrumbs*/

.breadcrumbs, .pagination {
  background-color: transparent;
	display: inline-block;
	padding-left: 10px;
	margin: 20px 0;
	border-radius: 0px;
}

/*Read More Links*/

.read-more{
    background-color: #004687;
    border-color: #004687;
    color: #FFFFFF;
    border-radius: 4px;
    line-height: 1.5;
    padding: 5px 10px;
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.read-more:hover {
    background-color: #3276B1;
    border-color: #3276B1;
    color: #FFFFFF;
    text-decoration: none;
}

.content-single .wp-block-read-more {
    display: none;
}

/* content */
#home-boxes h5{
  text-transform: uppercase;
  color: #FFF;
  padding: 10px 0px;
}

/**
#home-boxes .vc_gitem-post-data-source-post_title,
#home-boxes h4,
#home-boxes h6,
#home-boxes p{
    color: #FFF !important;
} **/


.weiss {
	color: #FFF !important;
}
.category article, .single-post article {
	background-color: #FFF;
	padding: 10px;
}
.content-single .post-img{
  padding-bottom: 25px;
}
.content-single .post-img img {
	width: auto;
}

.post-navigation .nav-links {
	display: flex;
}

.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next {
	width: 50%;
}

.post-navigation .nav-links .nav-next {
	text-align: right;
}

.post-navigation .nav-links .nav-subtitle {
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #004687;
}

.post-navigation .nav-links .nav-previous .nav-subtitle:before {
	content: "\00AB"; /* Left Arrow */
}

.post-navigation .nav-links .nav-next .nav-subtitle:after {
	content: "\00BB"; /* Right Arrow */
}
blockquote{
  border-left: 0px none;
  padding: 10px 30px;
}
blockquote:before {
  width: 30px;
  height:30px;
  content: " ";
  top:30px;
  left:-30px;
  background-image: url("./includes/quote-start.png");
  background-repeat: no-repeat;
}

blockquote:after {
  width: 30px;
  height:30px;
  content: " ";
  position:absolute  !important;
  bottom:10px;
  right: 30px;
  background-image: url("./includes/quote-end.png");
  background-repeat: no-repeat;
}
blockquote p{
  line-height: 24px;
  text-align: justify;
}
blockquote:before,
blockquote:after {
  display: inline-block;
  vertical-align: bottom;
  color: orange;
  font-size: 4em;
  position: relative;
}

.grayscale .owl-item img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

.grayscale .vc_grid-item:hover img {
  filter: none;
  -webkit-filter: grayscale(0%);
}
.gallery-php article {
	margin-top: 50px;
}
.gallery-php .gallery-content{
  font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
}

.vc_grid-item-mini, .vc_gitem-zone{
	background-color: #FFF;
}
.vc_gitem-zone h4{
  color: #2e2e2e
}
.blog .row {
	margin-left: 0;
	margin-right: 0;
}
.blog article .post-img img {
	max-height: 350px;
	width: auto;
}
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.vc_grid-item.vc_clearfix.vc_col-sm-6 {
	float: left !important;
}
.vc_btn3.vc_btn3-color-juicy-pink,
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
	color: #fff;
	background-color: #004687 !important;
}

article .featured {
	float: none;
	display: block;
}
article img.vc_gitem-zone-img{
  width: auto;
  height: 200px !important;
}

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

small {
	font-size: 70%;
}

/**
#post-wrap {
	display: grid;
	grid-template-columns: 50% 50%;
	grid-gap: 2%;
  margin-bottom: 50px;
} **/
#post-wrap article {
	background-color: #FFF;
	border-right: 5px solid #f7f8f6;
	border-bottom: 10px solid #f7f8f6;
}
#post-wrap article .post-content {
	padding: 20px;
}
#post-wrap h3 a{
	color: #2e2e2e;
  font-size: 18px;
  line-height: 25px;
  font-family: 'Arvo', sans-serif;
}
#post-wrap .post-img{
  width: 100%;
  text-align: center;
}

.post-img .external::after {
	display: none;
}

#TB_caption {
    height: auto;
}


/* EVENTS */
.tribe-events-sub-nav li.tribe-events-nav-upcomming {
	float: right !important;
}
.tribe_events .featured {
	display: inline;
	float: left;
  margin-right: 25px;
}
.tribe_events .featured small{
  display: block;
}
.tribe-events-page-title {
   font-size: 26px;
	 font-weight: normal;
}
.tribe-events-list-separator-month{
  font-size: 20px;
  font-weight: normal;
}

.tribe-events-list .type-tribe_events .tribe-events-list-event-title {
	font-size: 1.2em;
}

.tribe-bar-disabled {
	display: none;
}
.tribe-events-loop.past-events {
	opacity: 0.6;
}
.tribe-events-list .type-tribe_events {
	margin: 3rem 0px;
}

.tribe-event-categories {
	padding: 0px;
	list-style: none;
	display: inline;
}
.list-widget-category-label {
	float: left;
	padding-right: 10px;
}
.tribe-events-adv-list-widget .list-widget-category-label,
.tribe-events-adv-list-widget .tribe-event-categories {
display: inline-block;
}

/* meta data */

.meta{
    font-size: 0.9rem;
}

.cats{
    margin-left: 5px;
    margin-right: 10px;
}

.tags{
    margin-left: 5px;
    margin-right: 10px;
}



/* Sidebar */

.sidebar-wrapper{
    padding-top: 0px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-left: 1px solid transparent;
    border-color: #dcdcdc;
}

.sidebar-wrapper ul {
    padding: 10px 0px;
    list-style: none;
}

.sidebar-wrapper p {
    padding-left: 10px;
}

.sidebar-posts .textwidget, .sidebar-page .textwidget{
    padding-left: 15px;

}
/* Download Manager */

.w3eden a.btn {
	text-decoration: none !important;
	width: 100%;
}
.w3eden .card h3 {
	font-size: inherit;
	font-weight: normal;
}

.w3eden .media-body {
	flex: auto !important;
}
.w3eden .img-150 {
	min-width: 150px;
}

/* Widgets */

.widget{
    margin-bottom: 40px;
}

.header-widget{
    display: none;
}
/* CF7 Forms */
.wpcf7-form label{
  width: 100%;
}
.wpcf7-submit {
	padding: 10px;
	width: max-content;
}
input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number,
input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text,
select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea {
	display: block;
  width: 80%;
	margin: 5px 0 0;
	padding: 15px;
	border: 0;
	border-radius: 0;
	outline: 0;
	resize: none;
	line-height: 17px;
	background-color: #fff;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
}

/* code in comments*/

code {
    white-space: normal;
}


/* Footer */

.footer-wrapper{
    padding: 0 15px;
    background-color: #FFF;
    margin-top: 35px;
}


footer{
    background-color: #004687;
    padding-top: 15px;
    padding-bottom: 20px;
}
footer a,
footer a:hover{color: #FFF; text-decoration: none;}

.footer h3, .footer h4, .footer h5, .footer h6 {
  color: #666666;
  font-size: 14px;
  font-weight: bold;
}

.footer-menu {
    list-style: none outside none;
    display: inline-block;

}

.footer-menu-wrapper ul, ol{
    margin-left: 0px;
    padding-left: 0px;
}

.footer-menu  li {
    display: inline;
    padding-right: 10px;
    padding-left: 5px;
}


/* Copyright*/

.copyright-wrapper{
    min-height: 100%;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0;
    padding: 0 15px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 22px;
    font-style: normal;
    font-weight: 400;
    color: #FFF;
}

.credit{
    font-size: 0.8rem;
    text-transform: none;
    list-style: none outside none;
    display: inline-block;
    text-transform: uppercase;
}

.credit li{
    display: inline;
}

.copyright-text {
    margin-right: 40px
}

.copyright{
    padding-top: 10px;
}






/* MEDIA QUERIES */

/* Small devices (tablets, 768px and up) */
/*** @media (max-width: 768px) {
    #slider .flexslider,
    #slider .metaslider .slides img {
    	width: auto !important;
    	height: 300px !important;
    }
} **/
@media (min-width: 768px) {


 #top-header{
        display: block;
    }

    .header-widget{
        display: block;
    }

    .header-menu-wrapper{
        float: right;
    }

    .footer-menu-wrapper{
        float: right;
    }

    .footer-menu-wrapper ul, ol{
        margin-left: 10px;
    }
    #menu-hauptmenu {
      float: right;
    }
    #menu-hauptmenu > li:not(:first-child)::before {
    	content: '|';
    	position: relative;
    	left: -2px;
    	color: #9e9e9e;
    	font-size: 15px;
    	font-weight: 400;
    	float: left;
    	padding-top: 15px;
    }

    #box {
    	margin-top: -100px;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

    #top-header ul,ol{
        margin-left: 10px;
    }

    .header-menu li:first-child {
        padding-left: 20px;
    }



}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }