/*

Theme Name: Hello Elementor Child

Theme URI: https://github.com/elementor/hello-theme/

Description: Hello Elementor Child is a child theme of Hello Elementor

Author: Elementor Team

Author URI: https://elementor.com/

Template: hello-elementor

Version: 1.0.0

Text Domain: hello-elementor-child

License: GNU General Public License v3 or later.

License URI: https://www.gnu.org/licenses/gpl-3.0.html

*/

:root{
	--theme-anccent-color: #7f3647;
	--theme-color-1: #d3e6cf; /* green */
	--theme-color-2: #333333; /* gray rgb(51,51,51) */
	--timeline-anccent-color: var(--theme-anccent-color);
}

/*
* Header: fixed nur der Button nicht der container, damit aber auf manchen Seiten oben ein schwarzer Streifen. Wieso?
* https://stage.havilah-mission.com/neuigkeiten/ —> Nein
* https://stage.havilah-mission.com/uber-uns/ —> Ja
* daher header hier immer auf 0
*/
/*
div.hide-navi-container{
  height: 0px;
}*/

/*
 Bei Mobile sehen float-right images nciht gut aus. Daher als block darüber 
*/
@media (max-width: 500px) {
  img.alignright {
    float:none;
    display: block;
    margin: 0 auto 1em auto;
  }
}

/* ohne die weiteren Selectoren klappt es mit dem Button bei Veranstaltungen z.B. Besuch uns, nicht */
a.hm-hover-button, .hm-hover-button a, .sep-page .list-view .hm-hover-button a, .sep-page .listing .hm-hover-button a{
  background-color: var(--e-global-color-accent);
  color: #fff !important;
  font-size: 1.1rem;
  font-weight: 500;
  border-style: solid !important;
  border-width: 2px 2px 2px 2px !important;
  border-color: var( --e-global-color-accent ) !important;
  border-radius: 0px 0px 0px 0px;
  text-transform: uppercase;
  transition-duration: .3s;
  transition-property: transform;
}
a:hover.hm-hover-button, .hm-hover-button a:hover, .sep-page .list-view .hm-hover-button a:hover, .sep-page .listing .hm-hover-button a:hover{
  background-color: var( --e-global-color-2bee805 );
  color: var( --e-global-color-accent ) !important;
  transform: scale(1.1);
}

.hm-shadow-box{
  box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.26);
}

.hm-news-box{
  background-color: var(--e-global-color-accent);
  color: #fff;
  padding: 30px;
  width: 50%;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
}

@media (max-width: 820px) {
  .hm-news-box{
    width: 100% !important;
    margin-left: 0px;
    margin-right: 0px;
  } 
}


.hm-news-question-box {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  width: 50%;
  font-family: Arial, sans-serif;
  padding: 1rem;
  margin: 20px;
  background-color: #fff;
}

.hm-news-question-box .icon {
  font-size: 3rem;
  color: var(--e-global-color-accent);
}

.hm-news-question-box .content {
  display: flex;
  flex-direction: column;
  color: #000;
}

.hm-news-question-box .content-question {
  font-size: 1.1rem;
  font-weight: bold;
  color: #222;
}

.hm-news-question-box > .content-answer {
  font-size: 0.9rem;
  color: #666;
  margin-top: 0.5rem;
}

/* GALLERY columns>1 als Grid*/
.hm-gallery-image-grid {
  /*display: flex;
  flex-wrap: wrap;*/
  display: grid;
  gap: 20px; /* Space between images */
  justify-content: center; /* Optional: center images */
}

/* Default (mobile-first) */
.hm-gallery-image-cols-2  { grid-template-columns: repeat(1, auto); }
.hm-gallery-image-cols-3  { grid-template-columns: repeat(1, auto); }
.hm-gallery-image-cols-4  { grid-template-columns: repeat(1, auto); }
.hm-gallery-image-cols-5  { grid-template-columns: repeat(1, auto); }
.hm-gallery-image-cols-6  { grid-template-columns: repeat(1, auto); }
.hm-gallery-image-cols-7  { grid-template-columns: repeat(1, auto); }
.hm-gallery-image-cols-8  { grid-template-columns: repeat(1, auto); }
.hm-gallery-image-cols-9  { grid-template-columns: repeat(1, auto); }

/* Tablet: ≥ 600px */
@media (min-width: 600px) {
  .hm-gallery-image-cols-2  { grid-template-columns: repeat(2, auto); }
  .hm-gallery-image-cols-3  { grid-template-columns: repeat(3, auto); }
  .hm-gallery-image-cols-4  { grid-template-columns: repeat(2, auto); }
  .hm-gallery-image-cols-5  { grid-template-columns: repeat(3, auto); }
  .hm-gallery-image-cols-6  { grid-template-columns: repeat(3, auto); }
  .hm-gallery-image-cols-7  { grid-template-columns: repeat(4, auto); }
  .hm-gallery-image-cols-8  { grid-template-columns: repeat(4, auto); }
  .hm-gallery-image-cols-9  { grid-template-columns: repeat(5, auto); }
}

/* Desktop: ≥ 900px */
@media (min-width: 900px) {
  .hm-gallery-image-cols-2  { grid-template-columns: repeat(2, auto); }
  .hm-gallery-image-cols-3  { grid-template-columns: repeat(3, auto); }
  .hm-gallery-image-cols-4  { grid-template-columns: repeat(4, auto); }
  .hm-gallery-image-cols-5  { grid-template-columns: repeat(5, auto); }
  .hm-gallery-image-cols-6  { grid-template-columns: repeat(6, auto); }
  .hm-gallery-image-cols-7  { grid-template-columns: repeat(7, auto); }
  .hm-gallery-image-cols-8  { grid-template-columns: repeat(8, auto); }
  .hm-gallery-image-cols-9  { grid-template-columns: repeat(9, auto); }
}

.hm-gallery-image-item {
  display: flex;
  flex-direction: column;
}

.hm-gallery-image-item .wp-caption-text{
  text-align: center;
  margin-top: auto;
}

.hm-gallery-image-grid img {
  display: block;
  /*
  width: 100%;
  height: auto;
  display: block;*/
  /*height: 200px; 
  width: auto;   
  flex-shrink: 0; */
}
/*
.hm-gallery-image-item {
  padding: 10px;
  width: 100%;
}

@media (min-width: 600px) {
  .hm-gallery-image-item {
    width: 50%;
  }
}

@media (min-width: 900px) {
  .hm-gallery-image-item {
    width: 25%;
  }
}*/
/* END GALLERY columns>1 als Grid*/

/*FOOTER lange MenuItems umbruch, brauchen mehr hoehe, z.B. Spenden statt schenken*/
li.line-break-menu>a{
  line-height: 1.2em !important;
  padding: 5px 20px !important;
}
/*ENDE FOOTER lange MenuItems umbruch, brauchen mehr hoehe*/

/*
  Events-Shortcode hide BackButton
*/
.no_found a{
  display: none;
}
/*
  END Events-Shortcode hide BackButton
*/

/*
  START Landing FAKTEN-Image
*/
.counter-container{
  display: grid;
  grid-template-areas:
    "img-buildings"
    "text-buildings"
    "img-kids-paten"
    "text-kids-paten"
    "img-kids"
    "text-kids"
    ;

  background-color:#333333;
  color:#ffffff;
}

.counter-content{
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  height: 100%;
  width:100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.counter-header-icon{
	font-size:50px;
	color:var(--theme-anccent-color);
}
.counter-header{
	font-size: 50px;
}
.counter-container .img {
  height: 400px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.counter-container img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.counter-container .item-buildings {
  grid-area: img-buildings;
}
.counter-container .item-buildings-txt {
  grid-area:  text-buildings;
}
.counter-container .item-kids-paten-txt {
  grid-area: text-kids-paten;
}
.counter-container .item-kids {
  grid-area:img-kids;
  background-repeat: no-repeat;
}
.counter-container .item-kids-paten {
  grid-area:img-kids-paten;
  background-repeat: no-repeat;
}
.counter-container .item-kids-txt {
  grid-area:text-kids;
  padding-bottom: 50px;
}
/*Highlighted red/white*/
.counter-container .item-kids-txt, .counter-container .item-buildings-txt {
  background-color:var(--theme-anccent-color);
  color:#ffffff;
}

.counter-container .item-kids-txt .counter-header-icon, .counter-container .item-buildings-txt .counter-header-icon{
	color:#ffffff;
}
/* END */

@media (min-width: 768px){
  .counter-container {
    grid-template-columns: 2fr 1fr;
    grid-template-areas:
      "img-buildings  text-buildings"
      "img-kids-paten     text-kids-paten"
      "img-kids text-kids";
  }
}

@media (min-width: 979px) {
  .counter-container {
    grid-template-columns: 2fr 2fr 2fr 1fr;
    grid-template-rows: 200px 125px 100px 100px 100px;
    grid-template-areas:
      "img-buildings	text-kids-paten	img-kids	img-kids"
      "img-buildings	img-kids-paten	img-kids-paten	text-kids"
      "img-buildings	img-kids-paten	img-kids-paten	text-kids"
      "text-buildings	img-kids-paten	img-kids-paten	text-kids"
      "text-buildings	img-kids-paten	img-kids-paten	text-kids"
      ;
  }
  .counter-container .item-kids-paten-txt>div.counter-content {
    justify-content: flex-end;
    background-color:var(--theme-anccent-color);
    color:#ffffff;
  }
  .counter-container .item-kids-paten-txt .counter-header-icon{
	color:inherit;
  }
  .counter-container .item-kids-txt>div.counter-content {
    justify-content: flex-start;
  }
  .counter-container .item-kids-txt, .counter-container .item-buildings-txt {
    background-color:inherit;
    color:inherit;
  }
  .counter-container .item-kids-txt .counter-header-icon, .counter-container .item-buildings-txt .counter-header-icon{
	color:var(--theme-anccent-color);
  }

  .counter-container .img {
    height: auto !important;
  }
}

/*
  END Landing FAKTEN-Image
*/

/*
 START Simple Event Plannner
*/
.event-list-row {
  display: flex;
  flex-wrap: nowrap;
  flex: 1 1 auto;
  flex-direction: row;
}

.event-list-column1 {
  flex-shrink: 0;
  background:#7f3647; color:#ffffff;
}

@media (min-width: 981px) {
  .event-list-column1 {
  	max-width: 512px;
  }
}

.event-list-image, .img-responsive{
 width: 100%;
 height: 100%;
}

.event-list-column2{
  min-height: 0px;
  min-width: 200px;
}
.event-list-column2 > div{
  padding: 10px;
	margin: 10px;
}
.event-list-column1 > div{
	margin: 10px;
}

.event-list-column1 > div.event-list-image-container{
 max-width: 512px;
 margin: auto;
}

.event-list-date-time {
	color:#ffffff;
    text-align: center;
    margin: 5px;
    padding: 0px;
    height: 100%;
    font-variant-caps: all-small-caps;
	font-size: 24px;
}
.event-list-title{
	font-variant-caps: all-small-caps;
	text-align: center;
}
.event-list-location{
	font-size: 18px;
}
.event-list-description{
}
.sep-page a {
    color: var(--theme-anccent-color);
}

@media (max-width: 980px) {
	.event-list-row {
		flex-direction: column;
	}
	.event-list-column1 > div.event-list-image-container{
	 max-width: 100%;
	 margin-left: 15px;
	 margin-right: 15px;
	}
	.event-list-column2 > div, .event-list-column1 > div{
		margin: 20px;
	}
}

/* PayPal-Button */
div.spendenformular-button-paypal-container{
	margin-top: 20px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}

div.spendenformular-button-paypal-container form{
	display: inline;
}

div.spendenformular-button-paypal-container form input[type=image]{
	float:left;
}

.spendenform {
    text-align: left;
}
/* END PayPal-Button */

/* Paging auf Home-Seite raus */
body.home .sep-page ul.pagination{
	display: none;
}
.sep-page .row {
    margin-left: 0px;
    margin-right: 0px;
}

@media (max-width: 980px) {
  .sep-page .row {
      margin-left: -15px;
      margin-right: -15px;
  }
}
/*
 ENDE Simple Event Plannner
*/

/*
BLOG List START
*/
.bbb_blog_list div.e-loop-item{
  /*background-color:var(--e-global-color-primary);*/
  margin-bottom: 27px;
}
.bbb_blog_list div.bbb_blog_list-post-content p, .bbb_blog_list div.bbb_blog_list-post-content{
	padding-bottom: 10px;
}

.bbb_blog_list div.bbb_blog_list-post-content p{
  margin-block-end: 0px;
}

.bbb_blog_list-read-more a{
  font-size: initial;
  padding: 4.5px 15px;
}

.bbb_blog_list div.elementor-widget-theme-post-title{
  background-color: #fff;
}

.bbb_blog_list div.elementor-widget-theme-post-title h2 {
	font-weight: bold;
  line-height: 1.3em;
  font-size: 26px;
}


.bbb_blog_list .elementor-widget-post-info span.elementor-post-info__item--type-date{
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000;
}

.bbb_blog_list_white .elementor-widget-post-info span.elementor-post-info__item--type-date{
	color: #fff;
}


.bbb_blog_list div.elementor-widget-theme-post-featured-image a img{
	padding: 20px;
}

.bbb_blog_list div.e-loop-item > div {
	padding-bottom: 0px !important;
	display: grid;
	grid-template-columns: [column1] 100px [column2] 1.5fr [columnEnd] 2fr;
	grid-template-rows: [row1] 1fr [rowEnd] 2fr [rowEndEnde];
}

.bbb_blog_list div.e-loop-item div.elementor-widget-theme-post-featured-image{
	grid-column-start: column2;
	grid-row: row1/rowEndEnde;
	margin-bottom: 0px !important;
	background-color: #fff;
	border-top:  solid var(--theme-anccent-color) 5px;
	border-left:  solid var(--theme-anccent-color) 5px;
	border-bottom:  solid var(--theme-anccent-color) 5px;
}

.bbb_blog_list div.elementor-widget-theme-post-title{
	grid-column-start: columnEnd;
	grid-row-start: row1;
	padding-top: 20px;
	border-top:  solid var(--theme-anccent-color) 5px;
  border-right:  solid var(--theme-anccent-color) 5px;
}

.bbb_blog_list div.e-loop-item div.bbb_blog_list-post-content{
	grid-column-start: columnEnd;
	grid-row-start: rowEnd;
	background-color: #fff;
	border-right:  solid var(--theme-anccent-color) 5px;
	border-bottom:  solid var(--theme-anccent-color) 5px;
	padding-right: 10px;
}

.bbb_blog_list div.e-loop-item div.elementor-widget-post-info{
	grid-column-start: column1;
	grid-row-start: row1;
	text-align: right;
}

.bbb_blog_list div.elementor-widget-post-info{
	margin-right: 10px;
}

@media only screen and (max-width: 949px) {
	.bbb_blog_list div.e-loop-item{
	  background-color:#fff;
	}
	.bbb_blog_list div.e-loop-item > div{
		border-top:  solid var(--theme-anccent-color) 5px;
		border-bottom: solid var(--theme-anccent-color) 5px;
	}
	.bbb_blog_list div.e-loop-item div.elementor-widget-theme-post-featured-image{
		grid-column: column1/span 2;
		border: none;
	}
	.bbb_blog_list div.elementor-widget-theme-post-title{
		align-self: end;
		border:  none;
		padding-bottom: 0px;
	}
	.bbb_blog_list div.e-loop-item div.elementor-widget-post-info{
		grid-column-start: columnEnd;
		grid-row-start: row1;
		text-align: left;
		align-self: start;
		padding-top: 20px;
		padding-right: 20px;
		background-color: #fff;
		margin-right: 0px;
	}
	.bbb_blog_list .elementor-widget-post-info span.elementor-post-info__item--type-date{
		color: #9d9d9d;
	}
	.bbb_blog_list div.e-loop-item div.bbb_blog_list-post-content{
		border: none;
	}
}

@media only screen and (max-width: 859px) {
	.bbb_blog_list div.e-loop-item > div {
		grid-template-columns: [column1] 2fr [columnEnd] 120px;
		grid-template-rows: [row1] 1.5fr [row2] 50px [rowEnd] 0.5fr;
		background-color: #fff;
	}
	.bbb_blog_list div.e-loop-item div.elementor-widget-theme-post-featured-image{
		grid-column: column1;
		grid-row: row1/span 1;
	}
	.bbb_blog_list div.elementor-widget-theme-post-featured-image a img{
		padding: 20px 0px 0px 20px;
	}
	.bbb_blog_list div.e-loop-item div.elementor-widget-post-info{
		grid-column-start: columnEnd;
		grid-row: row1/span 1;
		text-align: left;
		align-self: end;
		padding-left: 10px;
		margin-bottom: 0px;
	}
	.bbb_blog_list div.elementor-widget-theme-post-title{
		grid-column: column1/span 2;
		grid-row: row2/span 1;
		align-self: center;
		padding-top: 0px;
		padding-left: 20px;
	}
	.bbb_blog_list div.e-loop-item div.bbb_blog_list-post-content{
		grid-column: column1/span 2;
		grid-row: rowEnd/span 1;
		padding: 0px 20px 10px 20px;
	}
}

@media only screen and (max-width: 549px) {
  .bbb_blog_list div.elementor-widget-theme-post-title{
    border-right:  none;
  }
	.bbb_blog_list div.e-loop-item > div {
		grid-template-columns: [column1] 100%;
		grid-template-rows: [row1] 1fr [row2] 50px [row3] 50px [rowEnd];
		min-width: 300px;
	}
	.bbb_blog_list div.e-loop-item div.elementor-widget-theme-post-featured-image{
		grid-column: column1;
		grid-row: row1/span 1;
	}
	.bbb_blog_list div.elementor-widget-theme-post-featured-image a img{
		padding: 0px;
	}
	.bbb_blog_list div.e-loop-item div.elementor-widget-post-info{
		grid-column: column1/span 1;
		grid-row: row2/span 1;
		padding: 0px 0px 0px 20px;
	}
	.bbb_blog_list div.elementor-widget-theme-post-title{
		grid-column: column1/span 1;
		grid-row: row3/span 1;
	}
	.bbb_blog_list div.e-loop-item div.bbb_blog_list-post-content{
		grid-column: column1/span 1;
		grid-row: rowEnd/span 1;
    padding-bottom: 10px;
	}
}
/*
BLOG List END
*/
/* ======= GIVE WP SPENDEN STATT SCHENKEN ============== */
/* ===================================================== */
.give-btn:hover{
	color: var(--theme-anccent-color) !important;
	background: #ffffff !important;
	border-color: var(--theme-anccent-color) !important;
	border-radius: 0px;
}

.give-btn {
	background-color: var(--theme-anccent-color) !important;
	border-color: var(--theme-anccent-color) !important;
	color: #fff;
}
.give-modal .mfp-content {
	/* background: #fff; */
	background: var(--theme-color-1);
  }
  
  form[id*="give-form"] #give-final-total-wrap .give-final-total-amount {
	background: transparent;
  }
  
  /*
  .give-form-wrap{
	list-style: none;
  }
  */
  .give-form-wrap li, .give-form li{
	margin-bottom: 10px;
  }
  
  /*old school radio button weg*/
  .give-form-wrap input[type="radio"], form[id*="give-form"] #give-gateway-radio-list > li input[type="radio"], #give-company-name-radio-list input[type="radio"]{
	display: none;
  }
  
  .give-form-wrap li label, .give-form li label{
	  padding: 10px;
	  display: block !important;
	  position: relative;
	  border: solid 4px transparent;
  }
  
  .give-form-wrap li label:hover, .give-form li label:hover{
	cursor: pointer;
	border-color: var(--theme-anccent-color);
	background-color: #fff;
	color: var(--theme-anccent-color);
  }
  .give-form-wrap li label:hover:before, .give-form li label:hover:before{
	  color: var(--theme-anccent-color);
	  content: "\f192";
  }
  
  /* gecheckter button hervorheben */
  .give-form-wrap li input[type="radio"]:checked ~ label, .give-form li input[type="radio"]:checked ~ label{
	background-color: var(--theme-anccent-color);
	color: #fff;
  }
  /* Icon davor */
  .give-form-wrap li label:before, .give-form li label:before{
	  content: "\f111";
	margin-right: 20px;
	  font-family: "Font Awesome 6 Free";
	font-weight: 900;
	  color: #fff;
  }
  .give-form-wrap li input[type="radio"]:checked ~ label:before, .give-form li input[type="radio"]:checked ~ label:before{
	  content: "\f192";
	margin-right: 20px;
	  font-family: "Font Awesome 6 Free";
	font-weight: 900;
  }
  .give-form-wrap li input[type="radio"]:checked ~ label:hover:before, .give-form li input[type="radio"]:checked ~ label:hover:before{
	  color: #fff !important;
  }
  
  #give-gateway-radio-list #give-gateway-option-paypal:after{
	  content: "\f1ed";
	margin-left: 10px;
	  font-family: "Font Awesome 6 Brands";
	font-weight: 400;
  }
  
  #give-gateway-radio-list #give-gateway-option-offline:after{
	  content: "\f53d";
	margin-left: 10px;
	  font-family: "Font Awesome 6 Free";
	font-weight: 900;
  }
  
  #main-content table.fixausgaben-2021{
	  border: 0px;
  }
  table.fixausgaben-2021 td {
	text-align: left;
  }
  table.fixausgaben-2021 td + td {
	text-align: right;
  }
  
  /****/
  form[id*="give-form"] .give-donation-amount .give-currency-symbol, form[id*="give-form"] .give-donation-amount .give-currency-symbol.give-currency-position-after {
   background-color: transparent;
   font-size: 30px !important;
   border:0;
  }
  
  form[id*="give-form"] .give-donation-amount #give-amount, form[id*="give-form"] .give-donation-amount #give-amount-text {
   border:0;
   text-align: right;
   font-weight: 500 !important;
   font-size: 30px !important;
  }
  
  .give-donation-amount {
   box-shadow: inset 0 1px 4px rgba(0,0,0,.22);
   border: 1px solid #979797;
   border-radius: 4px !important;
   padding: 4px;
   width: 186px;
   background-color: #fff;
  }
  [id*="give-form"].give-fl-form .give-fl-has-focus label.give-fl-label{
	  color: var(--theme-anccent-color);
  }
  
  form[id*="give-form"] #give-final-total-wrap .give-donation-total-label {
	border: 0;
	background-color: transparent;
  }
  form[id*="give-form"] #give-final-total-wrap .give-final-total-amount {
	border: 0;
	font-weight: bold;
  }
  form[id*="give-form"] #hm-payment-success-offline-instruction {
	  display: none;
  }
  
  #give_donation_receipt #hm-paying-offline-instruction {
	  display: none;
  }
  /* ======= GIVE WP SPENDEN STATT SCHENKEN ENDE ============== */
  /* ===================================================== */

/* ====== Gallery Slider ====== */
.custom-swiper-wrapper div.swiper-button-prev, .custom-swiper-wrapper div.swiper-button-next {
  color: var(--theme-anccent-color);
}

.custom-swiper-wrapper span.swiper-pagination-bullet {
  background-color: var(--theme-anccent-color);
}
/* ====== Gallery Slider ====== */
/* === NEWS Highlight === */
.hand-draw-border, .highlight-word{
  /* hand drawn border */
  border: solid 3px var(--theme-anccent-color);
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 255px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius:15px 255px;
  padding: 0px 5px;
  white-space: nowrap;
  line-height: 1.8em;
}
/* === ENDE NEWS Highlight === */
/***** Pull quote.css ******/
/*Pull quote text styling*/
blockquote p {
  font-size: 22px;
  line-height: 35px;
  font-style: italic;
  letter-spacing: 1px;
  /*color: #666;*/
  color: var(--theme-anccent-color);
  /*font-weight: 300;*/
  }
  
  /*Pull quotes with open quotation mark*/
  
  blockquote {
    position: relative;
    border-left: none;
    padding: 0 20px;
    margin: 10px;
  }
  
  blockquote:before {
      content: "\201C";
      font-size: 75px;
      position: absolute;
      top: -35px;
      left: -16px;
      font-family: lato;
      color: #888;
  }
  
  blockquote.right:before {
      content: "\201C";
      font-size: 75px;
      position: absolute;
      top: -35px;
      left: -16px;
      font-family: lato;
      color: #888;
  }
  
  /*Pull quotes with top border
  blockquote.et-pullquote.left.topborder, blockquote.et-pullquote.right.topborder{
  border-left: none;
  border-top-width: 5px;
  border-top-style: solid;
  padding: 5px;
  }*/
  
  /*Pull quotes with dark background*/
  blockquote.dark{
    border-left: none;
    padding: 10px;
    background: #333;
  }
  
  blockquote.dark p {
    color: #fff;
  }
  
  @media all and (min-width: 700px) { 
/*    blockquote{
      padding: 0 20px;
    }
  */    
    /*Pull quote Left*/
    blockquote.pos-left{
        max-width: 300px;
        float: left;
        margin: 20px 20px 20px -10%;
    }
    /*Pull quote Right*/
    blockquote.pos-right{
        max-width: 300px;
        float: right;
        margin: 20px -10% 20px 20px;
    }
  }
  /***** Pull quote.css ******/