/*
Theme Name: Findco 2017
Theme URI: http://www.macstudio.co.nz
Author: Jon Clamp
Author URI: http://www.macstudio.co.nz
Description: MacStudio Bootstrap 3
Version: 1.0
License: MacStudio Limited
License URI: http://www.macstudio.co.nz
Tags: hello
Text Domain: bootstrap3
*/

body {
	background: #FFF;
	color: #555;
	font-family: "Montserrat", Helvetica, Arial, "sans-serif";
	font-size:15px;
	font-weight:300;
	line-height:1.5em;
}

img {
	height:auto;
	max-width:100%;
}

em {
	color:#d84465;
}

hr {
	border:0;
	border-top:1px solid #EEE;
	clear:both;
	display:block;
	margin:30px 0;
	padding:0;
	width:100%;
}

ul {
	margin-bottom:18px;
}

/* FONTS */

h1, h2, h3, h4, h5, h6, p {
	margin:0 0 18px 0;
	padding:0;
}

h1 {
	color:#0d2240;
	font-size:1.75em;
	font-weight: 400;
	line-height:1.4em;
}

h2 {
	color:#0d2240;
	font-size:1.35em;
	font-weight: 400;
	line-height:1.3em;
}

h3 {
	color:#0d2240;
	font-size:1.25em;
	font-weight: 400;
	line-height:1.2em;
}

h4 {
	color:#0d2240;
	font-size:1.2em;
	font-weight: 400;
	line-height:1.2em;
}

h5 {
	color:#0d2240;
	font-size:1.15em;
	font-weight: 400;
	line-height:1.1em;
}

h6 {
	color:#0d2240;
	font-size:1.1em;
	font-weight: 400;
	line-height:1.1em;
}

/* LINKS */

a:link {
	color: #0d2240;
	text-decoration:none;
}

a:visited {
	color: #0d2240;
	text-decoration:none;
}

a:hover {
	color: #d84465;
	text-decoration:none;
}

a:hover img {
	opacity:0.7;
}

a:active {
	color: #0d2240;
	text-decoration:none;
}

/* COLOURS */

.cyan {
	color: #00AEEF;
}

.red {
	color:#d84465;
}

.white {
	color: #FFF;
}

.white a:link, .white a:active, .white a:visited {
	color:#FFF;
}

.white a:hover {
	color:#CCC;
}

/* BACKGROUNDS */

.bkg-black {
	background: #000000;
}

.bkg-blue {
	background: #0d2240;
}

.bkg-lblue {
	background:#ccd7de;
}

.bkg-cyan {
	background: #00AEEF;	
}

.bkg-grey {
	background: #eeeeee;
}

.bkg-red {
	background:#d84465;
}

.bkg-white {
	background: #ffffff;
}

/* SECTIONS */

.section {
	clear:both;
	display:block;
	padding: 50px 0;
}

/* STYLES */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.fit-width {
	width: 100%;
}

/* SECTIONS BLACK */

.section.black {
	background: #000000;
	color: #ffffff;
}
.section.black a:link {
	color: #FFF;
	text-decoration:none;
}
.section.black a:visited {
	color: #FFF;
	text-decoration:none;
}
.section.black a:hover {
	color: #FFF;
	text-decoration:underline;
}
.section.black a:active {
	color: #FFF;
	text-decoration:none;
}

/* SECTIONS WHITE */

.section.white {
	background: #ffffff;
	color: #000000;
}
.section.white a:link {
	color: #00AEEF;
	text-decoration:none;
}
.section.white a:visited {
	color: #00AEEF;
	text-decoration:none;
}
.section.white a:hover {
	color: #00AEEF;
	text-decoration:underline;
}
.section.white a:active {
	color: #00AEEF;
	text-decoration:none;
}

/* SECTIONS CYAN */

.section.cyan {
	background: #00AEEF;
	color: #ffffff;
}
.section.cyan a:link {
	color: #ffffff;
	text-decoration:none;
}
.section.cyan a:visited {
	color: #ffffff;
	text-decoration:none;
}
.section.cyan a:hover {
	color: #ffffff;
	text-decoration:underline;
}
.section.cyan a:active {
	color: #ffffff;
	text-decoration:none;
}

/* SECTIONS GREY */

.section.grey {
	background: #eeeeee;
	color: #000000;
}
.section.grey a:link {
	color: #00AEEF;
	text-decoration:none;
}
.section.grey a:visited {
	color: #00AEEF;
	text-decoration:none;
}
.section.grey a:hover {
	color: #00AEEF;
	text-decoration:underline;
}
.section.grey a:active {
	color: #00AEEF;
	text-decoration:none;
}

/* NAV BAR */
.nav-wrap {
	margin-bottom: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
}
.navbar-collapse,	
.nav-wrap .container {
	padding: 0;
}

.navbar {
	background: #ffffff;
	border: none;
	border-radius: 0;
	margin-bottom: 0;
	padding: 0;
	text-transform:uppercase;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #0d2240;
	background: none;
}

.navbar-default .navbar-nav > li > a {
	color: #0d2240;
}

.navbar-default .navbar-nav > li > a:hover {
	background-color:#EEE;
	color: #d84465;
}

.navbar-default .navbar-nav a {
	margin:0;
	padding:15px;
}


/* MARGINS / PADDING */
.margin-top {
	margin-top: 30px;
}

.margin-top-small {
	margin-top: 15px;
}

.margin-top-big {
	margin-top: 60px;
}

.margin-top-minus {
	margin-top: -60px;
}

.margin-bottom {
	margin-bottom: 30px;
}

.margin-bottom-small {
	margin-bottom: 15px;
}

.margin-minus {
	margin-left: -15px;
	margin-right: -15px;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.padding {
	padding: 30px;
}

/*------------------------------------
---------- BUTTONS ------------
------------------------------------*/

.btn-blue {
    background: #0d2240;
	border-radius:4px 4px 4px 4px;
    color: #ffffff !important;
	margin:0 0 18px 0;
	padding:10px 14px;
}

.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open > .dropdown-toggle.btn-blue {
    background: #004d7b;
}
 
.btn-blue:active, .btn-blue.active {
    background: #004d7b;
    box-shadow: none;
}

.btn-red {
    background: #d84465;
	border:none;
	border-radius:4px 4px 4px 4px;
    color: #ffffff !important;
	margin:0 0 18px 0;
	padding:10px 14px;
	box-shadow: none;
}

.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .open > .dropdown-toggle.btn-red {
    background: #d84465;
}
 
.btn-red:active, .btn-red.active {
    background: #d84465;
    box-shadow: none;
}

/*------------------------------------
---------- CUSTOM CLASSES ------------
------------------------------------*/

.border {
	border:1px solid #DDD;
}

.border-top {
	border-top:1px solid #DDD;
}

.center-vert {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	top:45%;
}

.circle {
	background:#d84465;
	border-radius: 50%;
	color: #fff;
	height: 160px;
	line-height: 160px;
	margin:0 auto 20px auto;
	text-align: center;
	width: 160px;
}

.copyright {
	border-top:1px solid #d84465;
}

.container-wide {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 768px) {
  .container-wide {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container-wide {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .container-wide {
    width: 100%;
  }
}
@media (min-width: 1600px) {
  .container-wide {
    width: 1500px;
  }
}

/* CAROUSEL FULL WIDTH */

.carousel {
	background:#DDD;	
}

.carousel img {
    min-width: 100%;
}

.carousel-inner .item {
	background-position: center;
	background-repeat:no-repeat;
	background-size:cover;
	height:400px;
	width:100%;
}

.carousel-caption {
	bottom: initial;
	font-size:1.5em;
	font-weight:400;
	left:10%;
	padding: 30px;
	text-align: left;
	top: 50%;
	transform: translateY(-50%);
}

.carousel-caption h2 {
	border-bottom:2px solid #d84465;
	color:#FFF;
	display:inline-block;
	font-size:1.75em;
	padding-bottom:16px;
}

@media (min-width: 1200px) {
	
.carousel {
	overflow:hidden;
}
.carousel-caption {
	top:40%;
}
	
.carousel-inner .item {
	height:600px;
}
	
}

.footer img {
	max-width:26px;
	margin: 5px 5px 5px 0;
}

.logo {
	max-width:300px;
}

.min-h-150 {
	min-height:150px;
}

.min-h-200 {
	min-height:200px;
}

.min-h-300 {
	min-height:300px;
}

/* BOOTSTRAP MODAL CENTER ALIGN */

.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.nth:nth-child(2n+1) {
	clear:left;
}

.nth-3:nth-child(3n):before {
	clear:both;
	content: ' ';
	display: block;
	width: 100%;
}

@media (min-width: 992px) {

.nth:nth-child(2n+1) {
	clear:none;
}

.nth:nth-child(3n+1) {
	clear:left;
}

}

.overlay {
	background-color:rgba(0,0,0,0.5);
	bottom:0;
	left:0;
	right:0;
	top:0;
	position:absolute;
	z-index: 99;
	transition:200ms;
}

.overlay:hover {
	background-color:rgba(0,0,0,0.2);
}

/* ACCORDION STYLE FOR BUSINESS DEVELOPMENT PAGE */

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
h4.panel-title {
margin-top:10px;
margin-bottom:10px;
}

.price {
	font-size:2em;
	font-weight:600;
	margin-bottom:0 !important;
}

.small {
	font-size:85%;
}

.square {
	padding-bottom:100% !important;
}

.testimonial {
	font-size:1.75em;
	font-style: italic;
	line-height:1.5em;
}

.thumbnail {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border:0;
	border-radius:0;
	margin:0;
	padding:0;
	padding-bottom:66.66%;
	position:relative;
}




/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 320px) {
.text-align-left-desktop-centre-phone {
	text-align: center;
}
.text-align-right-desktop-centre-phone {
	text-align: center;
}
.margin-top-phone {
	margin-top: 25px;
}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.text-align-left-desktop-centre-phone {
	text-align: left;
}
.text-align-right-desktop-centre-phone {
	text-align: right;
}
.margin-top-phone {
	margin-top: 0px;
}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

/* WORDPRESS REQUIRED CLASSES */

 .wp-caption {
 }
 
 .wp-caption-text {
 }
 
 .sticky {
 }
 
 .screen-reader-text {
 }
 
 .gallery-caption {
 }
 
 .bypostauthor {
 }
 
 .alignright {
 }
 
 .alignleft {
 }
 
 .aligncenter {
 }