/*
Theme Name: Child theme for DA - Themify Corporate
Description: Based on https://themify.me/themes/corporate. Documentation can be found https://themify.me/docs/corporate-documentation
Author: georgeh@diversityarrays.com
Template: themify-corporate

Last modified 09/08/2022 for edits for new design
*/

/* write custom css */
#content, #sidebar {
	padding: 1.5% 0 8%;
}
/** header adjustments **/

/* Defining colour  */
:root {
  --primarygreen: #81c44c;
  --secondarygreen: #a4cf60;
  --darkaccentgreen: #228848;
  --lightaccentgreen: #e2f0d8;
  --charcoal: #3d3935;
  --white: #ffffff;
}

body {
    font: 1em/1.4em 'Atkinson Hyperlegible', Helvetica, Arial, sans-serif;
		color: #3d3935;
}

#body {

    background-size:100%;
    background-repeat: no-repeat;
    background-attachment: fixed;

}

.parent-pageid-681 #body, .page-id-681 #body {
    background: linear-gradient(        rgba(255, 255, 255, 0.95),         rgba(255, 255, 255, 0.95)      ), url(img/Archived-En.png); /** By Mehdi (Own work) [CC BY-SA 3.0 (http://creativecommons.org/licenses/by-sa/3.0)], via Wikimedia Commons **/
    background-size:100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

a {
	text-decoration: none;
	color: var(--primarygreen) ;
  /* font-family: 'Open Sans', sans-serif; */
	font-family: 'Atkinson Hyperlegible', sans-serif;
  cursor: pointer;
	font-weight: 1000;
}
p {
  /* font-family: 'Open Sans', sans-serif; */
	font-family: 'Atkinson Hyperlegible', sans-serif;
  margin: 0 0 0.8em;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:600;
	/* font-family: 'Oswald', sans-serif; */
	font-family: 'Atkinson Hyperlegible', sans-serif;
  color: #81C44C;
	padding: 0.8em 0 0.2em;
}

li {
    margin: 0;
    padding: 0;
}

.themify_builder_content .module-accordion .module-title {
    color: #501111;
}

h1 {
  font-weight:600;
}

h2 {
  font-size:2.4em;
}

select {
    background-color: #eaf3f7;
    border: none;
    padding: .44em;
    /* margin: .4em 0; */
    max-width: 100%;
    /* -webkit-appearance: none; */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.has-fixed-header #pagewrap {
    padding-top: 20px !important;
}

#site-logo img
{
	width: 15%;
	/* padding-bottom: 10%; */
}

.fixed-header-on #site-logo img {
	width: 125px;
	height: auto;
}

#header {
    padding: 10px 0 !important;
}

#footer {
   padding-top: 50px;
}

.footer-text {
  padding: 0;
}

#footer .footer-widgets {
  margin: 0.5% 0 10px;
}

#site-logo
{
	font-size: 1em;
}


.home #body.clearfix {

    padding-top: 0%;
}


.page-title {
    font-weight: 700;
}

.da-title h1 {
    margin-bottom: 0;
}

.da-title {
    margin-bottom: 0.938em;
}

.team .post-author { display: none; }

.modified { text-align: center; }

#main-nav a {
    padding: 10px 25px 10px;
}
ul#main-nav > li {
    text-align: center;
    line-height: 1em;
    vertical-align: middle;
}

#headerwrap.fixed-header a, #headerwrap.fixed-header #searchform .icon-search::before {
    color: black;
}

#main-nav .order_services.menu-item-has-children a {
 background-color: #8cc641;
 color: white;
 font-weight: 600;
 border-radius : 5px
}

#main-nav .order_services.menu-item-has-children a:hover {
 background-color: black;
 color: white;
}

#main-nav .order_services.menu-item-has-children ul.sub-menu a {
 background: none;
 color: #848484;
 font-weight: 400;
}

#main-nav .order_services.menu-item-has-children ul.sub-menu a:hover{
 background: none;
 font-weight: 400;
 color: #016780;
}

#footerwrap
{
  background-color: rgb(113, 9, 10);
}

#menu-item-login
{
	text-transform: none;
	color: black;
}

#menu-item-12{
	text-transform: none;
}

.widget_nav_menu .first.menu-item {
    font-weight: 800;
    margin-top: 10px;
    text-decoration: underline;
}

.widget li.menu-item {
    padding-bottom: 0;
    margin-bottom: 0;
}

.loops-wrapper.list-thumb-image .post-date-wrap .post-date, .loops-wrapper.grid4 .post-date-wrap .post-date, .loops-wrapper.grid3 .post-date-wrap .post-date, .loops-wrapper.grid2 .post-date-wrap .post-date, .loops-wrapper.grid2-thumb .post-date-wrap .post-date, .loops-wrapper.list-large-image .post-date-wrap .post-date
{
 background-color: #006680;
}
a.shortcode.button.blue
{
background-color: #006680;
}

a.shortcode.button.blue:hover
{
background-color:black;
}
.module-pro-slider .sp-button
{
background: black !important;
}

.sp-button.sp-selected-button {
    background: white !important;
    border: 2px solid black !important;
}
.module-pro-slider .sp-arrow
{
color:black !important;
}


portant;
}
.module-pro-slider .sp-fade-arrows
{
opacity: 1;
}

.wp_custom_attachment {
    margin: 8px 0 8px 0;
    border: 1px solid #DDD;
    background: #EEE;
    padding: 8px;
    text-align: center;
    border-radius: 4px;
}

.da-filter {
    padding-bottom: 3%;
}


/** Samara's edits **/

#main-nav a:hover {
    	color: #016780;
}

#main-nav .current_page_item a, #main-nav .current-menu-item a {
	color: black;
}

#main-nav > li.current_page_item > a::before {
	content: "";
}

#main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover, ul#main-nav.main-nav.clearfix:hover {
	color: #016780;
}

#headerwrap {
	/* border-bottom: 2.5px solid #e4e1e5; */
	border: 0 solid;
	padding: 10px;
	/* box-shadow: 0px 4px 10px #e4e1e5; */
	border-bottom: 3px solid #eaeaea;
	max-height: 90px;
}

#headerwrap.fixed-header {
	background-color: rgba(255, 255, 255, 1);
  border-bottom: 2.5px solid #501111;
  padding: 1px;
}

#main-nav {
	padding-top: 15px;
}

ul#main-nav.main-nav.clearfix {
	margin-top: -10px;
}

#body.clearfix {
	margin-top: 60px;
}

#body.clearfix {
	margin-top: 60px;
}

.full_width #body.clearfix {
	margin-top: 0px;
}



.ui .tab-content a, .ui.window .content a, .ui.module-accordion .accordion-content a {
  color: #016680 !important;
}

.page-content a {
    font-weight: 600;
}

a:hover {
	color: #228848;
}

a.shortcode.button.blue {
	font-weight: normal;
	border: none;
}

a.shortcode.button.blue:hover {
	background-color: #89ccdc;
}



.widget a {
	color: #389cb5;
}

.widget a:hover {
	color: #89ccdc;
}

.widget.widget_recent_entries a:hover {
	color: #89ccdc;
}



.ui.builder_button, .ui.nav, .ui.nav ul, .ui.nav.separate > li, .ui.module-tab .tab-nav > li, .ui.module-tab .tab-content, .ui.module-tab.panel .tab-nav, .ui.module-accordion, .ui.module-accordion > li, .ui.module-callout {
	border-style: none;
}



.themify_builder_content .module-title {
	font-weight: 300;
}

input[type=reset], input[type=submit],input[type=button], button {
	background-color: #389cb5;
  	border-radius: 0;
	margin-bottom: 5px;
  margin-top: 5px;
}

input[type=reset]:hover, input[type=submit]:hover, button:hover {
	background-color: #89ccdc;
}

div.social-widget {
	display:none;
}


li.menu-item {
    text-transform: none;
    font-size: 0.9em !important;
}


#headerwrap #searchform
{
	right: 200px;
  top: 10px;
}

#headerwrap #searchform #s:hover {
	border-color: #016780;
	transition: 0.5s;
}

#headerwrap #searchform #s:focus {
	border-color: #016780;
	transition: 0.5s;
}

.news-column h1.post-title.entry-title {
	font-weight: 400;
}

.research-column h1.post-title.entry-title {
	font-weight: 400;
}

.research-column time.post-date.entry-date.updated {
	background-color: #933833;
}

.presentation-column h1.post-title.entry-title {
	font-weight: 400;
}

.presentation-column time.post-date.entry-date.updated {
	background-color: #cda752;
}

div.pagenav.clearfix span.number.current {
	background-color: #016780;
}

div.pagenav.clearfix a.number {
	background-color: #0c7b96;
}

.pagenav .next:after, .pagenav a:not(.page-numbers):last-child:after {
	border-left-color: #0c7b96;
}

.pagenav .next:hover:after, .pagenav a:not(.page-numbers):last-child:hover:after {
	border-left-color: #0c7b96;
}

.pagenav .prev:after, .pagenav a:not(.page-numbers):first-child:after {
	border-right-color: #0c7b96;
}

.pagenav .prev:hover:after, .pagenav a:not(.page-numbers):first-child:hover:after {
	border-right-color: #0c7b96;
}

#sidebar {
	border-top: 5px solid;
	border-bottom: 5px solid;
	border-color: #016780;
	margin-top: 110px;
	padding-bottom: 30px;
}

#sidebar a:hover {
	color: #389cb5;
}

ul.social-links.horizontal {
	text-align: center;
}

#footer .widget a:hover {
	color: black;
	transition: 0.5s;
}

span.post-author {
	display: none;
}

span.post-tag {
	display: none;
}

span.paper-authors a:hover {
	color: #389cb5;
}

.loops-wrapper.list-post .post.has-post-date, .single-post .list-post .post.has-post-date {
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.loops-wrapper.list-post .post.papers.has-post-date, .single-post .list-post .post.has-post-date {
    padding-left: 0;
}

a#read-more.dart-button {
	padding: 10px;
}

.team-title-wrapper a {
	display: block;
	width: 240px;
	height: 340px;
}

.team-title-wrapper:hover {
	background-color: rgba(100, 100, 100, 0.7);
}

.team-title {
	margin-top: -320px;
}





/** George's css **/

.loops-wrapper.list-post .post-date-wrap .post-date, .single-post .post-date-wrap .post-date
{
	background-color: #016780
}

/** version 3 home page css **/
.landing h1, .landing h2, .landing h3 {
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
    line-height: 1em;
}

.landing.welcome .module-text {
    padding: 6%;
    background-color: rgba(255, 255, 255, 0.80)
}

.landing2.welcome .module-text {
    padding: 6%;
    background-color: rgba(255, 255, 255, 0.80)
}


.landing .module-title {
    font-size: 3em;
    margin: 0;
    padding: .2em 0 .4em;
    text-transform: none;
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
    line-height: 1em;
    text-align: center;
}

/** portfolios **/

.featured-area {
    background-color: #016780;
}

.portfolio-post-wrap .post-title a, .portfolio-post-wrap a, .portfolio-post-wrap span {
    color: #000;
}
.portfolio-post-wrap .post-title
{
	text-align:left;
}


#footerwrap
{
	min-height: 30VH;
}



/** Area landing page **/

.landing.dna.onwhite h2, .landing.dna.onwhite,.landing.data.onwhite h2, .landing.data.onwhite, .landing.analytics.onwhite h2, .landing.analytics.onwhite {
    color: black;
}

.landing.onred h1, .landing.onred h2, .landing.onred h3
{
    color: white;
}
a.dart-button {
    border-style: solid;
    padding: 1%;
}
.dna.onwhite.landing a.dart-button,.data.onwhite.landing a.dart-button,.analytics.onwhite.landing a.dart-button  {
    border-color: black;
    color: black;
}

.dna.onwhite.landing .col4-2 a.dart-button,.data.onwhite.landing .col4-2 a.dart-button,.analytics.onwhite.landing .col4-2 a.dart-button {
    font-size: 125%;
}

.landing .dart .slide-image img {
    border-radius: 50%;
    border-style: solid;
    border-width: 5px;
}

.dart-button.order {
    background-color: #016780;
    border-color: #065163;
}
.pagenav a, .pagenav span, .pagenav a:hover, .pagenav .current
{
	background-color: #0c7b96;
}

.module-feature-chart-html5 .chart-html5-circle .chart-html5-mask .chart-html5-fill {
    clip: rect(0px, 100px, 200px, 0px);
    -webkit-box-shadow: inset 0 0 0 5px rgba(222, 93, 93, 0) !important;
    -moz-box-shadow: inset 0 0 0 5px rgba(222, 93, 93, 0) !important;
    -ms-box-shadow: inset 0 0 0 5px rgba(222, 93, 93, 0) !important;
    -o-box-shadow: inset 0 0 0 5px rgba(222, 93, 93, 0) !important;
    box-shadow: inset 0 0 0 5px rgba(222, 93, 93, 0) !important;
}

@media screen and (min-width: 1201px) {
  .frontpage-block {
    /**height: 60VH;**/
  }
	#searchform-wrap {
		margin: 10px 0 0 380px;
	}
}

@media screen and (max-width: 1201px) {
  /**
	#searchform-wrap {
		margin: 10px 0 0 380px;
	}
  **/

  .tagline-da {
    display: none;
  }

  nav#main-nav-wrap {
    padding-top: 10px;
  }

        .loops-wrapper.list-post .has-post-date.papers .post-meta, .loops-wrapper.list-post .has-post-date.papers .post-title {
                padding-left: 0;
         }
}



/** site map **/

ul.children {
    margin: 0 1em;
}
.sitemap li {
    margin: 0;
    padding: 0;
}

/** front page version 3 **/

.landing2 h1, .landing2 h2 {
    font-weight: 600;
}

.landing2 h3.module-title {
    font-size: 2.4em !important;
    font-weight: 600 !important;
    text-align: center;
}

.landing2 h2 {
border-bottom: 3px double #8c8b8b;
}

/** version 4 front page**/

.landing2 h3 {
    padding-bottom: 0;
}

.highlighted h3 {
	font-weight: 600;
}


/** front page v4 slider **/



#da_slider {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
#da_slider ul li {
  background-color: white;
  width: 100%;

  list-style: none;
}

#da_slider ul li img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 901px) {
.da_slider_block {
    border-right-style: solid;
    min-height: 250px;
}

.frontpage-block {
   /** height: 60VH; **/
  }

.da_slider_block.last {
    border-right-style: none;
}
}

/** front page v5 slider **/

.bgslider {
  /**
  height: 65VH;
  max-height: 65VH;
  **/
  -webkit-transition:all 1s ease-in;
  -moz-transition:all 1s ease-in;
  -o-transition:all 1s ease-in;
  -ms-transition:all 1s ease-in;
  transition:all 1s ease-in;
}

#da_bgslider ul li {
  background-color: rgba(255,255,255, 0.90);
  width: 100%;
  padding: 2%;
  list-style: none;
}


div#da_bgslider p {
    font-size: 0.75em;
    line-height: 1.4em;
    margin-bottom: 0.75em;
}

/** papers archive **/
.year-filter ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.year-filter ul li {
    200 15px/1 Helvetica, Verdana, sans-serif;
    border-bottom: 1px solid #ccc;
}

.year-filter ul li:last-child {
  border: none;
}

.year-filter ul  li a {
  text-decoration: none;
  color: #000;
  display: block;
  width: 200px;

  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
}

.year-filter ul  li a:hover {
  background: #f6f6f6;
}

.paper-content.hidden {
  display:none;
}

/**
.da-filter input, .da-filter select {
    width: 140px;
    color: #333;
    margin: 5px 0px;
    padding: 10px;
    border: 2px solid #501111;
    -webkit-transition: width .7s;
    -moz-transition: width .7s;
    transition: width .7s;
    background-color: #fff;

}

.da-filter select {
    padding: 9px;
}**/

.da-filter.species input,.da-filter.species select {
    width: 240px;
}

.specieslibrary img {
    width: 400px;
    height: 200px;
}

@media screen and (max-width: 1024px) {
.bgslider .col4-2 {
    width: 100%;
}

.home #content, #sidebar {
    padding: 1%;
}


.year-filter ul li {
    display: inline;
    width: auto;
    width: 10%;
    float: left;
    border-bottom: none !important;
    border-right: 1px solid #ccc;
    font: 200 20px/1.5 Helvetica, Verdana, sans-serif;
    margin: 0% 3%;
    padding: 0 3%;
}
.year-filter ul li a {
    width: auto !important;
}
.year-filter ul li a:hover {
    font-size: 100% !important;
}
.col4-1.first.paper, .col4-3.paper {
    width: 100%;
}

#searchform-wrap {
    margin: 0px;
}


}


.papers .post-title a {
    	font-size: 0.7em;
    	line-height: 0.5em;
}
.papers .post-meta {
	text-transform: none;
}

.papers .post-meta span  {
  margin-right: 0;
}

.papers .post-meta .pjname.publish {
  font-style:italic;
}


.papers .post-meta .pvolume.publish {
  font-weight: 600;
}

.post-meta span.bigger_meta {
    font-size: 1.4em;
}z

/** breadcrumbs **/

#breadcrumbs{
    list-style:none;
    margin:10px 0;
    overflow:hidden;
}

ul.breadcrumbs {
    margin-left: 0px;
}

#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right:15px;
}

#breadcrumbs .separator{
    font-size:18px;
    font-weight:100;
    color:#ccc;
}


/** display all custom accordion **/

.module-accordion .open-all {
  display: block;
}

/** version 7 of homepage **/




.landing-home h1 {
    padding-bottom: 0;
}

.landing-home em {
    border-bottom: 2px solid #501111;
    padding-bottom: 4px;
}

/** front page sliding **/

.frontpage-block {
    border: 2px solid #501111;
    margin: 1%;
    background-color: rgba(150, 70, 69, 0.03);
    min-height: 550px;
}

h3.frontpage-imagecontainer {
    padding: 0;
}

a.frontpage.button {
    background-color: #8cc641;
    color: white;
    font-weight: 600;
    /* border-radius: 5px; */
    margin: 1%;
    padding: 1% 2%;
    font-size: 1em;
}

.frontpage.buttonbar {
    margin: 3%;
}

.frontpage-block .module-title {
    padding: 0 1% 0 1%;
    margin-top: 0;
    border-bottom: 1px solid black;
    background-color: rgba(105, 52, 60, 0.15);
}

.frontpage-row .gutter-narrow  .col4-2.last {
  margin-left: 0;
  margin-right: 0.5% !important;
}

.frontpage-row .gutter-narrow  .col4-2.first {
  margin-right: 0;
  margin-left: 0.5% !important;
}

.frontpage-block p {
    padding: 0% 1% 0% 1%;
}

.frontpage-row .module-title a {
    color: #501111;
}

.tagline-da {
    /* position: inherit; */
    font-size: 0.75em;
    text-align: right;
    margin-right: 2%;
}

span.highlight {
  color: red;
font-weight: 600;
background-color: yellow;
}

.csv, .csv p {
  font-family: Courier;
  margin-left: 3%;
}

.csv-note, .csv-note p {
  font-style: italic;
  margin-left: 3%;
}

/** order helper page **/

.row.instructions {
  /** display:none; **/
}

.form-control {
  width: 100%;
}