/*!
Theme Name: Ecostack
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ecostack
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Ecostack is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/



body
{
	font-family: 'Open Sans', sans-serif;
}

p
{	

  line-height: 1.41;
  letter-spacing: normal;
  color: #1d212c;	
}

h1
{

	font-weight: bold;
	color: #619756;
	
}

h2
{

	line-height: 1.7;
	letter-spacing: normal;
	color: #6d6d6d;
}

h3
{

	letter-spacing: normal;
	color: #6d6d6d;
	padding-bottom: 1vw;
}

h4
{

	letter-spacing: normal;
	color: #6d6d6d;
	padding-bottom: 0.7vw;
}

h5

{

	line-height: 1.71;
	letter-spacing: 1.2px;
	color: #6d6d6d;
}


input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

/* navbar */

.dropdown-menu
{
	border-radius: 0;
}

nav.navbar
{
	background-color: white !important;
}

.nav-item a,
.dropdown-item a
{
	font-family: 'Open Sans', 'sans-serif';
}

.caretIcon::after {
    	
	padding-left: 3px;	
	display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107";
  }
  
  
.caretIconUp.caretIcon::after
{
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f106";
}
  
input.search-submit
{
	display: none;
}	


  
.searchBtn
{
	padding: 0.3rem 0.3rem;
	position: absolute;
	margin-top: -1.65rem;
	margin-left: 0.5rem;
	background-color: white;
	border: 0px solid;
	font-size: 0.8rem;
	color: gray;
}



.searchBtn:hover
{
	cursor: pointer;
}



.navBtn:focus
{
	outline: none;
}

.navBtn
{
	border: 0px;
	opacity: 0.5;
}


/*Removes default BootStrap caret icon*/
.dropdown-toggle::after 
{
    display:none;
}


.breadCrumbs span
{
  font-size: 1rem;
  line-height: 2.59;
  color: #6d6d6d;
  
}

.breadCrumbs a:hover
{
  text-decoration: none;
}




/*footer*/

#backToTopBtn
{
	position: absolute;
	width: 1.7rem;
	margin-top: 30%;
	right: 0;
	margin-right: -20%;
	z-index:1;
}

#backToTopBtn:hover
{
	cursor: pointer;
}


.someIcon + .someIcon
{
	padding-left: 2.5vw;
}



.zeroPadding
{
	padding-right:0;
    padding-left:0;
}

.copyrightText,
.copyrightText a,
.copyrightText a:hover, 
.copyrightText a:visited
{

  font-family: Muli;
  font-size: 0.85rem;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;  
  letter-spacing: normal;
  text-align: left;
  color: #9fa4af;
}

.copyrightText a
{
	text-decoration: none;
}



.socialIcons
{	
	float: right;
}

.footerContainer
{
	background-color: black;
	min-height:290px;

}

section#text-4 h2.widget-title
{
	margin-bottom: 0px;
}

section#text-4 p
{
	margin-bottom: 12px;
}

section#text-4 *
{
	line-height: 30px !important;
}

.column-content .widget-content i
{
	font-size: 2rem;
	margin: 0 1rem;
}

.column-content .widget-content *

{	
  font-family: 'Open Sans' sans-serif;
  font-size: 1rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: white;	
  line-height: 32px;
}


/* footer end */

a.linkToArticle 
{
	text-decoration: none !important;
	color: #6d6d6d !important;
}

a.linkToArticle:hover
{
	font-weight: 600;
}


.readMoreLink
{
	font-size: 1rem;
	color: #619756;
}

.readMoreLink:visited
{
	color: #619756;
}

.readMoreLink:visited
{
	color: #619756;
}

.readMoreLink:hover
{
	color: #619756;
	font-weight: 600;
	text-decoration: none;
}

.sideBar
{
	padding-top: 1rem;
}

.sideBar h2
{
	margin-left: -0.8vw;
}

.categoryHeader
{
	margin-left: -1.5vw;
}

.articleBox.differentBg
{
	background-color: #8cbe82; 

}

.whiteText
{
	color: #ffffff;
}

.articleBox
{
	
	width: 28vw;
	height: 13rem;
	margin-bottom: 1rem;
	margin-left: 	-1.8vw;
	
}

.articleBox .contentArea
{	

	position: relative;
	width: 92.5%;
	height: 80%;
	margin-left: 3.75%;
	margin-top: 6.5%;
	float: left;
		
}

.articleBox .paragraphAndImgArea
{
	
	height: 74%;
	width: 100%;
}

.articleBox .paragraphArea
{
	float: left;	
	height: 100%;
	width: 70%;	
	overflow: hidden;
	
}

.articleBox .paragraphArea p
{
	line-height: 1.5;
	
}

.articleBox .paragraphArea.fullWidth
{
	width: 100%;
}

.articleBox .imgArea
{	
	position: relative;
	float: right;
	width: 22.55%;
	height: 100%;

}

.articleBox .imgArea img
{
	display: block;
	width: 100%;
	height: auto;
	max-height: 100%;
	position: absolute;
	right: 0;
}

.contentArea .articleArrow
{
	position: absolute;	
	width: 6rem;
	margin-top: 0.3rem;
	
}

.categoryHeader
{
	border: 1px solid #979797;
	max-width: 80%;
	margin-top: 3vh;
	margin-bottom: 3vh;
}

.categoryHeader h4, .articleBox h4
{
  /* font-size: 1.1vw; */
  padding:0 ;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: 1.4px; 
}

.categoryHeader h4
{
	text-transform: uppercase;
	margin-left: 0.8vw;
	padding: 5% 0;
}


.researchers
{
	padding-top: 4vw;
}




.titleWrapper h3, .articleTitle h3
{
	color: #1d212c;
}

.articleImg
{
	padding-top: 2.5vw;
}



.aboutUs
{
	padding-top: 2.5vw;
	padding-bottom: 1vw;
	
}



.greenArrow
{
	
	width: 71px;	
	bottom: 0;
	position: absolute;
	float: left;
}

.contentArea .greenArrow
{
	width: 71px;
	margin-bottom: -25px;
}

.titleContainer
{
	background-color: white;
	
}

.mainContent
{	
	min-height:30rem;
	padding-top: 1rem;
	padding-bottom: 1vw;
	
}


.no-padding
{
	padding-left: 0;
	padding-right: 0;
}

.catName
{
	
	border: 1px solid #979797;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	padding-left: 1rem;
	padding-right: 1rem;
	font-size: 1.2rem;
	text-transform: uppercase;
	width: auto;
	display: inline-block;
	margin-top: 1rem;
	
}

.articleExcerpt
{
	max-height: 4.4rem;
	overflow: hidden;
}

.titleOfArticle
{
	font-size: 1.1rem;
	padding: 0;
	margin-bottom: 0.8rem;
}

.arrowLinktoArticle
{
	width: 5rem;
	margin-bottom: 1rem;
	margin-top: 0.2rem;
}

.wrapperArticle
{
	max-width: 30rem;	
}

.giveFeedbackFormContainer
{
	margin-top: 2rem;
}

.wpcf7-form *
{
	color: #6d6d6d;
}

.wpcf7 input[type="submit"]
{
	font-size: 1.2rem;
}

.wpcf7-textarea
{
	width: 362px;
}

/* ---------------------- */
/* ---- Media Queries ---- */
/* ---------------------- */


/* MAX */


@media only screen and (max-width: 1400px)
{
	
.paragraphAndImgArea
{
	max-height: 95px;
}

.paragraphAndImgArea .imgArea
{
	display: none;
	
}

.articleBox .contentArea .paragraphAndImgArea .paragraphArea
{
	width: 100%;
}
}

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

	.nav-item 
	{
		font-family: 'Open Sans', sans-serif;
		font-size: 1rem;
		line-height: normal;
		letter-spacing: 2.6px;
		text-align: center;		
	}
	.articleBox .contentArea
{	
	margin-left: 6.75%;
}
	
	.sideBar h2
	{
		margin-left: unset;
	}
	
	
	.researcherBox
	{
		max-height: 100%;
		overflow: hidden;
		padding-bottom:1.5rem;

	}
	.researcherBox img
	{
	padding:0.5rem 0;
	}
	
	#researcherExcerpt	
	{
		max-height: 100%;
		overflow: hidden;
		margin-bottom: 1rem;	
	}
	
		.whiteColored
	{
		color: white !important;
	}
	
	.mainMenu .dropdown-menu
	{
		background-color: #8cbe82;
		width: 90%;
		margin: 0 auto;
		border: 0px solid;
		text-align: center;
	}
	
	
	
	.mainMenu .dropdown-menu a
	{
		
		 font-size: 1rem;
		 line-height: 2.59;
		 letter-spacing: normal;
		 color: #ffffff;
	}
	
	.mainMenu
	{
		background-color: #8cbe82;
		width: 80%;
		margin: 0 auto;
	
	}
}

@media only screen and (max-width: 991.98px)
{
	.footerContainer ul
	{
		margin-left: 0px;
	}
	
	.researchers
	{
		padding-left: unset;
	}
	

	#backToTopBtn
	{
		display: none;
	}
	

	
	
	.column-content .widget-content,
	.copyrightText
	{
		padding: 0.8rem 0;
		text-align: center;
		margin: 0 auto;	
			
	}	


	.socialIcons
	{
		float: unset;
	}
	

}

@media only screen and (max-width: 767.98px)
{
	
.articleBox
{
	height: 180px;
}
		
.breadCrumbs
{
	margin-left: 1rem;
	
}
	
	.articleBox
{	
	width: 20rem;
	margin-bottom: 1rem;

}

.contentArea .articleArrow
{
	position: absolute;	
	width: 4rem;
	margin-top: 0.7rem;	
}


	.footerLogo
	{
		margin-left: unset;
	}
	
	.column-content .widget-content,
	.copyrightText
	{
		
		
	}
	
}

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

	
		.mainMenu .dropdown-menu
	{

		text-align: left;
	}

	.nav-item 
	{
		text-align: left;	
		margin-left: 1rem;	
	}
	
	.mainMenu
	{
		width: 100%;
	}

	
}


@media only screen and (max-width: 450px)
{
	.logo
	{
		width: 55vw;
	}
	
	.dropdown-menu
	{
		margin-left: 0px !important;
	}
	
	.dropdown-item
	{
		padding: 0 0;
	}

}



/* MIN */

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



.specialTitle
{
	font-size: 2rem;
}

p
{
	font-size: 1rem;
}

.researchers
{
	background-color: rgba(217, 237, 186, .2);	
	margin-bottom: 48px;
	padding-bottom: 32px;
}
	
a
{
	outline: none !important;
}
	
	#search404
	{
		display: none;
	}

form#searchform
{
	width: 100%;
}

.input-group
{
	position: relative;
}

.input-group .field
{
	
	width: 100%;
	margin-top: 1rem;
	height: 2.5rem;
	border: 1px solid #6d6d6d !important;
	outline: none;
	
	box-sizing: border-box;
	transition: .3s;
	padding-left: 2.5rem;
	font-style: italic;
}

.input-group-btn .btn-default
{
	position: absolute;
	margin-top: 1rem;
	left: 0.5rem;
	top: 0.8rem;
	background-color: white;
}

.input-group-btn .btn-default:focus
{
	outline: none !important;
	border: 0px solid white !important;
	box-shadow: none;
}

.input-group-btn .btn-default:hover
{
	border: 0px solid white;
}

.input-group-btn i
{
	position: absolute;
	top: 0rem;
	left: 0rem;
	color: #6d6d6d;
}



h1
{
	font-size: 	2.5rem;
}

h2
{
	font-size: 1.25rem;
}

h3
{
	font-size: 1.125rem;
	margin-top: 1rem;
}

h4
{
	font-size: 1rem;
	margin-top: 0.8rem;
}

h5
{
	font-size: 1rem;
}

.nav-link:focus
{
		outline: none;
}

.nav-item.active,
.dropdown-item.active
{
	background-color: #8cbe82;
}

.lead
{
	padding: 0px !important;
	margin-bottom: 1rem;
}

.lead *
{
	color: #1d212c;
}

.sideBarArticleTitle
{
	margin-bottom: 6px;
}

h1.articleTitle 
{
	margin-top: 0rem;
	margin-bottom: 1rem;
}
	
form.search-form
{
	margin-top: 1.5rem;
	width: 100%;
}

form.search-form label
{
	margin: 0;	
	width: 100%;
}

input.search-field
{
	width: 100%;
	text-indent: 2.5rem;
}

.mainMenu .dropdown-menu a:focus
	{
	  background-color: #8cbe82;
	  outline: none;
	}	

}

	
.mainMenu .dropdown-menu a:hover
	{
	  background-color: #8cbe82;
	}	


.personImg
{
	display: none;
}

.rightPersonBox
{
	padding-top: 5rem;
}


	


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

form#searchform
{
	width: 80%;
	margin: 0 auto;
}

form.search-form
{
	width: 80%;
	margin: 0 auto;
	margin-top: 1.5rem;
}

form.search-form label
{
	width: 100%;
}

input.search-field
{
	width: 100%;
}

}

@media only screen and (min-width: 768px) 
{
	
.breadCrumbs
{
	margin-left: 10.6vw;
	
}


.rightPersonBox
{
	padding-top: unset;
}

} 

@media only screen and (min-width: 992px) 
{
	
	
.content-area.single
{
	margin-left: 9.2vw;
}
	
	




	

	
	.logo
	{
		padding-right: 2vw;
	}
	
	.caretMobile
	{
		display: none;
	}
	
	
	


.caretDefault
{
	width: 1.3rem;
	padding-bottom: 0.4rem;	
}


.personImg
{
	display: unset;
}

}

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

.dropdown-item{
	padding:0 0.5rem;
}
.sub-menu{
	max-width:100vw;
}
.sub-menu div {
	padding-right:5.5vw;
	padding-left:4.5vw;
	margin:0;
}
.nav-link.active
{
	padding: 0 !important;
}
	
a.nav-link
{
	padding: 0px !important;

}

	
.nav-item.active.strikeThrough
{
	position: relative;
	display: inline-block;
	opacity: 0.5;
}


.nav-link.caretIconUp,
.nav-item.active *,
.nav-link.active

{
	color: #6d6d6d !important;
}


.strikeThrough::before
{
	
	display: block;
    content: ' '; 
	width: 100%;
    position: absolute;
    top: 50%;
	border-bottom: 10px solid rgba(140, 190, 130, 0.5);
}	


.researchers
{

	padding-left: 3.6vw;
	padding-bottom: 32px;
	padding-top: 32px;
	margin-left: 5vw;
	margin-right: 5vw;
	margin-bottom: 45px;
}


.researcherBox
{
	/* margin-left: */
	min-height:100%;
	padding-bottom:2rem;
}


	#search404
	{
		display: block;		
	}
	
	#search404 #searchform
	{
		width: 30%;
		float: left;
	}
	
	
	.input-group .field,
	.input-group .btn-default
{
	margin-top: unset;
}


	
	form#searchform
{
	width: 7rem;
	
}
	
.articleImgPage
{

	padding-left: 5.5vw;
	padding-right: 4.5vw;
	
}
 
.leftPadding
{
	padding-left: 9.2vw !important;
}
	
a.dropdown-item 
{
	font-size: 0.8rem !important;
}
	
.nav-item.active
{
	background-color: white;
}



.dropdown-item.active
{
	background-color: #d6e8ba;
}
	
form.search-form
{
	max-width: 9rem;
	margin-top: unset;
}

form.search-form label
{
	margin: 0;	
	width: 100%;
}



input.search-field
{
	width: 100%;
	text-indent: 2.5rem;
}
	
	.navbar .dropdown.show
	{
		position: static;
		
	}
	
	.navbar .dropdown-menu.show
	{
		background-color: #d6e8ba;
		width: 112%;
		left: -5.8%;		
		height: 90px;
		text-align: center;
		margin-top: -0.5rem;
		overflow: hidden;
		white-space: nowrap;

	}
	
	.mainMenu .dropdown-menu a:focus
	{
	  background-color: #d6e8ba;
	}	
	
	.dropdown-menu a
	{
		
		margin-top: 20px;
		font-size: 16px;
		text-align: center;
		color: #6d6d6d;
	}
	
	
	.mainMenu .dropdown-menu a:hover
	{
	  background-color: #d6e8ba;
	}	
	
	.mainMenu .dropdown-menu a:active
	{
	  color: #6d6d6d;
	}	
	
	
	
	.articleBox
{
	
	height: 13rem;
	
}

	.articleBox .articleArrow
{
	
	margin-top: 0.7rem;
	
}
	
		.navibar
{
	padding-left: 4.5vw;
	padding-right: 5.5vw;
}
	
	.mainImg
	{
		padding-left: 5.5vw;
		padding-right: 4.5vw;
	}
	
	.titleContainer
{

	position: absolute;
	bottom: 0;
	width: 44vw;
	height: 19vw;
}

.titleContainer *
{
	
	margin: 0;
	padding-left: 5.5vw;
	padding-top: 8px;
	padding-right: 16px;

}


	.moveDown
{
	margin-top: 65px;
}

.nav-item + .nav-item
{
	margin-left: 1rem;
}


}



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

.nav-item + .nav-item
{
	margin-left: 2rem;
}

	.titleContainer *
{
	
	margin: 0;
	padding-left: 5vw;
	padding-top: 8px;
	padding-right: 16px;

}


}

@media only screen and (min-width: 1500px)
{
	
.nav-item
{
	font-size: 1.1rem;
}
	
.nav-item + .nav-item
{
	margin-left: 3rem;
}
	
	.researcherImg
{	
	height: 300px;
}
	


}

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

}


@media only screen and (min-width: 1800px)
{
	
	.articleBox .contentArea .paragraphAndImgArea
	{	
		margin-top: -0.4rem;
	}
	
	
		.titleContainer *
	{
		padding-top: 16px;
	}
	

	
	.nav-item
	{
		font-size: 1rem;
		letter-spacing: 2.4px;
	}
		
	.nav-item + .nav-item
	{
		margin-left: 6rem;
	}


}




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

	
	html
	{
	font-size: 125%;	
	}
	
	.researcherImg
	{
		height: 450px;
	}
	
	
	.logo img.custom-logo
	{
		width: 450px;
	}

.articleImg
{
	width: 100%;
}

.mainImg img
{
	width: 100%;
}

.greenArrow
{
	width: 100px;
}

.contentArea .greenArrow
{
	width: 100px;
}

.personImg
{
	width: 270px;
}

}

@media only screen and (min-width: 2000px)
{
	
.breadCrumbs
{
	margin-left: 10.4vw;
}


section#text-4 p
{
	margin-bottom: 18px;
}

section#text-4 *
{
	line-height: 40px !important;
}


.column-content .widget-content *

{	
  line-height: 42px;
}	

		
.footerContainer
{
	height: 380px !important;
}
		.navbar .dropdown-menu.show
	{
		background-color: #d6e8ba;
		width: 111.9%;	
		height: 120px;
		margin-top: 0.5rem;
	}
	
	.dropdown-menu a
	{
		
		margin-top: 30px;
		font-size: 2.8rem;
		font-weight: normal;
		font-style: normal;
		text-align: center;
		color: #6d6d6d;
	}
	
	.logo img.custom-logo
	{
		width: 600px;
	}
	
	
	.caretDefault
{
	width: 1.8rem;
	padding-bottom: 0.4rem;	
}


}

@media only screen and (min-width: 2561px)
{
	
.breadCrumbs
{
	margin-left: 10.2vw;
}	

section#text-4 h2.widget-title
{
	margin-bottom: 0px;
}

section#text-4 p
{
	margin-bottom: 12px;
}

section#text-4 *
{
	line-height: 50px !important;
}


.column-content .widget-content *
{	
  line-height: 50px;
}
	
	.footerContainer
{
	height: 580px !important;
}
	
	html
	{
	font-size: 175%;	
	}
	
	.navbar .dropdown-menu.show
	{
		background-color: #d6e8ba;
		height: 190px;
	}
	
	.dropdown-menu a
	{
		
		margin-top: 45px;
	
	}
	
	
	
	
	
	.researcherImg
	{		
		height: 600px;
	}
	
	.moveDown
	{
		margin-top: 125px;
	}
	

	
		.caretDefault
{
	width: 2.9rem;
	padding-bottom: 0.4rem;	
}


	
	
	.logo img.custom-logo
	{
		width: 800px;
	}


.greenArrow
{
	width: 150px;
}

.contentArea .greenArrow
{
	width: 150px;
}

.personImg
{
	width: 400px;
}


}
p{
	max-width:100vw;
	overflow:hidden;
}
.MainContent p{
	line-height:1.5;
}