/*======================================
Theme Name: Senacor Blog Divi Child Theme
Theme URI: https://divicake.com/
Description: Senacor Theme customizations for Divi
Version: 0.1
Author: Divi Cake
Author URI: https://divicake.com/
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

.blogpost>h1,
h2,
h3,
h4 {
  padding: 4% 0% 2% 0%;
}


/* Header */
#et_search_icon:hover::before,
span.et_close_search_field:hover::after,
#et-top-navigation #top-menu-nav #top-menu li a:hover,
#et-top-navigation #top-menu-nav #top-menu li a:focus {
  color: #7DA0D7;
  opacity: 1;
}

#et_search_icon:active::before,
#et-top-navigation #top-menu-nav #top-menu li a:active {
  color: #03224F;
  opacity: 1;
}

/* Footer */
#footer-bottom {
  padding: 0;
}

#footer-widgets {
  padding: 20px 0;
}

@media (min-width: 981px) {
  .et_pb_gutters3 .footer-widget {
    margin-bottom: 0;
    min-height: 1px;
    /*make empty elements still use up width*/
  }
}

/* Startseite => Abstände "Filterable Portfolio" Widget */
@media (min-width: 981px) {
  .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item {
    margin-bottom: 2.5%;
  }
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination {
  border-top: 0px;
}

/* Startseite => Karussell (neueste Artikel) */
.sp-pcp-post .sp-pcp-title,
.sp-pcp-post .sp-pcp-title a {
  font-weight: 500;
}

/* Startseite / Posts/ Sonstiges */
.entry-title:after,
.sp-pcp-title:after,
.et_pb_slide_title:after {
  background-color: #7DA0D7;
  content: "";
  display: block;
  height: 6px;
  margin-top: 10px;
  width: 100px;
}

.et_pb_slide_title:after {
  background-color: #7DA0D7;
  content: "";
  display: block;
  height: 6px;
  width: 100px;
}

.et-pb-controllers a {
  display: inline-block;
  background-color: #e6e6e6;
  height: 6px;
  width: 25px;
  padding: 3px;
  border-radius: 0px;
  color: transparent;
  opacity: 1;
}

.et-pb-active-control {
  background-color: #7DA0D7 !important;
}

.sp-pcp-title a {
  text-align: justify;
}

.sp-pcp-post-content p {
  text-align: justify;
}

.swiper-pagination-bullet {
  background-color: #e6e6e6;
  border-radius: 0px;
}

.pcp-carousel-wrapper .swiper-pagination-bullets.dots .swiper-pagination-bullet {
  width: 15px;
  height: 6px;
}

/* Kategorie-Button nicht-aktiv */
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
  background: #7DA0D7;
  color: #373737;
  border-color: #7DA0D7;
}

/* Kategorie-Button hover bzw. aktiv */
.et_pb_filterable_portfolio .et_pb_portfolio_filters ul li a:hover,
.et_pb_filterable_portfolio .et_pb_portfolio_filters ul li a.active {
  background: #ffffff;
  color: #7DA0D7;
  border-color: #ffffff;
}


.dp-post-excerpt a {
  margin-top: 15px;
  align-self: left;
  display: inline-block;
  background: #7DA0D7;
  color: #ffffff;
  padding: 7px 12px;
  box-shadow: 0 0 0;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  margin-right: 100%;
}

.dp-post-excerpt a:hover {
  color: #7DA0D7;
  background: #ffffff;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters ul {
  display: flex;
  justify-content: flex-start;
  flex-flow: row wrap;
  gap: 10px;
}

/* Author Box */
.m-a-box-container {
  border-color: #000;
  background-color: transparent;
}

.m-a-box-profile {
  width: 90%;
  margin: auto;
  display: flex;
  gap: 15px;
  padding: 15px 0 10px 0;
  justify-content: space-between;
}

.m-a-box-avatar img {
  min-width: 100px;
  width: 100px;
  border-radius: 50px;
}

.m-a-box-bio div p {
  line-height: 1.3em;
}

.m-a-box-content-middle {
  display: flex;
  gap: 15px;
  align-items: center;
}

.m-a-box-profile-multiauthor {
  flex: 1;
}

.m-a-box-content-top,
.m-a-box-content-bottom {
  display: none;
}

@media screen and (max-width:992px) {
  .m-a-box-profile {
    flex-direction: column;
  }
}

body {
  font-family: 'Barlow Semi Condensed', sans-serif !important;
}

/* barlow-semi-condensed-300 - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/barlow-semi-condensed-v15-latin-300.eot');
  /* IE9 Compat Modes */
  src: url('./fonts/barlow-semi-condensed-v15-latin-300.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('./fonts/barlow-semi-condensed-v15-latin-300.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('./fonts/barlow-semi-condensed-v15-latin-300.woff') format('woff'),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('./fonts/barlow-semi-condensed-v15-latin-300.ttf') format('truetype'),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('../fonts/barlow-semi-condensed-v15-latin-300.svg#BarlowSemiCondensed') format('svg');
  /* Legacy iOS */
}

/* barlow-semi-condensed-300italic - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/barlow-semi-condensed-v15-latin-300italic.eot');
  /* IE9 Compat Modes */
  src: url('./fonts/barlow-semi-condensed-v15-latin-300italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('./fonts/barlow-semi-condensed-v15-latin-300italic.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('./fonts/barlow-semi-condensed-v15-latin-300italic.woff') format('woff'),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('./fonts/barlow-semi-condensed-v15-latin-300italic.ttf') format('truetype'),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('../fonts/barlow-semi-condensed-v15-latin-300italic.svg#BarlowSemiCondensed') format('svg');
  /* Legacy iOS */
}

/* barlow-semi-condensed-regular - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/barlow-semi-condensed-v15-latin-regular.eot');
  /* IE9 Compat Modes */
  src: url('./fonts/barlow-semi-condensed-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('./fonts/barlow-semi-condensed-v15-latin-regular.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('./fonts/barlow-semi-condensed-v15-latin-regular.woff') format('woff'),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('./fonts/barlow-semi-condensed-v15-latin-regular.ttf') format('truetype'),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('../fonts/barlow-semi-condensed-v15-latin-regular.svg#BarlowSemiCondensed') format('svg');
  /* Legacy iOS */
}

/* barlow-semi-condensed-italic - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/barlow-semi-condensed-v15-latin-italic.eot');
  /* IE9 Compat Modes */
  src: url('./fonts/barlow-semi-condensed-v15-latin-italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('./fonts/barlow-semi-condensed-v15-latin-italic.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('./fonts/barlow-semi-condensed-v15-latin-italic.woff') format('woff'),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('./fonts/barlow-semi-condensed-v15-latin-italic.ttf') format('truetype'),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('../fonts/barlow-semi-condensed-v15-latin-italic.svg#BarlowSemiCondensed') format('svg');
  /* Legacy iOS */
}

/* barlow-semi-condensed-500 - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/barlow-semi-condensed-v15-latin-500.eot');
  /* IE9 Compat Modes */
  src: url('./fonts/barlow-semi-condensed-v15-latin-500.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('./fonts/barlow-semi-condensed-v15-latin-500.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('./fonts/barlow-semi-condensed-v15-latin-500.woff') format('woff'),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('./fonts/barlow-semi-condensed-v15-latin-500.ttf') format('truetype'),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('../fonts/barlow-semi-condensed-v15-latin-500.svg#BarlowSemiCondensed') format('svg');
  /* Legacy iOS */
}

/* barlow-semi-condensed-500italic - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 500;
  src: url('./fonts/barlow-semi-condensed-v15-latin-500italic.eot');
  /* IE9 Compat Modes */
  src: url('./fonts/barlow-semi-condensed-v15-latin-500italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('./fonts/barlow-semi-condensed-v15-latin-500italic.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('./fonts/barlow-semi-condensed-v15-latin-500italic.woff') format('woff'),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('./fonts/barlow-semi-condensed-v15-latin-500italic.ttf') format('truetype'),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('../fonts/barlow-semi-condensed-v15-latin-500italic.svg#BarlowSemiCondensed') format('svg');
  /* Legacy iOS */
}

/* barlow-semi-condensed-700 - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/barlow-semi-condensed-v15-latin-700.eot');
  /* IE9 Compat Modes */
  src: url('./fonts/barlow-semi-condensed-v15-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('./fonts/barlow-semi-condensed-v15-latin-700.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('./fonts/barlow-semi-condensed-v15-latin-700.woff') format('woff'),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('./fonts/barlow-semi-condensed-v15-latin-700.ttf') format('truetype'),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('../fonts/barlow-semi-condensed-v15-latin-700.svg#BarlowSemiCondensed') format('svg');
  /* Legacy iOS */
}

/* barlow-semi-condensed-700italic - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/barlow-semi-condensed-v15-latin-700italic.eot');
  /* IE9 Compat Modes */
  src: url('./fonts/barlow-semi-condensed-v15-latin-700italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('./fonts/barlow-semi-condensed-v15-latin-700italic.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('./fonts/barlow-semi-condensed-v15-latin-700italic.woff') format('woff'),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('./fonts/barlow-semi-condensed-v15-latin-700italic.ttf') format('truetype'),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('./fonts/barlow-semi-condensed-v15-latin-700italic.svg#BarlowSemiCondensed') format('svg');
  /* Legacy iOS */
}

/* Align "Weiterlesen" centered 
.dp-post-excerpt {
	display: flex;
    flex-direction: column;
    align-items: center;
}

.dp-post-excerpt a {
	margin: 15px 0 0 0;
}*/


/* RESTYLING SENACOR WEBSITE Okt.2023 */
/* background */
body {
  color: #ffffff;
  background: #373737;
  background-image: url(./assets/background-dots.svg);
}

body.et_cover_background {
  background-size: 22px !important;
  background-repeat: unset !important;
}

/* header */
#main-header {
  background: transparent;
  display: flex;
}

.et_mobile_menu li a {
  color: #666 !important;
}


/* Header */

@media (min-width: 981px) and (max-width: 1530px) {
	/* Show Senacor Logo on top to avoid it blocking the view of articles */
	.et_vertical_nav.et_vertical_fixed #page-container #main-header {
		position: unset;
	}
}

@media (min-width: 981px) {
  #main-header {
    padding-top: unset;
  }
}




/* footer */

@media (min-width: 981px) {
	/* logo */

	.et_menu_container .logo_container a {
	  display: block;
	  width: 180px;
	}
	
  .et_vertical_nav #page-container #main-header {
    box-shadow: unset !important;
    width: 180px;
  }
	
	.footer-nav {
		border-top: 1px white solid;
		max-width: fit-content;
	}

  .et_vertical_nav #main-header .container {
    margin-left: 40px;
    margin-right: 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .et_vertical_nav #et-main-area {
    margin-left: 0 !important;
  }

  #main-footer {
    transform-origin: bottom right;
    right: 0;
    bottom: 0;
    transform: rotate(-90deg) translateX(100%);
    /* display: flex; */
    position: fixed;
    /* flex-direction: row; */
    width: 100vh;
    z-index: 1000;
  }

  #main-footer .container {
    width: 90%;
  }

  .et_vertical_nav #main-header #et-top-navigation {
    display: none !important;
  }

  .footer-widget {
    width: 33% !important;
  }

  #footer-widgets {
    display: flex;
    align-items: end;
  }

  .wp-block-social-link-anchor {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

/* social icons */
.wp-block-social-link-anchor {
  width: 20px;
}

.wp-block-social-link-anchor:hover {
  color: #7DA0D7 !important;
}


.wp-block-social-link {
  padding-left: unset !important;
}

.footer-widget:nth-child(2) {
  display: flex;
  justify-content: center;
}

.footer-widget {
  margin: 0 !important;
}

.et_pb_widget ul li {
  margin: 0 !important;
}

/* post-meta data */
.post-meta {
  color: #ffffff !important;
}

.ppp-blog-post-categories a {
  color: #7DA0D7 !important;
}


/* Artikel-Seite */

#main-content,
.et_pb_section {
  background-color: transparent !important;
}

#main-content>#et-boc {
  background-color: #373737 !important;
}

.et_pb_title_container .entry-title::after {
  background-color: #FFF;
}

#summary {
  background: transparent;
  border-left-width: 8px;
  border-left-color: #7da0d7;
}

/* mobile menu */
.et_header_style_left #et-top-navigation .mobile_menu_bar {
  padding-bottom: unset !important;
}


#main-header {
  padding-top: 30px;
}

@media (max-width: 767px) {
  .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li {
    width: unset !important;
  }
}

/* Lists */
.et_pb_text ol, .et_pb_text ul {
  padding: 10px 0 20px 50px;
  list-style-position: outside;
}

li {
  margin-bottom: 10px;
}