/*
Theme Name: Pattern Camp
Theme URI: http://woothemes.com
Description: Canvas Child for Pattern Camp site
Author: Adam Mills based off of Samantha Slade
Author URI: http://bottomlessdesign.com
Template: canvas
Version: 1.0
*/
 
/* This is a must */
@import url("../canvas/style.css");  


@font-face {
    font-family: 'Novecento';
    src: url('fonts/Novecentosanswide-Normal.otf');
    src: url('fonts/Novecentosanswide-Normal-webfont.eot') format('embedded-opentype'),
		 url('fonts/Novecentosanswide-Normal-webfont.ttf') format('ttf'),
		 url('fonts/Novecentosanswide-Normal-webfont.svg') format('svg'),
         url('fonts/Novecentosanswide-Normal-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* =Theme customization starts here
-------------------------------------------------------------- */

/* Clearing */
.clearfix:before,
.clearfix:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
	content: '';
	display: table;
}

.clearfix:after,
[class*="content"]:after,
[class*="site"]:after {
	clear: both;
}


.page-title, .post .title, .page .title, .post-meta, ul.nav li a, #sidebar, #wpmem_reg, #wpmem_login, .widget h3 {font-family:'Novecento', Helvetica, Arial, sans-serif!important; text-transform:uppercase;}

#logo {
    float: left;
    margin-right: 2%;
    width: 77%;
}

#logo img {
    max-width: 700px;
	width: 100%;
}

div#campfire {
    float: right;
    margin: 0 2%;
    max-width: 17%;
}

#campfire img {
    max-height: 158.83px;
}

#navigation {
    margin-bottom: 15px;
}

ul.nav li a {
    padding: 14px 21px;
}

#navigation > .menus > h3 {
    display: none;
}

#navigation ul.nav li.current-menu-item + li.current_page_parent a:hover {
    color: #c134a7!important;
}

#navigation ul.nav li.current-menu-item + li.current_page_parent a {
    color: #666666 !important;
}

.nav ul.sub-menu {
    border: 1px solid !important;
    border-color: rgba(0,0,0,.05) !important;
    border-top: none !important;
    text-align: left;
}


/*CLASSROOM NAV*/

#nav-container #navigation ul#main-nav > li:first-child {border-left:0}

.nav-toggle {
	font-family: 'Novecento', Helvetica, Arial, sans-serif !important;
	font-size: 1.2em;
	margin-bottom: 10px;
	opacity: .5;
}


/* CONTENT */

.archive_header {
    font: normal bold 14px 'Novecento', Helvetica, Arial, sans-serif !important;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.page .title, .post .title {
	background-color: #C134A7; 
	font-size: 24px;
	padding: 4px 7px 2px 10px;
}

#content {
    background-color: #fff;
    padding: 15px 25px;
}

.post-meta {
	font-size: 15px !important;
	text-align: right;
	text-transform: lowercase; 
}

#comments .comment .reply a {
    background: none repeat scroll 0 0 #BFBFBF !important;
    color: #fff !important;
}

a > img:hover {
    opacity: .7;
}
#logo a > img:hover {
    opacity: 1;
}


/*BLOG FEED FOR CLASSROOM*/

.display-posts-listing .date {float:right}

ul.display-posts-listing {list-style: none; margin-left:0; padding-left:0}

ul.display-posts-listing .title {background-color:#C134A7; color:#fff; padding-left: 7px;
font-size: 18px; padding-bottom:2px; display:block}

.entry ul.display-posts-listing li {list-style-type:none}


/*LOGIN BUTTONS*/

#wpmem_login input {width: 120px; border-radius: 1px;}

#wpmem_login input[type="checkbox"] {
margin: 4px 2px!important;
width: 20px;
}


/*GENERAL*/

img { height:auto; }

.pink {color: #C134A7; }

.entry img, img.thumbnail, #portfolio .group.portfolio-img img {
	border:none;
	padding: 0;
}

abbr {
border-bottom: none!important;
cursor: inherit!important;
}

.date {font-family: 'Novecento', Helvetica, Arial, sans-serif!important;color:#aba897;}

input[type=submit]:hover {background:#fe885a}


/* PAGE TEMPLATES */

.monthly-archives, .category-archives {
    margin-bottom: 30px;
}

.monthly-archives h3, .category-archives h3 {
    font: normal bold 14px 'Novecento', Helvetica, Arial, sans-serif !important;
    margin: 30px 0 10px;
    text-transform: uppercase;
}


/* CONTACT FORM */
.contact-form .forms textarea {
    width: 95% !important;
    max-width: 400px !important;
}
.contact-form .forms .inline input {
    margin-left: 0 !important;
}
.contact-form .submit.button {
    border-radius: 3px;
    box-shadow: none;
}
.contact-form .forms .buttons .submit {
    margin-left: 0 !important;
}


/* WIDGETS */

.widget {
    margin-bottom: 40px;
}

.widget h3 {
    margin-bottom: 0;
}

.widget ul {
    list-style-type: none;
}

.widget li {
    border-bottom: none;
}

.searchform button.fa-search.submit {
    background: none !important;
}


/*MAILING LIST*/

#opt-in {float:right; width:288px; margin-top:10px}

#join-list {background-color:#aba897; color:#fff; font-size:18px; text-align:center; padding:1px 0}

input#signup_email {border-radius:0;text-align:center;width:95.5%; font-size:18px; border-color: #fe885a; margin-bottom:5px; margin-top:5px}

div#placeholder{color:#dec863!important}

::-webkit-input-placeholder {
   color: #dec863;
}

:-moz-placeholder { /* Firefox 18- */
   color:#dec863;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color:#dec863;  
}

:-ms-input-placeholder {  
   color:#dec863;  
}


/*GENERAL OPTIN STYLING*/

input#signup_email {
	border-radius:0;
	text-align:center;
	width:95.5%; 
	font-size:18px; 
	border-color: #fe885a; 
	margin-bottom:5px; 
	margin-top:5px
	}

div#placeholder{color:#dec863!important}

::-webkit-input-placeholder {
   color: #dec863;
}

:-moz-placeholder { /* Firefox 18- */
   color:#dec863;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color:#dec863;  
}

:-ms-input-placeholder {  
   color:#dec863;  
}

#content #mc_embed_signup {padding-top:20px; padding-bottom:30px}

#header #mc_embed_signup form {padding:0}

#header #mc_embed_signup input {width:276px; margin-top:10px; margin-bottom:0px; text-align:center}

#mc_embed_signup label {color:#FFF; font-weight:normal; width:140px; text-align:right; padding-right:20px; display:inline-block}

#mc_embed_signup, #mc_embed_signup h2 {font-family:'Novecento', Helvetica, Arial, sans-serif!important; text-transform: uppercase;}


/*SUBSCRIBE PAGE FORM STYLING*/

/*MAILCHIMP FORMS IN WIDGETS*/

#mc_embed_signup .button {
	background-color:#E5581A;
	background-repeat:no-repeat; 
	width:145px!important;
	height:45px!important; 
	margin-top:-20px
} 

#mc_embed_signup form {
  	display: block;
  	position: relative;
  	text-align: left;
  	padding: 12px 0 24px 10px;
}

#mc_embed_signup .mc-field-group.input-group label {
	text-transform:uppercase; 
	font-family:'Novecento', Helvetica, Arial, sans-serif!important;
}

.mc-field-group li {list-style:none}

#header #mc_embed_signup .button {background-image:url('http://patterncamp.com/jessicaswift/wp-content/themes/jessswift/images/whitearrow.png');}

#header #mc_embed_signup .button {width:45px!important}


/* MAILCHIMP FOOTER OPTIN */

#footer-cta #mc_embed_signup {
    float: none;
}

#footer-cta #mc-embedded-subscribe-form {
    padding: 0;
}

#footer-cta .mc-field-group {
    display: inline-block;
}

#footer-cta #mc_embed_signup label {
	float: left;
    color: #3D3C3B;
    font-size: inherit;
    font-weight: normal;
    padding: 5px 10px;
    width: inherit;
}

#footer-cta #mc_embed_signup input.email {
    border-radius: 0;
    border: none;
    height: 26px;
    margin-right: 5px;
    width: inherit;
}

#footer-cta .mc-submit {
	display: inline-block;
}

#footer-cta #mc-embedded-subscribe {
    background-color: #827F7D;
    border-radius: 50%;
    font-weight: bold;
    height: 26px !important;
    line-height: 15px;
    margin: -2px auto 0;
    padding: 0;
    text-align: center;
    vertical-align: text-top;
    visibility: visible;
    width: 26px !important;
}

/*IN PAGE OPTIN*/

#content #mc_embed_signup {background-color:#F59675;}

#content #mc_embed_signup input[type=submit] {border-radius:0px; margin-right: 20px; margin-top: -10px;}

#content .mc-field-group input {width:448px;padding: 5px;height: 30px;}


/*FOOTER*/

#footer {
    padding-bottom: 0;
}

#footer-cta-wrapper {
    background-color: #fff;
    padding: 10px 25px;
}

#footer-cta {
    background-color: #D3D3D3;
    color: #3D3C3B;
    font-family: 'Novecento', Helvetica, Arial, sans-serif;
    padding: 10px 14px;
    text-transform: uppercase;
}

#footer-cta p {
    color: #3D3C3B;
	display: block;
	float: none;
    font: inherit;
    padding: 5px 0px;
	text-align: center;
}

#copyright {
	margin-bottom: 0 !important;
    text-align: center;
}

#copyright a {
    color: #000;
}


/*DISPLAY NONES*/

#post-author, #connect { display:none; }


/*RESTRICT CONTENT PRO*/

ul#rcp_subscription_levels li {
    list-style-type: none;
}
.rcp_level_description {
    border-left: none !important;
    padding-left: 0 !important;
}
#rcp_profile_editor_form fieldset {
    margin-bottom: 10px;
}
#rcp_profile_editor_form legend {
    font-weight: bold;
    margin-bottom: 5px;
}
#rcp_profile_editor_form p {
    margin-bottom: 12px;
}
.rcp_form input.required[type="text"], 
.rcp_form input.required[type="password"], 
.rcp_form input.required[type="email"] {
    border: 2px solid #efefef;
}

/* MEDIA QUERIES */

@media only screen and (max-width: 1140px) {
}

@media only screen and (min-width: 980px) {
	.col-full, #wrapper {
		max-width: 1080px;
	}

	.two-col-right #main-sidebar-container #main {
		width: 67%;
	}

	.two-col-right #main-sidebar-container #sidebar {
		width: 30%;
	}

    .two-col-right.page-template-template-full-width #main-sidebar-container #main {
        float: none;
        width: 100%;
    }

	body.full-width #footer {
		max-width: 1080px;
	}
	#footer-cta p {
	    display: inline-block;
	    float: left;
	    text-align: left;
	}
	#footer-cta #mc_embed_signup {
	    display: inline-block;
	    float: right;
	}
}

@media only screen and (min-width: 768px)and (max-width: 996px) {
}

@media only screen and (min-width: 768px) {
	.col-left {
		width:100%;
	}
}

@media only screen and (max-width: 768px){
	ul.nav li a, ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a, ul.nav li a:hover {
		background: transparent !important;
	}

	#logo {
		float:none; 
		margin:0 auto; 
		max-width:85%;
	}

	#logo img {
		max-width:100%;
	}

	#campfire {
		display: none;

	}

	#opt-in {
		float:none; 
		margin:35px auto 0;
	}

	.return-link, .classroom-link {
		float:none; 
		margin-top:15px; 
		margin-bottom:10px; 
		text-align:center; 
		max-width:300px;
	}
}

@media only screen and (max-width: 480px){
	#footer-cta #mc_embed_signup label {
		float: none;
		text-align: center;
	}
}