/*
      ___        ___      ___        ___
     /\__\      /\  \    /\  \      /\  \
    /::|  |    /::\  \   \:\  \    /::\  \
   /:|:|  |   /:/\:\  \   \:\  \  /:/\:\  \
  /:/|:|__|__/::\~\:\  \  /::\  \/::\~\:\  \    ___  _ ____ _ ___ ____ _
 /:/ |::::\__\/\:\ \:\__\/:/\:\__\/\:\ \:\__\   |__> | |__, |  |  |--| |___
 \/__/~~/:/  /\~\:\ \/__/:/  \/__/__\:\/:/  /   .co.nz
       /:/  /\:\ \:\__\/:/  /        \::/  /
      /:/  /  \:\ \/__/\/__/         /:/  /
     /:/  /    \:\__\               /:/  /
     \/__/      \/__/               \/__/


Theme Name: Regan Shanks
Description: A website for Regan Shanks
Version: 1
Author: Meta Digital
Author URI: http://metadigital.co.nz/
Date: 25 October 2016
*/

/* Sticky footer styles */

* {
	margin: 0;
}

html {
  position: relative;
  height: 100%;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
/*   margin-bottom: 60px; */
  /*font-family: 'Comfortaa', cursive;*/
  font-family: 'Poppins', sans-serif;
  font-weight:100;
  color:#ffffff;
  /*background-image: url('/wp-content/themes/reganshanks/images/bg-body-stones.jpg');*/
  background-size:cover;
  background-repeat:no-repeat;
  background-position: top center;
  height: 100%;
}
.footer {background-color: #9b8264;}

#wrap {}

footer {position:relative; z-index: 100;}

h1,h2,h3,h4,h5,h6 {margin-top:0px; letter-spacing:2px;}

h1 {color:#ffffff; text-transform:uppercase; font-family: 'Sanchez', serif;}
h2 {font-size:38px; line-height:42px; padding:30px 0px 20px 0px; font-weight:100; color:#574c3c; font-family: 'Kaushan Script', cursive;}
h3 {color:#574c3c; font-weight:100;}
h4 {color:#574c3c; font-weight:100;  font-family: 'Sanchez', serif;}
h5 {color:#574c3c; font-size:21px;}
h6 {color:#574c3c; font-size:28px;}

p {font-size:14px; font-weight:200; letter-spacing:1px;}

strong {font-weight:bold}

a,
a:link,
a:visited {color:#ffffff;}
a:hover,
a:active,
a.active {color:#3a3a38;}

.reverse a,
.reverse a:link,
.reverse a:visited {color:#9b8264;}
.reverse a:hover,
.reverse a:active,
.reverse a.active {color:#3a3a38;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
     user-select: none;
    }

::-moz-selection{ /* Code for Firefox */
    color: #ffffff;
    background: #3a3a38;
}
::selection{
    color: #ffffff;
    background: #3a3a38;
}

/* Header */

.reganshanks-logo {text-align:center;}
.reganshanks-logo img {width:250px;}

header {}
.navbar-default {background-color: transparent; border-color: transparent;}

.navbar {/*background-image: url('/wp-content/themes/reganshanks/images/bg-header.png');*/ background-color:#fefef2; min-height:20px; background-position: top center; background-repeat:repeat-x; margin-bottom: 0px; padding:10px 0px 15px 0px; border: 0px solid transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.navbar ul.navbar-nav{position: relative;}
#navbar .left, #navbar .middle, #navbar .right{padding:0;}
#navbar .middle img{margin:0 auto;}
#navbar .left li, #navbar .right li{margin:0px 8px;}
.navbar li{margin:0px 0px; position:static;}
.navbar a {font-family: 'Sanchez', serif; text-transform: uppercase; font-size:15px; font-weight:300; padding:30px 0px!important;}
.navbar a:link,
.navbar a:visited {color:#2b2b29!important;}
.navbar a:hover,
.navbar a:active {color:#866330!important;}
.navbar li:last-child{}

.navbar #menu-item-9 {text-indent:-9999px; width:370px; height:100px; background-image: url('/wp-content/themes/reganshanks/images/logo.png'); background-position:center center;}
.navbar-form {margin:32px 0px 20px 0px; }

#shiftnav-toggle-main .shiftnav-main-toggle-content {text-indent:-9999px; width:100%; height:65px; background-color:#ccc9c1; background-image: url('/wp-content/themes/reganshanks/images/logo.png'); background-size:35%;  padding:40px 0px!important; margin-top:0px; background-repeat:no-repeat; background-position:center center;}
.shiftnav-menu-title {display:none;}
#shiftnav-toggle-main-button {color:#574c3c; padding-top:30px!important;}

/* Home Page */

#home-carousel .item{height:540px; background-size:cover; background-position:center;}

.carousel .carousel-inner .item{opacity: 0; transition-property: opacity;}
.carousel .carousel-inner .active{opacity:1;}
.carousel .carousel-inner .active.left,
.carousel .carousel-inner .active.right {left: 0; opacity: 0; z-index: 1;}
.carousel .carousel-inner .next.left,
.carousel .carousel-inner .prev.right {opacity: 1;}
.carousel .carousel-control {z-index: 2;}
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.down-arrow-container{position:relative; z-index:2; top:-45px; height:0px; width:100%;}
.down-arrow{width:100%;}
.down-arrow img{margin:0 auto; display:block;}

.home-content {/*background-image: url('/wp-content/themes/reganshanks/images/bg-header-dark.png');*/ min-height:210px; background-position: top center; background-repeat:repeat-x; width:100%; text-align:center; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.home-content .main-content {background:#2b2b29; /*margin-top:90px;*/ padding-top:60px; padding-bottom:90px;}
.home-content .main-content h1 {margin-top:50px; /*max-width:600px;*/ margin-left:auto; margin-right:auto;margin-bottom: 30px;line-height: 1.5;}
.home-content .main-content p {max-width:1024px; margin-left:auto; margin-right:auto; line-height:2;}
.home-content-lower {width:100%; padding:0px;}
.home-content-lower .main-content {width:100%; padding:0px;}
.home-content-lower h3 {text-align:center; color:#9b8264; padding-bottom:30px;}

.association-logo img {width:10%; padding-top:30px;}

.body-wrapper {/*background-image: url('/wp-content/themes/reganshanks/images/bg-main.png');*/ background-color:#fefef2; background-position: top center; background-repeat:repeat; padding:150px 0px;}

.body-wrapper .main-content a{color:#564c3c; text-decoration:underline;}

.body-wrapper-top-image-container{height:0px; position:relative; top:-250px;}
.body-wrapper-top-image{height:250px; background-image:url('images/graphic.jpg'); background-size:cover; background-position:bottom;}

.body-content p {color:#2b2b29;}
.body-content .large img {height:100%;}
.body-content .col-xs-6 {padding:0px;}
.body-content .row {padding-bottom:60px;}

.col-xs-6.item.large img {width:100%;}
.col-xs-6.item.small img {width:100%;}

#swipebox-overlay{background:rgba(0,0,0,0.8)!important;}
#swipebox-bottom-bar, #swipebox-top-bar{background:rgba(0,0,0,0.8)!important;}

/* Webforms */

.gfield .gfield_label {display:none!important;}
.gform_heading {display:none;}

.gform_fields {}

.gform_wrapper input {background:#2b2b29; border:1px solid #ccc9c1; width:100%!important; height:35px; font-size:16px!important; padding:5px!important;}
.gform_wrapper select {background:#2b2b29; border:1px solid #ccc9c1; width:100%!important; color:#ccc9c1; height:35px; font-size:16px!important; padding:0px 5px!important;}
.gform_wrapper textarea.medium {width: 33%!important; height:107px!important; border:1px solid #ccc; background:#2b2b29; font-size:16px!important; padding:5px!important; position:absolute; top:40px;}

.gform_fields li {display:inline-block; width:33%; padding-right:30px; margin-bottom:13px;}

#gform_submit_button_1 {float:right!important; background-color:#ac8c53; border:1px solid #ac8c53; width:150px!important; text-transform:uppercase; margin:0!important;}
#gform_submit_button_1:hover { background-color:#ccc9c1; border:1px solid #ccc9c1; color:#574c3c;}

/* Footer */

footer {padding-top:30px;}
footer.footer {background:#2b2b29;}

.footer-inner {padding-top:50px;}

.footer-first {text-align:center; color:#ccc9c1;}
.footer-first h4 {font-size:28px; text-transform: uppercase; color:#ccc9c1; margin-bottom:20px;}
.footerphone {font-size:48px; margin-top:30px; font-weight:bold;}

.footer-base p {text-align:center; padding-top:30px!important; font-size:13px;}
.footer-base img {margin:0 auto;}

.footernotes a,
.footernotes {color:#574c3c;}

#back-to-top {padding:5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; position: fixed; bottom: 50px; left:auto; right: 50px; display:none; color:#ac8c53; font-weight:400;z-index: 333;}
#back-to-top i {color:#ac8c53; font-size:22px; padding-left:2px;}

/*==========  Mobile First Method  ==========*/

/****************************************/
/***** MEDIA QUERY FOR BELOW 767PX ******/
/****************************************/
@media (max-width:767px) {

  /*body {
    background-image: url('/wp-content/themes/reganshanks/images/bg-body-stones.jpg');
    background-size:100%;
    background-repeat:no-repeat;
    background-position: top center;
  }*/

	#home-carousel .item{height:150px;}

  .home-content {background-image: url('/wp-content/themes/reganshanks/images/bg-header-dark.png'); background-color:#2b2b29; background-size:100%; background-position: top center; background-repeat:repeat-x; width:100%; text-align:center; padding:30px 0px 0px 0px; margin:0px 0px 0px 0px;}
  .home-content .main-content {background:#2b2b29; margin-top:0px; padding-bottom:90px;}

  .navbar {display:none;}

  /*.shiftnav-wrap {padding-top:150px!important;}*/

  .association-logo img {width:30%; padding-top:30px;}

  h1 {font-size:28px;}
  h2 {font-size:28px;}

  .col-xs-6,
  .col-sm-6 {overflow:hidden;}

  .footerphone {font-size:32px; margin-top:30px; font-weight:bold;}

  .gform_wrapper input {background:#2b2b29; border:1px solid #ccc9c1; width:100%!important; height:35px; font-size:16px!important; padding:5px!important;}
  .gform_wrapper select {background:#2b2b29; border:1px solid #ccc9c1; width:100%!important; color:#ccc9c1; height:35px; font-size:16px!important; padding:0px 5px!important;}
  .gform_wrapper textarea.medium {width:100%!important; height:107px!important; border:1px solid #ccc; background:#2b2b29; font-size:16px!important; padding:5px!important; position:relative; top:0px;}

  .gform_fields li {display:inline-block; width:100%; padding-right:0px; margin-bottom:13px;}

  #gform_submit_button_1 {float:right!important; background-color:#574c3c; border:1px solid #574c3c; width:100%!important;}

  #back-to-top {color:#3a3a38;}
  #back-to-top i {color:#3a3a38;}

  .container {width:100%; padding-left:0px; padding-right:0px;}

}

/****************************************/
/**** MEDIA QUERY FOR 768PX - 991PX *****/
/****************************************/
@media (min-width:768px) and (max-width:991px) {

	#navbar{padding:0;}
  .nav > li > a {padding: 10px 0px!important;}
  .navbar {padding:10px 0px 15px 0px;}
  .navbar li {margin:15px 5px!important;}
  .navbar a {text-transform: uppercase; font-size:10px; font-weight:300; padding-top:20px!important; padding-bottom:0px!important;}
  .navbar a:link,
  .navbar a:visited {color:#3a3a38!important;}
  .navbar a:hover,
  .navbar a:active {color:#3a3a38!important; text-decoration:underline!important;}
  .navbar li:last-child {}

  .navbar #menu-item-9 {text-indent:-9999px; width:210px; height:60px; background-image: url('/wp-content/themes/reganshanks/images/logo.png'); background-size:210px;  background-position:center center;}

  .navbar-form {margin:18px 0px 20px 0px;}

  .home-content .main-content p {max-width:900px; margin-left:auto; margin-right:auto;}

  .association-logo img {width:20%;}

  h2 {font-size:28px; padding: 0px 0px 10px 0px; }

  .col-sm-6 {overflow:hidden;}

  .container {width:100%;}

}

/****************************************/
/*** MEDIA QUERY FOR 992PX - 1199PX *****/
/****************************************/
@media (min-width:992px) and (max-width:1199px) {

	#navbar .right ul{float:right;}

  .navbar {padding:10px 0px 15px 0px;}
  .navbar li {margin:15px 18px;}
  .navbar a {text-transform: uppercase; font-size:12px; font-weight:300; padding-top:20px!important; padding-bottom:0px!important;}
  .navbar a:link,
  .navbar a:visited {color:#3a3a38!important;}
  .navbar a:hover,
  .navbar a:active {color:#574c3c!important; text-decoration:underline!important;}
  .navbar li:last-child {}

  .navbar #menu-item-9 {text-indent:-9999px; width:310px; height:80px; background-image: url('/wp-content/themes/reganshanks/images/logo.png'); background-size:310px;  background-position:center center;}

  .navbar-form {margin:18px 0px 20px 0px;}

  .home-content .main-content p {max-width:900px; margin-left:auto; margin-right:auto;}

  h2 {padding: 20px 0px 10px 0px; }

  .col-sm-6 {overflow:hidden;}

  .container {width:100%;}

}

/****************************************/
/*** MEDIA QUERY FOR 1200PX AND ABOVE ***/
/****************************************/
@media (min-width:1200px) {

}

/**************************************/
/*** CHROME AND SAFARI SPECIFIC CSS ***/
/**************************************/
@media screen and (-webkit-min-device-pixel-ratio:0) {

  .gform_wrapper select {
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Then Style */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
    border: 1px solid #ccc9c1;
    padding: 0px;
    background: #2b2b29;
    outline: none;
  }

}

/**************************************/
/******** IE 10+ SPECIFIC CSS *********/
/**************************************/
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {

}