/*
Theme Name: Natural Capital
Description: A premium theme by Scriptoria
Version: 1.0
Author: Chris Thomas
*/


body{
	margin: 0;
	padding: 0;
	font-family: Calibri, 'Lato', sans-serif;
	-webkit-text-size-adjust: 100%;
	font-size: 1.39vw;
	line-height: 1.4;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-attachment: fixed;
	background-size: cover;
	color: #333333;
}

@media only screen and (max-width : 812px) {
	body{font-size:4vw;
	background-position: center center;
background-attachment: fixed;
background-size: cover;}
}

.image-cover {width:100vw; height:100vh; position:fixed; opacity:0.3; background-color:#000}

.h1-holder h1, .h1-holder span {
	margin: 0;
	color: #fff;
	text-shadow: 1px 1px 8px #333;
	font-size: 200%;
	font-weight: bold;
}

.page-template-default .h1-holder h1 {margin-top:12%; margin-bottom:12%}

.h1-holder h1, .h1-holder span {
    margin-top: 12%;
    margin-bottom: 12%;
    font-size: 5vw;
    font-family: Calibri, 'Lato', sans-serif;
    font-weight: 300;
}
@media only screen and (max-width : 812px) {
.h1-holder h1, .h1-holder span {
    font-size: 8vw;	}
}

.h1-holder {
	padding-top: 6%;
	padding-right: 8%;
	padding-bottom: 6%;
	padding-left: 8%;
	z-index: 9999;
position: relative;
}
.content-area {
	background-color: #FFF;
	padding-top: 4%;
	padding-right: 8%;
	padding-bottom: 4%;
	padding-left: 8%;
	z-index: 9999;
position: relative;
}
.content-area a {color: #2f5928}
.content-area a:hover { text-decoration:underline;}

.page-id-150 .content-area a i { font-size:150% !important}

a {-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in; text-decoration:none}

p, h1, h2, h3, h4, h5 {margin-top:0; margin-bottom:2%;}	
	
.clearfix::after, #menu-main-menu::after {
  content: "";
  clear: both;
  display: table;
}
img {width:100%; height: auto;}

div {-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
	
	.translate50 {
    z-index: 100;
    position: absolute;
    text-align: center;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%; text-align:center; width:100%
}

.menu-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.topbar {
	background-color: #2f5928;
	color: #FFF;
	text-align: right;
	width: 100%;
	position: relative;
	z-index: 99;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 1%;
}
@media only screen and (max-width : 1024px) {
.topbar {display:none}	
}




.topbar a {color:#FFF; opacity:1; font-size:100%; margin-left:1%}
.topbar a:nth-of-type(2) {margin-left: 2%}
.topbar a:hover {opacity:0.8}
.topbar a span {font-size:75%;margin-left:0.5%}

.header {
	background-color: #FFF;
	width: 100%;
	padding-top: 2%;
	padding-right: 8%;
	padding-bottom: 2%;
	padding-left: 8%; position:relative; z-index: 99999;
}

.logo {width:17vw; float:left}

.homeholder {position:relative}
.homelanding {width:100%; z-index:999}
.homeholderbg {background-color:#000; opacity:0.4; z-index:9; position:fixed; top:0; bottom:0; left:0; right:0;}
.homestrap {
	width: 50%;
	float: left;
	margin-left: 8%;
	font-family: Calibri, 'Lato', sans-serif;
	font-weight: 300;
	color: #FFF;
	font-size: 5vw;
	line-height: 1;
	margin-top: 4%;
	margin-right: 2%;
	margin-bottom: 2%;
	z-index: 99;
	position: relative;
	padding-left: 4%; color: #fff
}
@media only screen and (max-width : 812px) {
.homestrap {
	width: 100%; margin:0; text-align:left; padding-top:8%; padding-bottom:8%; padding-left:10%; font-size: 10vw;}}

.homeintro {
    width: 32%;
    padding: 3%;
    float: right;
    margin-right: 8%;
    position: relative;
    z-index: 99;
}

@media only screen and (max-width : 812px) {
.homeintro {
    width: 100%;
    padding: 8%;
    margin-right: 0;}}







.homeintrocontent {position:relative; z-index:999;}
.homeintrobg {background-color:#2f5928; z-index:9; opacity:0.8; top:0; left:0; right:0; bottom:0; position:absolute}
.homeintro p {color:#FFF; font-size: 120%;}







.homeintro p:last-of-type, .footer .footercol3 p:last-of-type {margin-bottom: 0}



.svgtext path{fill: #282e13 !important}
.shapeimage {opacity:0}
a:hover .shapeimage {opacity:1}
.shapeimage  {transition: opacity .25s ease-in-out !important;
   -moz-transition: opacity .25s ease-in-out !important;
   -webkit-transition: opacity .25s ease-in-out !important;}
   
.infographic-intro {margin-left:8%; margin-right:8%; text-align:left; color:#2f5928}
   
.infographic {
	width: 100%;
	background-color: #FFF;
	text-align: center;
	position: relative;
	z-index: 99;
	padding-top: 2vw;
	padding-right: 0;
	padding-bottom: 4vw;
	padding-left: 0;
}
@media only screen and (max-width : 812px) {.infographic {padding-top: 8%; padding-bottom: 8%;}}

#menu-main-menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 100%; display:inline-block
}
.header .menu-main-menu-container {width:67%; text-align:right; position:absolute; right:8%; z-index: 100;
top: -moz-calc(50% - 1vw);
top: -webkit-calc(50% - 1vw);
top: -o-calc(50% - 1vw);
top: calc(50% - 1vw);}
	

.header #menu-main-menu .menu-item {
	display: block;
	float: left; font-size: 100%;
}

.header #menu-main-menu .menu-item:after{color: #a3ba7e; content: "/"; margin-left: 1vw; margin-right:1vw;}
.header #menu-main-menu .menu-item:last-of-type:after {
	content: normal !important;
}



.header #menu-main-menu .menu-item a {text-decoration:none; color: #2f5928;}


.header #menu-main-menu .menu-item a:hover {color: #edc530 !important}


.single-publications .menu-item-object-publications a,
.post-type-archive-publications .menu-item-object-publications a, #searchpub .menu-item-object-publications a, #tags .menu-item-object-publications a, li.current-menu-parent >a, .current-menu-item >a {
    color: #edc530 !important;
}

.header #menu-main-menu li ul {
	display: none;
	position: absolute;
	top: 1.39vw;
	left: -1vw;
	float: left;
	z-index: 99999;
	text-align: left;
	font-size: 80%;
	line-height: 1;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.header #menu-main-menu li ul li {
	display: block; width:100%; background-color:#e4e4e4; 
}
.header #menu-main-menu li ul li:hover {background-color: #8e999c; color: #edc530 !important}
.header #menu-main-menu li ul li a {padding: 1vw; display: block; white-space: nowrap;}
.header #menu-main-menu li:hover > ul {display: block;}
.header #menu-main-menu li ul .menu-item:after{content: normal; margin-left: 0; margin-right:0;}






.temp {
	background-color: #F00;
	position: absolute;
	z-index: 999;
	top: 15.67vw;
	width: 10vw;
	height: -moz-calc(100vh - 15.67vw);
	height: -webkit-calc(100vh - 15.67vw);
	height: -o-calc(100vh - 15.67vw);
	height: calc(100vh - 15.67vw);} 
   
.footer {background-color:#475924; padding-left:8%; padding-right:8%; padding-top:2%; padding-bottom:2%; z-index:99; position:relative;}
@media only screen and (max-width : 812px) {
.footer {padding-left:8%; padding-right:8%; padding-top:8%; padding-bottom:8%;}	
}
.footercols {width:33.3%; float:left;}
@media only screen and (max-width : 812px) {.footercols {width:100%; float:none; margin-bottom:8%;}}

.footercols ul {margin:0; padding:0;}
.footercols ul li {list-style:none}
.footer h5 {
	font-size: 150%;
	color: #bfd18a;
	text-transform: uppercase; font-family: Calibri, 'Lato', sans-serif; font-weight:200; letter-spacing: 1px; margin-bottom:2vw;
}
.footer li {}
.footer .menu-main-menu-container ul {font-size:100%}
.footer .menu-main-menu-container ul li a {color:#FFF;}
.footer .menu-main-menu-container ul li ul li a {color:#FFF; margin-left:2vw;}
@media only screen and (max-width : 812px) {
.footer .menu-main-menu-container ul li ul li a {margin-left:4vw;}}

.footer .menu-main-menu-container ul li a:hover{color:#bfd18a}
.footer .footercol3, .footer a {color:#FFF}
.footer .footercol3 a:hover{color:#bfd18a}
.footercol3 {padding-left:3vw;}
@media only screen and (max-width : 812px) {.footercol3 {padding-left:0;}}
.footer-icons {margin-top: 2vw}
.footer-icons a {font-size:150%; margin-right:1vw}

.footer-copy {width:100%; color:#bfd18a; margin-top:4vw; font-size:80%}

 .mobmenu, body.admin-bar .mobmenu {top:0 !important; z-index: 999999999;}
 
 @media only screen and (max-width : 812px) {
 .mobmenul-container, .mobmenur-container {top: 8% !important; right:0!important; height:30px;}}
 
 .app-subnav {font-size:90%; margin-bottom: 4%;}
 .app-subnav a {color: #2f5928} .app-subnav a:hover {color:#edc530}  .app-subnav span {margin-left:1%; margin-right:1%; color:#a3ba7e}
 
 .wp-block-separator {
    border-top: none;
    border-bottom: 2px solid;
    margin-top: 2%;
    margin-bottom: 2%;
    color: #dae3cb;
}

.rc-left {width: 22%; float: left; margin-right:8%;}
.rc-right {width: 70%; float: right;}

@media only screen and (max-width : 812px) {
	.rc-left {
    width: 100%;
    float: none;
    margin-right: 0;
}
.rc-right {
	width: 100%;
	float: none;
	margin-top: 4%;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
}

.accordion {
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 90%;
    text-align: left;
    background-image: url(images/accor01.png) !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-color: #596a39;
    color: #FFF; border:none;
}
.accordion.active {background-image: url(images/accor02.png) !important;}
.accordion:hover {cursor: pointer;}
.searchandfilter ul li {
    display: block;
    width: 100%;
    margin-bottom: 15px;
}
.searchandfilter ul input[type="text"] {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	font-size: 90%;
	background-color: #e5e5e5; border:none;
}
.searchandfilter li {padding-right: 0 !important; width:100%; margin-bottom:15px;}

.searchandfilter ul input[type="submit"], .rc-arch-readmore a, .read-more, .button a {
    width: 50%;
    background-color: #97945b;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 90%;
    color: #fff; border-radius: 4px; -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in; -webkit-appearance: none; 
}

.page .button a {width:auto !important; }

.page .button {display:inline-block; margin-right:1%; margin-top:4%}

.rc-arch-readmore a {display:inline-block; width:auto;}
.searchandfilter ul input[type="submit"]:hover, .rc-arch-readmore a:hover, .read-more:hover, .button a:hover {background-color: #7d5618; cursor: pointer; text-decoration:none}

.rc-arch-readmore .download {margin-left:1%}

.searchandfilter ul li ul {
    padding: 10px;
    font-size: 80%;
}

#single-pub-tab-left {
    width: 70%;
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#single-pub-tab-right {
    width: 20%;
    display: block;
    float: right;
    margin-left: 5%;
}
@media only screen and (max-width : 812px) {
	#single-pub-tab-left {
    width: 100%;
    display: block;
    float: none;
}

#single-pub-tab-right {
    width: 100%;
float: none;
margin-left: 0;
margin-top: 8%;}

.rc-arch-readmore {margin-top:8%; margin-bottom:8%;}
}

.searchandfilter ul {
    display: inline-block;
    margin: 0;
    padding: 0;
	width:100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.searchandfilter ul li ul {
    padding: 10px;
    font-size: 80%; display:block;
}


.searchandfilter label {
    display: block;
    margin-left: 18px;
}

.searchandfilter ul input[type="checkbox"] {margin-left:-18px}

.pc-left {float: right;width: 15%; position:relative}
@media only screen and (max-width : 812px) {
.pc-left {
    float: none;
    width: 25%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 7%;
}
}

.right-holder-arch {float: right;
width: 15%;
position: relative;}

.left-holder-arch {
    width: 85%;
    float: left;
    padding-right: 3.5%;
}

.rc-arch {
    display: inline-block;
    width: 100%;
    padding: 3.5%;
    position: relative;
    margin-right: 0px;
    background-color: #e5e5e5;
    margin-bottom: 40px;
}

.pubfiletype {margin-bottom:2%; color: #596a39;}

@media only screen and (max-width : 812px) {
.pubfiletype {margin-bottom:4%}	}

.filetypelink:after {content:', ';}
.filetypelink:last-of-type:after {content:'.' !important;}
.filetypelink a {color: #596a39;}
.filetypelink a:hover {text-decoration:underline}

.searchandfilter ul > li > ul:not(.children) {margin-left: 0; background-color: #e5e5e5;}
.left-holder-arch h2 a, .pag a, .page h2 {color: #596a39;}

.map-holder {
    width: 84%;
    padding-bottom: 45%;
    position: relative;
    overflow: hidden;
    margin-top: 40px;
    margin-left: 8%;
    margin-right: 8%;
}

svg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    display: block;
    height: 100%;
}

svg a, #single-pub-tab-left h2 a, .left-holder-arch a, .app-subnav a {outline : none;}

svg #centlink #center {fill: #fff; transition: fill .25s ease-in-out !important;
-moz-transition: fill .25s ease-in-out !important;
-webkit-transition: fill .25s ease-in-out !important;}
svg #centlink:hover #center {fill: #d5ded4;}

.goback {
    margin-top: 3.5%;
    clear: both;
    display: inline-block;
    font-size: 80%;
    color: #666; width:100%;
}
.goback:hover { text-decoration:underline; cursor: pointer;}
.single-img-holder {border: 1px solid #ccc;}
.related-docs {margin-top:8%; width:70%;}
@media only screen and (max-width : 812px) {
.related-docs {margin-top:8%; width:100%;}	
}
.related-docs .relatedh2 {
    margin-bottom: 3.5%;
    margin-top: 3.5%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    padding-bottom: 1.25%;
    color:#596a39;
}

#single-pub-tab-left h1, #single-pub-tab-left h2 {line-height:1.2; color:#596a39}
.clear-filters {display: none}
.tag .clear-filters {
    font-size: 80%;
    color: #666;
	display:inline-block !important
}

.alternate .wp-block-columns:nth-of-type(1n) .wp-block-column:nth-of-type(1){order: 1 !important;}
.alternate .wp-block-columns:nth-of-type(2n) .wp-block-column:nth-of-type(2){order: 2 !important;}

.alternate .wp-block-columns:nth-of-type(1n) .wp-block-column:nth-of-type(2) {margin-left: 0;}
.alternate .wp-block-columns:nth-of-type(1n) .wp-block-column:nth-of-type(1) {margin-left: 2em;}

.alternate .wp-block-columns:nth-of-type(2n) .wp-block-column:nth-of-type(2) {margin-left: 2em;}
.alternate .wp-block-columns:nth-of-type(2n) .wp-block-column:nth-of-type(1) {margin-left: 0;}

.margintop4 {margin-top:4%}

@media only screen and (max-width : 812px) {
.alternate .wp-block-columns:nth-of-type(1n) .wp-block-column:nth-of-type(1){order: unset !important;}
.alternate .wp-block-columns:nth-of-type(2n) .wp-block-column:nth-of-type(2){order: unset !important;}	
	
.alternate .wp-block-columns:nth-of-type(1n) .wp-block-column:nth-of-type(2) {margin-left: 0;}
.alternate .wp-block-columns:nth-of-type(1n) .wp-block-column:nth-of-type(1) {margin-left: 0;}

.alternate .wp-block-columns:nth-of-type(2n) .wp-block-column:nth-of-type(2) {margin-left: 0;}
.alternate .wp-block-columns:nth-of-type(2n) .wp-block-column:nth-of-type(1) {margin-left: 0;}

.margintop4 {margin-top:4%}

.alternate img {margin-top:4%; margin-bottom:4%;}
	
}

.page-id-38 .alternate .applications    {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #dae3cb;
}

@media only screen and (max-width : 812px) {
.page-id-38 .alternate .applications {border-bottom-style: none !important;}		
}

.alternate .applications {padding-bottom:2%; margin-bottom:2% !important;}

@media only screen and (max-width : 812px) {
.alternate .applications {padding-bottom:4%; margin-bottom:4% !important;}
	
}

.alternate .applications .wp-block-image {margin:0 !important;}

.img50 {width:50%; margin-left:25%; margin-right:25%}

.mari {margin-right:1vw;}

.mod_twitter_widget_plus {width:100%}

.twitter-timeline {width: 100% !important;}