/*
Theme Name: Christine Brady v1
Theme URI: http://www.christinebradydesign.com/
Author: Stephen McAleer
Author URI: http://www.stephenmcaleer.com
Description: Business website for Christine Brady Design
Version: 1
License: protected
License URI: http://www.christinebradydesign.com/
Tags: minimal, responsive, interior design
*/

/* ===== RESET ===== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

/*
font-family: 'Open Sans', sans-serif; 300 / 400 / 700
font-family: 'Dosis', sans-serif; 400 / 700

Gold	#bc9f4d;
Blue	#3c4448;
*/


/* ===== MAIN CSS ===== */
html { 
	height: 100%; 
	font-size: 62.5%;
	-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

body { 
	padding: 0; 
	font-family: 'Open Sans', sans-serif; 
	font-weight: 300;   
	font-size: 1.4rem;
	margin: 0; 
	height: 100%;
	color: #211c1c;
	line-height: 2.6rem;
}


/* ===== Pushy Nav ===== */
.menu-btn {
	width: 60px; 
	height: 60px; 
	color: #FFF;	
	cursor: pointer; 
	transition: background-image 1s ease-in-out;
	background: url(images/menu.png) ; 
	background-repeat: no-repeat;
}

.menu-btn:hover	{ 
	background-position: 0 -60px;
}

.home-btn {
	width: 60px; 
	height: 60px; 
	color: #FFF;	
	cursor: pointer; 
	transition: background-image 1s ease-in-out;
	background: url(images/home.png) ; 
	background-repeat: no-repeat;
}

.home-btn:hover	{ 
	background-position: 0 -60px;
}

.section-padding {
	padding: 20rem 0;
}

/* ===== INTRO ===== */	

.nav-bar { 
	width: 100%;
	position: fixed;
}

.intro { 
	color:#efefef;
} 

.logo { 
	max-width: 100px;
	margin: 0 auto 40px;
}

.header-space { 
	width: 100%; 
	height: 18rem;
}

.header-title { 
	text-align: center;
}

.header-bg-fixed {  
	width: 100%; 
	height: 100%; 
	position: relative; 
	/*background: url("images/bg-kitchen.jpg") no-repeat center center scroll; */
	position: relative; 
 	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.dark-bg { 
	background-color:#3c4448; 
	color: #ffffff;  
}

/* ===== PROFILE ===== */	
.profile	{ 
	background-color:#fff;
}



/* ===== SERVICES ===== */	
.service {
	padding: 1.5rem 0;
	min-height: 75px;
}

.service-logo {
	max-width: 5rem;
	margin: 0 auto 2rem;
	float: left;
	padding-right: 1rem;
}

.service-logo img {
	width: 75px;

}

/* ===== FOOTER ===== */	
.footer	{ 
	background-color: #fff; 
	padding: 40px 0 20px; 
	color: #3c4448;
	font-size: 1.4rem;
}

/* ===== SINGLE ===== */

.single-header {
	border-bottom: 1px solid #CCC;
	margin: 0 0 40px 0;
	padding: 40px 0 40px 0;
	width: 100%;
}

.single-header-title {
	Width: 50%;
	float: left;
}

.single-footer {
	border-top: 1px solid #CCC;
	margin: 40px 0 0 0;
	padding: 40px 0 20px 0;
	width: 100%;
}

/* ===== CONTACT ===== */

.contact-item-phone  {
    background: url(images/contact-phone.svg);
    background-repeat: no-repeat;
    background-position: 0.9375rem center;
    padding: 1rem 0.625rem 0.625rem 3.125rem;
    margin: 0 0 0.2rem 0;
    height: 50px;
}

.contact-item-telephone  {
    background: url(images/contact-telephone.svg);
    background-repeat: no-repeat;
    background-position: 0.9375rem center;
    padding: 1rem 0.625rem 0.625rem 3.125rem;
    margin: 0 0 0.2rem 0;
    height: 50px;
}

.contact-item-email  {
    background: url(images/contact-mail.svg);
    background-repeat: no-repeat;
    background-position: 0.9375rem center;
    padding: 1rem 0.625rem 0.625rem 3.125rem;
    margin: 0 0 0.2rem 0;
    height: 50px;
}

/* ==== FORM ===== */
input[type=text] { 
	width: 100%; 
	padding: 10px; 
	margin-bottom: 10px; 
	border: 1px solid #fff; 
	background-color: #242424; 
	color: #fff; 
}

textarea { 
	width: 100%; 
	padding: 10px; 
	margin-bottom: 10px; 
	border: 1px solid #fff;
	background-color: #242424; 
	color: #fff;
}

input[type=submit] { 
	width: 100px; 
	background: #242424; 
	border: 1px solid #fff; 
	padding: 10px; 
	color: #fff;
}

/* ===== Gallery ===== */

.gallery {
	margin-bottom: 40px !important;
}
#gallery-1 img, 
#gallery-2 img,
#gallery-3 img {
	border: 0 !important;
	padding: 1rem;
}

#gallery-1 img,
#gallery-2 img,
#gallery-3 img {
	border: 0 !important;
	padding: 1rem;
}

#gallery-1 .gallery-item,
#gallery-2 .gallery-item,
#gallery-3 .gallery-item {
    margin-top: 0!important;
}

.gallery-columns-2 .gallery-item {
  width: 50%; }

.gallery-columns-4 .gallery-item {
  width: 25%; }

.gallery-columns-5 .gallery-item {
  width: 20%; }

.gallery-columns-6 .gallery-item {
  width: 16.66%; }

.gallery-columns-7 .gallery-item {
  width: 14.28%; }

.gallery-columns-8 .gallery-item {
  width: 12.5%; }

.gallery-columns-9 .gallery-item {
  width: 11.11%; }


/* ==== UTILITY ===== */
.clear { clear: both;}

/* ===== TEXT ===== */
h1 { 
	font-family: 'Dosis', sans-serif;
	font-size: 5.0rem; 
	font-weight: 400; 
	text-transform:uppercase; 

	color: #fff; 
	padding: 0 0 2rem 0;  
}

h2 { 
	font-family: 'Dosis', sans-serif;
	font-size: 2.5rem;   
	text-transform:uppercase; 
	letter-spacing: 0.1em; 
	color: #bc9f4d !important;
}

h3 { 
	font-family: 'Dosis', sans-serif;
	font-size: 2.5rem;  
	font-weight:400; 
	text-transform:uppercase;  
	color: #bc9f4d;
}

h4 { 
	font-family: 'Dosis', sans-serif;
	font-size: 1.6rem;  
	font-weight:400; 
	text-transform:uppercase;  
	color: #fff;
	line-height: 1.7rem
}

h5 { 
	font-family: 'Dosis', sans-serif;
	font-size: 1.4rem;  
	font-weight:400; 
	text-transform:uppercase;  
	color: #000;
}

h6 { 
	font-family: 'Dosis', sans-serif; 
	font-weight:400; 
	font-size: 1.3rem; 
	color: #fff;
}

.white h2, .white h3 { 
	color: #bc9f4d;
}

/* ===== MISC ===== */
svg {
    width: 100%;
    height:auto;
    display: inline-block;
}

.alignright {
	float: right;
    padding: 0 0 2rem 2rem;
}

.alignleft {
	float: left;
    padding: 0 0.9375rem 0.9375rem 0;
}

p { 
	margin-bottom: 20px;
}

strong { 
	font-weight:  bold;
}

.center { 
	text-align: center;
}

.fill { 
	width: 100%; 
	height: 20px;
}

.sep-line-white { 
	width: 60px; 
	height: 20px; 
	border-bottom: 1px solid #fff; 
	margin: 0 auto 20px;
}

.sep-line-black { 
	width: 60px; 
	height: 20px; 
	border-bottom: 1px solid #000; 
	margin: 0 auto 20px;
}

.sep-line-gold { 
	width: 60px; 
	height: 20px; 
	border-bottom: 1px solid #bc9f4d; 
	margin: 0 auto 20px;
}

.sep-line-gold-left { 
	width: 60px; 
	height: 20px; 
	border-bottom: 1px solid #bc9f4d; 
	margin: 0 0 20px 0;
}

.sep { 
	width: 100%; 
	height: 40px; 
}

hr { 
	border: 0; 
	height: 0; 
	border-top: 1px solid rgba(0, 0, 0, 0.1); 
	border-bottom: 1px solid rgba(255, 255, 255, 0.3); 
}

.column-border {
	border-left: 1px solid #bc9f4d;
}

/* ===== LINKS / BUTTONS ===== */
a, a:visited {  
	text-decoration: none;  
	color:#999;
	-o-transition:.5s;  
	-ms-transition:.5s; 
	-moz-transition:.5s;  
	-webkit-transition:.5s; 
	transition:.5s;
}

a:hover { 
	color:#bc9f4d;
}

.button {
	color: #3c4448;
	border: 1px solid #3c4448;
    font-family: inherit;
    font-size: 10px;
    padding: 0.8rem 1.4rem;
    text-decoration: none;
    font-weight: normal;
}

.button:hover {
	color: #3c4448;
	border: 1px solid #3c4448;
	background-color: #bc9f4d;
}

.navigation {
	text-align: right;
	
}


.nav-next {
	display: inline-block;
	font-size: 10px;
	
	
}

.nav-previous {
	display: inline-block;
	margin-right: 10px;
	font-size: 10px;
}


/* ===== DESKTOP ===== */
@media screen and (min-width: 40em) {
	.column-border {
		padding-left: 5rem;
	}

}

/* ===== MOBILE Landscape ===== */
@media screen and (min-width: 39.9375em) and (max-width: 59.9999em) {
	.header-space { 
		height: 10px;
	}
}

/* ===== MOBILE Portrait ===== */
@media screen and (min-width: 0) and (max-width: 39.9375em) {
	.header-space { 
		height: 60px;
	}

	/* ===== Gallery ====== */
	#gallery-1 .gallery-item,
	#gallery-2 .gallery-item,
	#gallery-3 .gallery-item {
		width: 33% !important;
	}

}

/* ===== MOBILE ===== */
@media screen and (min-width: 0em) and (max-width: 59.9999em) {

	.mobile-centered {
		text-align: center;
	}

	.header-space { 
		height: 60px;
	}

	.nav-bar { 
		width: 100%;
		position: fixed;
		z-index: 99998;
		top: 0;
		background-color: rgba(60,68,72,0.8) ; 
		padding-bottom: 10px;
	}
	.section-padding {
		padding: 8rem 0;
	}

	.intro { 
		width:100%;   
		min-height:100%;  
		color:#efefef;
	} 

	.logo { 
		max-width: 80px; 
		margin: 0 auto 30px; 
		padding: 40px 0 0;
	}

	.blog-excerpt { 
		width: 50%; 
		margin: 0 0 0 10px;
	}

	.social-links li {
		margin: 5px 0;
	}

	h1 { 
		font-family: 'Dosis', sans-serif;
		font-size: 24px; 
		text-transform:uppercase; 
		letter-spacing: 0.1em; 
		line-height: 1.2em; 
		margin: 0;
		padding: 0;
	}	

	h2 {  
		font-size: 18px; 
		font-weight: 400; 
		text-transform:uppercase; 
		letter-spacing: 0em; 
		margin: 0 0 20px 0;
	}

	/* ==== FORM ===== */
	input[type=text] { 
		width: 80%;  
	}

	textarea { 
		width: 80%;
	}

	input[type=submit] {
		width: 100px; 
	}

	/* ===== SERVICE ===== */
	.service {
		padding: 0.5rem 0;
	}
	/* ===== SINGLE ===== */
	.single-header-title {
		width: 100%;
		float: none;
		text-align: center;
		margin-bottom: 20px;
	}

	/* ===== PORTFOLIO ===== */

	.navigation {
		text-align: center;
		font-size: 10px;
	
	}

	.nav-next {
		float: none;
		font-size: 10px;
		display: inline-block;
		
	}

	.nav-previous {
		float: none;
		margin-right: 10px;
		font-size: 10px;
		display: inline-block;
	}

	.profile-img {
		margin: 0 auto 20px;
		float: none;
		padding: 0;
	}

	.column-border {
		border-left: 0;
	}

	


}

/* ===== Pushy  Menu ===== */
/*! Pushy - v0.9.2 - 2014-9-13
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */

/* Menu Appearance */

.menu-text { 
	padding: 20px; font-size: 12px;
}

.pushy {
    position: fixed;
    width: 250px;
    top: 0;
    line-height: ;
    z-index: 999999;
    background: #fff;
    overflow: auto;
	height: 100%;
    -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
}

.pushy-header{
	text-align: center;
	background-color: #eee;
}

.pushy a{
    display: block;
    color: #3c4448;
    padding: 10px 20px;
    text-decoration: none;
}

.pushy a:hover {
    background: #bc9f4d;
    color: #3c4448;
}

/* Menu Movement */

.pushy-left{
    -webkit-transform: translate3d(-250px,0,0);
    -moz-transform: translate3d(-250px,0,0);
    -ms-transform: translate3d(-250px,0,0);
    -o-transform: translate3d(-250px,0,0);
    transform: translate3d(-250px,0,0);
}

.pushy-open{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.container-push, .push-push{
    -webkit-transform: translate3d(200px,0,0);
    -moz-transform: translate3d(200px,0,0);
    -ms-transform: translate3d(200px,0,0);
    -o-transform: translate3d(200px,0,0);
    transform: translate3d(200px,0,0);
}

/* Menu Transitions */

.pushy, #container, .push{
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
}

/* Site Overlay */

.site-overlay{
    display: none;
}

.pushy-active .site-overlay{
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: rgba(0,0,0,0.5);
    -webkit-animation: fade 500ms; 
    -moz-animation: fade 500ms; 
    -o-animation: fade 500ms;
    animation: fade 500ms;
}

@keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-o-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

/* Example Media Query */

@media screen and (max-width: 768px){
    .pushy{
        font-size: 1.0em;
    }
}