/*
Theme Name: Divi child theme
Template: Divi
*/


/* Display video sooner - WP Charged 28/02/2019 */
.et_pb_preload:before {
	display: none
}

.home .et_pb_preload .et_pb_section_video_bg, .home .et_pb_preload>div {
	visibility: visible;
}

@media (min-width: 767px) {
	.et_pb_section_video_bg video {
	    width: 100% !important;
	    height: auto !important;
	}
}


@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(webfonts/fa-brands-400.eot);src:url(webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(webfonts/fa-brands-400.woff2) format("woff2"),url(webfonts/fa-brands-400.woff) format("woff"),url(webfonts/fa-brands-400.ttf) format("truetype"),url(webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands";font-weight:400}

@font-face {
  font-family: 'fontello';
  src: url('webfonts/fontello.eot?59790495');
  src: url('webfonts/fontello.eot?59790495#iefix') format('embedded-opentype'),
       url('webfonts/fontello.woff2?59790495') format('woff2'),
       url('webfonts/fontello.woff?59790495') format('woff'),
       url('webfonts/fontello.ttf?59790495') format('truetype'),
       url('webfonts/fontello.svg?59790495#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?59790495#fontello') format('svg');
  }
}
*/

 [class^="icon-"]:before, [class*=" icon-"]:before,.fa-linkedin-square:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.fa-linkedin-square:before { content: '\f312';     margin-left: 0; } /* '' */

.fa-2x {
  font-size: 2em; }


/*@media (max-width: 980px) {
	#mysticky-nav.wrapfixed {
	    position: relative !important;
	}
}*/

.home .et_pb_section.et_pb_section_2.et_pb_with_background.et_section_regular {
    clear: both;
}

@media screen and (max-width: 767px) {
	body #page-container .no-padding-mobile {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}


.et-pb-slider-arrows a {
    opacity: 1;
    color: #bbb;
}
  .et-pb-arrow-prev {
    left: -5px;
}
  .et-pb-arrow-next {
    right: -5px;
}
  .loo-slider .et_pb_slide_image img {max-height: fit-content!important;}
  .loo-slider {min-height:15rem;}
  .loo-large {min-height:19rem;}
  .product-loo-container .et_pb_button_module_wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex: 1;
  }
  @media only screen and (max-width: 768px) {
 .loo-large {min-height:14rem;}
}
    @media only screen and (max-width: 500px) {
 .loo-large {min-height:10rem;}
}

 .elite-portaloo:before,
 .non-flushing:before,
 .flushing:before,
 .loo-large:before,
 .scenic-loo:before  {
	position: absolute;
    right: 33px;
    height: 220px;
    width: 66px;
    top: 10px;
    z-index: 10;
}
 .scenic-loo:before{
    top: 15px;
}

 .elite-portaloo {
	top: -15px;
}

 .elite-portaloo:before {
    content: "";
    background: url(images/sticker-large-events.png), url(images/sticker-reno.png), url(images/sticker-weddings.png);
    background-position: top, 0px 70px, 0px 140px;
    background-size: contain;
    background-repeat: no-repeat;
}

 .non-flushing:before {
	content: "";
    background: url(images/sticker-budget.png), url(images/sticker-construction.png); ;
    background-position: top, 0px 70px;
    background-size: contain;
    background-repeat: no-repeat;
}

 .flushing:before {
	content: "";
    background: url(images/sticker-construction.png);
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
}

 .loo-large:before {
	content: "";
    background: url(images/sticker-large-events.png);
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
}

 .scenic-loo:before {
	content: "";
    background: url(images/sticker-new.png), url(images/sticker-large-events.png);;
    background-position: top, 0px 70px;
    background-size: contain;
    background-repeat: no-repeat;
}


.et_pb_testimonial_0.et_pb_testimonial * {
    font-size: 38px;
    color: #a1d55e!important;
}


#loo-table {
  scroll-padding-top: 150px;
}