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


Theme Name: Farrell
Description: A website for Farrell Consulting
Version: 1
Author: Meta Digital
Author URI: http://metadigital.co.nz/
Date: 28 June 2016
*/

/* Sticky footer styles
-------------------------------------------------- */

html {}
body {
  font-family: 'Source Sans Pro', sans-serif;
  color:#4b4b4b;
  background-color:#fafafa;
}
.footer {
}

h1,h2,h3,h4,h5,h6 {margin-top:0px; font-family: 'Oswald', sans-serif;}

h1 {font-size:85px; text-transform:uppercase; font-weight:400;}
h2 {font-size:85px; text-transform:uppercase; font-weight:400; line-height:60px;}
h3 {}
h4 {}
h5 {}
h6 {}

p {font-size:20px; font-weight:200; }

strong {font-weight:400}

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

.pink {color:#cc3366;}
.white {color:#ffffff;}
.grey {color:#6e6e6e;}
.lightgrey {color:#fafafa;}
.darkgrey {color:#4f5660;}

.row.pink {color:#cc3366;}
.white {color:#ffffff;}
.grey {color:#6e6e6e;}
.lightgrey {color:#fafafa;}
.row.darkgrey {background-color:#414850; background-image:url(images/bg-dark-grey-wide-3.png); background-repeat:repeat-x; background-size:196px 100%}
.row.verydarkgrey {background-color:#242424;}

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

/* Header
-------------------------------------------------- */

header {background-color:#232323; min-height:85px;}
header .container {padding-bottom:0px!important;}

.navbar-inverse {background-color: #232323; border-color: #232323;}
.navbar-inverse .navbar-brand {width:170px; height:auto;}
.navbar-brand {float: left; height: 50px; padding: 20px 15px 0px 15px; margin-bottom:0px!important; font-size: 20px; line-height: 20px;}

.navbar {position: relative; min-height: 50px; margin-bottom: 0px; border: 0px solid transparent;}

.nav.navbar-nav {float:left; margin-top:38px; font-size:18px; font-weight:300; text-transform:uppercase;}
.navbar-nav > li > a {padding-top: 15px; padding-bottom: 15px; font-family: 'Oswald', sans-serif;}
.nav > li > a {position: relative; display: block; padding: 0px 10px;}
.nav a,
.nav a:link,
.nav a:visited {color:#ffffff!important;}
.nav a:hover,
.nav a:active,
.nav a.active {color:#cc3366!important;}
.nav .Contact {padding-left:370px;}

.navbar-inverse .navbar-toggle {border-color: #232323;}
.navbar-toggle {position: relative; float: right; padding: 0px; margin-right: 10px; margin-bottom: 0px; margin-top:10px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px;}
.navbar-inverse .navbar-toggle .icon-bar {background-color: #cc3366;}
.navbar-inverse .navbar-toggle:hover {background-color: #232323;}
.navbar-toggle .icon-bar {display: block; width: 60px; height: 7px; margin-bottom:10px; margin-top:10px; border-radius: 1px;}
.navbar-collapse {padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 0px solid transparent; -webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,.1); box-shadow: inset 0 0px 0 rgba(255,255,255,.1);}

/* Content
-------------------------------------------------- */

.row {border-bottom:10px solid #232323;}
.row .container {min-height:630px; padding:40px 0px;}

.row:first-child h2 {width:50%; line-height:90px;}
.row:nth-child(5) h2 {width:80%; line-height:90px; margin-top:-15px!important;}
.row h2 {margin-top:-15px;}

.row-content-area {margin-top:30px;}

#back-to-top {background-color:#ffffff; padding:5px 10px; border-radius:5px; cursor: pointer; position: fixed; bottom: 20px; right: 20px; display:none; color:#4b4b4b; font-weight:400;}
#back-to-top i {color:#cc3366; font-size:22px; padding-right:5px;}

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

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

  .navbar-collapse .nav li {margin:10px 0px;}
  .navbar-collapse .nav .Contact {padding-left:0px;}
  .nav.navbar-nav {float: left; margin-top: 10px;}
  .navbar-brand {float: left; height: 50px; padding: 17px 15px 0px 15px; margin-bottom:0px!important; font-size: 20px; line-height: 20px;}
  .navbar-collapse a {font-size:24px; padding:5px 0px 10px 15px!important;}

  .row:first-child h2 {width:90%;}
  .row:nth-child(5) h2 {width:90%;}

  .row {background:#fafafa!important;}
  .row .container {background-size:cover!important; background-position:right bottom!important;}
  .row .container {min-height:500px; padding:30px 0px;}
  .row.Contact .container {min-height:140px!important; padding:30px 0px 0px 0px;}
  .row.Contact .row-content-area-mobile {padding-bottom:120px;}
  .row-title h1 {font-size:45px; margin-bottom:15px;}
  .row-secondary-title h2 {font-size:45px; margin-bottom:0px; line-height:50px!important; text-align:left;}
  .row-content-area-mobile {padding-top:10px; padding-bottom:20px;}
  .row-content-area-mobile p {color:#6e6e6e;}
  .row-content-area-mobile.verydarkgrey {background-color:#242424;}
  .mobile-extra-content-image {text-align:center; width:50%; margin-left:25%; margin-right:25%; margin-top:20px; margin-bottom:20px;}
  .mobile-overlay-content-image {display:none;}

  .container {width:100%;}

}

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

  .nav.navbar-nav {float:left; margin-top:38px; font-size:18px; font-weight:300; text-transform:uppercase;}
  .navbar-nav > li > a {padding-top: 15px; padding-bottom: 15px;}
  .nav > li > a {position: relative; display: block; padding: 0px 5px;}
  .nav .contact {padding-left:20px;}

  .row .container {min-height:450px; padding:30px 0px;}
  .row-title h1 {font-size:50px; }
  .row-secondary-title h2 {font-size:50px; margin-bottom:0px; line-height:55px!important;}
  .row-content-area {margin-top:20px;}
  .row-content-area p {font-size:14px;}
  .mobile-overlay-content-image {position:absolute; right:30px; top:0px; max-width:150px;}

  .container {width:100%;}

}

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

  .nav.navbar-nav {float:left; margin-top:38px; font-size:18px; font-weight:300; text-transform:uppercase;}
  .navbar-nav > li > a {padding-top: 15px; padding-bottom: 15px;}
  .nav > li > a {position: relative; display: block; padding: 0px 10px;}
  .nav .contact a {padding-left:210px;}

  .row .container {min-height:550px; padding:30px 0px;}
  .row-title h1 {font-size:70px;}
  .row-secondary-title h2 {font-size:70px; line-height:70px!important;}
  .row-content-area {margin-top:20px;}
  .mobile-overlay-content-image {position:absolute; right:30px; top:0px;}

  .container {width:100%;}

}

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

  .nav .contact {padding-left:360px;}

  .mobile-overlay-content-image {position:absolute; right:0px; top:0px;}

  .row h2.grey {margin-top:0px;}

}

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

  .quote-form .gform_wrapper .textarea,
  .quote-form .gform_wrapper input[type=text] {
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Then Style */
    border-radius: 5px;
    border: 0px solid #ffffff;
    padding: 0px;
    background: #ffffff;
    outline: none;
  }

  .page-contact-form .gform_wrapper .textarea,
  .page-contact-form .gform_wrapper input[type=text] {
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Then Style */
    border-radius: 5px;
    border: 1px solid #cccccc;
    padding: 0px;
    background: #ffffff;
    outline: none;
  }

}

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

}