/**
 * Theme Name:     Hello Elementor (OmanBros) Child
 * Author:         Elementor Team, OmanBros.com Team
 * Template:       OmanBros-Theme
 * Text Domain:	   hello-elementor-omanbros-child
 * Description:    A plain-vanilla & lightweight theme for Elementor page builder, modified and adapted for use with OmanBros customers
 */

/* raleway-100 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: url('./fonts/raleway-v34-latin-100.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-200 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('./fonts/raleway-v34-latin-200.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/raleway-v34-latin-300.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/raleway-v34-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/raleway-v34-latin-500.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/raleway-v34-latin-600.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/raleway-v34-latin-700.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/raleway-v34-latin-800.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-900 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url('./fonts/raleway-v34-latin-900.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
  font-family: 'Raleway' !important;
  overflow-x: hidden !important;
}

#klienten-slider .klienten-info{
	width: 50% !important;
}
#klienten-slider .ki-overviewbox-content{
	padding: 30px !important;
}
#klienten-slider .ki-overviewbox-content .kicss-u-1-5{
	display: block !important;
}
#klienten-slider .ki-overviewbox-content .ki-navlinks-ausgabe{
	position: unset !important;
	padding: 8px !important;
	height: unset !important;
	width: unset !important;
	display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
	background-color: #0FAFD0;
}
#klienten-slider .ki-overviewbox-content .ki-navlinks-ausgabe > div{
	align-self: center !important;
	font-size: 16px !important;
	font-weight: 600;
}
#klienten-slider .ki-overviewbox-content .ki-navlinks-ausgabe .month:after{
	content: "/";
}
#klienten-slider .ki-overviewbox-content .ki-artikeltitle h3{
	color: #1E5EAA !important;
	font-weight: 700 !important;
	line-height: 1.4em !important;
}
#klienten-slider .ki-overviewbox-content .ki-bodytext{
	height: unset !important;
	display: none !important;
}
#klienten-slider .ki-overviewbox-content .ki-artikeltitle{
	height: unset !important;
}
#klienten-slider .ki-overviewbox-content .ki-bodytext:last-child{
	background-color: #1E5EAA;
	padding: 10px !important;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 900;
	display: inline !important;
}

/* News Grid */

#news-grid .klienten-info{
	width: 33.33% !important;
}
#news-grid .ki-overviewbox-content{
	padding: 30px !important;
}
#news-grid .ki-overviewbox-content .kicss-u-3-4{
	width: 100% !important;
}
#news-grid .ki-overviewbox-content .kicss-u-1-5, #news-grid .ki-overviewbox-content .kicss-u-1-12{
	display: inline-block !important;
	width: unset !important;
}
#news-grid .ki-overviewbox-content .ki-overview-ausgabe, #news-grid .kicss-u-1-12 .ki-overview-ausgabe{
	position: unset !important;
	padding: 8px !important;
	height: unset !important;
	width: unset !important;
	display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
	background-color: #0FAFD0;
}
#news-grid .ki-overviewbox-content .ki-overview-ausgabe > div, #news-grid .kicss-u-1-12 .ki-overview-ausgabe > div{
	align-self: center !important;
	font-size: 16px !important;
	font-weight: 600;
}
#news-grid .ki-overviewbox-content .ki-overview-ausgabe .month:after, #news-grid .kicss-u-1-12 .ki-overview-ausgabe .month:after{
	content: "/";
}
#news-grid .ki-overviewbox-content .ki-artikeltitle h3{
	color: #1E5EAA !important;
	font-weight: 700 !important;
	line-height: 1.4em !important;
}
#news-grid .ki-overviewbox-content .ki-bodytext{
	height: unset !important;
	display: none !important;
}
#news-grid .ki-overviewbox-content .ki-artikeltitle{
	height: unset !important;
}
#news-grid .ki-overviewbox-content .ki-bodytext:last-child{
	background-color: #1E5EAA;
	padding: 10px !important;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 900;
	display: inline !important;
}
#news-grid .article-inner .kicss-u-3-4{
	width: 100% !important;
}
#news-grid #ki-article .kicss-u-1-12{
	width: unset !important;
}


#work-filter {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1em;
}

#work-filter li {
  display: block;
}

#work-filter li a {
  padding: 0.5em;
  color: black;
}

#work-filter li.active a {
  background: #1e5faa;
  color: white;
}

#klienten-info_wrapper .kicss-form-aligned .kicss-control-group {
  display: flex;
  flex-direction: column;
}

#klienten-info_wrapper .kicss-form-aligned .kicss-control-group label[for] {
  width: auto;
  text-align: left;
}

#klienten-info_wrapper .kibody {
  padding-left: 1em;
  border-left: 1px solid #2581c4;
  transition: all 0.15s ease;
}

#klienten-info_wrapper .kicaptchabody {
  padding-left: 1em;
  margin: 0;
  transition: all 0.15s ease;
}

#klienten-info_wrapper .bodytext {
  font-weight: bold;
  font-size: smaller;
  color: #2581c4;
}

#klienten-info_wrapper .kicss-form-aligned .ki-captcha {
  margin-left: 0;
}

@media (min-width: 767px) {
  #klienten-info_wrapper .kicss-form-aligned .kicss-control-group {
    flex-direction: row;
    align-items: center;
  }

  #klienten-info_wrapper .kicss-form-aligned .kicss-control-group label[for] {
    flex-basis: 12em;
  }
}
@media only screen and (max-width: 767px){
	#klienten-slider .klienten-info{
	width: 100% !important;
}
	#news-grid .klienten-info{
	width: 100% !important;
}
	#ki-overview .ki-container-right{
		margin-top: 12px;
	}
	
	#news-grid .ki-infobar{
		display: flex;
		flex-direction: column;
	}
}

@media only screen and (max-width: 870px){
	#klienten-info_wrapper #work-filter{
		flex-wrap: wrap;
	}
}

@media only screen and (min-width: 767px) and (max-width: 1024px){
	#news-grid .klienten-info{
	width: 50% !important;
}
}