/*
Theme Name: SeniorNet Rotorua (Inc).
Theme URI: http://www.rotoruaseniornet.gen.nz
Description: A bespoke responsive WordPress theme SeniorNet Rotorua (Inc), completed in January 2017
Version: 1.0
Author: Hodgeman Web & Design
Author URI: http://www.hodgeman.co.nz


Dark Green: #00425a
Light Green: #c6ce21
*/

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700);
@import url(http://fonts.googleapis.com/css?family=Oswald:300);

body {
  color: #5a5a5a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #00425a;
}

a{color:#225972}
a:hover{color:#c6ce21}

h1{font-family: 'Ubuntu', sans-serif;font-weight:700;color:#c6ce21}
h2,h3,h4,.btn-lg{font-family: 'Oswald', sans-serif;font-weight:normal}

h1{font-size:2em}
h2{font-size:1.6em;color:#666}
h3{font-size:1.4em;color:#00425a}
h3{font-size:1.2em}

.navbar-inverse,footer{background:url(images/diamond-plate.gif)}
#filters{margin-bottom:20px}
#calltoaction{margin-top:20px}

.navbar{border-radius:0px}
.img-responsive{display:inline-block}

.navbar-default{background-color:#004a63}
.navbar-default .navbar-nav>li>a{color:#FFF;font-size: initial;}

#header{color:#FFF}
#header a,
#nav_headlinks a{color:#FFF}
#header,#content{padding:5px 0}

#content{background-color:#FFF}
	#content ul, #content ol{padding-left: 20px}
	#content ul.pager,
	#content ul.list-inline{padding-left:0}
	#content a{text-decoration:underline}
	#content a.btn,
	#content .thumbnail a,
	#content a.list-group-item{text-decoration:none}

.thumbnail h3{margin-top:10px}
.navbar{
	min-height:0px;
	border:none;
	margin-bottom:0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none}

.img-centre {margin: 0 auto;display:block}

#headlinks,
#nav_headlinks{margin-top:15px;font-size:12px}

.navbar-default .navbar-nav>.current-menu-ancestor>a,
.navbar-default .navbar-nav>.current-menu-ancestor>a:focus,
.navbar-default .navbar-nav>.current-menu-ancestor>a:hover,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.single-courses .navbar-default .navbar-nav>li.menu-item-593>a,
.single-courses .navbar-default .navbar-nav>li.menu-item-593>a:focus,
.single-courses .navbar-default .navbar-nav>li.menu-item-593>a:hover,
.single-tribe_events .navbar-default .navbar-nav>li.menu-item-592>a,
.single-tribe-events .navbar-default .navbar-nav>li.menu-item-592>a:focus,
.single-tribe-events .navbar-default .navbar-nav>li.menu-item-592>a:hover,
.btn-primary,
.btn-primary:active,
.btn-primary:focus,
.navbar-toggle,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
  color: #FFF;
  background-color: #c6ce21;
	border:none;
}
.btn-primary[disabled]{
  color: #FFF;
  background-color: #c6ce21;
	border:none;
	opacity: 1;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#fff;padding:6px 20px}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#c6ce21;background-color:#00425a}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-nav .open .dropdown-menu{background-color:#00425a;color:#c6ce21}

.navbar-nav>li>.dropdown-menu>li.current-page-ancestor>a{color:#fff;background-color:#00425a;}

.btn-primary:hover,
.navbar-toggle:hover
{background-color:#95a039}


.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: #c6ce21;
}
.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: rgba(0, 0, 0, 0.1);
}
.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);	
}



#breadcrumbs{padding:10px 0;font-size:12px;background:#f5f5f5;border-top:1px solid #e7e7e7}

.carousel-control.left,
.carousel-control.right{background-image:none}

.single-equipment h2{margin-bottom:20px}
.single-equipment #detail{background:url(images/dropshadow.png) top center no-repeat;padding-top:1px;border-top: 1px solid #eaebed}
.gutter5{margin-bottom:30px}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


.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; }
}

/*BLOG*/

ul.meta{font-size:0.9em;color:#999}
#content ul.meta a{color:#666;padding-bottom:1px;border-bottom:1px dotted rgb(204, 204, 204);text-decoration:none}
ul.meta a:hover{color:#00425a;text-decoration:none}

/*EVENTS LIST

ul class="ecs-event-list"
li class="ecs-event"
event title link is H4 class="entry-title summary"
date class is time
venue class is venue
span .ecs-all-events
p .ecs-excerpt

*/
#content ul.ecs-event-list{list-style:none;padding-left:0}
ul.ecs-event-list li.ecs-event{margin-bottom:5px}
ul.ecs-event-list h4.entry-title{font-family:inherit;font-size:inherit;margin:0}
ul.ecs-event-list .duration{font-size:0.8em}

.tribe-events-calendar div[id*='tribe-events-event-'] h3.tribe-events-month-event-title a {font-size:120%;font-weight:bold;}


#footer{color:#FFF;font-size:0.9em;padding:20px 0}
	#footer h3{color:#c6ce21;margin-top:0}
	#footer a{color:#FFF;border-bottom:1px dotted rgb(204, 204, 204)}
	#footer a:hover{color:#A0B9BD;text-decoration:none}
	#footer #credit{font-size:0.9em;color:#999}
	#footer #credit a{color:#BBB}
	#footer #credit a:hover{color:#CCC}
.widget{margin-bottom:30px}


a[href$=".pdf"]{padding:0 0 0 25px;content:"";background:url(images/pdf.png) bottom left no-repeat}


a.fancybox{position:relative;display:block;overflow:hidden}
a.fancybox .info{
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	display:block;
	background-color:RGBA(17,17,17,0.5);
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	opacity:0;
	text-align:center;
	color:#FFF}
a.fancybox .info span{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 2em;
	height: 2em;
	margin-left: -1em;
	margin-top: -1em;
	line-height: 2em;
	display: block;
	font-size: 1.5em;
	border: 2px solid #fff;
}

a.fancybox:hover .info{
	opacity:1;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

.dl-horizontal dt{width:80px}
.dl-horizontal dd{margin-left:90px}

img.alignright, img.pull-right{float:right;padding:0 0 20px 20px}
img.alignleft, img.pull-left{float:left;padding:0 20px 20px 0}
img.aligncenter{display:block;margin:0 auto;padding:0 0 20px}


#content ol.tribe-list-widget{padding-left:0}
.tribe-events-list-widget .tribe-events-list-widget-events{padding-left:0}

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

@media (min-width: 768px) {
	#header,#content{padding:10px 0}
	h1{font-size:2.2em}
	h2{font-size:1.8em;margin-bottom:20px}
	h3{font-size:1.6em}
	h3{font-size:1.4em}
	.navbar{border:1px dashed #427384;border-width:1px 0 0;}
}

@media (min-width: 992px) {
	.btn-lg{font-size:1.6em}
	#header,#content{padding:20px 0}
	h1{font-size:2.4em}
	h2{font-size:2em}
	h3{font-size:1.8em}
	h3{font-size:1.6em}
}

@media (min-width: 1200px){
	h1{font-size:2.6em}
	h2{font-size:2.2em}
	h3{font-size:2em}
	h3{font-size:1.8em}
}

@media print{
	#header,
	#footer,
	.btn{display:none}
}