/*--General formatting

Font is Inter unless otherwise specified
Colours used throughout website:
Dark green colour: #3B7D23  - rgba(59, 125, 35)
Darker green colour (footer): #275317 - rgba(39, 83, 23)
Light green colour: #92D050  - rgba(146, 208, 80)
Red: #E2050C   - rgba(226, 5, 12)
Reseiclo Training blue: #7BADCF  - rgba(123, 173, 207)

--*/

/* If the screen size is 601px or more, set the font-size of <div> to 80px */
@media only screen and (min-width: 601px) {
  div.example {
    font-size: 100px;
  }
}

/* If the screen size is 600px or less, set the font-size of <div> to 30px */
@media only screen and (max-width: 600px) {
  div.example {
    font-size: 30px;
  }
}

body{
	font-family:'inter';
	background-color: rgb(255, 255, 255);
	background-size: cover;
	background-position:center;
	background-size: 100% 100%;
}

/*--header--*/
.background-darkgreen {
	background-color: rgba(59, 125, 35);
}

.background-lightgreen {
	background-color: rgba(146, 208, 80);
}

.background-darkergreen {
	background-color:rgba(39, 83, 23);
}

.background-pastelgreen {
	background-color:rgba(217, 242, 208);
}

.background-grey {
	background-color:rgba(242, 242, 242);
}

.background-brown {
	background-color: #275317;
	border-radius: 15px;
box-shadow: 3px 3px rgba(21, 45, 13);
}

.font-inter {
	font-family:'inter';
}
.text-lightgreen {
	color:rgba(146, 208, 80);
}
.text-darkgreen {
	color:rgba(59, 125, 35);
}

.text-darkergreen {
	color:rgba(39, 83, 23);
}

.text-lighterblack-b {
	color:rgba(38, 38, 38);
	font-weight:600;
}

.text-red {
	color:rgba(226, 5, 12);

}

.text-brown {
	color: #7B3F00;
}

.text-black {
	color:rgba(0, 0, 0);
}


.page-title {
	color: #275317;
	font-size: 2.5em;
	font-weight:650;
	text-align:left;
}


.heading-green {  
	font-weight: 600;
	color: rgba(59, 125, 35);
	font-size: 1.5em;
}

.heading-darkergreen {
	display: block;
	font-size: 1.8em;
	margin-left: 0;
	margin-right: 0;
	font-weight: 600;
	color: rgba(39, 83, 23);
}

.subheading-darkergreen {
	display: block;
	font-size: 1.4em;
	margin-left: 0;
	margin-right: 0;
	font-weight: 600;
	color: rgba(39, 83, 23);
}

.subheading-green {
	display: block;
	font-size: 1.2em;
	margin-left: 0;
	margin-right: 0;
	font-weight: 600;
	color: rgba(59, 125, 35);
}

.subheading-black {
	display: block;
	font-size: 1.4em;
	margin-left: 0;
	margin-right: 0;
	font-weight: 550;
	color:rgba(0, 0, 0);
}

.subheading-black-small {
	display: block;
	font-size: 1.2em;
	margin-left: 0;
	margin-right: 0;
	font-weight: 600;
	color:rgba(0, 0, 0);
}

.spacing-150 {
	line-height:150%;
}


.statsheading-number{
	display: block;
	font-size: 5em;
	margin-left: 0;
	margin-right: 0;
	font-weight: 550;
	color:rgba(39, 83, 23);
}

.white-box{
	background-color:rgba(255, 255, 255);
	padding: 10px 25px 25px 25px;
	border-radius: 5px;
}
	





.wrap{
	width:90%;
	margin:0 auto;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-ms-transition:all .2s linear;
}
.header{
	background:rgba(59, 125, 35);  /*-- #3B7D23  --*/
	position:relative;
	color: rgb(0,0,0);
}
.header-top{
	padding:20% 0;
}
.header-bottom{
	padding:1% 0;
	background:rgba(146, 208, 80, 0.22);
	text-align: center;
}

/* -- Page Columns definitions --*/
.col-30L {
	width: 30%;
	font-size: 0.95em;
	text-align: left;
	padding: 5px 20px 5px 10px;
/*--  top right bottom left --*/
}

.col-70R {
	width: 70%;
	font-size: 0.95em;
	text-align:left;
	padding: 5px 10px 5px 20px;
/*--  top right bottom left --*/
}
.col-30R {
	width: 30%;
	font-size: 0.95em;
	text-align: left;
	padding: 5px 10px 5px 20px;
/*--  top right bottom left --*/
}

.col-70L {
	width: 70%;
	font-size: 0.95em;
	text-align: left;
	padding: 5px 20px 5px 10px;
/*--  top right bottom left --*/
}
.col-50R {
	width: 50%;
	font-size: 0.95em;
	text-align: left;
	padding: 5px 10px 5px 20px;
}

.col-50L {
	width: 50%;
	font-size: 0.95em;
	text-align: left;
	padding: 5px 20px 5px 10px;
}

.col-1 {
	width: 100%;
	font-size: 0.95em;
	text-align: left;
	padding: 5px 10px 5px 10px;
/*Julia made this for 1 column layout*/
}


/* -- Page Columns definitions END--*/

/* -- FAQ Accordion definitions  Start -- */

.accordion-header {
	color: #fff ;
	background-colour: #275317;
	border-color: #275317;
}

.accordion-body {
	color: #000000 ;
	background-colour: #275317;
	border-color: #275317;

}

.accordion-button {
	color: #275317 ;
	background-colour: #275317;
	border-color: #275317;
	
}
.accordion-button:not(.collapsed) {
  color: #FFF  !important;
  background-color: #275317 !important;
}



.accordion-button:link, .accordion-button:visited, .accordion-button:hover, .accordion-button:active  {
  background-color: #275317 !important;
    color:#FFF !important;
    text-decoration: none !important;
     border: hidden !important;
       border-color: #FFF !important;
    box-shadow: 0px !important;

      
}

.accordion-button:focus {
  z-index: 3;
  border-color: #FFF !important;
  outline: 0;
  box-shadow: 0 0 0 .25rem #FFF !important;
}

/* -- FAQ Accordion definitions  End -- */

/*-- header text --*/
.column-1 {
	width: 50%;
	font-size: 0.85em;
	text-align: left;
	padding-left: 20px;
}

.column-2 {
	width: 50%;
	font-size: 0.85em;
	text-align: right;
	padding-right: 20px;
}
/*--  header text end  --*/


.logo {
	float:left;
}
ul.follow_icon{
	float:right;
}
.follow_icon li {
	float: left;
	margin-right: 20px;
}
.follow_icon li a img {
	vertical-align: middle;
}
.phone {
	float: right;
	margin-right: 20px;
	font-family: 'Inter', sans-serif;
	margin:50px 50px 50px 50px;
	line-height: 15px;

}
.phone img {
	padding:25px;
    	border:25px;
    	margin:25px;
	color-border: #fff;

}

span.order{
	font-weight: normal;
	font-style: italic;
	font-size:1.3em;
	line-height: 10px;
	padding-left: 30px;
	color:#000;
}

/*--Header end--*/


/*navigation*/


.dropdown:hover>.dropdown-menu {
	display: block;
}
.dropdown-menu li{
	position: relative;
}

.dropdown-menu .submenu{
	display: none;
	position: absolute;
	left: 50%;
	top; -7px;
	color: #000000;	
}
.dropdown:hover>.submenu {
	display: block;
}

.nav-link {
        color: #3B7D23;
	font-weight: bold;
	font-size: 0.9em;
  	text-decoration: none;
    }

.nav-link-sub {
        color: #212529;
	font-weight: 400;
	font-size: 0.9em;
  	text-decoration: none;
	padding: 0 0 0 15px;
	font-size: 1em;
    }

.top-banner-padding {
	padding-top: 20px;
	padding-bottom: 10px;
}



/*--MissionStrip--*/

.MissionStrip {
	background: rgba(217, 242, 208);
	padding-top:2%;
	padding-right:2%;	
	padding-left:2%;	
	font-size: 0.9em;
}

.MissionStrip-title {
	display: block;
	font-size: 2em;
	margin-left: 0;
	margin-right: 0;
	font-weight: 600;
	color: rgba(39, 83, 23);
}


.MissionStrip-text{
	width: 18rem;
	font-family:'inter';
	text-center;
	font-size: 1.05em;
	padding: 5px 10px 10px;
}



/*--home sub-index--*/

.SubIndex {
	background: #f2f2f2 ;
	padding-top:2%;
	padding-right:2%;	
	padding-left:2%;	
	font-size: 0.9em;
}


.SubIndex-title{
	width: 18rem;
	font-family:'inter';
	text-center;
	font-size: 0.9em;
	padding: 10px 10px 5px;
/*--  top right bottom left --*/
}

.SubIndex-text{
	width: 18rem;
	font-family:'inter';
	text-center;
	font-size: 0.9em;
	padding: 5px 10px 10px;
}

/*--home sub-index  END--*/


/*--page content--*/

.1-column {
	width: 100%;
	margin-left: 50px;
	margin-right: 50px;
}



.column {
  float: left;
  padding: 10px;
}

.left {
	width: 65%;
	padding-left: 50px;
	padding-right: 50px;
}

.right {
	width: 35%;
	padding-right: 50px;
}

.row-margin {
	padding-left: 188px;
}

.row-margin-both {
	padding-left: 188px;
	padding-right: 188px;
}


.ul-180 {
	line-height: 180%;
	display: block;
	list-style-type: disc;
	margin-bottom: 1 em;
	margin-left: 0;
	margin-right: 0;
}





.button-green {
  background-color: #92D050;
  border: none;
  color: white;
  border-radius: 18px;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  font-weight: 600;
}
.button-green:hover {
  background-color: #04AA6D;
  color: white;
}
.button-darkergreen {
  background-color: #275317;
  border: none;
  color: white;
  border-radius: 18px;
  padding: 10px 20px 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 2px 2px;
  font-weight: 600;
}
.button-darkergreen:hover {
  background-color: #04AA6D;
  color: white;
}

.button-RT {
  background-color: #7BADCF;
  border: none;
  color: white;
  border-radius: 18px;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  font-weight: 600;
}




.button-green-new {
  background-color: #000000;
  border: none;
  color: #92D050;
  border-radius: 18px;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  font-weight: 600;
}


input[type=button], input[type=submit] {
  background-color: #275317;
  border: none;
  color: white;
  padding: 15px;
  text-decoration: none;
  margin: 4px 2px;
  font-size: 16px;
  border-radius: 20px;
}


.btn-darkergreen {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #fff;
  --bs-btn-bg: #3B7D23;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: #3B7D23;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.container-pastelgreen {
	background-color: #D9F2D0;
	padding: 20px 20px 20px 20px;
}

.collection-form-box {
	background-color: #D9F2D0;
	border-radius: 10px;
	padding: 20px 20px 20px 20px;
}

.RT-blue-box {
	background-color: #CADEEC;
	border-radius: 5px;
	padding: 20px 30px 10px 30px;
}



/*--product gallery button --*/

.nav-link-green {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  background-color: #275317;
  text-decoration: none;
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}

.nav-pills-green {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #275317;
}

.nav-link-white {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: 0.9em;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

/*--end product gallery button --*/


/*--FAQ button --*/

.btn-outline-darkergreen {
  --bs-btn-color: #275317;
  --bs-btn-border-color: #275317;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #275317;
  --bs-btn-hover-border-color: #275317;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #275317;
  --bs-btn-active-border-color: #275317;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #275317;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #275317;
  --bs-gradient: none;
}


/*--FAQ button end --*/


/*--Extra element--*/
.ExtraBackground {
	background-color:#F2F2F2; 
	padding: 80px 20px 20px 80px;
}
.ExtraFooter-title{
	width: 18rem;
	font-family:'inter';
}

/*--Extra element  END--*/


/*--footer--*/
.footer{
	background: rgba(39, 83, 23);
	padding-top:4%;
	padding-right:2%;	
	padding-left:2%;	
	font-size: 0.8em;
}

/*--footer end--*/