@import url('https://fonts.googleapis.com/css?family=Ovo&display=swap');

body, div#page{
	background:#363636 !IMPORTANT;
	color:#F1F1F1;
}

div.site-info{
	background:#222;
}

div#content{
	background:#363636 !IMPORTANT;
	padding-bottom:0;
}

body.home #content{
	margin-bottom:-20px;
}

div#content{
	padding:0;
}

div#sticky_header-sticky-wrapper{
	background:#666;
}

div#sticky_header{
	background:rgba(0,0,0,0.7) !IMPORTANT;
}

H1{
	color:#EEE;
}

h2, h3, h4, h5, h6{
	color:#EEE !IMPORTANT;
	font-family:'Ovo';
	font-weight:normal !IMPORTANT;
}

p{
	color:#EEE;
}

.widget-title{
	background:transparent !IMPORTANT;
}

#secondary .widget{
	border:0px;
}

li{
	color:#999;
}

.wp-caption-text, .gallery-caption{
	color:#888 !IMPORTANT;
}

.four-column-post{
	background:#363636 !IMPORTANT;
}

.fa-facebook:hover{
	background:#3b5998;
}

#site-branding{
	min-width:40vw;
	position:relative;
}

div.container{
	position:static;
}

.header-social-block{
	float:none;
	position:absolute;
	right:5%;
}

div.top-header{
	background-position:center;
	background-attachment:unset;
	position:relative;
}

div.top-header::before{
        content:'';
        top:0;
        left:0;
        right:0;
        bottom:0;
        position:absolute;
  		background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.2));
}

#primary{
	width:100%;
	float:none;
    margin-bottom:0 !IMPORTANT;
}
div.entry-content{
	margin-bottom:0;
}

blockquote:before{
	color:#bc4077;
}

.jp-carousel-comment-form-button{
	overflow:hidden;
}

div.tiled-gallery{
	margin:0;
}

.Testy{
	background:#232323;
	border-radius:10px;
	padding:5px;
	margin:10px;
	position:relative;
}

.Testy em{
	position:absolute;
	bottom:10px;
	right:20px;
	color:#bc4077;
}

h1.superheading{
  text-align:center;
	box-sizing:border-box;
	margin:0;
	padding:10px;
	top:0;
	font-family:Ovo, Serif !IMPORTANT;
}

div.ribbon{
background:#bc4077;
	text-align:center;
 width: 100vw;
 position: relative;
 left: 50%;
 right: 50%;
 margin-left: -50vw;
 margin-right: -50vw;
 margin-bottom:25px;
}h4.subby{
   font-family:Ovo;
   font-size:15px;
}

div.flexSlant{
	display:flex;
	 width: 100vw;
	position:relative;
	left:0;
	min-height:370px;
}
div#slantPic{	background:url('/wp-content/uploads/2018/03/EC5BF370-89A0-4F5F-904B-A7936248DDDF.jpeg');
	background-position:center;
	background-repeat: no-repeat;
	background-size:cover;
	width:30%;
	flex-grow:1;
	min-height:370px;
	max-width:350px;
}

div.flexSlant blockquote{
	flex-shrink:1;
	flex-basis:70%;	
	box-sizing:border-box;
	padding-left:40px;
	position:relative;
	z-index:1;
	background:#363636;
	margin:0;
	display:flex;
	flex-flow:column;
	justify-content:center;
}

div.flexSlant blockquote:before{
  background: inherit;
  top: 0;
  content: '';
  display: block;
  height: 100%;
  left:-20px;
	width:50%;
  position: absolute;
  transform: skewX(-5.5deg);
  transform-origin: 100%;
  z-index: -1;
}

blockquote em{
	font-family:Ovo;
	color:#bc4077;
	font-style:italic;
}

@media(max-width:700px){
	div.flexSlant{
	  flex-flow:column;
	}
	div#slantPic{
		border-radius:50%; 
		margin:15px auto;
		display:block;
height:300px;
width:300px;
min-height:unset;
	}
	div.flexSlant blockquote:before{
		display:none;
}
}

div.bigFlex{
	display:flex;
	flex-flow:column nowrap;
	background:#222;
	box-sizing:border-box;
	width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.para, .paraRev{
	padding:15px;
	width:66%;
	text-align:right;
	position:relative;
	display:block;
	z-index:2;
	background:#222;
}

.para h2{
	color:#bc4077 !IMPORTANT;
}

.paraRev{
	text-align:left;
	background:#bc4077;
}

.paraRev:before, .para:before{
	background: inherit;
  top: 0;
  content: '';
  display: block;
  height: 100%;
	width:50%;
  position: absolute;
  transform: skewX(-5.5deg);
  transform-origin: 100%;
  z-index: -1;
}

.paraRev:before{
	left:-15px;
}

.para::before{
	right:-15px;
}

div.para p, div.paraRev p{
	max-width:500px;
}	

div.para p{
	margin-left:auto;
	margin-right:0;
}

.slantImg{
	width:33%;
	z-index:0;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat
}

div.slantGroup{
	display:flex;
	flex-flow:row nowrap;
	position:relative;
	z-index:1;
}

#ConDev{
	background-image:url('/wp-content/uploads/2017/12/96071A95-AE21-48A7-94CB-276DEC79DAE9.jpeg');
}
#DesImg{
	background-image:url('/wp-content/uploads/2017/12/22196C21-BB7E-492C-8227-1971F164C01A.jpeg');
}
#ProMan{
	background-image:url('/wp-content/uploads/2017/12/D242D092-5378-46F0-86A1-E23C2439A52C.jpeg');
}

div#apology{
	position:fixed;
	display:block;
	bottom:0px;
	margin:0px auto;
	text-align:center;
	width:100%;
	background:rgba(0,0,0,.85);
	padding:15px 0;
	z-index:5000;
}

a#goAway{
	display:block;
	padding:3px 8px;
	margin:5px auto;
	width:100px;
	border:1px solid;
}

a#goAway:hover{
	background:#BC4077;
	color:white;
}

div.wpcf7 > *{
	max-width:700px;
	margin:0 auto;
	z-index:2;
}
/*
div.wpcf7{
	background:linear-gradient(rgba(0,0,0,0.3 ),rgba(0,0,0,0.3)), url('http://eolasinternationalportal.com/wordpressSC/wp-content/uploads/2017/12/FBFCBA9D-B4AE-4921-8B63-9F239AB72651-e1515266139989.jpeg');
	background-position:center;
 width: 100vw;
 position: relative;
 left: 50%;
 right: 50%;
 margin:0 -50vw;
	padding:25px 0;
}
*/

h2#site-title{
	font-family:'Open Sans', sans-serif;
}

div.conGroup{
	width:100%;
}

div.conGroup a{
	display:inline-block;
	width:50%;
	padding:5px;
	background:#222;
	text-align:center;
	border:1px solid white;
	margin:20px auto;
	color:white;
	transition:background 0.3s ease-in;
}

div.conGroup a:hover{
	background:#BC4077;
}

div.conGroup > a:first-child{
	border-radius:10px 0 0 10px;
}

div.conGroup > a + a{
	border-radius:0 10px 10px 0;
}

div.quoteBig{
	display:inline-flex; 
	flex-shrink:1;
	flex-grow:1;
	max-width:70%;
	padding:7px;
	font-family:'Ovo';
	font-size:3em;
	line-height:120%;
	padding-left:10%;
	align-self:center;
}
div.flexa{
	margin-bottom:20px;
	border-bottom:1px solid white;
}

div.post-column p{
	color:#222;
}

#post_masonry .has-post-thumbnail .entry-header{
	background:rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, .85) 0px, rgba(0, 0, 0, .3) 100%);
}

body.single-post div.container{
	max-width:700px;
}

article.hentry h2.entry-title a{
	color:#BC4077;
	font-size:120%;
}

div.container{
	position:relative;
}

article+div.container{
	position:static;
}

img.IA, img.IDI{
	position:absolute;
	bottom:0;
	right:15%;
	max-height:100%;
	filter:brightness(5) grayscale();
}

img.IDI{
	top:0;
	right:-3%;
	width:150px;
}

.post{
	width:100%;
	box-sizing:border-box;
	padding:1.5em 2em;
	margin:1em auto;
	background:rgba(0,0,0,0.3);
}

div.pricingBox h3,
div.paypalBox h3{
	color:#BC4077 !IMPORTANT;
	border-bottom:1px solid #AAA;
	padding-bottom:3px;
	margin-bottom:5px;
	display:inline-block;
}

div.pricingBox p{
	margin-top:0;
}

div.pricingBox span{
	color:#BBB;
}

ul li{
	color:#BBB;
}

small{
	font-size:85% !IMPORTANT;
}

small h5{
	padding-bottom:3px;
	color:#BC4077 !IMPORTANT;
}

article#priceArt{
	position:relative;
	align-items:stretch;
}

section#plant{
	display:flex;
	flex-basis:35%;
	background:url('../wp-content/uploads/2019/06/pic1.jpg');
	margin:0 2% 0 0;
	background-size:cover;
	background-repeat:no-repeat;
}

section#price{
	flex-basis:60%;
	max-width:60%;
	min-width:300px;
}

@media(max-width:1080px){
	section#price{
		max-width:100%;
		flex-basis:100% !IMPORTANT;
	}
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.header-social-block{
	position:fixed;
	top:0;
}

.header-social-block a{
	background:rgba(0,0,0,0.3);
	z-index:1000000;
}

.custom-logo{
	display:none;
}

body.single-post div.page-header{
	display:block;
	padding:30px 0;
}

div.page-header{
	display:none;
}

h2.page-title{
	font-size:2.5em;
	letter-spacing:1px;
}

figcaption{
	color:#AAA;
	font-size:90%;
	border-bottom:1px solid #555;
	padding-bottom:5px
}

article.post img{
	width:100%
}

.paypalBox{
	border:1px solid #CCC;
	border-radius:5px;
	padding:1.5em;
	max-width:400px;
	padding-bottom:0px;
}

select#amount{
	display:none
}

.wpapp_other_amount_input:before{
	font-size:18px;
	content:'€ ';
}

div.wpapp_other_amount_label{
	display:none;
}