/*
Theme Name: Jugendring Düsseldorf Theme 2
Theme URI: http://the7.io/
Template: dt-the7
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: Any design, any layout. No coding required. The7 is the most customisable WordPress theme on the market up to date. Add the power of Visual Composer, The7 Post Types, Ultimate Addons, Slider Revolution, and WooCommerce to the mix, and you’ll get the ultimate web-site building toolkit! Theme is translation ready, compatible with WPML, SEO and mobile friendly (certified by Google).
Tags: multipurpose,responsive,retina ready,SEO ready,mobile friendly,iOS,material design,clean,minimal,business,corporate,portfolio,creative,photography,one page site,micro site
Version: 7.7.7.1569231519
Updated: 2019-09-23 09:38:39

*/



.hover-bg-grey:hover {
  background: #f0f0f0;
  transition: 0.5s ease;
}

.hover-bg-grey {
  transition: 0.5s ease;
}

.sidebar-content .widget-title {
  color: #e30713;
  font-size: 24px;
}


/*Dreispaltige Aufzählung */
@media (min-width: 768px) {

  .ul-c3 ul,
  ul.ul-c3 {
    columns: 3;
    column-gap: 15px;
  }
}

@media (max-width: 768px) and (min-width: 400px) {

  .ul-c3 ul,
  ul.ul-c3 {
    columns: 2;
  }

  li {
    padding-right: 10px;
  }
}

@media (max-width: 400px) {

  .ul-c3 ul,
  ul.ul-c3 {
    columns: 1;
  }
}

/*Zweispaltige Aufzählung */
@media (min-width: 768px) {

  .ul-c2 ul,
  ul.ul-c2 {
    columns: 2;
  }

  li {
    padding-right: 15px;
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {

  .ul-c2 ul,
  ul.ul-c2 {
    columns: 1;
  }

  li {
    margin-bottom: 10px;
  }
}



/*Mobile*/
@media screen and (max-width: 768px) {
  .page-title-head {
    text-align: center !important;
    border-left: transparent 0 none !important;
    margin: 0 auto !important;
  }

  .page-title-head h1 {
    font-size: 28px !important
  }

  .page-title-head h1:after {
    line-height: 1.3em;
  }

  .juri_startmeldung {
    text-align: center;
    margin: 0 10px;
    padding: 15px !important;
  }

  .juri_startmeldung i.fas {
    display: block;
    font-size: 24px;
    margin-bottom: 5px;
  }

}

/*Formulare halb dreiviertel viertel */
@media (max-width: 800px) {

  div.viertel,
  div.halb,
  div.dreiviertel,
  div.drittel {
    width: 100% !important;
  }
}

div.viertel {
  float: left;
  width: 25%;
  margin-bottom: 8px;
}

div.halb {
  float: left;
  width: 50%;
  margin-bottom: 8px;
}

div.dreiviertel {
  float: left;
  width: 75%;
  margin-bottom: 8px;
}

div.drittel {
  float: left;
  width: 33.331%;
  margin-bottom: 8px;
}

/*Padding Hauptseite */
@media (max-width: 767px) {
  #main {
    padding-top: 30px;
  }
}


.blog-shortcode article {
  background: #ffffff url(https://jugendring-duesseldorf.de/wp-content/uploads/2019/10/jugendring-bg-x-hellgrau.png) repeat center top !important;
  background-size: auto;
}

.juri-termine-widget li {
  list-style: none !important;
  background: #ffffff url(https://jugendring-duesseldorf.de/wp-content/uploads/2019/10/jugendring-bg-x-hellgrau.png) repeat center top;
  background-size: auto;
  padding: 10px 20px;
  color: #e30713;
  border-bottom: #fbc800 6px solid;
  border-radius: 2px;
  min-height: 100px;
  box-sizing: border-box;
  display: table-cell;
  width: 33.33333333333333333333333333333%;
}

@media (max-width: 767px) {
  .juri-termine-widget li {
    display: block !important;
    width: 100%
  }
}

.juri-termine-widget li a {
  color: #444 !important;
  display: block;
  transition: 0.5s ease;
}

.juri-termine-widget li a:hover {
  text-decoration: underline;
  transition: 0.5s ease;
}

.juri-termine-widget li h4 {
  font-size: 1.2em;
  font-weight: 700;
}

.juri-termine-widget li .time {
  font-size: 1.2em;
  font-weight: 600;
}

.juri-termine-widget .tribe-event-date-start,
.juri-termine-widget .tribe-event-time {
  color: #333 !important;
}



.juri-termine-widget ul {
  margin: 0 !important;
  margin-left: -20px !important;
  margin-right: -20px !important;
  display: table;
  border-spacing: 20px;
  border-collapse: separate;
}

@media (max-width: 767px) {
  .juri-termine-widget ul {
    display: block !important;
    width: 100%;
    margin: 0 !important;
  }
}


/*Categories Grid */
.juri-categories-link {
  display: inline-block;
  background: #fbc800;
  padding: 8px 12px;
  color: #fff;
  text-decoration: none !important;

  font-weight: bold;
  border-radius: 2px;
  margin: 10px 10px 10px 0;
  text-transform: uppercase;
}

.juri-grid-category {
  margin-bottom: -30px;
  text-align: right;
  font-size: 0.9em;

}



/*Social */
.juri-social-facebook a {
  background: #4267B2;
  color: #fff;
}

.juri-social-youtube a {
  background: #ff0000;
  color: #fff;
}

.juri-social-twitter a {
  background: #1da1f2;
  color: #fff;
}

.juri-social-instagram a {
  background: #c32aa3;
  color: #fff;
}

.juri-social-webseite a {
  background: #292a33;
  color: #fff;
}

.juri-social a:hover {
  background: #4c5254;
  color: #fff;
}

.juri-social a {
  text-decoration: none;
  padding: 5px 7px 5px 5px;
}

.juri-social {
  margin-right: 5px;
  margin-bottom: 10px;
  float: left;
}

.vc_grid-item .juri-social [class*=" icon-"]:before {
  font-family: fontello !important;
}

.juri-date {
  font-size: 0.8em;
  background: rgba(255, 255, 255, 0.8);
  display: inline-block;
  padding: 5px 4px;
  line-height: 1em;
  color: #a4050e;
  font-weight: bold;

}

.juri-social-gridicon {
  float: right;
}

.juri-projekt-youpod::before {
  content: 'youpod.de';
  color: #fff;
  background: #a4050e;
  padding: 5px 4px;
  font-size: 0.8em;
  font-weight: bold;
}

.juri-projekt-fanprojekt::before {
  content: 'Fanprojekt';
  color: #fff;
  background: #a4050e;
  padding: 5px 4px;
  font-size: 0.8em;
  font-weight: bold;
}

.juri-projekt-verbandszeug::before {
  content: 'Jugendring';
  color: #a4050e;
  background: #fbc800;
  padding: 5px 4px;
  font-size: 0.8em;
  font-weight: bold;
}

/*Termine Widget */
.tribe-events-list-widget .tribe-events-list-widget-events {
  padding: 0 !important;
}

.tribe-events-list-widget .tribe-event-title {}




/* Seitentitel */

body.home .page-title-breadcrumbs {
  display: none !important;
}

.breadcrumbs li:before,
.fancy-header .breadcrumbs li:before {
  content: ">" !important;
}

.page-title h1,
.page-title h1 a:hover,
#page .page-title .entry-title {
  background: rgba(0, 0, 0, 0.6);
  padding: 10px 20px;
}

@media (max-width: 768px) {

  .page-title .breadcrumbs,
  .page-title .breadcrumbs a {
    color: #fbc800;
    font: normal 500 12px / 14px "Catamaran", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
  }
}


.juri-teaser p {
  font-size: 1.2em;
  line-height: 2em;
}

/*.page-title .page-title-head {border-left: #FBC800 5px solid !important;}*/

.page-title {
  border-top: 10px solid #444 !important;
}


/*Menu Borders*/
.dt-mega-menu-wrap {
  border-bottom: 5px solid rgb(251, 200, 0);
  border-top: 5px solid rgb(120, 120, 120);
  padding-top: 10px;
}


.juri-teaser p {
  font-size: 1.2em;
  line-height: 2em;
}

.no-ul ul {
  list-style: none !important;
}

.no-ul ol,
.no-ul ul {
  margin: 0 !important;
}

.juri-grid a h4 {
  text-decoration: none !important;
}

.popup-search .submit i,
.overlay-search .submit i {

  color: #fff !important;
}

.juri-grid-row {
  margin: 32px 0;
}

@media screen and (max-width: 778px) {
  .page-title.page-title-responsive-enabled .wf-wrap {

    text-align: left !important;
    min-height: 110px;
  }

  .page-title.page-title-responsive-enabled .wf-wrap {
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -ms-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
    -ms-flex-pack: baseline !important;
    -ms-justify-content: center;
    justify-content: center;
    text-align: center;
    min-height: 110px;
  }
}


.tribe-events .tribe-events-c-top-bar__nav-list,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list {
  list-style: none;
}

.tribe-common .tribe-common-h3 {
  color: #141827;
  font-family: Catamaran;
  font-weight: 700;
  font-size: 22px !important;
  line-height: 1.5;
}

.tribe-common .tribe-common-c-btn,
.tribe-common a.tribe-common-c-btn {
  color: #fff;
  font-family: Catamaran, sans-serif;
  font-size: 14px;
  line-height: 1.62;
  font-weight: 400;
  font-weight: 700;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: auto;
  padding: 0;
  text-decoration: none;
  width: auto;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  transition: background-color .2s ease;
  background-color: #e30713 !important;
  padding: 11px 20px;
  width: 100%;
}


#content a {
  text-decoration: none;
}


.masthead:not(.mixed-header) {
  background: #ffffff url(https://jugendring-duesseldorf.de/wp-content/uploads/2019/11/x-test1.png) repeat center top;
  background-size: auto;
}


@media screen and (max-width: 778px) {

  .page-title .wf-wrap,
  .fancy-header .wf-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 400px) {
  .content ul {
    list-style: none !important;
    margin: 0 !important
  }

  .content ul li {
    border-top: #999 1px dashed;
    padding-top: 3px;
  }

  .content ol {
    margin: 0 0 10px 10px !important;
  }

}

hr {
  margin: 20px 0;
  opacity: 0.5;
}

.juri-lastchange-type {
  background: #f9f9f9;
  line-height: 0.8em;
  padding: 5px;
  font-size: 0.8em;
}

.juri-lastchange-date {
  font-size: 0.9em;
  width: 90px;
}

.weiss * {
  color: #fff !important;
}

blockquote,
blockquote *,
.shortcode-pullquote,
.wp-block-quote cite {
  color: #444 !important;
}

.hpmv-excerpt {
  line-height: 1.4em;
}

.juri-grid-date {
  max-width: 150px;
  float: right;
  background: #00C1CF !important;
  color: #fff !important;
  font-weight: lighter !important;
  font-size: 0.9em;
  line-height: 1em;
  padding: 10px 0 0 0 !important;
}

.juri-grid-box {
  -webkit-box-shadow: 11px 10px 5px -7px rgba(179, 179, 179, 0.2);
  -moz-box-shadow: 11px 10px 5px -7px rgba(179, 179, 179, 0.2);
  box-shadow: 11px 10px 5px -7px rgba(179, 179, 179, 0.2);
}

.message {
  background: #f9f9f9;
  border: red 1px solid;
  padding: 10px;
}


.text-12 p {
  font-size: 1.2em !important;
}

.juri-termine-widget2 ul {
  list-style: none;
  margin-left: 0;
}

.juri-termine-widget2 ul li {

  background: #ffffff url(https://jugendring-duesseldorf.de/wp-content/uploads/2019/10/jugendring-bg-x-hellgrau.png) repeat center top !important;
  padding: 8px 5px;
  border-right: #fbc800 3px solid
}

.juri-termine-widget2 .entry-title {
  font-weight: 500;
}


body.pressemitteilung-template-default .wf-wrap {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}



.dt_team_category-jugendamt .team-author-name {
  color: #009BD9 !important;
}

.dt_team_category-jugendamt .team-author p {
  color: #aaa !important;
}


.dt_team_category-jugendamt .soc-ico a:before {
  background-color: #009BD9 !important;
}

.wpcf7-not-valid-tip {
  display: block !important;
}


.grid-date {
  display: inline-block;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 5px;
  font-weight: bold;
  margin-right: 5px;
  font-size: 0.9em;
  line-height: 1.2em;
}


.grid-place {
  display: inline-block;
  background: #e30713;
  color: #fff;
  padding: 5px;
  font-weight: bold;
  margin-right: 5px;
  margin-top: 5px;
  font-size: 0.8em;
  line-height: 1.2em;
  word-break: break-word;
}

.nf-repeater-fieldsets fieldset {
  padding: 10px;
  border: #ccc 1px dashed;
  background: #f9f9f9;
}

.nf-add-fieldset {
  padding: 15px;
  margin: 10px 0
}

.form-bigger .nf-field-label label {
  font-size: 2em;
  line-height: 1.2em;
}

.form-bigger .nf-field-label label:after {
  top: 10px !important;
}

.form-content {
  padding: 10px;
  background: #f3f3f3;
}

.nf-form-fields-required {
  display: none;
}

.font-larger h3 {
  font-size: 2.5em !important;
}

.taglist {
  margin-bottom: 15px;
}

.taglist div {
  display: inline;
}

.taglist a {
  padding: 5px 8px;
}

.taglist-smaller a {
  padding: 3px 5px;
  font-size: 0.8em;
}

.taglist.taglist-red a {
  background: #e30713;
  color: #fff;
}

.taglist.taglist-grey a {
  background: #999;
  color: #fff;
}

.strong {
  font-weight: bold;
}

.smaller {
  font-size: 0.9em;
}

.pointer-none,
.pointer-none * {
  pointer-events: none;
  cursor: default;
}


.vc_grid-filter {
  margin-left: 0 !important;
  margin-bottom: 20px !important;
  list-style: none !important;
  padding: 0;
}

.listimage-wrap li {
  background: #ffffff url(https://jugendring-duesseldorf.de/wp-content/uploads/2019/10/jugendring-bg-x-hellgrau.png) repeat center top !important;
  padding: 0;
  font-family: 'Catamaran';
}



.listimage-wrap li label {
  line-height: 1.3em !important;
  padding: 15px;

}

.listimage-wrap li label strong {
  display: block;
  color: var(--the7-title-color);
  font-size: 1.1em;
  margin-bottom: 3px;
}

.listimage-wrap li label img {
  margin-top: 10px;

}

.listimage-wrap ul {
  margin: 0 !important;

}


@media screen and (max-width:768px) {
  .listimage-wrap li {
    grid-column: 1/2 !important;
  }
}

.juri-bildbeschriftung-featured {
  margin-top: -45px;
  margin-bottom: 60px;
  font-size: 0.8em
}



.vc-box-shadow .vc_column-inner {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  padding: 15px !important;
}


#hpmv-page {
  max-width: 800px;
  margin: 0 auto;
}


.headerimg-heading {
  font-size: 5rem;
  line-height: 4.5rem;
  background: rgba(0, 0, 0, 0.5);
  padding: 40px;
  text-align: center;
  color: #fff;
  margin-top: -15%;
  z-index: 100;
  position: relative;
}

@media screen and (max-width: 992px) {
  .headerimg-heading {
    font-size: 3rem;
    line-height: 2.5rem;
  }
}




input[type=button],
input[type=submit],
input[type=reset] {
  border: 0 !important;
  -webkit-box-shadow: -1px 1px 19px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -1px 1px 19px -9px rgba(0, 0, 0, 0.75);
  box-shadow: -1px 1px 19px -9px rgba(0, 0, 0, 0.75) !important;
  ;
}



/*Servicestelle Bezirksgrid */
.servicestelle_bezirk_posts .uk-description-list,
.servicestelle_bezirk_posts .hugrid-corner {
  display: none;
}



/*Fix für Sameheight*/
.uk-grid-match .uk-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.uk-grid-match .uk-card-body .hugrid-grid-item-excerpt {
  flex-grow: 1;
}

.uk-grid-match .uk-card-body {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.uk-grid-match .uk-card-body a.uk-text-decoration-none.uk-text-regular {
  flex-grow: 1;
}