/*
Theme Name: SelectField.co Starter Theme
Theme URI: http://selectfield.co/
Author: selectfield.co
Author URI: http://selectfield.co/
Description: Starter theme
Version: 1.1
License: GNU General Public License
License URI: see license.txt
Tags: coffee, nightshift,
*/

/*
bold green importants - #6ca14c
light grey importants - #f4f4f4
dark grey text - #6d6e71
light grey text - #a7a9ac
other greens: http://paletton.com/#uid=12E0u0kgUn67izFc1rXl1jbpYef
*/


/* Import the necessary TK Bootstrap WP CSS additions */
@import url( includes/css/bootstrap-wp.css );


.col-xs-1, 
.col-sm-1, 
.col-md-1, 
.col-lg-1, 
.col-xs-2, 
.col-sm-2, 
.col-md-2, 
.col-lg-2, 
.col-xs-3, 
.col-sm-3, 
.col-md-3, 
.col-lg-3, 
.col-xs-4, 
.col-sm-4, 
.col-md-4, 
.col-lg-4, 
.col-xs-5, 
.col-sm-5, 
.col-md-5, 
.col-lg-5, 
.col-xs-6, 
.col-sm-6, 
.col-md-6, 
.col-lg-6, 
.col-xs-7, 
.col-sm-7, 
.col-md-7, 
.col-lg-7, 
.col-xs-8, 
.col-sm-8, 
.col-md-8, 
.col-lg-8, 
.col-xs-9, 
.col-sm-9, 
.col-md-9, 
.col-lg-9, 
.col-xs-10, 
.col-sm-10, 
.col-md-10, 
.col-lg-10, 
.col-xs-11, 
.col-sm-11, 
.col-md-11, 
.col-lg-11, 
.col-xs-12, 
.col-sm-12, 
.col-md-12, 
.col-lg-12 {
    padding-left: 5px;
    padding-right: 5px;
}
.row {
  margin-right: -5px;
  margin-left: -5px;
}




/* My Minimal WordPress Styling comes here */

/* This is a small security for too long strings titles */
body {
	word-wrap: break-word;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
  width: 100%;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 30px;
	margin-bottom: 30px;
}
p > img {
  width: auto;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}


/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/* Content */



/* Clearing */
.clear {
	clear: both;
}


/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }


/* SelectField Custom Styles */
html, body {
    min-height: 100%;
    height: auto !important;
    font-family: 'Roboto';
    font-weight: 300;
    /* font-size: initial; */
}

body {
    position: relative;
}

a, 
a:hover, 
a:focus, 
a:visited {
    color: #6d6e71;
    text-decoration: none;
}

p {
  color: #6d6e71
}

h1, h2, h3, h4, h5, h6 {
  color: #6d6e71;
  font-weight: 700;
}

h1 {
  font-weight: 800;
}
h2 {
  font-weight: 600;
}
h3  {
  font-weight: 600;
}



.page-header {
	border-bottom: none;	
	margin: 0;
}

.banner {
    position: relative;
}

#content > .description {
    position: absolute;
    left:  -9999px;
}

.entry-content {
    line-height: 2.8rem;
    color: #6d6e71;
    margin-top: 30px;
}
.entry-content p {
    font-size: 2rem;
    line-height: 3.7rem;
}

.the-content p {
    font-size: 1.7rem;
    line-height: 3.3rem;  
}

.banner-image {
  min-height: 400px;
  position: relative;
  width: auto;
  overflow: hidden;
}

.banner img {
  display: block;
  min-height: 100%;
  width:  auto;
  max-width: none;
  text-align: center;
  position: absolute;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  left: 50%;
  min-width: 100%;
}

/* opactity layer over banner */
.banner-image:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

/* .banner > p {
    position: absolute;
    color: #F4F4F4;
    font-size: 5.2rem;
    margin: 5px;
    text-align: center;
    max-width: 1000px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */

.banner > .overlay {
    position: absolute;
    font-size: 3.6rem;
    margin: 5px;
    text-align: center;
    width: 90%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 1;
}
.banner > .overlay h1 {
  color: #F4F4F4;
}  

.overlay p {
  color: #ffffff;
}

a.find-out {
    border: 3px solid white;
    color: #ffffff;
    padding: 5px 60px;
    font-size: 2.6rem;
}


h1.page-title {
    font-weight: 600;
    color: #6d6e71;
    margin-bottom: 0;
    font-size: 6rem;
}

.main-content {
  /* margin-bottom: 90px; */
  min-height: 100%;
  padding-top: 100px;
}

body > header {
    background: #f4f4f4;
    position: fixed;
    height: 60px;
    width: 100%;
    z-index: 100;
    top: 0;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}

body > header.sticky {
    height: auto;
}

body > header.sticky .navbar {
    min-height: 40px;
}

.sticky .nav > li > a, 
.sticky .nav > li > a:hover, 
.sticky .nav > li > a:active, 
.sticky .nav > li > a:focus {
    line-height: 3rem;
    font-size: 1.2rem;
}

.sticky .site-logo img.custom-logo {
    max-width: 100px;
    top: 5px;
}


.site-branding {
    text-indent: -9999px;
    position: absolute;
    z-index: -1;
}

.site-logo {
    float: left;
    width: 20%;
}
.site-logo img.custom-logo {
    max-width: 120px;
    position: absolute;
    top: 10px;
    z-index: 1;
}



nav.site-navigation {
    float: left;
    width: 100%;
    padding-left: 15%;
    max-height: 40px;
}

header > .container {
    padding-bottom: 0;
}
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
    border: none;
    padding: 0;
}
.navbar-default {
    background-color: transparent;
    border: none;
    margin: 0;
}

.nav-justified > li {
    width: auto;
    padding: 0 26px;
}

.nav > li > a {
    margin-bottom: 0;
    text-transform: uppercase;
}
/* .dropdown:hover .dropdown-menu {
    display: block;
} */

/* .nav > li > a, 
.nav > li > a:hover, 
.nav > li > a:active, 
.nav > li > a:focus {
	color: #6d6e71;
	padding: 5px 0;
  
} */
.navbar-nav > .dropdown .dropdown-menu {
    background-color: #6ca14c;
    /* margin-top: 18px; */
}

.nav .open > a, 
.nav .open > a:hover, 
.nav .open > a:focus {
    background-color: transparent;
    border: none;
    border-bottom: 3px solid #6ca14c;
}
.current-menu-item a {
    border-bottom: 3px solid #6ca14c; 
}


.navbar-nav > li.menu-item:hover > a {
  border-bottom: 3px solid #6ca14c;
}

.navbar-nav > li.menu-item:focus,
.navbar-nav > li.menu-item:active,
.navbar-nav > li.menu-item:visited,
.navbar-nav > li.menu-item:hover {
  padding-bottom: 15px;
}


.dropdown-menu li a {
    outline: none;
    border: none;
    color: #ffffff;
	text-transform: uppercase;
}

.dropdown-menu li a:hover, 
.dropdown-menu li a:focus,
.dropdown-menu li a:active {
    outline: none;
    border: none;
    background-color: #4F862E;
    background-image: none;
}

.nav .dropdown-menu li:hover a{
    background-color: #4F862E;
}

.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus {
    background-color: #4F862E;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover {
  color: #777;
  padding: 5px 20px;
  line-height: 5rem;
}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: transparent;
} 

.navbar-nav > li.open {
    padding-bottom: 15px;
}


/*Button*/
.btn-primary {
    background-color: #6ca14c;
    border-color: #6ca14c;	
    border-radius: 3px;
}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open > .dropdown-toggle.btn-primary {
    background-color: #4F862E;	
    border-color: #6ca14c;	
}



.sidebar button {
  width: 100%;
  padding: 0;
  min-height: 38px;
}

.sidebar button a {
  color: #6d6e71;
  width: 100%;
  display: inline-block;
  line-height: 38px;
}


.sidebar a.remove {
  color: red;
}


/* Register Form #registerform hacks */
#registerform .form-row label {
  display: block;
}
#registerform .form-row input,
#registerform .form-row select {
  width: 100% !important;
  height: 4rem;
}


/*Shop*/
.woocommerce a.alt.button,
.woocommerce button.alt.button,
.woocommerce input.alt.button,
.woocommerce #respond input.alt#submit,
.woocommerce #content input.alt.button,
.woocommerce-page a.alt.button,
.woocommerce-page button.alt.button,
.woocommerce-page input.alt.button,
.woocommerce-page #respond input.alt#submit,
.woocommerce-page #content input.alt.button{
background:#6ca14c !important;
border-color:#6ca14c !important;
}
.category .row {
  margin-bottom: 15px;
}
.category.gifts .item {
    max-width: 140px;
    display: inline-block;
    margin: 20px;
}
.quantity input.form-control {
    max-width: 75px;
}



.item .title {
  font-weight: 600;
  color: #6d6e71;
  margin-top: 10px;
  margin-bottom: 5px;
}

.item span.sku {
  font-size: 0.9rem;
}

.item {
  background-color: #f7f6f7;
  padding: 5px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.item img{
  width: 100%;
}

.item .price {
  margin-bottom: 10px;
}

.item .description {
  margin-bottom: 10px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;

}

.item .amount {
  color: #6ca14c;
  font-weight: 600;
}

.item label {
  margin-left: 5px;
  color: #6d6e71;
}


.category > .row > div:nth-child(3n+1) {
  clear: both;
}

.single .category > .row > div:nth-child(3n+1) {
  clear: none;
}


span.price-note {
  display: inline-block;
  margin-left: 10px;
  font-weight: 600;
}


.woocommerce .cart .button, 
.woocommerce .cart input.button {
  margin: 5px 0;
}

.single .woocommerce h3 {
  font-size: 1.8rem;
  margin: 5px 0;
}

.woocommerce-message {
  display: none;
}

.your-order {
  margin-top: 45px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ffffff;
}

.single h1, 
.single h2, 
.single p {
  color: #6d6e71;
}
.single h1,
.overlay h1{
  font-weight: 800;
  font-size: 5rem;
}
.single p > a {
  color: #6ca14c;
  text-decoration: underline;
}

table.cart {
  margin-bottom: 5px;
}

/*Sidebar*/
.sidebar-padder {
  max-width:  275px;
  top: 68px;
}
.sidebar-padder.affix .green-area {
  margin-top: 0;
}
.sidebar-padder.affix-bottom {
    position: relative;
}

.green-area {
  background: #6ca14c;
  color: #fff;
  padding: 10px;
  margin-top: 70px;
}

.avatar-wrapper {
  position: relative;
  text-align: center;
  margin-bottom: -70px;
}
.avatar-wrapper img.avatar {
  position: relative;
  top: -70px;
  width: 126px;
  border-radius: 70px;
}

.sidebar .green-area h1, 
.sidebar .green-area h2, 
.sidebar .green-area p {
  color: #ffffff;
}
.sidebar .green-area h2 {
  font-size: 2.2rem;
  font-weight: 600;
}

.sidebar h3, 
.sidebar a {
  color: #ffffff;
}


.green-area .woocommerce a.checkout-button.button.alt.wc-forward {
  background-color: #ffffff !important;
  color: #6d6e71;
  width: 100%;
  text-align: center;
}

/* 
.woocommerce .cart-collaterals .cart_totals, 
.woocommerce-page .cart-collaterals .cart_totals {
  float: left;
  width: 100%;
}
 */

.cart-collaterals td {
  text-align: right;
}



.woocommerce .quantity .qty {
  color: #000000;
}

.table > thead > tr > th,
 .table > tbody > tr > th,
 .table > tfoot > tr > th,
 .table > thead > tr > td,
 .table > tbody > tr > td,
 .table > tfoot > tr > td {
  border: none;
}

.sidebar .order ul {
  padding: 0;
  list-style: none;
}

td.product-subtotal {
  text-align: right;
}


.order-total {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

.retailer-resources, 
.stories-link {
  margin-top: 15px;
}

header.resources {
  margin-bottom: 30px;
}

.resources section {
  margin-bottom: 30px;
}

.resources h2 {
  margin-bottom: 30px;
}

.resources .zip .fa,
.resources .pdf .fa {
  font-size: 5rem;
}


/*Footer*/

footer {
    width: 100%;
    font-size: 1.3rem;
}

footer .site-logo {
    float: none;
    width: auto;
    margin-bottom: 20px;
}

footer .site-logo img.custom-logo {
    position: relative;
    display: block;
}

footer .sign-up button {
    width: 28%;
}
.sign-up .form-inline .form-control {
		width: 100%;
}
input#mc-embedded-subscribe {
  width: 100%;
}
footer .sign-up h2 {
  margin: 15px 0;
  font-size: 2.5rem;
}
footer .sign-up {
    background-color: #f4f4f4;
    padding: 45px 0;
    color: #6d6e71;
    margin-top: 60px;
}

footer .sign-up a {
  color: #ffffff;
  width: auto;
  min-width: 250px;
}

footer .site-footer {
    background-color: #6ca14c;	
    color: #ffffff;
    padding: 50px 0;
}

footer .site-footer a,
footer .site-footer a:hover, 
footer .site-footer a:focus {
    color: #ffffff;
    text-decoration: none;
}
footer .site-footer p {
  color: #ffffff;
}

footer .social-icons {
    margin-top: 10px;
    margin-bottom: 28px;
 }

footer .social-icons i.fa {
    font-size: 28px;
    padding: 0 10px;
}
footer p {
    margin-bottom: 5px;
}

footer .social-icons i.fa {
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

footer .social-icons i.fa:hover {
  -webkit-transform: scale(1.2);
   transform: scale(1.2);
}

div.footer-tagline {
    font-size: 1.6rem;
}


/* Home */

/* .home .banner-image {
  min-height: auto;
} */
.home .carousel-inner .overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 100%;
}

.home .carousel.slide .item .banner-image img {
  max-width: none;
  width: auto;
  min-width: 100%;
  position: absolute;
  margin: 0 auto;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  max-height: 100%
}

.home .main-content section {
    margin-bottom: 60px;
}
.home .main-content section:first-child {
    margin-top: 60px;
}

.home figure h4 {
  font-weight: 300;
}



.grid .item {
  position: relative;
  overflow: hidden;
}
.grid .item.double-width {
  margin-bottom: 9px;
}
.grid .item figure {
  margin:0;
  padding:0;
  color: #ffffff;
}

.grid .item figure p,
.grid .item figure h4 {
  color: #ffffff;
}

.grid .item figure img {
    display:block;
    position:relative;
    z-index: 5;
    width: auto;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    max-width: none;
}

.grid .item.double-double,
.grid .item.double-height {
  min-height: 565px;
}

.grid .item.double-double figure img {
    width: 100%;
    height: 565px;
}
.grid .item.double-height figure img {
    width: 100%;
    height: 565px;
}
.grid .item.double-double.video figure img {
    position: absolute;
    left: -50%;
    width: auto;
}

.grid .item figure:hover figcaption,
.grid .item figure.hover figcaption {
    opacity: 1;
}


.grid .item.single-single {
  padding-bottom: 9px;
  margin-bottom: 0;
}

.grid .item.single-single figure img {
  min-height: 273px;
  margin-bottom: 0;
  width: 100%;
}
.grid .item figure figcaption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position:absolute;
    z-index:10;
    opacity: 0;
    box-sizing:border-box;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding: 1rem;
    -webkit-transition:all .5s;
    transition:all .5s;
    background-color:rgba(26,76,110,0.5);
    color: #ffffff;
}

.grid .item figure figcaption.color-0 {
    background-color: #cdbd93;
}
.grid .item figure figcaption.color-1 {
    background-color: #ceb93e;
}

.grid .item figure figcaption.color-2 {
    background-color: #c3c93d;
}

.grid .item figure figcaption.color-3 {
    background-color: #b5afbb;
}

.grid .item h4 {
  font-size: 3rem;
}

.grid .item .line {
  border-bottom: 1px solid #ffffff;
  margin: 30px 0;
}




section.public .grid .item {
  padding: 0;
}


section.public .grid .item.single-single {
  margin-bottom: 10px;
}



/* Masonry */

.grid-sizer,
.grid-item {
  width: 25%;
  height: 180px;
  float: left;
  padding: 5px;
}
.grid-item--width2 { width: 50%; }
.grid-item--width3 { width: 75%; }
.grid-item--width4 { width: 100%; }

.grid-item--height2 { height: 360px; }
.grid-item--height3 { height: 540px; }
.grid-item--height4 { height: 720px; }

.grid-item img {
	display: block;
	max-width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}




/* Stories {Posts} */

.tile {
   background-color: #f4f4f4;
   border: 5px solid #ffffff;
   padding: 15px;
}
.tile-thumbnail {
    text-align: center;
    overflow: hidden;
}
/*
.tile .tile-thumbnail img {
      min-height: 350px;
      object-position: center;
      min-width: 100%;
      height: auto;
      object-fit: cover;
}
*/
.tile-body {
  height: auto;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */     /* NEW - Chrome */
  display: flex;           /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.tile p {
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    height: 110px/0;               /* For old syntax, otherwise collapses. */          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
    margin-bottom: 0;
}

.tile .tile-date {
    color: #6d9f5a;
    margin-top: 15px;
    font-weight: 600;
    font-size: 1.6rem;
}

.tile h1, 
.tile .h1 {
    font-size: 2.1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #6d6e71;
    margin-top: 10px;
}

.tile a, 
.tile a:hover, 
.tile a:focus, 
.tile a:visited {
    color: #6d9f5a;
}
.tile h1 a, 
.tile h1 a:visited {
    text-decoration: none;
}

.tile .supplier-link {
  margin: 15px 0;
  display: table-row;
}
.tile .supplier-link a {
    font-weight: bold;
}

.terms-links {
  display: table-footer-group;
}

.meta-links .terms-links a:before, 
.tile .terms-links a:before {
  content: '#';
} 


/* SINGLE */
.category {
    margin-bottom: 60px;
}


.single h1.page-title {
    color: #ffffff;
}

.single p img {
    /* width: 100%; */
    margin: 30px auto;
}

.single .entry-content {
    margin-bottom: 60px;
}

.meta-social {
  margin: 30px 0;
  border-bottom: 1px solid #ccc;
}


.meta-links {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 90px 0 45px 0;
  padding: 30px 0;
  color: #6d9f5a;
}


.meta-links .supplier-link {
  margin-bottom: 10px;
}
.meta-links .supplier-link a, 
.meta-links .supplier-link a:hover, 
.meta-links .supplier-link a:focus, 
.meta-links .supplier-link a:visited {
  font-size: 21px;
  color: #6d9f5a;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: underline;  
}



.meta-links .terms-links {
    display: initial;
}
.meta-links .terms-links a, 
.meta-links .terms-link a:hover,
.meta-links .terms-link a:focus,
.meta-links .terms-link a:visited {
  color: #6d9f5a;
  font-size: 19px;
  display: inline-block;
  margin-right: 7px;
  font-size: 0.8em;
}


.related-products {
  margin-bottom: 60px;
}

h2.related {
    font-weight: 600;
    color: #6d6e71;
    margin-bottom: 15px;
    font-size: 5rem;
}


.meta-social {
  border-bottom: 1px solid #aaa;
  padding-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 20px 0;
}

.meta-social .date {
  color: #6ca14c;
  font-size: 2.6rem;
  font-weight: 800;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.meta-social .share {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.share-title {
    font-weight: 700;
    color: #6d6e71;
}

.meta-social a {
  display: inline-block;
  height: 25px;
  width: 25px;
  font-size: 20px;
  margin-left: 15px;
  text-align: center;
}


/* Products */
.banner.products-banner img {
  max-height: 400px;
  overflow: hidden;
}
.banner.products-banner .overlay {
 text-transform: uppercase; 
}
.supplier-content {
  margin: 90px 0;
}

.supplier-content p {
  font-size: 2.9rem;
  line-height: 4.9rem;
  letter-spacing: 2px;
  color: #888;
}

button.find-out {
  margin: 60px 0;
}

button.find-out a {
  color: white;
  text-transform: uppercase;
  margin: 0 60px;
}



.featured-products .item {
  background-color: #f4f4f4;
  padding: 10px;
  color: #6d6e71;
}

.featured-products .item .title {
  font-weight: 800;
  text-transform: uppercase;
  height: 60px;
  padding-top: 10px;
}
.featured-products .item .image-wrapper {
  max-height: 170px;
  overflow:  hidden;
}

.featured-products .item .excerpt {
  min-height: 60px;
}

.wide {
  margin-bottom: 15px;
}
.wide img {
  width: 100%;
  max-height: 244px;
}

a.padder {
  margin-top: -100px;
  height: 100px;
  display: block;
}


/* Stockists / Map */
#sl_div { 
  background-color: #f4f4f4;
  padding: 15px;
}
form#searchForm {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: inline-block;
}

div#map_sidebar {
  background-color: #f4f4f4 !important;
  border-top: 1px solid #f4f4f4 !important;
  display: inline-block;
  box-shadow: none !important;
  padding: 0 15px;
  float: left;
  width: 100%;
  max-height: 800px !important;
  overflow: auto;
}

div#map {
  display: inline-block;
  border: none !important;|
  background-color: #f4f4f4;
  float: left;
}
div#map.slp_map {
  width:  100% !important;
}
div#map_div {
  left: 5% !important;
  top: 5% !important;
  width: 100% !important;
  height: 100% !important;
}


div#map_sidebar .results_wrapper .results_entry {
  border-bottom: none !important;
}

div#map_sidebar .results_wrapper .results_entry span.location_name {
  color: #6d6e71 !important;
  font-size: 2em !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  line-height: 1.3;
}

div#map_sidebar .results_wrapper .results_entry span {
  font-size: 1.2em !important;
  line-height: 2.2rem;
}

div#map_sidebar .results_wrapper .results_entry span a {
  color: #6ca14c;
  text-decoration: underline !important;
}

div#map_sidebar .results_wrapper .results_entry:first-child {
  margin-bottom: 30px;
}

input#addressInput {
  border: none !important;
  text-indent: 10px !important;
  display: inline !important;
  height: 45px !important;
  padding: 0 5px !important;
  width: 80% !important;
  font-size: 1.9rem !important;
}

div#radius_in_submit {
  text-align: left !important;
  margin: 10px auto !important;
  padding: 0 !important;
}


input#addressSubmit {
  background: #6ca14c !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font: inherit !important;
  text-shadow: none !important;
  width: auto !important;
  margin-top: 0 !important;
  padding: 10px 60px !important;
  font-size: 1.7rem !important;
  font-weight: 800 !important;
}

div#address_search {
  margin-top: 10px !important;
}


#online-stockists a.online {
  background-color: transparent !important;
  border-color: #6ca14c !important;
  border-width: 3px !important;
  border-radius: inherit !important;
  color: #6ca14c !important;
  font-size: 1.3rem !important;
  font-weight: 800 !important;
  padding: 10px 35px !important;
  margin-top: 30px !important;
}

#online-stockists a.online:hover {
  background-color: inherit !important;
}

#online-stockists p {
  font-size: 2rem;
  line-height: 3.7rem;
}


.stockist {
  min-height: 100px;
  background-color: #f4f4f4;
  padding: 30px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}
.stockist h2 {
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 800;
  color: #6d6e71;
}

.stockist a {
  font-size: 1.6rem;
  text-decoration: underline;
  color: #6ca14c;
}

.tml {
  max-width: none !important;
}

.tml input, 
.tml textarea, 
.tml select {
  max-width: none !important;
  width: auto !important;
}

/* sprint 3 */


.home .main-content {
  margin-bottom: 0px;
}
.home .main-content section.instagram-roll {
  margin-bottom: 0;
}

.you-might-like {
  margin-top: 60px;
}



/* Instagram */
/* switch order of divs, so link is above */
#sb_instagram {
    display: table;
    -webkit-padding-after: 40px !important;
            padding-block-end: 40px !important;
    padding-bottom: 20px !important;
}
#sb_instagram #sbi_images {
    display: table-footer-group;
    float: none;
}
#sb_instagram #sbi_load {
    display: table-header-group;
    float: none;
}
#sb_instagram .sbi_follow_btn a {
  background: transparent;
  color: #6d6e71;
  font-size: 30px;
}

#sb_instagram #sbi_load .fa, #sb_instagram .sbi_follow_btn .fa {
   font-size: 30px;
}

/*Contact*/

.social-icons-large {
  font-size: 4.1rem;
}
.social-icons-large .fa {
  color: #6ca14c;
}
.social-icons-large a {
  margin-right: 15px;
}




/* Wholesale home */








/* Responsive LightBox */
.lb {
  display: none;
  text-align: center;
  position: relative;
}
.nivo-lightbox-theme-default.nivo-lightbox-overlay {
  background: rgba(0,0,0,0.7);
}

.nivo-lightbox-theme-default .nivo-lightbox-nav:hover {
  background-color: transparent;
}

.nivo-lightbox-theme-default .nivo-lightbox-ajax, 
.nivo-lightbox-theme-default .nivo-lightbox-inline {
  background: transparent;
}

.lb .title {
  font-weight: 600;
  color: #6d6e71;
}

.tile-overlay {
  position: relative;
  top: -50px;
  background: grey;
  max-width: 500px;
  margin: 0 auto;
}




/* Register */
.tml-registration-confirmation {
  margin-top: 40px;
}

.tml-register .tml-user-login-wrap label {
  display: block;
}

.tml-register .tml-user-email-wrap label {
  display: block;
}


/* Home slider */
a.left.carousel-control, 
a.right.carousel-control {
  background: transparent;
  z-index: 99;
}

.carousel .fa.fa-angle-left, 
.carousel .fa.fa-angle-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  font-size: 4rem;
}

.carousel .fa.fa-angle-left {
  left: 20px;
}
.carousel .fa.fa-angle-right {
  right: 20px;
}

.carousel-caption {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  padding-top: 0;
  padding-bottom: 0;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  background: transparent;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.carousel-caption h1 {
  color: #ffffff;
}

.carousel.slide .item {
  background-color: transparent;
  padding: 0;
  margin: 0;
}
|
.carousel.slide .item .banner-image img {
  width: auto;
  max-width: 0;
}


.tml-register ul.tml-action-links {
  display: none;
}

.next-supplier .wide {
  position: relative;
}
.next-supplier .overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

.next-supplier .wide h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  font-size: 5rem;
  text-shadow: 2px 2px rgba(0,0,0,0.2);
  margin: 0;
}

form.checkout.woocommerce-checkout input {
  text-indent: 5px;
}

.mc-modal-bg {
  opacity: 0.7;
}

.modalContent span {
  line-height: 1.1;
}




/* RESPONSIVE */


@media only screen and (min-width: 768px){

    .dropdown:hover .dropdown-menu {
      display: block;
    }

    .navbar-nav {
      max-height: 6rem;
    }

    .sticky .navbar-default .navbar-nav > li > a, 
    .sticky .navbar-default .navbar-nav > li > a:hover {
      line-height: 3rem;
    }
    .grid .item.double-double {
      min-height: 556px;
    }
    .grid .item.double-double figure img {
      height: 556px;
    }

    .navbar-nav > li > a {
      text-align: center;
    }
}

@media only screen and (min-width: 992px) {
    .grid .item.double-height {
      min-height: 561px;
    }
    .grid .item.double-height figure img {
      height: 561px;
    }
}

@media only screen and (min-width: 1200px){
  .grid .item.double-double {
    min-height: 565px;
  }
  .grid .item.double-double figure img {
    height: 565px;
  }
  .grid .item.double-height {
    min-height: 565px;
  }
  .grid .item.double-height figure img {
    height: 565px;
  }

}

@media only screen and (max-width: 1200px){
   
    .banner > .overlay {
        font-size: 4.3rem;
        width: 90%;
    }
    .nav-justified > li {
        padding: 0 20px;
    }    
    .tile-body {
      height: auto;
    }
    .sidebar-padder {
      max-width:  227px;
      top: 68px;
    }
}

@media only screen and (max-width: 991px){
    header > .container {
        padding: 0;
        margin-right: 0;
    }
    ul#main-menu {
      max-height: calc(100vh - 70px);
    }

    nav.site-navigation {
        padding-left: 15%;
    }


    .navbar-default .navbar-nav > li > a, 
    .navbar-default .navbar-nav > li > a:hover {
      line-height: 43px;
    }

    .navbar-default .navbar-collapse, 
    .navbar-default .navbar-form {
      padding: 0 15px;
    }
    .navbar-nav > li {
        padding: 5px 0;
    }
    .sticky .navbar-nav > li {
        padding:0;
    }
    .navbar-default .navbar-nav > li > a, 
    .navbar-default .navbar-nav > li > a:hover {
      padding:  0px 10px;
    }

    .navbar-nav > li.menu-item:focus,
    .navbar-nav > li.menu-item:active, 
    .navbar-nav > li.menu-item:visited, 
    .navbar-nav > li.menu-item:hover {
      padding-bottom: 5px;
    }

    .nav > li > a, 
    .nav > li > a:hover, 
    .nav > li > a:active, 
    .nav > li > a:focus {
        font-size: 1.2rem;
    }
    .sticky .nav > li > a, 
    .sticky .nav > li > a:hover, 
    .sticky .nav > li > a:active, 
    .sticky .nav > li > a:focus {
      line-height: 2.5;
      font-size: 1.2rem;
    }

    .featured-products .item .title {
      height: 80px;
    }

    .banner > .overlay {
      font-size: 2.8rem;
      width: 90%;
    }
    .tile-body {
      height: auto;
    }
    .public.supplier .grid .item figure img {
      max-height: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: auto;
      min-width: 100%;
    }
    .grid .item.double-double.video figure img {
      left: 0;
    }
    footer .sign-up {
        margin-top: 0;
    }
    
    .sidebar-padder {
      max-width: unset;
    }

    .affix {
      position: static;
      margin-bottom: 30px;
    }

}




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

    header > .container {
        padding: 0 10px;
    }
    .main-content {
      padding-top: 60px;
    }
    .site-header-inner {
      height: auto;
    }
    .site-logo img.custom-logo {
      max-width: 80px;
      position: absolute;
      top: 5px;
    }
    .sticky .site-logo img.custom-logo {
      max-width: 80px;
    }

    nav.site-navigation {
        padding-left: 0;
    }
    .navbar-default .navbar-collapse {
      overflow-y: scroll;
    }

    .nav > li > a, 
    .nav > li > a:hover, 
    .nav > li > a:active, 
    .nav > li > a:focus {
      font-size: 1.3rem;
      line-height: 5rem;
    }

    .nav .open > a, 
    .nav .open > a:hover, 
    .nav .open > a:focus {
      color: #ffffff;      
    }

    .sticky .nav > li > a, 
    .sticky .nav > li > a:hover, 
    .sticky .nav > li > a:active, 
    .sticky .nav > li > a:focus {
      font-size: 1.3rem;
    }
    .navbar-default .navbar-collapse, 
    .navbar-default .navbar-form {
      width: 100%;
    }
    nav.site-navigation {
      position: absolute;
      float: left;
      width: 100%;
      padding-left: 0;
    }
    ul#main-menu {
      background-color: #6ca14c;
    }

    ul#main-menu li a {
      background-color: #6ca14c;
      color: #ffffff;
    }
    
    ul#main-menu > li > a {
      border-bottom: 1px solid white;
      margin: 0 15px;
    }
    ul#main-menu > li:last-child a {
      border-bottom: none;
    }

    .nav-justified > .dropdown .dropdown-menu {
      margin-top: 0;
      position: relative;
      width: 100%;
      text-align: center;
      font-size: small;
    }
    .nav-justified > li {
      padding: 0;
    }

    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
      padding: 10px 15px 10px 25px;
    }

    .dropdown-menu {
        box-shadow: none;
        -webkit-box-shadow: none;
        border: none;
    }
    .dropdown-menu li a {
      padding: 15px 0;
    }

    li > ul.dropdown-menu a {
      font-size: 1.3rem;
    }

    .site-header-inner {
      padding: 0;
    }
    .navbar-default .navbar-collapse, 
    .navbar-default .navbar-form {
      background-color: #6ca14c;
      color: #ffffff;
    }


    .banner > .overlay {
        font-size: 5vw;
        width: 90%;
    }
    .overlay a.find-out {
        font-size: 4vw;
        padding: 5px 4vw;
    }

    .grid-sizer,
    .grid-item {
      width: 50%;
      height: 180px;
    }
    .grid-item--width3 { width: 100%; }
    .grid-item--width4 { width: 100%; }

    .grid-item--height2 { height: 180px; }
    .grid-item--height3 { height: 180px; }
    .grid-item--height4 { height: 180px; }


    .tile-body {
      height: auto;
    }

    .sign-up .form-inline .form-control {
      width: 100%;
      /* margin: 0; */
      padding: 0;
      text-indent: 10px;
    }
    button.btn.btn-primary {
      width: 100%;
      margin-top: 15px;
    }
    .featured-products .item .title {
      height: auto;
    }
    .featured-products .item .image-wrapper {
      max-height: none;
      width: 100%;
    }
    .featured-products .item .image-wrapper img {
      width: 100%;
    }

    .featured-products .item .excerpt {
      min-height: auto;
    }

    button.find-out {
      white-space: pre-wrap;
    }

    .grid .item.double-height figure img,
    .grid .item.double-double figure img, 
    .grid .item.single-single figure img,
    .grid .item figure img {
      height: auto;
    }

    .instagram-roll {
      display: none;
    }

    input#mc-embedded-subscribe {
      margin-top: 20px;
    }

    .single h1,
    .overlay h1{ 
      font-size: 29px;
      font-size: 9vw;
    }

/*     .banner-image {
      min-height: 88vw;
    } */

    .grid .item.double-double, 
    .grid .item.double-height {
      min-height: 0;
    }

    .carousel-caption {
      width: 80%;
      margin: 0 auto;
    }

    .home .carousel.slide .item .banner-image img {
      min-height: 250px;
    }

    section.public.supplier:last-child {
        margin-bottom: 0;
    }
    section.public.supplier .grid.row .item {
        height: 250px;
        min-height: 0;
        width: auto;
    }
    .banner-image {
      min-height: 250px;
    }
    .banner > .overlay h1 {
      margin-top: 0;
    }
    .home .main-content section {
        margin-bottom: 0px;
    }
    .home .main-content section:first-child {
        margin-top: 20px;
    }
    .next-supplier .wide {
        min-height: 83px;
    }
    .next-supplier .wide h3 {
        font-size: 7vw;
    }

}