/**
 * Theme Name: Portfolio Child
 * Theme URI: http://thethemefoundry.com/wordpress/portfolio/
 * Author: The Theme Foundry
 * Author URI: http://thethemefoundry.com/
 * Description: A minimal and clean portfolio theme, complete with featured slider and easy-to-configure portfolio pages. Designed to look great on large format displays, tablets and mobile devices.
 * Version: 1.0
 * Template: portfolio
 * License: GNU General Public License
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: white, minimal, responsive-width, portfolio, business
 */
@charset "UTF-8";

/* Make all custom CSS changes in a Child Theme.  Any custom
changes you make here will not be overidden when you upgrade the parent theme.
-----------------------------------------------------------*/

/*-----------------------------------------------
CK 2013-02-22 New Homepage
-----------------------------------------------*/

.mega-section {
	padding-top:20px;
	overflow:auto;
}

@media screen and (max-width: 760px) {
  #section-hide {
	display:none;
	}
}

.mega-section .h1-large {
	font-size:5rem;
	text-align: center;
}

.mega-section .h3-large {
	font-size:4rem;
	text-align: center;
}

.mega-section .h3-medium {
	font-size:2.25rem;
	text-align: center;
}


@media screen and (max-width: 760px) {
  .mega-section .h1-large {
	font-size: 2rem;
	}
}

@media screen and (max-width: 760px) {
  .mega-section .h3-large {
	font-size: 2rem;
	}
}

@media screen and (max-width: 760px) {
  .mega-section .h3-medium {
	font-size: 2rem;
	}
}

#mega-form {
	overflow:auto;
}

#mega-form #left {
	width: 5%;
	float:left;
}

#mega-form #left-arrow {
	height: 100px;
}

@media screen and (max-width: 760px) {
  #left-arrow {
	display:none;
	}
}

#mega-form #middle {
	width: 90%;
	float: left;
	padding-top: 35px;
}

#mega-form #right {
	width:5%; 
	float:right;	
}

#homepage-signup-form {
	width:65%; 
	min-width: 270px;
	height:50px; 
	float:left;
	font-size:2rem;
}

#signup-button {
	width:30%;
	min-width:200px;
	height:72.375px;
	float:right;
	font-size:2rem;
}

@media screen and (max-width: 760px) {
  #homepage-form-input {
	width: 100%;
	float:none;
	overflow: auto;
	}
}

@media screen and (max-width: 760px) {
  #form-wrap {
  	width:270px;
	margin-left: auto;
	margin-right: auto;
	}
}

@media screen and (max-width: 760px) {
  #homepage-form-button {
	width: 100%;
	float:none;
	overflow:auto;
  	}
}
 
@media screen and (max-width: 760px) {
  #button-wrap {
  	width: 200px;
	margin-left: auto;
	margin-right: auto;
	}
}

#popular {
	overflow:auto;
	text-align: centre;
}

#popular-left {
	width:33.3%; 
	float:left; 
	text-align:center; 
	padding-top:50px;
}

#popular-middle {
	width:38.3%; 
	float:left; 
	text-align:center;
}

#popular-right {
	width:28.3%; 
	float:right; 
	text-align:center; 
	padding-top:40px;
}

#quotes-left {
	width:45%; 
	float:left; 
	font-size:1.6rem;
}

#quotes-right {
	width:45%; 
	float:right; 
	font-size:1.6rem;
}

#continue-left {
	width:5%; 
	float:left; 
	height:100%; 
	line-height:100%; 
	position:relative;
}

#continue-middle {
	width:90%; 
	float:left;
}

#continue-right {
	width:5%; 
	float:right;
}

#continue-right img {
	height:100px;
}

/*---------------------------------------------------------
	2013-01-02 CK Mailchimp Popup form
-------------------------------------------------------- */
#mc_embed_signup {
	position:fixed; 
	top:0%; 
	left:0%; 
	width:100%; 
	height:100%; 
	background-color:rgba(0,0,0,.8);
	display:none;
	z-index:10000; 
}

#mc_embed_signup form {
	position:fixed; 
	top:10%; 
	left:50%; 
	width:50%; 
	margin-left:-25%; 
	font-size:18px; 
	border-radius:4px; 
	border:none; 
	padding:10px 20px; 
	background-color:#fff; 
	color:#000; 
	text-align:left;
	max-height:700px;
	overflow-y:auto;
	overflow-x:hidden;
}
	
#mc_embed_signup a.mc_embed_close {
	background:transparent url(http://downloads.mailchimp.com/img/closebox.png) no-repeat; 
	display:block; 
	height:30px; 
	width:30px; 
	text-indent:-999em; 
	position:absolute; 
	top:-0px; 
	right:-0px; 
	display:none; 
}

#mc_embed_signup .mc-field-group{
	padding: 5px;
	
}

#mc_embed_signup .mc-field-group .div-label{
	width: 20%;
	float: left;	
}

#mc_embed_signup .mc-field-group .div-input{
	width: 80%;
}

#mc_embed_signup .clear{
	padding-top: 5px;
}

#mc_embed_signup .clear #left{
	width: 40%;
	float: left;	
}
	
#mc_embed_signup .clear #right{
	width: 60%;
	float: right;
	text-align: right;
}	

#mc_embed_signup a.mc_embed_close_url-style {
	display:block; 
	text-indent:-999em; 
}


/*---------------------------------------------------------
	CK 2012-12-23 Hide Banner Ad on Homepage under specific width
-------------------------------------------------------- */
@media screen and (max-width: 800px) {
    
    .banner-ad {
        display: none !important;
    }
}

	.banner-ad-content {
        margin-left: auto;
        margin-right: auto;
        width: 728px;
    }


/* Your changes go here */

/*---------------------------------------------------------
	CK 2012-12-17 Enlarged h3 and h1 font size
-------------------------------------------------------- */
h1 {   	
	font-family: "Freight Sans Pro Light";
  	font-size: 2.5rem;
}

h2 {
  	font-family: "Freight Sans Pro Light";
  	font-size: 2rem;
}

h3 {
  	font-family: "Freight Sans Pro Medium";
  	font-size: 2rem;
}



/*---------------------------------------------------------
	CK 2012-12-09 Modified H1 to use custom font in posts
-------------------------------------------------------- */
header .title {
  	font-family: "Freight Sans Pro Light";
  	text-align: left;
  	clear: both;
  	font-size: 22px;
  	font-size: 2.25rem;
}


/*---------------------------------------------------------
	CK 2012-12-09 Introduced new 'brand-banner' for top
	of site page.
-------------------------------------------------------- */

header[role="banner"] .brand-banner {
  width: 61.8%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12px;
  margin-bottom: 0.85714rem;
}

header[role="banner"] .site-tagline tagline {
  font-weight: normal;
  margin-bottom: 0;
  color: #505050;
  font-size: 14px;
  font-size: 1rem;
}


/*---------------------------------------------------------
	2012-12-09 CK Changed 'branding' to 'signup' because
	content area has changed function from parent theme.
-------------------------------------------------------- */
header[role="banner"] .signup {
  margin: 0 auto;
  text-align: center;
  margin-bottom: 12px;
  margin-bottom: 0.85714rem;
}
@media screen and (min-width: 800px) {
  header[role="banner"] .signup {
    float: left;
    width: 40%;
    text-align: left;
  }

/*---------------------------------------------------------
	2012-12-07 CK Word Wrap and Word Break Setting Changes
-------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  word-wrap: normal;
}

pre {
  word-wrap: normal;
}

table {
  word-wrap: normal;
  word-break: normal;
}

/*---------------------------------------------------------
	2012-12-09 CK Custom Fonts Included
-------------------------------------------------------- */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 9, 2012 */

@font-face {
    font-family: 'Freight Sans Pro Light';
    src: url('/wp-content/themes/portfolio_child/custom-fonts/freigsanprolig-webfont.eot');
    src: url('/wp-content/themes/portfolio_child/custom-fonts/freigsanprolig-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/portfolio_child/custom-fonts/freigsanprolig-webfont.woff') format('woff'),
         url('/wp-content/themes/portfolio_child/custom-fonts/freigsanprolig-webfont.ttf') format('truetype'),
         url('/wp-content/themes/portfolio_child/custom-fonts/freigsanprolig-webfont.svg#freightsans_pro_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Freight Sans Pro Medium';
    src: url('/wp-content/themes/portfolio_child/custom-fonts/freigsanpromed-webfont.eot');
    src: url('/wp-content/themes/portfolio_child/custom-fonts/freigsanpromed-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/portfolio_child/custom-fonts/freigsanpromed-webfont.woff') format('woff'),
         url('/wp-content/themes/portfolio_child/custom-fonts/freigsanpromed-webfont.ttf') format('truetype'),
         url('/wp-content/themes/portfolio_child/custom-fonts/freigsanpromed-webfont.svg#freightsans_pro_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}