/* Colours */

.page-template-page_fullwidth #post-container {
  padding:0;
}

#post-container .yellow strong {
  color: #F3BF27!important;
}

#post-container .green strong {
  color: #78C143!important;
}

#post-container .lightBlue strong {
  color: #0093BC!important;
}

#post-container div.sliderRow.brochureRow h2,
#post-container div.sliderRow.brochureRow h2 strong {
  color: white!important;
}


/* Fonts */

.brochureRow h2 {
  font-size: 48px;
  line-height: 1.4!important;
  color: #878787!important;
}

#post-container .brochureRow .et_pb_blurb_container, #post-container .brochureRow p {
  font-size: 24px;
  color: #878787!important;
}

#post-container .sliderRow ul {
  padding-left:20px!important;
}

#post-container .sliderRow li{
   font-size: 24px!important;
  list-style:disc!important;
  text-align:left!important;
}

/*row styles*/

.brochureRow {
  width: 100%!important;
  max-width: 100%!important;
  padding: 160px 0!important;
}

.brochureRow .et_pb_row {
  width: 100%!important;
}

.extraSpace {
  margin-top: 80px!important;
}

#post-container #et_builder_outer_content div.brochureRow {
  background-color: transparent!important;
}

#post-container #et_builder_outer_content div.brochureRow:nth-child(2n+2) {
  background-color: #FAFAFA!important;
}

#post-container #et_builder_outer_content div.sliderRow.brochureRow {
  background-color: #34495e!important;
}

.et_divi_builder #et_builder_outer_content .backgroundBottom {
  background-position: left bottom;
  background-size: 800px auto;
  padding: 240px 24px!important;
}

/* Brochure Logos */

@media(max-width:1024px) and (min-width:700px) {
	#post-container .brochureLogo img {
		max-width:400px!important;
	}

	.et_divi_builder #et_builder_outer_content .backgroundBottom {
  		background-size:600px auto;
	}

	.brochureGraphic {
  		max-width:500px!important;
	}
	
	.iconAboveBlurb .et_pb_main_blurb_image img {
		height:160px!important;
	}
	
}

/*Blurb with icon on the left*/

#post-container .et_pb_blurb_container {
  vertical-align: middle!important;
}

.singleBlurb .et_pb_blurb_content {
  max-width: 800px!important;
}

/* Blurbs on Desktop */

@media(min-width:769px) {
  .et_pb_main_blurb_image img {
    max-width: none!important;
  }
  .bigIcon .et_pb_main_blurb_image img {
    width: 160px!important;
    height: 160px!important;
  }
  .littleIcon .et_pb_main_blurb_image img {
    width: 120px!important;
    height: 120px!important;
  }
}


/*Blurb with icon on the right*/

.iconRightBlurb .et_pb_blurb_content {
  direction: rtl;
}

.iconRightBlurb .et_pb_blurb_container {
  direction: ltr;
  padding-right: 15px!important;
  padding-left: 0!important;
  text-align: right!important;
}


/*Blurb with icon above*/

.iconAboveBlurb .et_pb_blurb_content {
  max-width: 100%!important; /* to override 550px by DIVI */
}

.singleBlurb {
  margin-bottom:0px!important;
}

.iconAboveBlurb .et_pb_main_blurb_image, .imagemapper-wrapper {
  margin: 0 auto!important; /* central alignment */
}

/* Wide Images */

.nonScrollyCentred, .scrolly {
  height:300px;
}

.wideImage img {
  height:100%!important;
  width:100%!important;
}

#post-container .brochureRow .nonScrollyCentred {
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  margin: 0 -24px!important;
}

.nonScrollyCentred img,
.scrolly img {
  height: 100% !important;
  max-width:none !important;
  width: auto!important;
  margin: 0 -100%!important;
}

/* MOBILE */

@media(max-width:1024px) {
  .brochureRow {
    padding: 20vh 24px!important;
  }
}

@media(max-width:768px) {
  .brochureRow h2 {
    font-size: 26px!important;
  }
  #post-container #et_builder_outer_content div.brochureRow {
    background-color: transparent!important;
  }
  .et_divi_builder #et_builder_outer_content .backgroundBottom {
    background-size:500px auto;
  }
  #post-container .brochureRow .et_pb_blurb_container, #post-container .brochureRow p, #post-container .et_pb_slide_content li {
    font-size: 18px!important;
  }
  .et_pb_column, .singleBlurb {
    margin-bottom:15px!important;
  }
  .et_pb_main_blurb_image img {
    width: auto!important;
    height: 80px!important;
    min-width: 80px;
  }
  .iconAboveBlurb .et_pb_main_blurb_image img {
    height: 120px!important;
  }
  .littleIcon .et_pb_main_blurb_image img {
    height: 80px!important;
    min-width: 80px;
  }
  .brochureRow.reducedPadding {
    padding: 20vh 4px!important;
  }
  .brochureRow>div {
    padding: 0!important;
  }
  #et_builder_outer_content .et_pb_blurb_position_top .et_pb_main_blurb_image {
    margin-bottom: 0!important;
  }
  /*scrolly images*/
  #post-container .brochureRow .scrolly {
    overflow-x: auto;
    overflow-y: hidden;
    height: 250px;
    position: relative;
    margin: 0 -24px!important;
  }
  #post-container .brochureRow .scrolly {
    height: 280px;
    padding-bottom: 40px;
  }
  .scrolly:after {
    content: 'scroll right to see more';
    position: absolute;
    bottom: 25px;
    width: 320px;
    margin-left: -160px;
    left: 50%;
    color: #aaa;
    font-style: italic;
  }
  #post-container .brochureRow .nonScrollyCentred {
    height: 240px;
    overflow-x: hidden;
  }
  .nonScrollyCentred img {
    margin: 0 -250%!important;
  }
  .scrolly img {
    margin:0!important;
  }
  .et_pb_slider {
    margin: 0 -24px!important;
  }
}

/* NEW STYLES */

@media(min-width:769px) {

.porfolio-pop .popup-left p, .porfolio-pop .popup-left ul {
  font-size: 16px;
}

.porfolio-pop .popup-right blockquote {
  padding: 20px;
  font-size:16px;
  background:rgba(0,0,0,.04);
}

.porfolio-pop .popup-right blockquote i {
  display:none;
}


.porfolio-pop .popup-left {
    width: auto;
    padding-right: 20px;
    flex: 1 1 auto;
}

.porfolio-pop .popup-right {
  margin-left:auto;
  width:auto;
  max-width:50%;
  flex:1 1 auto;
}

.porfolio-pop .popup-right .author {
 padding-top:10px
}

.porfolio-pop {
  padding:40px;
  display:flex;
}
}