/*
Theme Name: The Collective
Author: Mad River
Author URI: http://madriver.co.uk/
Version: 1.0.0
*/

.plant-image-row-2 .our-range-image:first-child img {
    max-width: 310px;
    width: 310px;
    right: 2em;
}
.plant-image-row-1 {
    padding-left: 8em;
}


#home section.unearth-more {
    display: none;
}
#home section.good-stuff {
    margin-top: 3em;
}

#home .the-goods__image {
    margin: auto;
}
body.single-post {
	background:	#FFFCE1;
}
.social-cta .visible {
	display: block !important;
}
table#packing-section-table td {
    vertical-align: middle;
}
.social-active {
	right: -60px !important;
}
.page-id-3584 .section-title,
.page-id-3584 .section-text,
.page-id-3802 .section-text,
.page-id-3445 .section-text,
.page-id-3445 .section-title,
.page-id-3802 .section-title{
	color: #000006;
}
li#field_5_15 {
    display: none;
}
.page-id-3445 section,
.page-id-3584 section,
.page-id-3802 section {
	padding: 0px 10px;
}
.smarter_choices_image img {
    margin: 3em auto 0px;
}
tbody p {
    width: 150px;
    margin: auto;
    white-space: break-spaces;
}
a.btn.btn-black {
    background: #000;
}
.testimonial-section-container,
.our_range_image_logo {
    margin-top: 2em;
}
section#our_range .inner {
    padding-top: 60px;
}
.recyled-image img {
    width: 25%;
}
.recyled-image {
    padding: 3em 0px;
}
section#our_unique_blend .inner {
    padding-top: 30px;
}
section#our_unique_blend .section-text {
	width: 655px;
}
section#smarter_choices .inner {
    padding-top: 60px;
}
.smarter-choice-benifit {
    width: 550px;
    margin: 20px auto;
    font-weight: bold;
}
.smarter-choice-benifit li:before {content: '●';position: relative;margin-right: 10px;}
.smarter-choice-benifit ul {
    list-style: none;
}
.our_range_image_logo img {
    width: 650px;
}
.our-range-image-section {
    margin-top: 5em;
}
.testimonial-image img {
    width: 220px;
	float: right;
}
.testimonial-text {
    padding-right: 25%;
    color: #000006;
}
.testimonial-section {
	display: flex;
	align-items: center;
}
.our-range-image {
    width: 50%;
    display: inline-block;
}
.our_range_image {
	display: flex;
	align-items: flex-end;
}

.plant-image-row-1 {
    display: table;
    padding-left: 9%;
}

.plant-image-row-2 {
	display: table;
	    position: relative;
    right: 12%;
}
.our-range-image img {
    width: 270px;
}
img.img-responsive.our-range.our-range-6 {
    height: 490px;
    width: auto;
}
img.our-range-3, img.our-range-5, img.our-range-6, img.our-range-4 {
    position: relative;
    top: -3em;
}
a.btn.btn-black {
    background: #000;
}
#packing-section-table tbody p {
    width: 150px;
    margin: auto;
    white-space: break-spaces;
}
.hero-section .section-title {
    color: #fffcdb;
}
.coconut-image img {
    width: 650px;
    margin: 50px auto !important;
}
section.hero-section .section-text , section#donatin-the-goods .section-text {
    width: 650px;
}

section#our-packaging-journey .section-text {
    width: 650px;
}
section#our-packaging-journey .inner {
    padding-bottom: 50px !important;
}
section#plant-based .inner {
    padding: 50px 0px 80px 0px;
}
section#planting_native_trees .inner {
    padding: 60px 0px;
}

section#plant-based .section-text {
    width: 660px;
}
.packing-section-image img {
    width: 80px;
}
.packing-section-image {margin-bottom: 20px;}

.recycled-section {
    margin: 30px 0px 60px 0px;
}

.recycled-section img {
    margin: auto;
    width: 30em;
    height: auto;
}
.why-no-glass {
    width: 670px;
    margin: auto;
    border: 3px solid #000006;
    border-radius: 100px;
	padding: 20px;
}
.packing-section-table {
    display: flex;
    align-items: center;
    border-top: 2px solid #fff;
    padding: 8px 0px;
}
.packing-section-image {
    margin-bottom: 20px;
}
.packing-section-table:nth-child(4) {
    border-bottom: 2px solid #fff;
}
.packing-section-image p {
    text-align: center;
    color: #000006;
    font-size: 16px;
    font-family: AG Book Rounded Regular;
}
.packing-section-image h3 {
    color: #000006;
    font-size: 22px;
    font-family: AG Book Rounded Medium;
}
.packing-section-image th,
.packing-section-image td {
/* 	border: none !important; */
	
}
h2.we_have_helped_text {
    
    color: #000006;
	margin-top: 5px;
	text-align: center;
    font-size: 35px;
}
.we_have_helped {
    width: 290px;
    position: absolute;
    left: 59%;
    margin-top: -15%;
}
#packing-section-table tr {
	border-bottom: 2px solid #fff;
}
.we_have_helped img {
    width: 60px;
}

span.trees-count {
    color: #9CCB3C;
    font-size: 40px;
    font-family: AG Book Rounded Medium;
}
p.packing-image-title {
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 500 !important;
    margin-top: 20px;
	font-family:AG Book Rounded Regular;
}
.packing-section-image {
/*     display: flex; */
    align-items: baseline;
}
.donatin-vehicle img {
    width: 800px;
}
section.hero-section .section-text {
    color: #FFFDE5;
}
section#we-are-supportin .inner,
section#our-packaging-journey .inner{
    padding: 35px 0px;
}

section#our-locals-supportin .section-text {
    width: 400px;
}
.planting_native_trees_image img {
    width: 580px;
    margin: 60px auto !important;
}
section#we-are-supportin .section-text,
section#planting_native_trees .section-text{
    width: 520px;
}
section#we-are-supportin h3.blurb-text-donated {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #FFFDE5;
    font-size: 37px;
}
section#our-locals-supportin {
    margin-top: -4%;
}
section#donatin-the-goods .inner {
    padding: 40px 0px 0px;
}
section#we-are-supportin .blurb-section {
    width: 235px;
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
	display: table;
	position: absolute;
    right: 12%;
	background-position: center center;
}
.map-section {
    text-align: center;
}
#header {
	background: transparent;
}

.inner.top-bar, .inner.menu-section {
    background: #191e24;
}
.inner.top-bar {
    text-align: right;
}

#footer .separator {
	margin-bottom: 0px;
}
#footer .inner {
    padding-bottom: 0px;
}




#header div.module.module-newsletter {
    margin-right: 0px;
}

.container.top-bar-content .module {
    margin-left: 10px;
}
#footer ul.menu.social {
	margin-top : 0px;
	
}


#footer ul.menu.get-in-touch-icon-menu {
    margin-top: 20px;
    text-align: right;
    margin-right: 25px;
}

/* .social-cta {
    width: 180px !important;
} */
ul#collective_menu li {
    list-style: none;
    display: inline-block;
    text-align: center;
    font-size: 18px;
}

ul#collective_menu {padding-left: 0px;}

ul#collective_menu .separator {
   margin: 0px 15px;
}

ul#collective_menu a.home-icon {
    font-size: 18px;
}

#header .inner.menu-section {
    text-align: center;
}

.container.top-bar-content {
    padding-right: 133px;
}
#header .inner.menu-section {
    padding: 5px 0px 10px 0px;
}

div#menu-button {
    display: none;
}

.xs-phone-module {
    display: none !important;
}

ul#collective_menu ul.sub-menu {
    display: none;
}

ul#collective_menu li.menu-item-has-children:hover .sub-menu {
    display: block;
    position: absolute;
    top: 44px;
    background: rgba(24, 29, 36, 0.78) !important;
    padding-left: 0px;
}

ul#collective_menu ul.sub-menu .separator {
    display: none !important;
}


ul#collective_menu ul.sub-menu li {
    display: block !important;
    text-align: center;
    padding: 5px 20px;
}

#mega-menu-wrap-header-menu {
    background: #191e24;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link,
a.hidden-xs.home-icon,
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    font-size: 17px;
	padding: 0px 4px;
}

.inner.top-bar .separator {
    display: none !important;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu {
    width: 135px;
}

div#menu-button {
    display: none;
}

/* #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item{
    box-shadow: none;
    border-left: 2px dashed #fff;
} */#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-header-menu .mega-menu-toggle + #mega-menu-header-menu
{
    color: #FFFCE1;
    background: #191e24;
}

#mega-menu-wrap-header-menu {
    background: transparent;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
    background: #fffce1;
    font-weight: normal;
    text-decoration: none;
    color: #191e24;
}

#mega-menu-wrap-header-menu .mega-menu-toggle
 {
        background: transparent;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover{
    background: #191e24;
}

span.mega-indicator {
    display: none !important;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{
   background: #191e24;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
    color: #FFFCE1 !important;
}

@media screen and (max-width: 1200px){
	.container.top-bar-content {
    padding-right: 35px;
}
	
	#footer ul.menu.get-in-touch-icon-menu {
    margin-right: 0px;
}
}
@media screen and (max-width: 991px){
	#header .inner.menu-section {
    text-align: right;
}
	
        .inner.menu-section {
    background: transparent;
}
div#mega-menu-wrap-header-menu .separator {
    display: none;
}

ul#mega-menu-header-menu {
    padding: 10px 25px !important;
}

.home-icon {
    display: none !important;
}

span.mega-indicator {
    display: unset !important;
}
}

@media screen and (max-width: 767px)	{
	.module.xs-phone-module {
    display: inline-block !important;
}
	
	ul.menu.social {
    margin-top: 35px !important;
}

	ul.menu.get-in-touch-icon-menu {
    text-align: center !important;
    margin-right: 0px !important;
}
.container.top-bar-content {
    text-align: left;
}
	.container.top-bar-content .module {
    margin-left: 0px;
}
	
	.inner.top-bar .separator {
    display: inline-block !important;
}

ul#collective_menu {
    display: none;
}

.xl-device {
	display: none !important;
}

#header div.module.search {
    display: none !important;
}

.inner.menu-section {
    background: transparent;
}

#header .logo {
    top: 20px;
}

}



@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
{
section#our-community-hero {
    padding-top: 64px;
}
	section#we-are-supportin .blurb-section {
    width: 140px;
    background-size: 140px;
				right: 5%;
	}
	.donatin-vehicle img {
    width: 600px;
}
	section#we-are-supportin h3.blurb-text-donated {
		font-size: 25px;

	}
	.we_have_helped {
    margin-top: -19%;
}
	.testimonial-image img {
		float: unset;
	}
	.testimonial-section {
    display: unset; 
	}
	.our_range_image {
    display: block; 
	}
	p.testimonial-name.section-text {
    text-align: center !important;
}
	.our_range_image_logo img {
    width: 450px;
}
	.testimonial-text {
    padding-right: 0%;
    text-align: center !important;
}
	.plant-image-row-2 {
		position: unset;
		margin: auto;
	}
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 767px)  { 
	section#our-community-hero {
    padding-top: 83px;
}
		section#we-are-supportin .blurb-section {
			position: unset;
			margin: auto;
			
		}
		.donatin-vehicle img {
    width: 80%;
}
		.section-title {
			font-size: 2.8em;
		}
		.we_have_helped_blurb img {
    display: none;
}
		.why-no-glass {
    width: auto;
		}
		.packing-section-image {
/* 			display: unset; */
		}
		.table-responsive { 
			border-color: transparent;
		}
		.we_have_helped {
    width: auto;
    position: unset;
		}
		.testimonial-section {
    display: block; 
		}
		.smarter-choice-benifit {
    width: auto;
}

.smarter-choice-benifit ul {
    padding-left: 0px;
}

.recyled-image img {
    width: 80%;
}
		.testimonial-image img {
		float: unset;
	}
	.testimonial-section {
    display: unset; 
	}
	.our_range_image {
    display: block; 
	}
	p.testimonial-name.section-text {
    text-align: center !important;
}
	.our_range_image_logo img {
    width: 450px;
}
	.testimonial-text {
    padding-right: 0%;
    text-align: center !important;
}
		.plant-image-row-1 {
    padding-left: 0px !important;
}
	  img.img-responsive.our-range.our-range-6 {
    height: auto;
    width: auto;
}
	  .plant-image-row-2 .our-range-image:first-child img {
    max-width: 200px !important;
    width: 200px !important;
    right: unset !important;
}
	.plant-image-row-2 {
		position: unset;
		margin: auto;
	}
}