.ms-WPBorder {
  border: none;
}

.ms-rtestate-field hr, hr {
	margin: 1 em 0 0.5em 0;
    height: 1px;
    border-style: none;
    background-color: lightgrey;
}

.ms-webpart-titleText, .groupheader.item.medium {
  background-color: #0d6e50;
  color: #fff !important;
  padding: 5px 10px;
  margin: 0.75em 0;
  font-family: 'Open Sans', sans-serif;
  text-shadow: -1.5px -1.25px 1.25px hsla(0, 0%, 92%, 0.25);
  font-size: 1.15em !important;
  font-weight: 400;
}

#container .Wrapper {
  position: relative;
  min-height: 900px;
  max-width: 1100px;
}

.phytoNewsMenu a {
  font-size: 0.9em
}

#lowerMenu .btn, #rightMenu .btn {
  width: 200px;
  display: inline-block;
  line-height: 2;
}

.phytoNewsMenu, #lowerMenu {
  text-align: right;
}

#rightCol {
  position: absolute;
  right: 0;
  top: 3em;
  background-color: #fff;
}

#rightCol, #coverImg, #smShare {
  width: 230px;
  clear: both;
  text-align: center
}

.topRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row;
  flex-flow: row;
}

.cover {
  text-align: center;
}

#coverImg {
  margin-top: -25px;
}

.topRow, #features, .phytoNewsMenu, #lowerMenu, #overview {
  width: calc(100% - 250px);
}

.issueCoverImg .item .link-item a, #recentIssues .item .link-item a, #coverImg .item .link-item a {
  padding-top: 200px;
  display: block
}

.issueTitle {
	color: #054d6c !important;
    font-size: 22pt;
    font-weight: 600;
    border-bottom: 1px solid black;
}

.phytoNewsHeader {
	text-align: center;
}

.phytoNewsColumns {
	display: flex;
	justify-content: space-between;
}

.phytoNewsContent {
	width: 67%;
	margin-top: 1%;
	border-right: 1px solid black;
	padding-right: 2%;
}

.phytoNewsSocietyNews {
	width: 31%;
	margin-top: 1%;
}

.phytoNewsSocietyNews h2 {
	margin: 0.25em 0;
}

.phytoNewsSocietyNews h3 {
	font-size: 14.5pt;
}

.phytoNewsSocietyNews p {
	font-size: 11.5pt;
}

.phytoNewsSocietyNews hr {
	margin-top: 1em;
}

.phytoNewsSocietyNews .ms-rtePosition-1 {
	float: left;
	margin-right: 3%;
	margin-bottom: -3px;
	max-width: 40%;
}

.phytoNewsSocietyNews .ms-rtePosition-2 {
	float: right;
	margin-left: 3%;
	margin-bottom: -3px;
	max-width: 40%;
}

.phytoNewsContent .ms-webpart-titleText {
	background-color: inherit;
	color: #0d6e50 !important;
	font-size: 18pt !important;
    font-weight: 600;
    padding: 0;
    margin: 0.25em 0;
}

.phytoNewsContent .itemHeader {
	color: #869e03;
    font-size: 16pt;
    font-weight: 600;
}

.phytoNewsContent .itemHeader a {
	color: #869e03 !important;
}

.phytoNewsImage1, .phytoNewsImage2, .phytoNewsImage3, .phytoNewsImage4 {
	margin-bottom: 3%;
    border-bottom: 1px solid black;
    padding-bottom: 2%;
}

.phytoNewsContent .dfwp-item {
	border-bottom: 1px solid lightgrey;
	margin-bottom: 3%;
}

.phytoNewsContent .dfwp-column li:last-child {
	border-bottom: 0;
}

#overview, #journalTitle {
  padding: 10px;
  line-height: 1.75;
  font-size: 1.25em;
}

#features, #articles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  max-width: 100vw;
}

#container .Wrapper #features .item img, #container .Wrapper #recentIssues .item img, #container .Wrapper #articles .item img {
  max-width: 100%
}

#container .Wrapper #coverImg img {
  max-width: 120px;
  padding-top: 20px;
}

#recentIssues .item, #features .item, #articles .item, #coverImg .item {
  border-bottom: 1px solid #c6c6c6;
  position: relative;
}

#features .item {
  min-height: 240px;
}

.issueCoverImg .item .image-area-top, #recentIssues .item .image-area-top, #coverImg .item .image-area-top {
  position: absolute
}

#recentIssues .item .image-area-top, #coverImg .item .image-area-top {
  right: 0;
  left: 0;
  width: 50%;
  margin: 0 auto;
}

#features .image-area-left {
  width: 50%;
  max-width: 300px;
  padding: 0 15px;
}

.features .image-area-left {
	width: 43%;
	max-width: 300px;
	padding: 0 20px 0 0;
}

#features .image-area-left .image {
  height: 150px;
  background-repeat: no-repeat;
  color: transparent;
  background-position: center center;
  background-size: cover;
}

.features .image-area-left .image {
	height: 150px;
    background-repeat: no-repeat;
    color: transparent;
    background-position: center center;
    background-size: cover;
}

.issueCoverImg .item .image-area-top a::before, #recentIssues .item .image-area-top a::before, #coverImg .item .image-area-top a::before {
  display: none
}

.article {
  padding: 5px
}

.article a {
  display: inline !important;
}

#smShare {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#smShare>a {
  height: 1em;
  width: 1.5em;
}

#smShare>a::before {
  display: none
}

button {
  margin: .5em;
  font-weight: normal;
  font-size: 14px;
  font-family: 'open sans', sans-serif;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  text-decoration: none;
  padding: 5px 10px;
  line-height: 1.5;
  border-radius: 5px;
  -webkit-transition: background .2s ease-out;
  transition: background .2s ease-out;
  background-color: #006a4e;
  color: #fff;
  -webkit-box-shadow: -2px 2px 3px -1px #2e2925;
  box-shadow: -2px 2px 3px -1px #2e2925;
  display: inline-block;
}

button:hover {
  background-color: rgba(181, 191, 0, 1);
  color: #fff;
  text-decoration: none
}

#print {
	margin-left: 25%;
}

@media print {

  body { 
    margin: 0.2cm; 
  }
  
  #menuBar {
	display: none;
  }
    
  .Header {
	display: none;
  }
    
  .breadcrumb {
	display: none;
  }
  
  .footer {
	display: none;
  }
}

/*MOBILE STYLINGS*/

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

	#container .Wrapper {
		max-width: 95%;
	}
}

@media only screen and (max-width: 900px) {
	
	.topRow, #features, .phytoNewsMenu, #lowerMenu, #overview {
	  width: calc(100% - 150px);
	  margin-top: -2%;
	}
	
	.phytoNewsSocietyNews .ms-rtePosition-1, .phytoNewsSocietyNews .ms-rtePosition-2 {
		margin-bottom: -1px;
	}
	
	.phytoNewsImage1, .phytoNewsImage2, .phytoNewsImage3, .phytoNewsImage4, .phytoNewsImage5 {
		margin-top: -3%;
	}

}

@media only screen and (max-width: 775px) {
	
	.phytoNewsSocietyNews .ms-rtePosition-1, .phytoNewsSocietyNews .ms-rtePosition-2 {
		max-width: 50%;
	}

}

@media only screen and (max-width: 600px) {
	
	.topRow, #features, .phytoNewsMenu, #lowerMenu, #overview {
		width: calc(100% - 75px);
		margin-bottom: 5%;
	}
	
	.phytoNewsColumns {
		display: block;
	}
	
	.phytoNewsContent {
		width: 100%;
		border-right: 0;
		padding-right: 0;
	}
	
	.phytoNewsSocietyNews {
		width: 100%;
	}
	
	.phytoNewsSocietyNews .ms-rtePosition-1, .phytoNewsSocietyNews .ms-rtePosition-2 {
		max-width: 19%;
	}
	
	.phytoNewsImage5 {
		border-bottom: 1px solid black;
	    margin-bottom: 3%;
	    padding-bottom: 3%;
	}
	
	.phytoNewsSocietyNews h3 {
		font-size: 16pt;
	}
	
	.phytoNewsSocietyNews p {
		font-size: 13pt;
	}
	
}

@media screen and (max-width: 480px) {
  #DeltaPlaceHolderMain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
  }

  #features {
    width: 100%;
  }

  #rightCol, #features, #articles {
    position: static;
    margin: auto;
  }

  .topRow, #features, .phytoNewsMenu, #lowerMenu, #overview {
    width: 100%;
  }
  .phytoNewsMenu, #lowerMenu {
    text-align: center;
  }
  .topRow {
    flex-flow: column
  }

  #coverImg {
    margin: 0 auto;

  }
}