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


Theme Name: Creative PR
Description:
Version: 1
Author: Meta Digital
Author URI: http://metadigital.co.nz/
*/

/*============Sticky Footer============*/
html,
body {height:100%;}

#wrap{min-height:100%; height:auto!important; height:100%; margin:0 auto -10px; padding:0 0 10px;}

.clear{clear:both;}

img.alignleft{
	float:left;
	margin:0px 10px 0px 0px;
}

img.alignright{
	float:right;
	margin:0px 0px 0px 10px;
}

.alignright {
  float:right;
  margin:0 0 15px 30px;
}

.alignleft {
  float:left;
  margin:0 30px 15px 0;
}

* {outline:none!important;}

/*==========Fonts & Headings===========*/
body{}

h1{font-family: 'Raleway', sans-serif; font-size: 72px; color: #4c6475; font-weight: 400;}
h2{font-family: 'Raleway', sans-serif; font-size: 48px; color: #4c6475; font-weight: 400;}
h3{font-family: 'Raleway', sans-serif; font-size: 30px; color: #4c6475; font-weight: 400;}
h4{font-family: 'Raleway', sans-serif; color: #4c6475;}
h5{font-family: 'Raleway', sans-serif; color: #4c6475;}

p{font-family: 'Open Sans', sans-serif; color: #636363; font-size: 16px; line-height: 1.75;}
strong{font-weight: 600;}

a{
	font-family: 'Open Sans', sans-serif;
	text-decoration:none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

a:visited,
a:hover,
a:active{
	text-decoration:underline;
}

.default-content a{color: #fe5f55; text-decoration: none;}

.default-content ul{padding-left: 15px;}
.default-content ol{padding-left: 15px;}

.default-content ul li{font-family: 'Open Sans', sans-serif; color: #636363; font-size: 16px; line-height: 1.75;}
.default-content ol li{font-family: 'Open Sans', sans-serif; color: #636363; font-size: 16px; line-height: 1.75;}

/* Nav
==============================*/

nav.main-menu ul{padding: 17.5px 0px; margin:0; display:inline-block; position:relative;}
nav.main-menu li{display:inline-block; padding:0; margin:0; position:relative; padding: 0px 7.5px 5px 7.5px;}
nav.main-menu li a{font-size: 18px; color: #bdd5ea; text-decoration: none;}
nav.main-menu li.menu-contact a{color: #fff; border-radius: 50px; padding: 7.5px 30px; text-decoration: none; background-color: #fe5f55; border: 2px solid #fe5f55; font-family: 'Raleway', sans-serif;}
nav.main-menu li.menu-contact a:hover{background-color: #333333; border-color: #333333;}
nav.main-menu ul.sub-menu{display: none; background: rgba(49, 74, 91, 0.7); position:absolute; white-space:nowrap; top:100%; left:0; z-index:99999; text-align:left; overflow:hidden; padding: 5px 0px;}
nav.main-menu ul.sub-menu li{display: block; padding: 5px 15px;}

#shiftnav-main .shiftnav-nav li .sub-menu li a{color: #fff!important; background-color: transparent!important; text-transform: none!important; font-size: 18px!important;}
#shiftnav-main .shiftnav-nav li .sub-menu li:hover a{color: #fff!important; background-color: #6b7e8c!important;}

#shiftnav-main .shiftnav-nav .current-menu-parent .sub-menu li a{color: #fff!important;}
#shiftnav-main .shiftnav-nav .current-menu-parent .sub-menu .current-menu-item a{color: #fff!important; background-color: #6b7e8c!important;}
#shiftnav-main .shiftnav-nav .current-menu-parent .sub-menu li:hover a{color: #fff!important;}

#shiftnav-main .shiftnav-nav .current-menu-item .sub-menu li a{color: #333333!important;}
#shiftnav-main .shiftnav-nav .current-menu-item .sub-menu li:hover a{color: #fff!important;}

nav.main-menu li a:hover{color: #fff;}
nav.main-menu .current-menu-item a{color: #fff;}

header{position: absolute; width: 100%; z-index: 999;}
header .header-menu-col #menu-mobile-holder .fa-bars{font-size: 35px; color: #fff; float: right;}
header .header-menu-col #menu-mobile-holder{padding: 12px 0px;}
header #header-container{padding: 30px 15px;}
header #header-container .header-menu-col .main-menu{float: right;}

.shiftnav::after{box-shadow: none!important;}

#shiftnav-main{width: 50%!important; z-index: 99999999;}
#shiftnav-main .shiftnav-inner{background: #4c6475!important;}
#shiftnav-main .shiftnav-nav li{background-color: transparent!important;}
#shiftnav-main .shiftnav-nav li a{color: #fff !important; font-family: 'Lato', sans-serif; font-size: 25px; font-weight: 600; text-transform: none; letter-spacing: 2px; padding: 12.5px 25px!important;}
#shiftnav-main .shiftnav-nav i{color: #fff !important;}
#shiftnav-main .shiftnav-nav .header-phone a{font-size: 25px!important;}
#shiftnav-main .shiftnav-nav li:hover a{color: #fff!important; background-color: #6B7E8C !important;}
#shiftnav-main .shiftnav-nav li:hover i{color: #fff!important;}
#shiftnav-main .shiftnav-nav .current-menu-item a{color: #fff!important; background-color: #6B7E8C !important;}

#shiftnav-main .shiftnav-nav .header-phone a{color: #fff!important;}
#shiftnav-main .shiftnav-nav .header-phone:hover a{color: #ff9236!important;}

.shiftnav .shiftnav-panel-close{background-color: #333333!important; display: block !important; position: static !important; left: 0 !important; padding: 15px 20px !important; z-index: 20; cursor: pointer; font-size: 25px !important;}
.shiftnav .shiftnav-panel-close .fa-times{color: #fff !important;}
.shiftnav .shiftnav-panel-close .fa-times:hover{color: #fff !important;}
.shiftnav .shiftnav-submenu-activation{font-size: 20px; color: #b7b7b7; margin-top: 15px;}
.shiftnav .shiftnav-submenu-activation-close{font-size: 20px; color: #fff; margin-top: 15px;}
.shiftnav .sub-menu li a{font-size: 16px!important;}
.shiftnav .fa-phone{margin-right: 5px!important;}


.page-id-14 #pages-preview{
	padding-top: 0px;
}

.page-id-336 #default-content{
	padding-top: 0px;
}



/* Home
==============================*/
#home-introduction{
	position: relative;
	margin: 0;
	padding: 0px;
	background-repeat: no-repeat;
	margin: 0 auto;
	position: relative;
	background-position: top right;
	background-size: contain;
}

#home-introduction h1{
	margin: 0px;
}

#home-introduction #home-introduction-inner{
	padding: 375px 0px 75px 0px;
	position: relative;
	color: #fff!important;
	z-index: 9;
}

#home-introduction #home-introduction-inner .button a{
	font-size: 18px;
}

#home-introduction #home-column-right img{
	max-width: 100%;
	height: auto;
	margin-top: -100px;
}

#home-introduction #home-column-left .description{
	padding: 35px 0px;
}

#services-preview h2{
	margin-top: 0px;
	margin-bottom: 30px;
}

#pages-preview h2{
	margin-top: 0px;
	margin-bottom: 30px;
}

#offerings-preview{
	background-color: #f7f7ff;
}

#offerings-preview h2{
	margin-top: 0px;
	margin-bottom: 30px;
}

#offerings-preview #offering-box h3{
	margin-top: 0px;
}

#offerings-preview .offering-box-left{
	text-align: left;
}

#offerings-preview .offering-box-right{
	text-align: right;
}

#offerings-preview #offerings-boxes{
	padding: 50px 0px;
}


/* Global
==============================*/

.padding{
	padding: 75px 0px;
}

.page-template-default #staggered-content{
	padding-top: 0px;
}

.post-type-archive-case_studies #staggered-content{
	padding-top: 0px;
}

#mobile-banner{
	display: none;
}

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

.button a{
	color: #fff;
	margin: 0px;
	font-size: 18px;
	border-radius: 50px;
	padding: 7.5px 30px;
	text-decoration: none;
	background-color: #fe5f55;
	border: 2px solid #fe5f55;
	font-family: 'Raleway', sans-serif;
}

.button a:hover{
	background-color: #333333;
	border-color: #333333;
	color: #fff;
}

.button-white a{
	color: #333333;
	margin: 0px;
	font-size: 18px;
	border-radius: 50px;
	padding: 7.5px 30px;
	text-decoration: none;
	background-color: #ffffff;
	border: 2px solid #fff;
	font-family: 'Raleway', sans-serif;
}

.button-white a:hover{
	background-color: #333333;
	border-color: #333333;
	color: #fff;
}

.black-button a{
	color: #333333;
	margin: 0px;
	font-size: 18px;
	border-radius: 50px;
	padding: 7.5px 30px;
	border: 2px solid #333333;
	text-decoration: none;
	background-color: transparent;
	font-family: 'Raleway', sans-serif;
}

.black-button a:hover{
	background-color: #333333;
	color: #fff;
}


#sub-introduction{
	background-color: #f7f7ff;
}

#sub-introduction h2{
	margin-top: 0px;
	margin-bottom: 30px;
	line-height: 1.3;
}

#content-introduction{
}

#content-introduction h2{
	margin-top: 0px;
	margin-bottom: 30px;
}

#call-to-action{
	background-image: url('images/cta-background.png');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin:0;
	padding:0px;
	background-repeat: no-repeat;
	margin:0 auto;
	background-position: center left;
	position: relative;
}

#call-to-action .description{
	padding: 25px 0px 50px 0px;
}

#call-to-action h2{
	color: #fff;
	margin: 0px;
}

#call-to-action p{
	color: #fff;
}

#call-to-action #call-to-action-left img{
	margin-top: -75px;
	max-width: 100%;
	height: auto;
}

#call-to-action #call-to-action-right{
	padding: 75px 15px;
}

#default-introduction{
	position: relative;
	margin: 0;
	padding: 0px;
	background-repeat: no-repeat;
	margin: 0 auto;
	position: relative;
	background-position: top right;
	background-size: contain;
}

#default-introduction h1{
	margin: 0px;
}

#default-introduction #default-introduction-inner{
	padding: 375px 0px 75px 0px;
	position: relative;
	color: #fff!important;
	z-index: 9;
}

#default-introduction #default-introduction-inner .button a{
	font-size: 18px;
}

#default-introduction #default-column-right img{
	max-width: 100%;
	height: auto;
	margin-top: -100px;
}

#default-introduction #default-column-left .description{
	padding: 35px 0px;
}

#default-column-left .website a{
	font-size: 18px;
	font-weight: 600;
	color: #4c6475;
	text-decoration: underline;
	font-family: 'Raleway', sans-serif;
}

#staggered-content{
	background-color: #fff;
}

#staggered-content h2{
	margin-top: 0px;
	margin-bottom: 30px;
}

/*#staggered-content #content-box h3{
	margin-top: 0px;
}*/

#staggered-content #content-box{
	padding: 15px 0px;
}

#staggered-content .content-box-left{
	text-align: left;
}

#staggered-content .content-box-right{
	text-align: right;
}

#staggered-content .archive-description{
	padding-bottom: 20px;
}

#staggered-content .archive-description h1{
	display: none;
}

#staggered-content .archive-description h2{
	display: none;
}

#staggered-content .archive-description h3{
	display: none;
}

#content-boxes .archive-box{
	padding: 25px 0px!important;
}

#staggered-content .content-box{
	text-align: right;
}

#gallery .gallery-item img{
	max-width: 100%;
	height: auto;
	margin-bottom: 35px;
}

.content-introduction-inner{
	padding-bottom: 50px;
}

#swipebox-overlay{
	background-color: rgba(0,0,0,0.75)!important;
}

#swipebox-bottom-bar{
	display: none!important;
}

#featured-video-holder{
	max-width: 75%;
	margin: 0 auto;
}

#videoWrapper{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

#videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*#staggered-content #content-boxes{
	padding: 50px 0px;
}*/
.archive #staggered-content .content-heading h3{
	display: block!important;
}

.archive #staggered-content .archive-description h1, h2, h3{

}


/* Contact
==============================*/
#contact-form{
	background-color: #f7f7ff;
}

.gform_wrapper{
	margin: 0px!important;
}

.gform_wrapper .gfield_required{
	color: #4c6475!important;
}

#gform_1 label{
	font-family: 'Open Sans', sans-serif;
	color: #4c6475;
	font-size: 16px;
	line-height: 1.75;
	font-weight: 600;
	border-radius: 5px;
	margin-bottom: 0px!important;
	/*text-transform: uppercase;*/
}

#gform_1 input{
	border: 1px solid rgba(0,0,0,0.2);
	font-family: 'Open Sans', sans-serif;
	color: #4c6475;
	font-size: 16px;
	line-height: 1.75;
	border-radius: 5px;
}

#gform_1 textarea{
	border: 1px solid rgba(0,0,0,0.2);
	font-family: 'Raleway', sans-serif!important;
	color: #4c6475;
	font-size: 16px;
	line-height: 1.75;
  border-radius: 5px;
}

#gform_1 #gform_submit_button_1{
	color: #333333!important;
	margin: 0px!important;
	font-size: 18px!important;
	border-radius: 50px!important;
	padding: 5px 25px!important;
	border: 2px solid #333333!important;
	text-decoration: none!important;
	background-color: transparent!important;
	font-family: 'Raleway', sans-serif!important;
}

#gform_1 #gform_submit_button_1:hover{
	background-color: #333333!important;
	border-color: #333333!important;
	color: #fff!important;
}

.gfield_error{
	font-family: 'Raleway', sans-serif!important;
	font-weight: 600;
	line-height: 1.75;
	letter-spacing: .2px;
	border-color: #fe5f55!important;
	background-color: rgba(254, 95, 85, 0.1)!important;
}

.validation_message{
	display: none!important;
	color: #fe5f55!important;
}

.validation_error{
	font-family: 'Lato', sans-serif!important;
	font-weight: 600;
	line-height: 1.75;
	letter-spacing: .2px;
	color: #fe5f55!important;
	border-color: #fe5f55!important;
}


/* Footer
==============================*/
footer{
	background-color: #333333;
}

footer #footer-inner{
	background-color: #333333;
	padding: 75px 0px;
}

footer #footer-inner p{
	color: #fff;
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
}

footer #footer-inner .footer-p p{
	margin-bottom: 25px;
}

footer #footer-inner #call-me-icon{
	padding-left: 0px;
}

footer #footer-inner #call-me-icon .fa-mobile-alt{
	font-size: 70px;
	color: #6ea4cb;
}

footer #footer-inner #call-me-data h5{
	color: #fff;
	margin: 0px;
	font-size: 30px;
	font-weight: 700;
	font-family: 'Raleway', sans-serif;
}

footer #footer-inner #call-me-data a{
	color: #ea5a51;
	font-size: 30px;
	font-weight: 700;
	text-decoration: none;
	font-family: 'Raleway', sans-serif;
}

footer #footer-bottom{padding: 5px 0px;}
footer #footer-bottom #site-credit a{margin-left: 3px; }
footer #footer-bottom a{margin: 0px; font-family: 'Raleway', sans-serif; font-size: 12px; color: #c8c8c8; text-transform: uppercase; text-decoration: none;}
footer #footer-bottom p{margin: 0px; font-family: 'Raleway', sans-serif; font-size: 12px; color: #c8c8c8; text-transform: uppercase; text-decoration: none;}
footer #footer-seperator{margin: 0px 2.5px; color: #c8c8c8; padding: 0px 5px;}
footer #footer-line-break{border-bottom: 1px solid #464646;}
footer #footer-bottom #site-credit{float: right;}
footer #footer-bottom span{display: inline-block; float: left;}
footer #footer-bottom span a{color: #fe5f55;}

#content-boxes .content-heading h3{margin-top: 0px;}


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

	h1{
		font-size: 60px;
	}

	h2{
		font-size: 37.5px;
	}

	header{
		position: relative;
	}

	footer .footer-logo img{
		padding-top: 25px;
	}

	footer #footer-inner #call-me-data h5{
		padding-left: 15px;
	}

	footer #footer-inner #call-me-data a{
		padding-left: 15px;
	}

	.archive-box .content-image img{
		max-width: 250px;
	}

	.archive-box .content-image img{
		max-width: 250px!important;
	}

	.content-box-left .content-image img{
		max-width: 250px!important;
	}

	.content-box-right .content-image img{
		max-width: 250px!important;
	}

	#default-introduction #default-introduction-inner{
		padding: 50px 0px 50px 0px;
	}

	.gallery-container .gallery-item{
		padding: 0px;
	}

	#mobile-banner{
		display: block;
	}

	#featured-video-holder{
		max-width: 100%;
		margin: 0 auto;}

	#default-introduction{
		background-image: none!important;
	}

	#home-introduction{
		background-image: none!important;
	}

	#offerings-preview #offerings-boxes{
		padding: 0px;
	}

	#shiftnav-main{
		width: 85% !important;
	}

	.padding{
		padding: 25px 0px;
	}

	.content-heading h3{
		margin-bottom: 15px;
		line-height: 1.3;
	}

	#default-introduction #default-column-left .description{
		padding: 15px 0px;
	}

	#services-preview.padding{
		padding: 50px 0px;
	}

	#offerings-preview.padding{
		padding: 50px 0px;
	}

	#sub-introduction.padding{
		padding: 50px 0px;
	}

	#content-introduction.padding{
		padding: 50px 0px;
	}

	.archive-box .content-image img{
		max-width: 65%;
	}

	.archive #staggered-content .content-heading h3{
		margin-top: 0px;
	}

	#staggered-content .archive-description h2{
		display: none;
		padding-bottom: 0px!important;
	}

	#staggered-content .archive-description h3{
		display: none;
	}

	#staggered-content .archive-description h1{
		display: none;
	}

	.post-type-archive-case_studies #default-introduction #default-introduction-inner{
		padding-bottom: 0px;
	}

	.archive-box{
		padding: 0px;
	}

	.service-image img{
		max-width: 75%;
		padding-bottom: 15px;
	}

	.content-image img{
		max-width: 75%;
	}

	h1{
		font-size: 45px;
	}

	h2{
		font-size: 30px;
	}

	h3{
		font-size: 27.5px;
	}

	.black-button a{
		font-size: 16px;
	}

	.button-white a{
		font-size: 16px;
	}

	header .header-menu-col #menu-mobile-holder .fa-bars{
		color: #4c6475;
	}

	header .header-logo-col img{
		max-width: 200px;
	}

	header .header-menu-col #menu-mobile-holder {
    padding: 7.5px 0px;
	}

	#home-introduction #home-introduction-inner {
	    padding: 50px 0px 100px 0px;
	}

	#home-introduction #home-column-right img{
		margin-top: 0px;
	}

	#home-introduction #home-column-right{
		display: none;
	}

	#gform_1 #gform_submit_button_1{
		font-size: 16px!important;
	}

	#default-introduction #default-column-right{
		display: none;
	}

	#call-to-action #call-to-action-right{
		padding: 75px 0px;
	}

	#sub-introduction-inner{
		padding: 0px;
	}

	.content-introduction-inner{
		padding-bottom: 50px!important;
	}

	#call-to-action #call-to-action-right{
		padding: 50px 0px;
	}

	#call-to-action .description{
		padding-bottom: 30px;
	}

	#pages-introduction{
		padding: 0px;
	}

	#services-preview #single-service{
		padding: 25px 0px;
	}

	#pages-preview #single-page{
		padding: 25px 0px;
	}

	#offerings-preview #offering-box{
		padding: 25px 0px;
	}

	#offerings-preview #offering-box{
		text-align: center;
	}

	#staggered-content #content-box{
		text-align: center;
	}

	.offering-box-left .offering-image img{
  	padding-bottom: 25px;
	}

	.offering-box-right .offering-image img{
	  padding-top: 25px;
	}

	.content-box-left .content-image img{
	  padding-bottom: 15px;
	}

	.content-box-right .content-image img{
	  padding-top: 15px;
	}

	#call-to-action #call-to-action-left img{
		display: none;
	}

	footer #footer-bottom span {
    display: block;
    float: none;
	}

	footer #footer-seperator{
    display: none!important;
	}

	footer #footer-bottom #site-credit {
    float: left;
	}

}

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

	footer #footer-bottom #site-credit{
		float: left;
	}

	#footer-col-right img{
		float: right;
	}

	footer #footer-inner #call-me-data h5{
		padding-left: 15px;
	}

	footer #footer-inner #call-me-data a{
		padding-left: 15px;
	}

	#home-introduction #home-introduction-inner {
			padding: 275px 0px 100px 0px;
	}

	#default-introduction #default-introduction-inner {
	  padding: 275px 0px 75px 0px;
	}

	#home-introduction #home-column-right img{
		margin-top: 0px;
	}

	#home-introduction #home-column-right{
		display: none;
	}

	#call-to-action #call-to-action-right{
		padding: 75px 0px;
	}

	#sub-introduction-inner{
		padding: 0px;
	}

	#shiftnav-main{
		width: 45%!important;
	}

	.content-introduction-inner{
		padding-bottom: 50px!important;
	}

	#pages-introduction{
		padding: 0px;
	}

	#default-introduction #default-column-right{
		display: none;
	}

	#offerings-preview #offering-box{
		padding: 15px 0px;
	}

	#services-preview #single-service{
		padding: 15px;
	}

	#pages-preview #single-page{
		padding: 15px;
	}

	#call-to-action #call-to-action-left img{
		display: none;
	}

}

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

	#call-to-action #call-to-action-left img{
		margin-top: -50px;
	}

	#home-introduction #home-introduction-inner {
	  padding: 275px 0px 100px 0px;
	}

	#home-introduction #home-column-right img{
		margin-top: -25px;
	}

	#default-introduction #default-introduction-inner {
	  padding: 275px 0px 75px 0px;
	}

	#default-introduction #default-column-right img{
		margin-top: -25px;
	}

}

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



}

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



}

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



}