/*
Theme Name: Forest Growers Research (FGR)
Theme URI: http://www.fgr.co.nz
Description: A bespoke WordPress theme based on the Twitter Bootstrap framework for fgr.co.nz, designed and built in March 2017.
Version: 1.0
Author: Hodgeman Web & Design
Author URI: http://www.hodgeman.co.nz

COLOURS --------------------------
GREEN:			#419639
AVOCADO:		#9abf8b
PALE GRN:		#d1ddcd
DRK BLUE:		#0182a9
MID BLUE:		#0095b6
LGT BLUE:		#27a4c2

*/

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
body {
	background:#d1ddcd;
	color:#333;
	font-family:Tahoma, Geneva, sans-serif;
}

a{color:#419639}
a:hover,
a:focus{color:#0182a9;outline:none}

#header,#content{background-color:#FFF}
#header{position: fixed;width:100%;z-index:100;box-shadow:0 0px 10px RGBA(0,0,0,.5);top:0}
.admin-bar #header{top:32px}
#content{}

.relative{position:relative}
#header_menu{position:absolute;bottom:0;right:0}

#slideshow{position:relative}

#mainnav{margin-top:15px}
#content{padding-bottom:30px}

#footer{font-size:11px;color:#0182a9;padding-top:15px}
#footer a{color:#0182a9}
#footer h3.widgettitle{margin-top:0;color:#419639}

h1,h2,h3{font-weight:normal;text-rendering:auto}
h1{font-size:1.6em;margin-bottom:30px;}
h2{font-size:1.6em;color:#419639;}
h3{font-size:1.6em}

a,h1{color:#419639}
a.btn-primary,.btn-primary>a{color:#FFF}
.btn-primary{background-color:#419639;border-color:#419639;color:#FFF}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active, 
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.navbar-toggle,
.navbar-toggle:hover {
color: #FFF;
background-color:#0182a9;
border-color: #0182a9;
}

a[href$=".pdf"]:before,
a[href^="/documents/download/"].pdf:before {padding:0 0 0 20px;content:"\00a0";background:url(images/pdf.png) bottom left no-repeat}
a[href$=".ppt"]:before,
a[href$=".pptx"]:before,
a[href^="/documents/download/"].ppt:before,
a[href^="/documents/download/"].pptx:before{padding:0 0 0 20px;content:"\00a0";background:url(images/ppt.png) bottom left no-repeat}
a[href$=".doc"]:before,
a[href$=".docx"]:before,
a[href^="/documents/download/"].doc:before,
a[href^="/documents/download/"].docx:before{padding:0 0 0 20px;content:"\00a0";background:url(images/doc.png) bottom left no-repeat}
a[href$=".xls"]:before,
a[href$=".xlsx"]:before,
a[href^="/documents/download/"].xls:before,
a[href^="/documents/download/"].xlsx:before{padding:0 0 0 20px;content:"\00a0";background:url(images/xls.png) bottom left no-repeat}
a[href$=".jpg"]:before,
a[href$=".jpeg"]:before,
a[href^="/documents/download/"].jpg:before,
a[href^="/documents/download/"].jpeg:before{padding:0 0 0 20px;content:"\00a0";background:url(images/jpg.png) bottom left no-repeat}
a[href$=".kml"]:before,
a[href^="/documents/download/"].kml:before{padding:0 0 0 20px;content:"\00a0";background:url(images/kml.png) bottom left no-repeat}
a[href$=".kmz"]:before,
a[href^="/documents/download/"].kmz:before{padding:0 0 0 20px;content:"\00a0";background:url(images/kmz.png) bottom left no-repeat}
a[href$=".zip"]:before,
a[href^="/documents/download/"].zip:before{padding:0 0 0 20px;content:"\00a0";background:url(images/zip.png) bottom left no-repeat}

.nav-pills>li>a{border-radius:0}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {background-color:#419639;color:#FFF}
.nav-pills>li>a:hover,
.navbar-nav>li.current-menu-item>a,
.navbar-nav>li.current-page-ancestor>a,
.navbar-nav>li>a:hover, 
.navbar-nav>li.current-menu-item>a:hover, 
.navbar-nav>li.current-page-ancestor>a:hover {background-color:#419639;color:#FFF}

img.pull-left{margin:0 20px 20px 0}
img.pull-right{margin:0 0 20px 20px}

.icons img.pull-left{margin:0 3px 3px 0}
.icons img.pull-right{margin:0 0 3px 3px}

.alert-info {
	color: #904f33;
	background-color: #dacebf;
	border-color: #BEA98E;
}

#toTop{position:fixed;bottom:20px;right:20px;display: none;}
footer{font-size:0.8em}

#roomgallery{margin-bottom:15px}
#roomgallery #feature{margin-bottom:15px}
img.featimg:hover{opacity:0.5}

.marginT20{margin-top:20px}

.modal-content,
.thumbnail{
	background-color:#333;
	border:none;
	border-radius:0;
	padding:10px}
.thumbnail .caption{color:#999}

.modal-header,
.modal-footer{border-color:#666}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}


#breadcrumbs{margin-top:10px}
#sidebar, .tab-content{padding-top:15px}	
	
#carousel-thumbnails .carousel-thumbnail {padding:0 5px;margin-bottom:10px;}
#carousel-thumbnails .carousel-thumbnail img {opacity:0.5;}
#carousel-thumbnails .carousel-thumbnail.active img,
#carousel-thumbnails .carousel-thumbnail img:hover {opacity:1;}
#carousel-thumbnails {margin:10px -5px 30px}

.make-responsive {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
}

.make-responsive.widescreen { padding-bottom: 57.25%; }
.make-responsive.vimeo { padding-top: 0; }

.make-responsive iframe,
.make-responsive object,
.make-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .make-responsive { padding-top: 0; }
}



.navbar-toggle {
  display: inline-block;
  padding: 12px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border: none;
  cursor: pointer;
  user-select: none;
  background-color:#419639;
}
.navbar-toggle .lines {
  display: inline-block;
  width: 21px;
  height: 3px;
  background: #FFF;
  transition: 0.5s;
  position: relative;
  vertical-align: middle;
}
.navbar-toggle .lines:before,
.navbar-toggle .lines:after {
  display: inline-block;
  width: 21px;
  height: 3px;
  background: #FFF;
  transition: 0.5s;
  position: absolute;
  left: 0;
  content: '';
}
.navbar-toggle .lines:before{
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  -moz-transform: rotate3d(0, 0, 1, 45deg);
  -ms-transform: rotate3d(0, 0, 1, 45deg);
  -o-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.navbar-toggle .lines:after{
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  -moz-transform: rotate3d(0, 0, 1, -45deg);
  -ms-transform: rotate3d(0, 0, 1, -45deg);
  -o-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);	
}
.navbar-toggle.collapsed .lines:before {
  top: 6px;
}
.navbar-toggle.collapsed .lines:after {
  top: -6px;
}
.navbar-toggle.collapsed:hover {
  opacity: 1;
}
.navbar-toggle.collapsed:hover .lines:before {
  top: 7px;
}
.navbar-toggle.collapsed:hover .lines:after {
  top: -7px;
}
.navbar-toggle:active {
  -webkit-transition-duration: 0;
  -moz-transition-duration: 0;
  transition-duration: 0;
  background: #0182a9;
}
.navbar-toggle .lines {
  background: transparent;
}
.navbar-toggle .lines:before, .navbar-toggle .lines:after {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
  width: 21px;
}
.navbar-toggle.collapsed .lines {
  background: #FFF;
}
.navbar-toggle.collapsed .lines:before{
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  -moz-transform: rotate3d(0, 0, 1, 0deg);
  -ms-transform: rotate3d(0, 0, 1, 0deg);
  -o-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);
}
.navbar-toggle.collapsed .lines:after{
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  -moz-transform: rotate3d(0, 0, 1, 0deg);
  -ms-transform: rotate3d(0, 0, 1, 0deg);
  -o-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);	
}

.wpb_wrapper h3{background-color: #0095b6;color: #FFF;padding:10px 15px}
.wpb_wrapper h3 a{color: #FFF}
ul.latest-posts{list-style:none;padding-left:0;margin:15px}
ul.latest-posts li{border-bottom:1px solid #DDD;margin-bottom:10px;padding-bottom:10px}
ul.latest-posts li:last-child,
ul.latest-posts li.last-child{border-bottom:none}


.mT20{margin-top:20px}

#btn-play{font-size:100px;position:absolute;text-shadow:3px 3px 0 RGBA(0,0,0,0.3);top:50%;left:50%;margin-left:-50px;margin-top:-20px;}
.hwd_imagewidget-image-link:hover>#btn-play{color:#FFF}

.nav-tabs>li.current_page_item>a, .nav-tabs>li.current_page_item>a:focus, .nav-tabs>li.current_page_item>a:hover,
.nav-tabs>li.current_page_ancestor>a, .nav-tabs>li.current_page_ancestor>a:focus, .nav-tabs>li.current_page_ancestor>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

/* SITEMAP */
.page-id-482 #main>ul>li{margin-top:20px;border-top:1px solid #d1ddcd;padding-top: 5px}
.page-id-482 #main>ul>li a{font-size:2em}
.page-id-482 #main>ul>li>ul>li{margin-top:10px;padding-top:0;border:none}
.page-id-482 #main>ul>li>ul>li a{font-size:1.6em}
.page-id-482 #main>ul>li>ul>li>ul>li{margin-top:5px}
.page-id-482 #main>ul>li>ul>li>ul>li a{font-size:1.2em}
.page-id-482 #main>ul>li>ul>li>ul>li>ul>li a{font-size:1em;margin-top:0}



/* WIDGETS
-------------------------------------------------- */
.widget{margin-bottom:20px}


.dl-horizontal dt {
    float: left;
    width: 100px;
		text-align: right;
}
.dl-horizontal dd {
    margin-left: 120px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
	h1{font-size:2em}
	h2{font-size:1.6em}
	h3{font-size:1.2em}
	.dl-horizontal dt {width:160px}
	.dl-horizontal dd {margin-left:180px}
}

@media (min-width: 992px) {
	h1{font-size:2.4em}
	h2{font-size:2em}
	h3{font-size:1.6em}
}

@media (min-width: 1200px){
	h1{font-size:2.8em}
	h2{font-size:2.4em}
	h3{font-size:2em}
}
@media print {
	#slideshow{display: none}
  	a[href]:after {
    	content: none !important;
  	}
}