/*
 Theme Name:     Kreativ
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Kreativ Webagentur KlG
 Author URI:     https://www.kreativ.swiss
 Template:       Divi
 Version:        1.0.2
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Font stylesheet
.font-fromage,
.font-fromage p,
.font-fromage a,
.font-fromage li,
.font-fromage span,
.font-fromage h1,
.font-fromage h2,
.font-fromage h3,
.font-fromage h4,
.font-fromage h5,
.font-fromage h6 {
  font-family: "fromage", sans-serif !important;
}*/

h1.font-fromage {
	font-family: "fromage", sans-serif !important;
	font-weight: 700;	
}

h2.font-fromage {
	font-family: "fromage", sans-serif !important;
	font-weight: 700;	
}

p.font-fromage {
	font-family: "fromage", sans-serif !important;
	font-weight: 400;	
}

h4.et_pb_module_header {
	font-family: "fromage", sans-serif !important;
	font-weight: 700;	
}

p.blurb-body {
	font-family: "fromage", sans-serif !important;
	font-weight: 700;	
}

a.custom-button {
	font-family: "fromage", sans-serif !important;
	font-weight: 700;		
}

.cpt-post-title p {
	font-family: "fromage", sans-serif !important;
	font-weight: 700;			
}
.cpt-post-excerpt p {
	font-family: "fromage", sans-serif !important;
	font-weight: 500;		
}

/*====== THINK ======*/
.think-header h2 {
	font-family: "fromage", sans-serif !important;
	font-weight: 700;	
	line-height: 1.3em;
	margin-top:20px;
}

/*.think-paragraph p {
	font-family: 'Afacad',Helvetica,Arial,Lucida,sans-serif;
	color: #666;
	line-height: 1.3em;
}*/

/*Hide post meta entirely*/
body.single-post article.et_pb_post > .et_post_meta_wrapper:first-child {
    display: none !important;
}

/* ====== READ =======*/
.read-post-excerpt {
	font-family: "fromage", sans-serif !important;
	font-weight: 400;		
}
.read-post-title p {
	font-family: "fromage", sans-serif !important;
	font-weight: 700;		
}

/* Give the hero image a straightforward, width-driven layout. */
.hero-container .image-column .et_pb_image,
.hero-container .image-column .et_pb_image_wrap {
  display: block;
  width: 100%;
}

.hero-container .image-column .et_pb_image img {
  display: block;
  width: 100%;
  height: auto;
}
/* Avoid Safari's stale grid-row height during resizing */
.hero-container.et_pb_row {
  display: flex;
  align-items: center;
}

.hero-container > .et_pb_column {
  flex: 1 1 0;
  min-width: 0;
}

/* Preserve the existing mobile breakpoint */
@media (max-width: 767px) {
  .hero-container.et_pb_row {
    flex-direction: column;
    align-items: stretch;
  }

  .hero-container > .et_pb_column {
    flex: 0 0 auto;
  }
}

/*Book Status on CPT detail page*/
.book-status {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  padding: 6px 16px;
  border-radius: 30px;
  border: 2px solid #333;
  background: #FFF;
}

.book-status .et_pb_text_inner,
.book-status .et_pb_text_inner p {
  color: #333;
  font-family: "Fromage", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.book-status .et_pb_text_inner p {
  margin: 0;
  padding: 0;
}

/*Link Hover Effect White*/
a.whitelink {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

a.whitelink::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 4px;
  background-color: #fff;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform .3s ease-in-out;
}

a.whitelink:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

/*Link Hover Effect Dark*/
a.darklink {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

a.darklink::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 4px;
  background-color: #666;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform .3s ease-in-out;
}

a.darklink:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

/*Dark*/
a.darklink-reverse {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

a.darklink-reverse::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 4px;
  background-color: #666;
  bottom: 0;
  left: 0;
  transform-origin: left;
  transform: scaleX(1);
  transition: transform .3s ease-in-out;
}

a.darklink-reverse:hover {
  text-decoration: none;
}

a.darklink-reverse:hover::before {
  transform-origin: right;
  transform: scaleX(0);
}

/*Green*/
a.greenlink-reverse {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

a.greenlink-reverse::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 4px;
  background-color: #2b885c;
  bottom: 0;
  left: 0;
  transform-origin: left;
  transform: scaleX(1);
  transition: transform .3s ease-in-out;
}

a.greenlink-reverse:hover {
  text-decoration: none;
}

a.greenlink-reverse:hover::before {
  transform-origin: right;
  transform: scaleX(0);
}


.think-pagination {
	display: none;
}

/*Add animation to read more appearing posts*/
.think-item-loaded {
  animation: thinkFadeIn 0.5s ease both;
}
@keyframes thinkFadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: none; }
}

/*Custom button for load more on think*/
.think-load-more {
	border-radius:99px;
	font-family: "fromage", sans-serif !important;
	font-weight: 700;
	font-size: 25px;
	border: 3px solid #333;
	padding: 7.5px 25px;
	width: fit-content;
	align-self: center;
}

.think-load-more:hover {
	border-radius:99px;
	border: 3px solid #333;
	background-color:rgba(0,0,0,.05);
	padding: 7.5px 25px;
}

.think-load-more:hover:after {
	display:none!important;
}

/*====== WEAR ======*/

@media (min-width: 767px) {
/* Columns fill the full row height instead of centering */
.merch-parent {
  align-items: stretch !important;
}

/* Each column stacks its content from the top */
.merch-parent .custom-alignment-layout {
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start !important;
  align-self: stretch !important;
  height: auto;
}

/* Image stays at the top and never shrinks */
.merch-parent .custom-alignment-layout .merch-image {
  flex: 0 0 auto;
  margin-top: 0 !important;
}

/* Button is pushed to the bottom of the column */
.merch-parent .custom-alignment-layout .merch-btn {
  margin-top: auto !important;
  align-self: flex-start; /* keeps the button from stretching full width */
}
}