/*
 Theme Name:   BFI WooCommerce Theme for Storefront 1.6
 Description:  BFI WooCommerce theme, a structure for BFI sites, which extends Storefront 1.6
 Author:       BFI
 Author URI:   http://www.wearebfi.co.uk
 Template:     storefront
 Version:      $Id: style.css 2905 2016-05-16 15:43:48Z chrisbfinternet $
 Text Domain:  bfi-woocommerce-theme
*/


/*
	Your comments should say WHY the code does what it does, not WHAT it does.
*/


/* Layout ========== */

/* 24 column responsive grid system v3.0 | responsive.gs */
    .col { display: block;float: left;width: 100%;}@media ( min-width : 769px ) {.gutters .col {margin-left: 2%;}.gutters .col:first-child { margin-left: 0; }}@media ( min-width : 769px ) {.span_1 { width: 4.16666666667%; }.span_2 { width: 8.33333333333%; }.span_3 { width:12.5%; }.span_4 { width: 16.6666666667%; }.span_5 { width: 20.8333333333%; }.span_6 { width: 25%; }.span_7 { width: 29.1666666667%; }.span_8 { width: 33.3333333333%; }.span_9 { width: 37.5%; }.span_10 { width: 41.6666666667%; }.span_11 { width: 45.8333333333%; }.span_12 { width: 50%; }.span_13 { width: 54.1666666667%; }.span_14 { width: 58.3333333333%; }.span_15 { width: 62.5%; }.span_16 { width: 66.6666666667%; }.span_17 { width: 70.8333333333%; }.span_18 { width: 75%; }.span_19 { width: 79.1666666667%; }.span_20 { width: 83.3333333333%; }.span_21 { width: 87.5%; }.span_22 { width: 91.6666666667%; }.span_23 { width: 95.8333333333%; }.span_24 { width: 100%; }.gutters .span_1 { width: 2.25%; }.gutters .span_2 { width: 6.5%; }.gutters .span_3 { width: 10.75%; }.gutters .span_4 { width: 15.0%; }.gutters .span_5 { width: 19.25%; }.gutters .span_6 { width: 23.5%; }.gutters .span_7 { width: 27.75%; }.gutters .span_8 { width: 32.0%; }.gutters .span_9 { width: 36.25%; }.gutters .span_10 { width: 40.5%; }.gutters .span_11 { width: 44.75%; }.gutters .span_12 { width: 49.0%; }.gutters .span_13 { width: 53.25%; }.gutters .span_14 { width: 57.5%; }.gutters .span_15 { width: 61.75%; }.gutters .span_16 { width: 66.0%; }.gutters .span_17 { width: 70.25%; }.gutters .span_18 { width: 74.5%; }.gutters .span_19 { width: 78.75%; }.gutters .span_20 { width: 83.0%; }.gutters .span_21 { width: 87.25%; }.gutters .span_22 { width: 91.5%; }.gutters .span_23 { width: 95.75%; }.gutters .span_24 { width: 100%; }}
    .row {padding-bottom: 5px;} /* set according to preference*/


    #primary.content-area {
    	/* margin-left: 4.34783%; */
    	margin-right: 0;
    	margin-bottom: 0;
    }

/* Fonts ========== */
    @font-face {
        font-family: 'colaborate';
        src: url('/fonts/ColabReg-webfont.eot');
        src: url('/fonts/ColabReg-webfont.eot?#iefix') format('embedded-opentype'),
        	 url('/fonts/ColabReg-webfont.woff') format('woff'),
        	 url('/fonts/ColabReg-webfont.ttf') format('truetype'),
        	 url('/fonts/ColabReg-webfont.svg#ColaborateRegular') format('svg');
        font-weight: normal;
        font-style: normal;
    }

/* General, Site-wide ========== */
    .site {
        overflow-x: initial;
    }
    a:active,
    a:focus,
    button:active,
    button:focus {
    	border: none!important;
    	outline: none!important;
    }

    body {
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        color: #000
    }

    a, button {
    	-webkit-transition: all 0.3s ease;
    	-moz-transition: all 0.3s ease;
    	-o-transition: all 0.3s ease;
    	transition: all 0.3s ease;
    }

    * {
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
    }
    h1, h2, h3, h4, h5, h6 {
        font-family: colaborate, sans-serif;
        color: #71cad2;
        font-weight: 700;
    }


    h1{
    font-size: 2em;
  }

    p, ul, ol {
        font-weight: 400;
        letter-spacing: 0.02em;
        line-height: 24px;
        font-family: 'Roboto', sans-serif;
        color: #111;
    }

    blockquote {
        padding: 0 1em;
        border-left: 3px solid rgba(0,0,0,.05);
        font-style: italic;
        font-size: .8em;
    }

/* Micro Clearfix: http://nicolasgallagher.com/micro-clearfix-hack/ */
/* Blended with classes from responsive.gs v3.0 */
    .container:after, .row:after, .col:after, .group:after, .cf:before,.cf:after{content:"";display:table;}
    .container:after, .row:after, .col:after, .group:after, .cf:after{clear:both;}
    .container, .row, .col, .group, .cf{*zoom:1;}

    .col-full {
    	margin: 0 auto;
    	max-width: 1230px;
    }

    .col-full-team {
      margin: 50px auto;
      max-width: 1230px;

    }

    .col-inner {
    	margin: 0 auto;
    	max-width: 1025px;
    	/* overflow-x: visible; */
    	/* overflow-y: hidden; */
    }

    @media only screen and (max-width: 767px) {
    	.col-full {
    		padding: 0 3%;
    	}

    }

    .woocommerce-breadcrumb {
    	height: 330px;
    	padding: 0;
    	margin: 0;
    }

    .hidden {
    	display: none;
    }

/* Header */
    .site-header {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background-color: rgba(255, 255, 255, 0.8);
        margin: auto;
        padding: 0;
    }

    .site-branding #logo a {
    	display: block;
    	background: url(/images/header-logo.svg) no-repeat 0% 0%;
    	background-size: contain;
    	height: 75px;
    	width: 200px;
    	text-indent: -999px;
        margin: 12px 0;
    }

/* Main Navigation ========== */
    #site-navigation {
        float: right;
        padding: 0;
        /* clear: both; */
        /* z-index: 999999; */
    }

    #site-navigation ul {
        float: right;
        overflow: initial;
        padding: 0;
        margin: 0;
    }

    #site-navigation li {
    	list-style: none;
        float: left;
    }
    #site-navigation li:last-child {
        margin-left: 0;
    }

    #site-navigation li:last-of-type a {
    	padding-right: 1em;
    }

    #site-navigation li#search-toggle a {
        display: block;
        width: 25px;
        background: url(/images/icons/search.svg) 100% 50% no-repeat;
        background-size: contain;
        margin-left: 2em;
        cursor: pointer;
        text-indent: -9999px;
        padding: 0;
        line-height: 100px;
    }

    #site-navigation a {
    	font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        color: #1a7e87;
        padding: 0;
        letter-spacing: 0.01em;
        display: block;
        font-weight: 800;
    }
    #site-navigation > ul > li > a {
        line-height: 100px;
        padding: 0 .8em;
    }

    .main-navigation ul.menu > li:first-child, .main-navigation ul.nav-menu > li:first-child {
        margin-left: 0;
    }

    #site-navigation li.hover a,
    #site-navigation li.current_page_item a {
        background: #36939b;
        text-decoration: none;
        color: #FFF;
    }

    ul.menu li.current-menu-item > a,
    #site-navigation ul.menu li.current-menu-item > a {
    	color: #32af2a;
    }

    ul.menu li.current-menu-item > a:hover,
    #site-navigation ul.menu li.current-menu-item > a:hover {
    	color: #fff;
    }

    #nav-control, .mobile-icons {
        display: none;
    }

    #site-navigation li#sale a {
        color: #ae1b22 ;
    }

    #site-navigation li#sale a:hover {
        color: #fff;
        background: #ae1b22;
    }

/* dropdown */
    #site-navigation li ul {
    	position: absolute;
    	width: 650px;
    	left: -999em;
    	z-index:9999;
    	background: #36939B;
        padding: 0.6em 1.2em 1.5em;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    #site-navigation li ul ul {
        position: relative;
        width: 48%;
        padding: 0;
    }
    #site-navigation li ul ul:first-child {
        float: left;
    }
    #site-navigation li ul ul:last-child {
        float: right;
    }
    #site-navigation li ul.one-item {
        width: 250px;
    }

    #site-navigation li:hover ul { left: auto; }
    #site-navigation li ul li { float:none; }

    #site-navigation li ul li {
    	float: left;
    	width: 100%;
    	margin: 0;
    	margin-right: 4%;
    	position: relative;
    }
    #site-navigation li ul.one-item li {
        width: 100%;
        margin: 0;
    }

    #site-navigation li ul li:nth-of-type(2n+2) {
    	margin-right: 0;
    }

    #site-navigation li ul li:hover a {
    	color: #1a7e87;
    	background: #71CAD2;
    }

    #site-navigation li ul a {
    	color: #fff;
    	font-weight: 400;
    	text-transform: none;
    	padding: 0.7em;
    	margin: 0px;
    	border-bottom: 1px solid #71CAD2;
        font-size: 18px;
    }

    /* 2nd level dropdown */
        #site-navigation li ul li ul {
        	position: absolute;
        	width: 220px;
        	left: -999em;
        	z-index:9999;
        	display: none;
        	background: #2d3132;
        }

        #site-navigation li ul li:hover ul { left: 220px; top: 0; display: block; }

        #site-navigation li ul li:hover li a {
        	background: #2d3132;
        }

        #site-navigation li ul li li:hover  a {
        	background: #32af2a;
        }

/* Search bar */
    .woocommerce-active .site-header .site-search {
        display: none;
        position: absolute;
        right: 0;
        top: 100px;
        box-shadow: none;
    }

    .woocommerce-active .site-header .site-search form input {
    	box-shadow: none;
    	background-color: rgba(255, 255, 255, 0.8); */
    }

    .woocommerce-active .site-header .site-search form input:focus {
    	background: #fff;
    }

/* Page Banner */
    #page-banner {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
    }

    .page-banner-image {
    	width: 100%;
    	height: 330px;
    	background-size: cover;
    	background-position: center;
    }

    .blue-overlay{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      background:rgba(26,126,135, .55);
    }

/* Generic Page */
    .site-main {
    	margin-bottom: 0;
    }


    #intro {
      padding:1.5em 0 1em 0;
      text-align: center;
      border-bottom: 1px solid #eeeeee;
      background: #eeeeee;
    }



    .hentry.type-post .entry-content {
        width: 68%;
        float: left;
        margin: 2em 0 2em 0;
    }

	.hentry {
		margin: 0;
	}
    .hentry .entry-header {
		padding: 2em 0 0 0;
		margin: 0;
		background: #EEE;
		border: none;
    }

	.hentry .entry-header h1.entry-title {
		font-size: 30px;
		color: #71cad2;
		margin: 0;
		font-weight: 600;
		text-align: center;
		padding: 0;
		border: none;
	}
	.hentry .entry-header h1.entry-title.no-sub-text {
		margin: 0;
	}
	.hentry #intro p {
		text-align: center;
    margin: 0 2em;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    padding: 0 0 1em 0;
	}

  .hentry #intro a {
    color: #1a7e87;
    font-weight: 700;
  }

	.hentry #intro ul.bullets {
	    margin: 0;
	    list-style: none;
    	float: left;
		width: 100%;
		text-align: center;
	}

	.hentry #intro ul.bullets li {
	    line-height: 1.4em;
	    width: 18%;
	    display: inline-block;
	   	padding: 2.5em 0 0 0;
		text-align: center;
	    background: url(/images/icons/logo-icon.svg) no-repeat 50% 0%;
	    background-size: 30px;
    	vertical-align: top;
		margin: 50px 1% 0;
	}
    .hentry #intro ul.bullets li:first-child:nth-last-child(1) {
        width: 100%;
        margin: 50px 0 0;
    }
    .hentry #intro ul.bullets li:first-child:nth-last-child(2),
    .hentry #intro ul.bullets li:first-child:nth-last-child(2) ~ li {
        width: 47%;
    }
    .hentry #intro ul.bullets li:first-child:nth-last-child(3),
    .hentry #intro ul.bullets li:first-child:nth-last-child(3) ~ li {
        width: 30.3%;
    }
    .hentry #intro ul.bullets li:first-child:nth-last-child(4),
    .hentry #intro ul.bullets li:first-child:nth-last-child(4) ~ li {
        width: 22%;
    }

  .hentry #intro ul.bullets li p {
    font-size: 16px;
    font-weight: 400;
    	line-height: 22px;
        margin: 0;
  }

  .hentry #intro ul.bullets li a {
    color: #ffffff;
    background: #1a7e87;
    line-height: 28px;
    text-align: center;
    padding: .75em .5em;
    font-size: 16px;
  }

  .hentry #intro ul.bullets li a:hover {
    background: #71cad2;
  }


  aside.sidebar-links{
    width: 30%;
    float: right;
    margin: 2em 0 2em 0;
    padding: 1em;
    background: #eeeeee;
  }


  aside.sidebar-links ul{
    margin:0 0 1em 0;
  }

  aside.sidebar-links li{
    padding:.5em 0;
    border-bottom:dotted 1px #bbbbbb;
    list-style:  none;

  }

    .type-page h2,
    .publications_page h2 {
          font-size: 1.5em;
          font-weight: 600;
          color: #71cad2;
          margin-bottom: 0.5em;
    }

    .type-page h3, .type-page h4, .type-page h5, .type-page h6,
    .publications_page h3, .publications_page h4, .publications_page h5, .publications_page h6 {
    	font-size: 1.2em;
        font-weight: 600;
        color: #71cad2;
        margin: .5em 0;
    }
	.header_bg {
		padding: 50px 0;
		margin: 0 0 50px;
		background: #EEE;
		border: none;
	}
		.header_bg h4 {
			font-size: 30px;
			color: #71cad2;
			margin: 0;
			font-weight: 600;
			text-align: center;
			padding: 0;
			border: none;
		}
	.type-page .filters h3,
    .publications_page .filters h3 {
        font-weight: 600;
		font-size: 1.2em;
		margin-bottom: .5em;
	}
	.type-page .filters ul,
    .publications_page .filters ul {
		margin-bottom: 1.5em;
	}

    .type-page p {
        margin-bottom: 0.6em;
    }

    .type-page strong {
        font-size: 1em;
        font-weight: 500;
        color: #636363;
    }

    .type-page ul,
    .publications_page ul {
    	margin-left: 0;
    	margin-bottom: 1.5em;
		width: 100%;
		float: left;
		clear: both;
    }

    .type-page ul li,
    .publications_page ul li {
        line-height: 24px;
        list-style: none;
        padding: 0px 0px 5px 28px;
        background: url(/images/icons/logo-icon.svg) no-repeat 0% 4px;
        background-size: 16px;
    	width: 49%;
		float: left;
		margin: 0 2% 0 0;
    }
    	.type-page ul li:nth-child(even),
        .publications_page ul li:nth-child(even) {
			margin: 0;
    	}

    .type-page a {
      color: #1a7e87;
      font-weight: 600;
    }

    .bs1 {
        /* -webkit-box-shadow: -170px 20px 50px -180px rgba(0,0,0,0.2); */
        -moz-box-shadow: -170px 20px 50px -180px rgba(0,0,0,0.2);
        /* box-shadow: -170px 20px 50px -180px rgba(0,0,0,0.2); */
    }

    .bs2 {
        /* -webkit-box-shadow: 170px 20px 50px -180px rgba(0,0,0,0.2); */
        -moz-box-shadow: 170px 20px 50px -180px rgba(0,0,0,0.2);
        /* box-shadow: 170px 20px 50px -180px rgba(0,0,0,0.2); */
    }

    .type-page .entry-content,
    .type-staff_profiles .entry-content-full,
    .type-post .entry-content-full,
	.woocommerce .entry-content,
    .single-product .content-area {
        padding: 2em 0;
    }

	.call-row {
		font-family: colaborate, sans-serif;
		padding: 50px 0;
		text-align: center;
		background: #71cad2;
		color: #FFF;
		font-size: 24px;
		font-weight: 800;
	}

/* Our Services Module ========== */
    .services-carousel-wrapper {
        padding: 0;
    }
        .services-carousel-wrapper .carousel-item {
            border-bottom: 5px solid #DDD;
            padding-bottom: 25px;
        }
            .services-carousel-wrapper .carousel-item img {
                width: 100%;
                margin-bottom: 25px;
                border-radius: 0;
            }
            .owl-carousel.services-carousel .owl-nav.disabled {
                display: block;
            }
            .services-carousel .owl-nav.disabled {
                display: block!important;
                width: 47px;
                height: 30px;
                margin: 50px auto 0;
            }

            .services-carousel .owl-nav {}

            .services-carousel .owl-nav .owl-prev {
                background: url(/images/icons/l-arrow-grey.svg) no-repeat 0% 50%;
                background-size: contain;
                float: left;
                width: 15px;
                text-indent: -9999px;
            }

            .services-carousel .owl-nav .owl-next {
                background: url(/images/icons/r-arrow-grey.svg) no-repeat 100% 50%;
                background-size: contain;
                float: right;
                width: 15px;
                text-indent: -9999px;
            }

            .services-carousel .owl-nav .owl-next:hover, .client-logos .owl-nav .owl-prev:hover {
                opacity: 0.5;
            }



    .services-full {
        background: #EEE;
        padding: 2em 0;
        text-align: center;
    }
        .services-full h4,
        .services-carousel-wrapper h4 {
            font-size: 30px;
            color: #71cad2;
            margin: 0 0 35px 0;
            font-weight: 600;
            text-align: center;
        }
        #our-services {
            /* position: absolute; */
            /* left: 0; */
            /* right: 0; */
            /* bottom: 30px; */
            z-index: 1;
            border: #000;
        }

        #our-services .service {
            width: 33%;
            float: left;
            text-align: left;
            padding: 0.8em 0.8em 0.8em 10%;
            background-size: 21% !important;
            background-repeat: no-repeat !important;
            background-position: 5% 0.8em !important;
            -webkit-transition: all 0s ease;
            -moz-transition: all 0s ease;
            -o-transition: all 0s ease;
            transition: all 0s ease;
        }

        #our-services .service:hover {
            -webkit-box-shadow: inset 0px 0px 0px 200px rgba(0,0,0,0.2);
            -moz-box-shadow: inset 0px 0px 0px 200px rgba(0,0,0,0.2);
            box-shadow: inset 0px 0px 0px 200px rgba(0,0,0,0.2);
        }

       /* #our-services .service:nth-of-type(1n) {
            background: #71cad2;
        }*/

        #our-services .service:nth-of-type(1n) {
            background: #5fb8c0;
        }

        #our-services .service:nth-of-type(2n) {
            background: #51a6af;
        }

        #our-services .service:nth-of-type(3n) {
            background: #36939b;
        }

        /*#our-services .service:nth-of-type(5n) {
            background: #5fb8c0;
        }*/

        #our-services .service:nth-of-type(4n) {
            background: #51a6af;
        }

        #our-services .service:nth-of-type(5n) {
            background: #36939b;
        }

        #our-services .service:nth-of-type(6n) {
            background: #1a7e87;
        }

        #our-services .service h4 {
    		text-transform: uppercase;
    		font-size: 16px;
    		line-height: 18px;
    		color: #fff;
    		letter-spacing: 0.04em;
    		margin-bottom: 0.5em;
    		min-height: 36px;
    		font-family: 'Roboto', sans-serif;
    		font-weight: 700;
            text-align: left;
        }

        #our-services .service p {
    		color: #fff;
    		font-family: 'Roboto', sans-serif;
    		font-weight: 300;
    		letter-spacing: 0em;
    		font-size: 15px;
    		line-height: 18px;
    		margin: 0;
    		min-height: 54px;
        }

        #our-services .service a {
            display: block;
            color: #fff;
            font-size: 0.9em;
            font-weight: 500;
        }

        #our-services .service span {
    		color: #fff;
    		cursor: pointer;
    		font-family: 'Roboto', sans-serif;
    		font-weight: 700;
    		font-size: 15px;
    		line-height: 18px;
        }

        #our-services .service span:hover {
            text-decoration: underline;
        }

/* News ========== */
	.loop-surround {

        padding: 50px 0;
        background: url(/images/backgrounds/world-map-grey.svg);
        background-position: center 10%;
        background-repeat: no-repeat;
        background-size: 90% auto;

	}
		.loop-surround article.post.type-post {
			width: 49%;
			float: left;
			list-style: none;
			border-bottom: 1px solid #36939b;
			margin-bottom: 25px;
			padding-bottom: 20px;
			box-sizing: content-box;
		}
		.loop-surround article.post.type-post:nth-child(even) {
			margin-left: 2%;
		}
			.loop-surround article.post.type-post .hp-news-img {
				width: 30%;
				margin: 0 3% 0 0;
				float: left;
			}
				.loop-surround article.post.type-post .hp-news-img img {
					border-radius: 0;
					border: 5px solid #DDD;
					width: 100%;
				}
			.loop-surround article.post.type-post .hp-news-text {
				width: 66%;
				float: left;
			}
				.loop-surround article.post.type-post .hp-news-text h4 {
					font-family: 'Roboto', sans-serif;
					text-align: left;
					font-weight: 700;
					font-size: 16px;
					line-height: 18px;
					color: #001111;
					margin: 0 0 20px;
				}
				.loop-surround article.post.type-post .hp-news-text p.date {
					font-style: italic;
					color: #001111;
					font-size: 14px;
					line-height: 18px;
					text-align: left;
					margin: 0 0 20px 0;
				}
				.loop-surround article.post.type-post .hp-news-text span {
					text-align: left;
					font-weight: 700;
					font-size: 16px;
					line-height: 18px;
					color: #36939b;
					display: block;
				}
					.loop-surround article.post.type-post .hp-news-text span:hover {
						text-decoration: underline;
					}
    .hentry .entry-content-full img.wp-post-image {
        float: left;
        max-width: 25%;
        margin: 0 1em 1em 0;
    	border-radius: 0;
		border: 5px solid #DDD;
    }
    .hentry .entry-header .byline,
    .hentry .entry-header .posted-on {
		font-size: 1em;
		text-align: center;
		margin: 0;
		display: block;
	}

/* Meet the team ========== */
	#team {
    padding: 2em 0;
    /*border-bottom: 1px solid #dddddd;*/
    margin-bottom: 0px;
    background-color: #f9f9f9;
	}
    #team .our-team.owl-carousel {
        display: block
    }
    #team .team-carousel,
	#team .our-team {
	    margin-top: 2em;
	}

    #team .our-team .item {
		width: 20%;
		float: left;
		margin: 0 0 2em;
    }

    #team .team-carousel a,
	#team .our-team a {
	    display: block;
	    text-align: left;
      margin:0 0 0 .5em;
	}

    #team .team-carousel .team-member {
		padding-top: 130%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;

    }
	#team .our-team .team-member {
		padding-top: 100%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#team .team-carousel .owl-item:nth-of-type(even) .team-member,
    #team .our-team .owl-item:nth-of-type(even) .team-member {
	    background-color: #eee!important;
	}

	#team .team-carousel .owl-item:nth-of-type(odd) .team-member,
    #team .our-team .owl-item:nth-of-type(odd) .team-member {
	    background-color: #ddd!important;
	}

	#team .team-carousel h4,
    #team .our-team h4 {
		font-family: 'Roboto', sans-serif;
    font-size: 17px;
    line-height: 23px;
    font-weight: 600;
    margin: 10px 0 10px 0;
	}

	#team .team-carousel p,
    #team .our-team p {
		font-size: 16px;
		margin:  0 0 10px 0;
		line-height: 22px;
	}

	#team .team-carousel span,
    #team .our-team span {
		font-family: 'Roboto', sans-serif;
		color: #1a7e87;
		font-weight: 600;
		font-size: 16px;
		line-height: 22px;
	}

	#team .team-carousel span:hover,
    #team .our-team span:hover {
	    text-decoration: underline;
	}

	#team .team-carousel .owl-nav,
    #team .our-team .owl-nav {
	    display: block!important;
	    width: 47px;
	    height: 30px;
	    margin: 2em auto 0;
	}

	#team .team-carousel .owl-nav .owl-prev {
	    background: url(/images/icons/l-arrow-grey.svg) no-repeat 0% 50%;
	    background-size: contain;
	    float: left;
	    width: 15px;
	    text-indent: -9999px;
	}

	#team .team-carousel .owl-nav .owl-next {
	    background: url(/images/icons/r-arrow-grey.svg) no-repeat 100% 50%;
	    background-size: contain;
	    float: right;
	    width: 15px;
	    text-indent: -9999px;
	}

	#team .team-carousel .owl-nav .owl-next:hover, #team .team-carousel .owl-nav .owl-prev:hover {
	    opacity: 0.5;
	}
    .staff-bio {
		margin-top: 50px;
    }
    .hentry .staff-bio img {
		float: left;
		margin: 0 1em 1em 0;
		width: 300px;
    }
    #respond {
        background-color: rgb(238, 238, 238);
    }

/* Pagination ========== */
	.pagination .page-numbers li .page-numbers.current, .woocommerce-pagination .page-numbers li .page-numbers.current {
		color: #FFF;
	}

/* Our Clients ========== */
	/* Aside */
		aside.filters {
			border-right: 4px solid #DDD;
			padding-right: 2%;
		}
			aside.filters button.links {
				padding: 0 25px 0 0;
				background: none;
				color: #111 !important;
				font-family: 'Roboto', sans-serif;
				font-weight: 400;
				display: block;
				position: relative;
				line-height: 29px;
				width: 100%;
				text-align: left;
			}
			aside.filters button.links:after {
				content: '';
				width: 15px;
				height: 15px;
				position: absolute;
				right: 0;
				top: 5px;
				border: 2px solid #CDCDCD;
				background: #DDD;
				border-radius: 2px;
				top: 50%;
				transform: translateY(-50%);
			}
			aside.filters button.links.active:after {
				background-image: url(/images/icons/tick.svg);
				background-position: center;
				background-repeat: no-repeat;
			}
			aside.filters button.links.bttn {
				margin-top: 25px;
				padding: 14px 20px;
				background: #1a7e87;
				border: 0;
				cursor: pointer;
				text-decoration: none;
				font-weight: 600;
				text-shadow: none;
				display: inline-block;
				outline: 0;
				-webkit-appearance: none;
				-webkit-font-smoothing: antialiased;
				border-radius: 0;
				color: #FFF !important;
				width: auto;
			}
			aside.filters button.links.bttn:after {
				display: none
			}

	/* Article */
	    .gutters #companies .col:first-child {
	        margin-left: 2%;
	    }
		#our-clients .profile-group {
			margin-bottom: 1.5em;
		}
			#our-clients .profile-group h3 {
				font-size: 1.6em;
				color: #71cad2;
				font-weight: 400;
				letter-spacing: -0.02em;
			}
		#our-clients .gutters .client-profile {
			background: #EEE;
			margin-bottom: 1em;
			padding: 1em;
	    }
		#our-clients .gutters .client-profile:nth-child(4n+2) {
			margin-left: 0;
		}
			.client-profile-image {
				width: 100%;
				height: 60px;
				margin-bottom: 1em;
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
			}
			.client-profile h6 {
				font-size: 1.1em;
				font-weight: 500;
				margin: 0.1em 0 0;
				color: #131315;
				line-height: 1em;
			}
			.client-profile p {
				margin: 0;
			}
			.company {
				padding: 0 2%;
				margin-bottom: 50px;
				text-align: center;
				vertical-align: top;
        display:inline-block;
			}
				.company p.company_location {
					font-weight: 700;
					font-size: 16px;
					line-height: 18px;
					color: #36939b;
				}
			.woocommerce-tabs-single .panel h2:first-of-type {
				line-height: 22px; */
                font-family: 'Roboto', sans-serif;
                color: #1a7e87;
                font-weight: 700;
                font-size: 20px;
                line-height: 22px;
			}
            button.prod_button {
                padding: 14px 20px;
                background: #1a7e87;
                border: 0;
                cursor: pointer;
                text-decoration: none;
                font-weight: 600;
                text-shadow: none;
                display: inline-block;
                outline: 0;
                -webkit-appearance: none;
                -webkit-font-smoothing: antialiased;
                border-radius: 0;
                color: #FFF !important;
                width: auto;
            	margin: 25px 10px 0 0;
            }
                button.prod_button:hover {
                    background: #1a7e87;
                }

/* Product Category Filters */
    .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
        display: none;
    }
    article.span_17 > .storefront-sorting {
        display: none;
    }
    .woocommerce-ordering,
    .woocommerce-result-count {
        display: none;
    }
    nav.woocommerce-pagination {
        width: 100%;
        margin-top: 2em;
    }
    .pagination .page-numbers, .woocommerce-pagination .page-numbers {
        width: auto;
        display: inline-block;
        float: none;
    }
    .pagination .page-numbers li, .woocommerce-pagination .page-numbers li {
        display: inline-block;
        width: auto;
        background: none;
        padding: 0;
        margin: 0 5px 0 0;
    }
    .archive #secondary {
    	float: left;
    }
    ul.products li.product .button {

		padding: 14px 20px;
		background: #1a7e87;
    }
    h1.product_title {
    	font-family: colaborate, sans-serif;
		font-size: 30px;
		color: #71cad2;
		font-weight: 600;
    }
    p.stock.out-of-stock {
    	display: none;
    }
    .storefront-full-width-content .woocommerce-tabs-single .panel {
    	padding:  0;
        margin-top: 3em;
    }
    ul.products li.product .woocommerce-loop-product__title,
    ul.products li.product h2,
    ul.products li.product h3 {
		color: #111 !important;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
    }
        #pub_articles li {
          list-style: none;
          padding: 1em;
          background: #f9f9f9;
          margin: 0 .5em 1em !important;
        }
    ul.products li.product.first {
        clear: none !important;
    }
    section.related.products {
        display: none;
    }

/* Stock Notifications ========== */

    p.stock.in-stock {
    	color: green;
    }

    p.stock.out-of-stock {
    	color: red;
    }

    p.stock::before,
    p.stock.out-of-stock::before,
    .single-product div.product p.stock.out-of-stock::before {
        content: normal !important;
    }

    .term-description p{
        text-align: center;
        margin: 0 2em;
        font-weight: 300;
        font-size: 18px;
        line-height: 28px;
        padding: 0 0 2em 0;

    }

/* Force product pages to go full width ========== */
    body.single-product #primary {
    	width: 100%;
    	margin-left: 0;
    }

/* BF Layered Nav Filters ========== */

    #secondary .dropdown_layered_nav_title,
    #secondary .widget_price_filter h3,
    #content .widget_price_filter h3,
    #content .widget_layered_nav h3 {
        border-bottom: 1px solid #E1E1E1;
        padding: 0 0 1em 0px;
        font-size: 16px;
        color: #999;
        margin-bottom: 1em;
        display: block;
        font-weight: 700;
    }

    #secondary .bfi-woocommerce-iris-filters-class h3.widget-title {
    	display: none;
    }

    /* For collapsible-filters.js */
    #secondary .dropdown_layered_nav_title i,
    #secondary .widget_price_filter h3 i {
    	font-family: "FontAwesome";
    	font-style: normal;
    	float: right;
    	margin-right: 5px;
    }

    #secondary .dropdown_layered_nav_title.expanded i:before,
    #secondary .widget_price_filter h3.expanded i:before {
    	content:"\f106"
    }

    #secondary .dropdown_layered_nav_title.collapsed i:before,
    #secondary .widget_price_filter h3.collapsed i:before {
    	content:"\f107"
    }
    /* END for collapsible-filters.js */

    .widget_layered_nav li::before,
    .widget_layered_nav .chosen::before {
    	content: normal;
    }

    #secondary .widget_layered_nav li a::before {
    	font-family: "FontAwesome";
    	content: "\f096";
    	margin-right: .53em;
    	color: #7b7b7b;
    	margin-left: 2px;
    	position: relative;
    	top: 0.1em;
    	font-size: 1.6em;
    }

    #secondary .widget_layered_nav li a.filter-selected {
    	font-weight: bold;
    }

    #secondary .widget_layered_nav li a.filter-selected::before,
    #secondary .widget_layered_nav .chosen a::before {
    	content: "\f046";
    }

    #secondary .widget_layered_nav .widget {
        margin-bottom: 3em;
        font-size: 1em;
    }

    #secondary .widget_layered_nav ul {
        max-height: 300px;
        overflow-y: scroll;
        overflow-x: hidden;
        padding: 0px 0.5em 0.5em 0px;
    }

    #secondary .widget_layered_nav li a {
    	color: #4d4d4d!important;
    }

    #secondary .widget_layered_nav li:hover a {
    	color: #3583c8!important;
    }

    #secondary .widget_layered_nav span.count {
    	float: right;
    	margin-top: 10px;
    	font-size: 11px;
    }

/* Footer ========== */

    footer.site-footer {
        background-color: #1A7E87;
        color: #fff;
        padding: 2em 0;
    }
    footer.site-footer p,
    footer.site-footer ul {
    	color: #FFF;
    	font-weight: 300;
    }

    section.footer-section {}

    section.first {
        width: 35%;
        float: left;
        margin-right: 2%;
    }

    section.second {
        width: 40%;
        float: left;
    }

    section.third {
        width: 14%;
        float: right;
    }

    section.first .footer-menu .menu {
        width: 50%;
        float: left;
    }

    section.first .footer-menu #menu-footer-menu-1 {}

    section.first .footer-menu #menu-footer-menu-2 {}

	section.first .footer-menu .menu h3,
	section.second h3 {
		color: #fff;
		font-size: 18px;
		line-height: 30px;
		text-transform: uppercase;
		font-weight: 700;
		font-family: 'Roboto', sans-serif;
		margin: 0 0 20px;
    }

    section.first .footer-menu .menu ul {
        list-style: none;
        margin: 0;
    }

    section.first .footer-menu .menu ul li {padding-top: 0.2em;}

    section.first .footer-menu .menu ul li a {
		display: block;
		color: #FFF;
		font-weight: 300;
		letter-spacing: 0.02em;
		line-height: 24px;
		font-family: 'Roboto', sans-serif;
    }

    section.first .footer-menu #menu-footer-menu-2 ul li {
		min-height: 34px;
		padding-left: 20%;
		background-size: 14%!important;
		margin-bottom: 30px;
    }

    section.first .footer-menu #menu-footer-menu-2 ul li:first-child {
        background: url(/images/icons/phone.svg) no-repeat 0% 13%;
    }

    section.first .footer-menu #menu-footer-menu-2 ul li:nth-of-type(2) {
        background: url(/images/icons/email.svg) no-repeat 0% 13%;
    }

    section.first .footer-menu #menu-footer-menu-2 ul li:nth-of-type(3) {
        background: url(/images/icons/home-icon.svg) no-repeat 0% 1%;
    }

    section.first .footer-menu .menu ul li a:hover {
        color: #fff;
        text-decoration: underline;
    }

    section.second p {
        font-size: 0.95em;
        line-height: 1.3em;
        margin-bottom: 0em;
    }

    section.second form {}

    section.second form fieldset {
        position: relative;
        padding: 0;
        background: none;
        margin-top: 1em;
    }

    section.second form fieldset input {
        float: left;
        width: 49%;
        font-size: 0.8em;
        margin-right: 2%;
        margin-bottom: 2%;
        border: none;
        height: 35px;
        padding: 1em;
    }

    section.second form fieldset input:nth-of-type(2n+1) {
        margin-right: 0;
    }

    section.second form fieldset textarea {
        font-size: 0.8em;
        max-height: 100px;
        width: 72%;
        border: none;
    }

    section.second form fieldset button {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100px;
        font-size: 0.9em;
        font-weight: 700;
        text-transform: uppercase;
        background: #71CAD2;
    }

    section.second form fieldset button:hover {
        background: #51a6af;
    }

    section.second form fieldset button:active {
    	bottom: -1px;
    	background: #36939b;
    }

    section.third .footer-logo a {
        display: block;
        float: right;
        width: 100%;
        max-width: 175px;
        height: 80px;
        background: url(/images/icons/footer-logo.svg) no-repeat;
        margin-bottom: 2.5em;
        text-indent: -9999px;
    }

    section.third p {
        font-size: 0.8em;
        line-height: 1.3em;
        letter-spacing: 0.03em;
        font-weight: 100;
    }

    section.third p.copyright {
        clear: both;
    }

    section.third p#bf {
        font-size: 0.7em;
    }

    section.third p#bf a {
    	color: #fff;
        font-weight: 100;
    }

    section.third p#bf a:hover {
    	text-decoration: underline;
    }

/* WC Checkout - for overriding position:fixed styling added by WC js ====== added by Yee */
    #content .woocommerce-checkout .payment-fixed {
        position: absolute !important;
        margin-left: 0 !important;
        width: 41.2% !important;
        top: 0 !important;
        right: 0
    }

    form.woocommerce-checkout {position:relative}

/* Form Elements ========== */

    input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea, .input-text {
        padding: 0.5em 1em;
        background-color: #fff;
    }

    button, input[type="button"], input[type="reset"], input[type="submit"], .button, .added_to_cart {
        padding: 0.7em 1em;
        background: #32af2a;
        color: #fff!important;
    }

    .button a {
        padding: 0.7em 1em;
        color: #fff!important;
    }

    input[type="checkbox"], input[type="radio"] {
        width: 15px !important;
        margin: 0 10px 0 0 !important;
    }

    button:hover, .button:hover {
        background:#46647d;
        color: #fff!important;
    }

    button.alt, input.alt[type="button"], input.alt[type="reset"], input.alt[type="submit"], .button.alt, .added_to_cart.alt, .widget-area .widget a.button.alt, .added_to_cart {
    	 background-color: #2990A0!important;
        border-color: #2990A0!important;
    }

    .site-header-cart .widget_shopping_cart,
    a.wc-backward,
    .site-header-cart .widget_shopping_cart a.button {
        color: #FFF!important;
    }

/* Media Queries ========== */
    /* Smaller than standard 960 (devices and browsers) */
    @media only screen and (max-width: 959px) {}


    /* Product Grid Adjustment - 2x column */
    @media only screen and (min-width: 560px) and (max-width: 980px) {


    }

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 959px) {

    	.woocommerce-active .site-branding {
        	width: 50%;
        	z-index: 1;
        	position: relative;
        }

    	#site-navigation {
        	width: 100%;
    	}

    	.woocommerce-active .site-header .site-search {
        	display: none;
    	}

    	.menu-toggle {
        	margin: 0 auto;
    	}

    	.site-header {
    		padding-top: 0;
    		position: relative;
    	}

    	/* Making the menu Responsive */

    	#site-navigation a.toggleMenu {
        	display: inline-block;
    	}


    	#site-navigation, #site-navigation li {
    	 	float: none;
    	}

    	#site-navigation {
			text-align: right;
			width: 100%;
			position: absolute;
			top: 0;
			right: 0px;
			margin-top: 0px;
			height: 100%;
    	}

    	#site-navigation ul {
			top: 100px;
			position: absolute;
			left: 0;
			width: 100%;
    	}

    	.nav {
    		margin-bottom:10px;
    		text-align:left;
    		/* Prevent the flash of mobile nav on load */
    		display: none;
    	}

    	#site-navigation a {
      		margin-right:0;
    	}

    	#site-navigation li {
        	width: 100%;
        	background: #36939a;
    	}

    	#site-navigation ul ul a {
        	background-color: #32AF2A;
        	color: #fff !important;
        	width: 100%;
    	}

    	#site-navigation ul ul {
    	 	display: block;
    	 	width: 100%;
    	}

    	#site-navigation li:hover ul,
    	#site-navigation li li:hover ul {
    	 	position: static;
    		display: none;
    	}

    	#site-navigation li.hover ul,
    	#site-navigation li li.hover ul {
    		width: 100%;
    	 	position: static;
    		display: block;
			padding: 0 10px;
    	}

    	/* Style dropdowns */
    	#site-navigation li .parent::after {
    		font-family: "FontAwesome";
    		font-style: normal;
    		float: right;
    		margin-right: 0;
    		content:"\f107";
    	}

    	#site-navigation li.hover .parent::after {
    		content:"\f106";
    	}
    	/* /Style dropdowns */

    	.site-header-cart {
    		display: none;
    	}

    	/* NAvicon transform */
    	#nav-control {
    	    display: inline-block;
    	    float: right;
	    	padding: 0;
			margin: 37.5px 10px;
    	}

    	.lines-button {
    		display: inline-block;
    		cursor: pointer;
    		user-select: none;
    		margin-right: 3%;
    		background: transparent;
    		box-shadow: none;
    	}

    	.lines-button:hover {
    		opacity: 1;
    		background: transparent;
    	}

    	.lines-button:active {
    		transition: .2s;
    		background: rgba(0, 0, 0, 0.1);
    	}

    	.lines {
    		display: inline-block;
    		width: 25px;
    		height: 3px;
    		background: #1a7e87;
    		transition: 0.2s;
    		position: relative;
    		border-radius: 10px;/*create the upper and lower lines as pseudo-elements of the middle line*/
    		top: -3px;
    	}

    	.lines:before, .lines:after {
    		display: inline-block;
    		width: 25px;
    		height: 3px;
    		background: #1a7e87;
    		transition: 0.2s;
    		position: absolute;
    		left: 0;
    		content: '';
    		-ms-transform-origin: 0.09286rem center;
    		/* IE 9 */
    		-webkit-transform-origin: 0.09286rem center;
    		/* Chrome, Safari, Opera */
    		transform-origin: 0.09286rem center;
    		border-radius: 10px;
    	}

    	.lines:before {
    		top: 6px;
    	}

    	.lines:after {
    		top: -6px;
    	}

    	.lines-button.x .lines {
    		transition: background 0.2s ease 0.3s;
    	}

    	.lines-button.x .lines:before, .lines-button.x .lines:after {
    		-ms-transform-origin: 50% 50% 0;
    		/* IE 9 */
    		-webkit-transform-origin: 50% 50%;
    		transform-origin: 50% 50%;
    		transition: top 0.2s 0.3s ease, -webkit-transform 0.3s ease;
    		transition: top 0.2s 0.3s ease, transform 0.2s ease;
    	}

    	.lines-button.x.active .lines {
    		background: none repeat scroll 0 0 transparent;
    		transition: background 0.2s ease 0s;
    	}

    	.lines-button.x.active .lines:before, .lines-button.x.active .lines:after {
    		top: 0;
    		transition: top 0.2s ease, -webkit-transform 0.2s 0.3s ease;
    		transition: top 0.2s ease, transform 0.2s 0.3s ease;
    		width: 25px;
    	}

    	.lines-button.x.active .lines:before {
    		-webkit-transform: rotate3d(0, 0, 1, 45deg);
    		transform: rotate3d(0, 0, 1, 45deg);
    	}

    	.lines-button.x.active .lines:after {
    		-webkit-transform: rotate3d(0, 0, 1, -45deg);
    		transform: rotate3d(0, 0, 1, -45deg);
    		transform: rotate(-45deg);
    	}

    	.mobile-icons {
    		display: block;
    	}

    	#site-navigation a.mobile-icon {
    		color: #eee;
    	}

    	#site-navigation > ul > li > a {
			line-height: 50px;
			color: #FFF;
    	}
    	#site-navigation > ul > li > a:hover {
			color: #1a7e87;
			background: #71CAD2;
    	}

    	#mobile-login {
    		text-decoration: none !important;
    		border-bottom:  none !important;
    		color: #444;
    		padding: 10px;
    		display: block;
    		float: right;
    	}

    	.mobile-logo {
    		display: block;
    		width: 130px;
    		float: left;
    		padding: 10px 0;
    	}

    	.search, #mobile-basket {
    		float: right;
    		display: block;
    	}

    	#site-navigation li ul {
    		width: 100%;
            -webkit-column-count: 1;
            -moz-column-count: 1;
            column-count: 1;
        }

    	/* Hide the collapsible filters with CSS, so the page doesn't jump around when targetting #main with filtering (see collapsible-filters.js). */
    	.dropdown_layered_nav_ul, .widget_price_filter form {
    		display: none;
    	}

    	/* Product Category Filters */
    	.archive #secondary {
    		float: none;
    		width: 100%;
    	}

    }

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

    	section.footer-widgets, #ft-mailing{
    		width: 100%;
    	}

    }

.pagination .page-numbers li .page-numbers.next, .pagination .page-numbers li .page-numbers.prev, .woocommerce-pagination .page-numbers li .page-numbers.next, .woocommerce-pagination .page-numbers li .page-numbers.prev {
	margin: 0 5px;
}

.storefront-full-width-content.single-product #reviews .commentlist li .comment_container .comment-text {
    width: 100% !important;
    float: right;
    margin-right: 0;
}



    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 467px) {}

/* MAP AND MAP FILTERING */

#wrapper {
	position: relative;
}

#filter-contain {
	position: absolute;
	top: 60px;
	left: 10px;
	z-index: 99;
	background: #fff;
	width: 187px;
	margin-left: 40px;
	margin-top: 50px;
}

#filter-contain div {
	padding: 0px 20px 0px 20px;
}

#filter-contain h3 {
	border-bottom: 5px solid #3E939A;
	padding: 5px 5px 5px 20px;
	margin: 0;
}

#filter-contain ul {
	margin: 0;
	padding: 0 0 30px 0;
}

.map-contain {
  text-align: left;
}

ul.map-list {
  list-style: none;
  padding-left: 0;
  margin-left: 10px;
}

ul.map-list li:before {
    content: '';
    position: relative;
    top: 6px;
    right: 10px;
    width: 10px;
    height: 10px;
    float: left;
    border-radius: 25px;
    background: #3E939A;
}
#ui-id-1 h3 {
  font-size: 1.1em;
}

#ui-id-2 h4 {
  font-size: 1.1em;
  margin-top: 10px;
}

h3.map-header {
  font-size: 1.4em;
  margin-top: 10px;
}
.map-content {
  font-size: 1em;
  margin-bottom: 5px;
}

h3.ui-state-active span.expand-icon {
    background-image: url('images/icons/minus.png');
	background-repeat: no-repeat;
	background-position: center;
    width: 40px;
    height: 40px;
    float: right;
}

h3 span.expand-icon {
    background-image: url('images/icons/plus.png');
	background-repeat: no-repeat;
	background-position: center;
    width: 40px;
    height: 40px;
    float: right;
}

#strapline {
	padding-top: 30px;
}

aside.filters #filter-contain {
	opacity: 0.7;
}

aside.filters #filter-contain h3 {
	font-size: 22px;
}

aside.filters #filter-contain button.links {
	font-size: 13px;
}

/* single post disclaimer styles */
.post .disclaimer {
    background: #f9f9f9;
    padding: 1rem 0;
    font-size: 0.75em;
}

.post .disclaimer h3 {
    margin-bottom: 0;
}

.post .disclaimer p {
    line-height: 1.4em;
    margin-bottom: 1em;
}

.post .disclaimer p:last-of-type {
    margin-bottom: 0;
}