/* Custom styles */

/* Colour Themes */
.config_row.lightgrey,
.config_column.lightgrey										  { background-color: #f6f6f6; }

.config_row.blue,
.config_column.blue										        { background-color: #003B59; }

.config_row.indigo,
.config_column.indigo										      { background-color: #004E74; }

.config_row.raspberry,
.config_column.raspberry										  { background-color: #E6005B; }

.config_row.blue div.content h1,
.config_row.blue div.content h2,
.config_row.blue div.content h3,
.config_row.blue div.content h4,
.config_row.blue div.content h5,
.config_row.blue div.content p,
.config_row.blue div.content li,
.config_column.blue div.content h1,
.config_column.blue div.content h2,
.config_column.blue div.content h3,
.config_column.blue div.content h4,
.config_column.blue div.content h5,
.config_column.blue div.content p,
.config_column.blue div.content li													{ color: #FFFFFF; }
.config_column.blue div.content a									{ color: #77D2FF; }
.config_row.blue div.content a.button,
.config_column.blue div.content a.button										{ background-color: #E6005B; color: #FFFFFF; }

.config_row.indigo div.content h1,
.config_row.indigo div.content h2,
.config_row.indigo div.content h3,
.config_row.indigo div.content h4,
.config_row.indigo div.content h5,
.config_row.indigo div.content p,
.config_row.indigo div.content li,
.config_column.indigo div.content h1,
.config_column.indigo div.content h2,
.config_column.indigo div.content h3,
.config_column.indigo div.content h4,
.config_column.indigo div.content h5,
.config_column.indigo div.content p,
.config_column.indigo div.content li													{ color: #FFFFFF; }
.config_column.indigo div.content a									{ color: #77D2FF; }
.config_row.indigo div.content a.button,
.config_column.indigo div.content a.button										{ background-color: #E6005B; color: #FFFFFF; }


.config_row.green div.content h1,
.config_row.green div.content h2,
.config_row.green div.content h3,
.config_row.green div.content h4,
.config_row.green div.content h5,
.config_row.green div.content p,
.config_row.green div.content li												{ color: #FFFFFF; }
.config_row.green div.content a.button									{ background-color: #2C7044; color: #FFFFFF; }
.config_row.green div.content a.button:hover						{ background-color: #6C9B7C; }

.config_row.raspberry div.content h1,
.config_row.raspberry div.content h2,
.config_row.raspberry div.content h3,
.config_row.raspberry div.content h4,
.config_row.raspberry div.content h5,
.config_row.raspberry div.content p,
.config_row.raspberry div.content li,
.config_column.raspberry div.content h1,
.config_column.raspberry div.content h2,
.config_column.raspberry div.content h3,
.config_column.raspberry div.content h4,
.config_column.raspberry div.content h5,
.config_column.raspberry div.content p,
.config_column.raspberry div.content li													{ color: #FFFFFF; }
.config_row.raspberry div.content a.button,
.config_column.raspberry div.content a.button										{ background-color: #ffffff; color: #E6005B; }

/* Row and Column Padding */

.config_row.row_padding,
.config_column.column_padding									  { padding: 6em 0em; }
.config_column.column_padding_small							{ padding: 2em 0em; }
.config_column.column_padding_large							{ padding: 9em 0em; }
.config_row.padding_horizontal							{ padding-left: 1em; padding-right: 1em;}
.config_row.top_padding										  { padding: 6em 0em 0em; }
.config_row.bottom_padding									{ padding: 0em 0em 6em; }
.config_column.block_padding							  { padding: 3em 2em; }
.config_row.narrow_width,
.config_column.narrow_width									  { max-width: 1000px; margin: auto; }

.config_row.medium_width,
.config_column.medium_width									  { max-width: 1300px; margin: auto; }

.config_column.textpanel_right              { padding: 5.125em 4em 5.125em 1.5em; }
.config_column.textpanel_subright           { padding: 5.125em 5.5%; }
.config_column.textpanellarge_right         { padding: 9em 4em 9em 1.5em; }
.config_column.textpanel_left               { padding: 5.125em 1.5em 5.125em 4em; }
.config_column.textpanel_subleft            { padding: 5.125em 5.5%; }

.config_column.strappanel_left              { padding: 8em 10.5em 1.5em 6em;}

.config_column.slantright_image             {  clip-path: polygon( 20% 0%, 100% 0%,100% 50%,90% 100%,  0% 100% ); position: relative;}
.config_column.slantright_image picture     {  position: absolute; height: 100%; width: 100%; }
.config_column.slantright_image img         { object-fit:cover; height: 100%; width: 100%; }

.config_column.slantleft_image             {  clip-path: polygon(  0% 0%, 90% 0%,100% 50%,100% 100%,  20% 100% ); position: relative;}
.config_column.slantleft_image picture     {  position: absolute; height: 100%; width: 100%; }
.config_column.slantleft_image img         { object-fit:cover; height: 100%; width: 100%; }

.config_column.slantright_raspberry        {  background-color: #E6005B; clip-path: polygon( 10% 0%, 100% 0%,100% 0%,80% 100%,  0% 100%, 0% 50% ); position: relative;}
.config_column.slantright_raspberry div.content  h2     { color:#FFFFFF; }
.config_column.slantright_raspberry div.content  h3     { color:#FFFFFF; font-size: 1.5em; font-weight: 400; line-height: 1.5em;}

.config_row.page_header                           { padding: 0; display: flex; justify-content:left; align-items: center; height: 500px; position: relative; overflow: hidden; }


.config_column.imagefit    img                 { width: 100%; height: 100%;  object-fit: cover; object-position: center; }



.config_row.footer_image                  { padding: 15% 0% 25%; width: 100%; height: 0px; position: relative; }
.config_row.footer_image  img                { margin:auto; }

.config_row.page_header div.content h1            { margin: 0%; max-width:550px; min-width: 400px; font-family: 'Poppins', sans-serif; font-size: 2.25rem; line-height: 1.125em; font-weight: 900; position: relative; z-index: 10; text-transform: none; color: #FFFFFF;  }
.config_row.page_header div.config_container			{ padding: 0% 200px 0% 102px; min-height: 500px; display: flex; align-items:center; background-color: rgba(0,59,89,0.8); clip-path: polygon( 10% 0%, 100% 0%,100% 0%,80% 100%,  0% 100%, 0% 50% ); position: relative;}



  .config_row.lightgrey div.content 										{  }
	.config_row.lightgrey div.content h1,
	.config_row.lightgrey div.content h2,
	.config_row.lightgrey div.content h3                   {  color: #003162; } 
	.config_row.lightgrey div.content h4,
	.config_row.lightgrey div.content h5,
	.config_row.lightgrey div.content p,
	.config_row.lightgrey div.content li									{ color: #221f1f; }
  .config_row.lightgrey div.content a						        {  color: #003162; }
	.config_row.lightgrey div.content a.button						{ background-color: #003162; color: #ffffff; }
  .config_row.lightgrey div.content a.button.pink				{ background-color: #E6005B; color: #ffffff; }
  .config_row.lightgrey div.content #recent-case-studies div.slick-slider button.slick-prev, 
  .config_row.lightgrey div.content #recent-case-studies div.slick-slider button.slick-next {   background-color: #003B59; }
  .config_row.lightgrey div.content #recent-case-studies div.slick-slider button.slick-prev::before, 
  .config_row.lightgrey div.content #recent-case-studies div.slick-slider button.slick-next::before { color: #ffffff; }

  .config_column.angletextleft  										{ position: relative; background-color: #ffffff; z-index: 1; overflow: visible;}
  .config_column.angletextleft:before  										{ content: ''; width: 100%; height: 200%; top: 0px; display: block; position: absolute; background-color: inherit; z-index: -1;  right: 0px; transform: skewX(-10deg); }
  .config_column.angletextright  										{ position: relative; background-color: #003162; z-index: 1; overflow: visible;}
  .config_column.angletextright:before 										{ content: ''; width: 100%; height: 200%; top: 0px; display: block; position: absolute; background-color: inherit; z-index: -1;  left: 0px; transform: skewX(10deg); }

  .config_column.sitemap li                        {  margin: 0% 0% 0.938rem 0%;  line-height: 1.875rem; }
  .config_column.sitemap li    a                    {  font-weight: 700; color: #E6005B; } 

	.config_column.slideshow_fix	.slides					{ padding-top: 18%; }
	.config_column.slideshow_fix	.slides	picture img				{ object-fit: none; }

@media only screen and (max-width: 1250px)
{

}

@media only screen and (max-width: 800px)
{
.config_row.row_padding										  { padding: 2em 0em; }


.config_row.page_header                           { display: flex; justify-content: left; align-items: center; height: 300px; position: relative; }
.config_row.page_header div.content h1      { }

  .config_column.angletextleft  										{ overflow: hidden;}
  .config_column.angletextright  										{ overflow: hidden;}

  .config_column.order_2nd                    { order:2; }

  .config_column.imagehidden picture  										{ display:block;}

  	.config_column.slideshow_fix	.slides					{ padding-top: 55%; } 

  /* {
    width: 100% !important;
    display: block;
  } */
}

@media only screen and (max-width: 600px)
{
/* Row and Column Padding */

  .config_row.row_padding,
  .config_column.column_padding									  { padding: 3em 0em; }
  .config_column.column_padding_small							{ padding: 2em 0em; }
  .config_column.column_padding_large							{ padding: 9em 0em; }
  .config_row.padding_horizontal							{ padding-left: 1em; padding-right: 1em;}
  .config_row.top_padding										  { padding: 6em 0em 0em; }
  .config_row.bottom_padding									{ padding: 0em 0em 6em; }

  .config_row.narrow_width									  { max-width: 1000px; margin: auto; }

  .config_column.textpanel_right              { padding: 2em 1em 3em 1em; }
  .config_column.textpanel_subright           { padding: 5.125em 5.5%; }
  .config_column.textpanellarge_right         { padding: 2em 1em; }
  .config_column.textpanel_left               { padding: 2em 1em 3em 1em; }
  .config_column.textpanel_subleft            { padding: 5.125em 5.5%; }


  .config_row.page_header div.config_container										{ padding: 0% 70px 0% 30px; min-height: 500px; display: flex; align-items:center; background-color: rgba(0,59,89,0.8); clip-path: polygon( 10% 0%, 100% 0%,100% 0%,80% 100%,  0% 100%, 0% 50% ); position: relative;}

  .config_row.page_header div.content h1      { min-width: 200px; font-size: 1.375em; max-width: 270px;}

  .config_row.page_header div.config_container			{ padding: 0% 100px 0% 40px; min-height: 500px; display: flex; align-items:center; background-color: rgba(0,59,89,0.8); clip-path: polygon( 10% 0%, 100% 0%,100% 0%,80% 100%,  0% 100%, 0% 50% ); position: relative;}

  .config_column.awards img                 { max-width: 40% !important; margin:auto; }

  .config_column.slantright_raspberry        {  background-color: #E6005B; clip-path:none; position: relative;}
  .config_column.strappanel_left              { padding: 2em 2em;}

  .config_row.footer_image                  { padding: 35% 0% 55%; }
  .config_row.footer_image  img             { max-width:60%; margin:auto; }

  	.config_column.slideshow_fix	.slides				{ padding-top: 80%; } 
  }