@import "../../../../themes/contrib/bootstrap4/css/style.css";
@charset "UTF-8";

/* ======================================= START custom LULA ============================== */

.field__label {
	padding-top: 6px;
	}

.ui-widget-header {
	color: red !important;}

div.field--type-video > div.field__label {
	display: none !important;
	}

div.col-auto + div.col-3 {
	max-width: 10% !important;
	}

.masonry-item {
	margin-bottom: 20px;
	margin-right: -10px !important; 
	border: 1px solid grey;}

.lulalink {
	font-size: 0.5rem !important;
	color: #2f4f4f;}

.lulameint {
	font-size: 0.5rem !important;
	color: red;}

.view-content {
	padding-left: 0px !important;
	}

#block-lula-footer {
	font-size: 0.5em;
	border-top: 1px solid grey;
	}

#block-lula-hinweis {
	font-size: 0.8em;
	border-top: 1px solid grey;
	}

#block-bootstrap4-local-tasks,
a.permalink,
p.comment_submittet + a,
div#edit-name--description,
div#edit-pass--description,
span.field--name-title,
.feed-icon,
.filter-wrapper,
.cke_bottom {
	display:none !important;
	}

article.comment {
	line-height: 1rem !important
	}

article.comment > footer {
	padding: 10px 0px 0px 0px !important;
	}

h2.comment-form__title {
	font-size: 1rem !important;
	margin-bottom: -12px !important;
	font-weight: 700;
	padding-top: 10px;
	}

.webform-confirmation__message {
	padding-top: 2em;
	font-size: 2.5em;
	font-weight: 700;
	}

h1.page-title {
	padding-top: 1.2em;
	}

div.alert-success > a {
	color: #000 !important;
	}

span.file {
	max-width: 20px;
	}

div.views-field-nothing-1 {
	font-size: 0.8em;
	/* border: 0px solid grey; */ 
	padding: 4px;
	/*color: green; */
	font-weight: 600;
	}

.fivestar-widget {
	padding-left: 4px;
	padding-bottom: 6px;}

a.use-ajax {
	color: grey;
	}

span.field-content {
	padding: 0px;
	}

video {
/*	margin-left: -10px !important;
	margin-right: -10px !important; 
	margin-bottom: -6px !important; */
	}

videoinview{width:320px !important;}

views-field-field-video-lula {width:100px !important;}

.footerlink {
	color: grey;
	}

#block-bootstrap4-branding {
	padding-left: 8px;
	}

#backtotop {
	padding: 0px 16px 0px 6px !important;
	border-radius: 3px !important;
	height:30px;
	width:30px;
	background-size: 30px 30px;
	bottom: 14px;
	}

.form-textarea-wrapper {
	margin-bottom: 3rem !important;
	}

div.fivestar-summary-average-count {
	padding-bottom: 1rem;
	}

.btn {padding: 0px 6px !important;}


/* ============================== END custom LULA ============================== */

/* ============================== START Mods ============================== */

.btn-primary {
  color: #fff;
  background-color: #3CB371; /* MediumSeaGreen (web colors) */
  border-color: #77b259; /* ORG #0056b3; */
}

.btn-primary:hover {
  color: #fff;
  background-color: #77b259; /* #00448d; */
  border-color: #77b259;  /* #003d80; */
}




.navbar-toggler {
  padding: 0.1rem 0.1rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}




.navbar-brand .site-title {
  font-size: 1.3rem;
  /* font-weight: bold; */
  letter-spacing: 2px;
  text-transform: uppercase;
}




footer {
  padding: 2rem 0 0 0.5rem;
}




.js-form-submit {margin-top: -30px;}
.ui-dialog-buttonpane {background: white !important;}
.ui-widget-content {border-top: 0px !important;}

/* ============================== END Mods ============================== */



/* ========================== NEEDED? */


/**
 * Presentational styles for Drupal dialogs.
 */

.ui-dialog {
  position: absolute;
  z-index: 1260;
  padding: 0;
  border: 0;
  background: transparent;
}

@media all and (max-width: 48em) { /* 768px */
  .ui-dialog {
    min-width: 92%;
    max-width: 92%;
  }
}
.ui-dialog .ui-dialog-titlebar {
  padding: 8px 49px 8px 15px !important;					/* ORG padding: 15px 49px 15px 15px; /* LTR */
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #f5f5f2 /* #6b6b6b; */
}
[dir="rtl"] .ui-dialog .ui-dialog-titlebar {
  padding-right: 15px;
  padding-left: 49px;
}
.ui-dialog .ui-dialog-title {
  margin: 0;
  color: #343a40;
  font-size: 1em;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  top: 5px;
  right: 12px; /* LTR */
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  border: 2px solid  #fff /* #6b6b6b;*/
  border-radius: 5px;
  background: none;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
  border-color: #fff;
}
[dir="rtl"] .ui-dialog .ui-dialog-titlebar-close {
  right: auto;
  left: 20px;
}
.ui-dialog .ui-icon.ui-icon-closethick {
  background: url(ex.svg) 0 0 no-repeat;
}
.ui-dialog .ui-widget-content.ui-dialog-content {
  overflow: auto;
  padding: 1em;
  background: #fff;
}
.views-ui-dialog .ui-widget-content.ui-dialog-content {
  padding: 0;
}
.ui-dialog .ui-widget-content.ui-dialog-buttonpane {
  /* border-top: 1px solid #bfbfbf; */
  margin: 0;
  padding: 0px 20px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #f5f5f2;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none;
  margin: 0;
  padding: 0;
}
.ui-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {
  padding: 0;
}
.ui-dialog .ui-dialog-content {
  position: static;
}

/* Form action buttons are moved in dialogs. Remove empty space. */
.ui-dialog .ui-dialog-content .form-actions {
  margin: 0;
  padding: 0;
}
.ui-dialog .ajax-progress-throbber {
  position: fixed;
  z-index: 1000;
  top: 48.5%;
  /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
  left: 49%; /* LTR */
  width: 24px;
  height: 24px;
  padding: 4px;
  opacity: 0.9;
  border-radius: 7px;
  background-color: #232323;
  background-image: url(../../../../misc/loading-small.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
[dir="rtl"] .ui-dialog .ajax-progress-throbber {
  right: 49%;
  left: auto;
}
.ui-dialog .ajax-progress-throbber .throbber,
.ui-dialog .ajax-progress-throbber .message {
  display: none;
}
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar {
  position: relative;
}
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close {
  top: 10px;
}
.ui-dialog.ui-dialog-off-canvas .ui-widget-content.ui-dialog-content {
  background: none;
}