/*

Theme Name: Goldmine Motel

Theme URI: http://goldminemotel.co.nz

Description: A custom responsive WordPress theme for Gold Mine Motel. Developed in March 2015.

Version: 1.0

Author: Hodgeman Web & Design

Author URI: http://hodgeman.co.nz/

Tags: Tan, White, Responsive



TAN #F5F0E6

LT BROWN #CDC4B1

DK BROWN #B6AC97

*/



body {

	color:#524a3a;

	background-color: #F5F0E6;

	font: 14px/24px "Myriad Pro", Myriad, Tahoma, Verdana, Arial, Helvetica, sans-serif;

}



:focus {outline-style:none;

box-shadow:none;

border-color:transparent;}

a{outline:none;color:#625029}

a:hover,

a:focus,

a:active{color:#524a3a}

h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote,.fullwidth, iframe{margin-bottom:20px}



h2>a:hover,
h3>a:hover{text-decoration:none}



h1{font-size:2.4em}

h2{font-size:2.0em;margin:20px 0}

h3{font-size:1.6em;color:#625029}

h4{font-size:1.2em}

h5{font-size:0.8em}



.widgettitle{color:#625029;font-size:2.0em}

.grid-item{margin-bottom:30px}



.page-template-page_childgrid_links-php	.grid-item h3{margin-top:0}



.container{}

.carousel{z-index:10}



#menu{background-color:#CDC4B1}

#header a#logo>img{margin:0 auto}



.navbar-toggle{color:#000;background-color:#CDC4B1}



.nav-justified>li {

	float:left;

	width:49%;

}



.nav-pills>li>a{border-radius:0;text-transform:uppercase}

.nav>li>a{color:#000}

.nav>li.current-menu-item>a,

.nav>li.current-menu-item>a:hover,

.nav>li.current-page-ancestor>a,

.nav>li.current-page-ancestor>a:hover,

.nav>li>a:focus{background-color:#F5F0E6}

.nav>li>a:hover{background-color:#B6AC97}





#footer{background-color:#CDC4B1;color:#333;padding-top:15px;margin-top:20px;font-size:12px;}

	#footer a{color:#333}

	#footer a:hover{color:#000}

	#footer h3.widgettitle{margin-top:10px}



#credit{background-color:#B6AC97;color:#333;font-size:11px}

	#credit a{color:#333}

	#credit a:hover{color:#000}

	#credit p{margin-bottom:0;padding:10px 0}

	

#blur{background:url(images/bg_blur.jpg) 50% no-repeat fixed;color:#fff;padding:0;background-size:cover;}

	#blur h1{text-shadow:0px 2px 2px RGBA(0,0,0,0.5)}





hr{border-color:#d6cdbf;margin:30px 0}

hr:after { 

    background: url('images/hr.png') no-repeat top center;

    content: "";

    display: block;

    height: 31px; /* height of the ornament */

    position: relative;

    top: -15px; /* half the height of the ornament */

}



.center{text-align:center}



.alignleft{float:left}

.alignright{float:right}



img.alignleft{margin:0 10px 20px 0}

img.alignright{margin:0 0 20px 10px}



.search-field::-webkit-input-placeholder{color:#FFF;text-indent:4px}

.search-field:-moz-placeholder{color:#FFF;text-indent:4px}

.search-field::-moz-placeholder{color:#FFF;text-indent:4px;opacity:1}



#breadcrumbs{margin-top:15px}



.post{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #CCC}

.post h3{margin:5px 0}

.post p{margin-bottom:0}

.date{color:#999}



.latestPosts{list-style:none;padding-left:0;margin-bottom:0}



.photogrid>div,

.gallery>div{margin-bottom: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%;

}





.gutter5{padding:0 5px;margin-bottom:10px}

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;

}





ul{list-style-image:url(images/tick.gif);padding-left:20px}



.featured ul,

.featured hr{display:none}



#content a>img{border:5px solid #FFF;box-shadow:0px 2px 5px RGBA(0,0,0,0.5)}





.btn-primary{background-color:#625029;border-color:#524a3a}

.btn-primary:hover,

.btn-primary:focus{background-color:#524a3a;border-color:#625029}



.top>h2:first-child{margin-top:0}



#googlemap{width:100%;height:400px}

#infoWindowTitle{width:150px}



@media (min-width: 768px){

	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{margin:0 -15px}

	h1{font-size:3.0em}

	h2{font-size:2.6em;margin:30px 0}

	h3{font-size:2.2em}

	h4{font-size:1.8em}

	h5{font-size:1.4em}

	.nav-justified>li {

		float:none;

		width:1%;

	}

	#blur{padding:10px 0}

}

@media (min-width: 992px){

	h1{font-size:3.1em}

	h2{font-size:2.7em;margin:35px 0}

	h3{font-size:2.3em}

	h4{font-size:1.9em}

	h5{font-size:1.5em}

	#blur{padding:15px 0}

}

@media (min-width: 1200px){

	h1{font-size:3.2em}

	h2{font-size:2.8em;margin:40px 0}

	h3{font-size:2.4em}

	h4{font-size:2.0em}

	h5{font-size:1.6em}

	#blur{padding:20px 0}

}