/*
Theme Name: GridStack Child by WPD
Theme URI: http://works-progress.com
Description: Child theme for the GridStack theme. Designed/developed by Works Progress.
Version: 1.06
Author: Works Progress
Author URI: http://works-progress.com
Template: gridstack
*/

@import url(../gridstack/style.css);
@import url(http://fonts.googleapis.com/css?family=Montserrat:700,400|Roboto:300,300italic,500|Roboto+Slab:300);


/* ---------- STRUCTURE ---------- */
body {
	background-color:#fcfaf8;
	background-image:url(images/star-bg-icon.png), url(images/herringbone-blend.jpg);
	background-position:82% 96px, left top;
	background-repeat:no-repeat, repeat-x;
}
body.page-id-14, body.page-id-125, body.page-id-2847, body.page-id-2874, body.page-id-2887 {
	background-image:url(images/herringbone-blend.jpg);
	background-position:left top;
	background-repeat:repeat-x;
}

.dark {
	background:#e3e4e6;
	padding-bottom:25px;
}


/* ---------- TYPOGRAPHY ---------- */
body {
	color:#63697a;
}

html, body, input, textarea, p, ul, ol, .button, .ui-tabs-vertical .ui-tabs-nav li a span.text,
.footer p, .footer ul, .footer ol, .footer.button, .credits p,
.credits ul, .credits ol, .credits.button, .footer textarea, .footer input, .testimonial p, 
.contactsubmit label, .contactsubmit input[type=text], .contactsubmit textarea, h2 span.date, .articleinner h1,
.articleinner h2, .articleinner h3, .articleinner h4, .articleinner h5, .articleinner h6, .nivo-caption h1,
.nivo-caption h2, .nivo-caption h3, .nivo-caption h4, .nivo-caption h5, .nivo-caption h6, .nivo-caption h1 a,
.nivo-caption h2 a, .nivo-caption h3 a, .nivo-caption h4 a, .nivo-caption h5 a, .nivo-caption h6 a,
#cancel-comment-reply-link {
	font-family:'Roboto', helvetica, arial, sans-serif;
	font-weight:300;
}

.pagetitle .title {
	color:#243842;
	font-family:'Roboto Slab', georgia, serif;
	font-weight:300;
	font-size:50px;
	line-height:54px;
}
.pagetitle .subtitle, h2.indextitle, h1, h2, h3, h4, .content h1, .content h2, .content h3, .content h4 {
	font-family:'Roboto Slab', georgia, serif;
	font-weight:300;
	color:#243842;
}
.pagetitle .subtitle {
	line-height:32px;
}
.content h5, .content h6 {
	font-family:'Montserrat', helvetica, arial, sans-serif;
	font-weight:700;
	text-transform:uppercase;
}
.home .pagetitle .subtitle {
	font-size:34px;
	line-height:48px;
}
.pagetitle .subtitle a {
	font-weight:300;
	color:#dc5835;
}
.pagetitle .subtitle a:hover {
	border-bottom:1px dotted;
	color:#dc5835;
}
.post .pagetitle, .portfolio .pagetitle {
	margin-bottom:30px;
}

.singlecontent h1, .singlecontent h2, .singlecontent h3, .singlecontent h4, .singlecontent h5, .singlecontent h6 {
	margin-bottom:15px;
}
.singlecontent h3 {
	font-size:32px;
	line-height:38px;
}
.singlecontent h4 {
	font-size:28px;
	line-height:34px;
}
.singlecontent h5 {
	font-size:16px;
	line-height:22px;
}

h3.widget-title, h4.widget-title, h5, h5 a, h6, h6 a {
	color:#243842;
	font-family:'Montserrat', helvetica, arial, sans-serif;
	font-weight:700;
	text-transform:uppercase;
}

.widget h1 a, .widget h2 a, .widget h3 a, .widget h4 a, .widget h5 a, .widget h6 a, .tabswrap .tabpost a, .more-posts a, ul li a.rsswidget {
	color:#243842;
}

p a, li a {
	color:#dc5835;
}
p a:hover, li a:hover {
	border-bottom:1px dotted;
}

p strong, li strong {
	font-weight:500;
}

p, ul {
	line-height:1.8em;
}
ul li {
	list-style-type:circle;
	margin-left:20px;
}
li {
	margin-bottom:0;
}

blockquote {
	quotes:"\201C""\201D""\201C""\201D";
}
blockquote p:first-child::before {
	color:#d6d7d9;
	font-family:georgia, serif;
	font-size:100px;
	line-height:100px;
	margin-bottom:-40px;
}
blockquote p {
	color:#243842;
	line-height:38px;
}
blockquote p span, .praise {
	color:#243842;
	display:block;
	font-family:'Montserrat', helvetica, arial, sans-serif;
	font-weight:700;
	font-size:14px;
	line-height:20px;
	text-align:center;
	text-transform:uppercase;
}

#client-list {
	-moz-column-count:3;
	-moz-column-gap:40px;
	-webkit-column-count:3;
	-webkit-column-gap:40px;
	column-count:3;
	column-gap:40px;
}
#client-list ul li {
	font-size:13px;
	line-height:22px;
	list-style-type:none;
	margin-left:0;
}

.portfolio .tw-column blockquote {
	margin-top:-6px;
}
.portfolio .tw-column blockquote p {
	font-family:'Roboto Slab', georgia, serif;
	font-weight:300;
	font-size:16px;
	line-height:26px;
	margin:0;
	text-align:left;
	width:90%;
}
.portfolio .tw-column blockquote p span {
	font-size:12px;
	line-height:18px;
	margin-top:10px;
}

.portfolio .service {
	color:#fff; 
	font-size:14px; 
	padding:3px 6px;
}


.dark, .dark p, .dark ul, .dark ol {
	color:#63697a;
	font-size:14px;
	line-height:24px;
}

.wp-caption .wp-caption-text, .wp-caption.alignleft .wp-caption-text, .wp-caption.alignright .wp-caption-text, .wp-caption.aligncenter .wp-caption-text {
	background:transparent;
}
.wp-caption .wp-caption-text, .wp-caption.alignleft .wp-caption-text, .wp-caption.alignright .wp-caption-text span, .wp-caption.aligncenter .wp-caption-text span {
	color:#243842;
	line-height:1.5em;
}
.wp-caption-text, .gallery-caption, .mfp-title {
	font-family:'Montserrat', helvetica, arial, sans-serif;
	font-weight:700;
	text-transform:uppercase;
}
.wp-caption-text {
	padding:20px 0;
}
.mfp-title {
	display:none;
}

.button, a.button, a.more-link, .tw-postshortcode a.more-link, a.tw-button, .tw-button, #submit, input[type='submit'], label, .detailtitle {
	font-family:'Montserrat', helvetica, arial, sans-serif;
	font-weight:400 !important;
	text-transform:uppercase;
}

.post .date {
	color:#63697a;
}

.datesection p {
	font-size:11px;
}
.datesection p, .datesection p a {
	color:#aaa;
	color:rgba(170,170,170,1);
}

.cta {
	background-color:#ffdcd3;
	font-weight:300;
}
.single-post .cta {
	background-color:#ffdcd3;
	font-size:18px;
	font-weight:300;
}

.btw {
	color:#888888;
	font-size:13px;
	font-style:italic;
	line-height:1.4em;
	margin-bottom:0;
	text-align:center;
}

.commentsheader h4, .commentsform h4 {
	font-family:'Montserrat', helvetica, arial, sans-serif;
	font-weight:700;
	font-size:18px;
	text-transform:uppercase;
}

.numbubbles {
	background-color:#6b7b84;
	border-radius:20px;
	color:#fff;
	display:inline-block;
	font-family:'Roboto Slab', georgia, serif;
	margin:2px 4px 2px 0;
	padding:4px 17px;
}
.numbubbles-dubs {
	background-color:#6b7b84;
	border-radius:20px;
	color:#fff;
	display:inline-block;
	font-family:'Roboto Slab', georgia, serif;
	margin:2px 4px 2px 0;
	padding:4px 13px;
}


/* ---------- NAVIGATION ---------- */
.top-nav {
	background:#fcfaf8 url(images/herringbone.jpg) repeat-x left bottom;
}
.top .scrolltop {
	border:1px solid #ccc;
	color:#243842;
	font-family:'Montserrat', helvetica, arial, sans-serif;
	opacity:1;
}
.top .scrolltop:hover {
	color:#dc5835;
}

#menu .sf-menu a {
	color:#243842;
	font-family:'Montserrat', helvetica, arial, sans-serif;
	font-weight:400;
	font-size:13px;
	text-transform:uppercase;
}
#menu .sf-menu a:hover {
	border-bottom:0;
	color:#dc5835;
}


/* ---------- PORTFOLIO ---------- */
ul.filter li a, ul.filter li a:visited {
	font-family:'Montserrat', helvetica, arial, sans-serif;
	letter-spacing:1px;
}
ul.filter li a.active, ul.filter li a:hover {
	border-color:#ff8a6b;
	color:#dc5835;
}

.more-posts::before {
	margin-top:17px;
}
.more-posts a {
	background:#ed5e39;
	border:1px solid #ed5e39;
	color:#fff;
	font-family:'Montserrat', helvetica, arial, sans-serif;
	letter-spacing:1px;
	padding:12px 10px;
}
.more-posts a:hover {
	background:#243842;
	border-color:#243842;
}

.portfolio .section {
	margin-bottom:100px;
}
.portfolio .section.center h3, .portfolio .section.center p { 	
	margin-left:auto;
	margin-right:auto;
	text-align:center;	
	width:80%;
	max-width:750px;
}
.portfolio .section.center h5 {
	margin-top:40px;
}
.portfolio .section.center .tw-column-last p {
	text-align:left;
}
.portfolio .section.left .alignright {
	margin-right:-100px;
}
.portfolio .section.right .alignleft {
	margin-left:-100px;
}

.portfolio .wp-video {
	margin-top:-10px;
}

.framed {
	border:2px solid #b4bbbf;
}


/* ---------- BLOG ---------- */
.categories a {
	color:#fff;
	font-family:'Montserrat', helvetica, arial, sans-serif;
	font-weight:400;
	text-transform:uppercase;
}

.singlecomment {
	background:#e3e4e6;
}
.singlecomment::after {
	border-right-color:#e3e4e6;
}
.name a {
	font-weight:500;
}

.detailgroup p a {
	color:#dc5835;
}


/* ---------- WIDGETS ---------- */
.dark .widget .widget-title {
	border-color:#243842;
	color:#243842;
	font-family:'Montserrat', helvetica, arial, sans-serif;
	font-weight:700;
	padding-bottom:0;
}
.widget .widget-title {
	border-bottom:1px solid #243842;
	padding-bottom:0;
}
.widget.widget_nav_menu .widget-title {
	border-style:solid;
	margin-bottom:18px;
}

.widget a {
	color:#dc5835;
}

.textwidget iframe {
	background:transparent;
}

.tabswrap ul.tabs li a {
	font-family:'Montserrat', helvetica, arial, sans-serif;
	font-weight:400;
	text-transform:uppercase;
}
.tabswrap .tabpost a:hover {
	border-bottom:0;
	color:#dc5835;
}

.tagcloud a, .widget .tagcloud a {
	background:transparent;
	border:1px solid #ccc;
	color:#aaa;
}
.tagcloud a:hover, .widget .tagcloud a:hover {
	background:#ed5e39;
	border-color:#ed5e39;
	color:#fff;
}

#footer .widget a {
	color:#243842;
	font-family:'Montserrat', helvetica, arial, sans-serif;
	font-weight:400;
	font-size:13px;
	text-transform:uppercase;
}


/* ---------- SHORTCODES ---------- */
h3.title-shortcode a:hover {
	color:#dc5835;
}

ul.tw-tabs li a {
	color:#243842 !important;
	font-family:'Montserrat', helvetica, arial, sans-serif;
	font-weight:700;
	text-transform:uppercase;
}
ul.tw-tabs li a.active {
	background-color:#e3e4e6;
}

.tw-toggle .tw-toggle-trigger {
	font-family:'Montserrat', helvetica, arial, sans-serif;
	font-size:14px !important;
	font-weight:700 !important;
	text-transform:uppercase !important;
}
.tw-toggle .tw-toggle-container {
	line-height:28px;
}
.tw-toggle .tw-toggle-trigger:hover, .tw-toggle .tw-toggle-trigger.active, .tw-toggle .tw-toggle-trigger.active:hover {
	background-color:#e3e4e6 !important;
}

.tw-divider {
	clear:both;
}


/* ---------- FORMS ---------- */
#commentsubmit input[type=text], #commentsubmit textarea {
	background:#fff;
}

.singlecontent .mc-field-group {
	display:inline-block;
	margin-right:3px;
}
.singlecontent .mc-field-group input[type="text"], .singlecontent .mc-field-group input[type="email"] {
	background:#e3e4e6;
	height:30px;
	padding:1px 9px;
}

.mc-field-group input[type="email"] {
	border:0;
	background:#fff;
	height:30px;
	padding:1px 9px;
}
.mc-field-group input[type="submit"] {
	background:#ed5e39;
}
.mc-field-group input[type="submit"]:hover {
	background:#243842 !important;
	color:#fff !important;
}

#mc_embed_signup2 { /* Rebrand Right form */
	float:left;
	margin-bottom:15px;
	width:55%;
}
#mc_embed_signup2 label {
	font-size:15px;
}
#mc_embed_signup2 .mc-field-group {
	margin-bottom:-13px;
}
#mc_embed_signup2 .asterisk {
	color:#ed5e39;
}
#mc_embed_signup2 input[type="text"], #mc_embed_signup2 input[type="email"] {
	font-size:12px;
}
/*#mc_embed_signup2 input#mce-COMPANY, #mc_embed_signup2 input#mce-EMAIL {
	width:100%;
}*/
#mc_embed_signup2 .purchase-button {
	margin:25px 0 10px;
	text-align:center;
}

::-webkit-input-placeholder { /* WebKit browsers */
	color:#63697a;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:#63697a;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:#63697a;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:#63697a;
}


/* ---------- MISC GLOBAL STYLES ---------- */
iframe {
	background:transparent;
}

/* hack image gallery carousel */
.carousel .bx-wrapper img {
	width:initial;
}
.single-carousel .gallery-icon {
	background:none;
}
.single-carousel .gallery-icon img {
	margin:0 auto;
}


.csstransitions .single-carousel a img, .csstransitions .single-gallery a img {
	-webkit-backface-visibility:hidden;
	-webkit-perspective:1000;
}

.avatar-info .comment-counter, .categories a:hover, .single .categories a, .single .sidebar .categories a:hover, .tabswrap ul.tabs li a.active, .tabswrap ul.tabs li a:hover, .dark .tabswrap ul.tabs li a:hover, .dark .tabswrap ul.tabs li a.active, .pagination a.button.share:hover, #commentsubmit #submit, #cancel-comment-reply-link, .widget .categories a, .button, a.button, .widget a.button, a.more-link, .widget a.more-link, .cancel-reply p a, .dark .button:hover, .dark a.button:hover, .dark a.more-link:hover, .tw-postshortcode a.more-link, .tw-button, a.tw-button, .tw-pricing-table .featured .tw-pricing-header, .gridstack .mejs-controls .mejs-time-rail .mejs-time-buffering, .gridstack .mejs-controls .mejs-time-rail .mejs-time-current, .gridstack .mejs-controls .mejs-volume-button .mejs-volume-slider, .gridstack .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current, .gridstack .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .gridstack .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, a.page-numbers:hover, .page-numbers.current {
	background:#ed5e39;
	border-color:#ed5e39;
	color:#fff;
}

.button, .tw-button, .tw-button.medium, a.tw-button, a.button, a.more-link, #submit, .tw-postshortcode a.more-link {
	letter-spacing:1px;
	padding:10px;
}
.button:hover, .tw-button:hover, a.tw-button:hover, a.button:hover, a.more-link:hover, #submit:hover, .tw-postshortcode:hover a.more-link:hover, #commentsubmit #submit:hover {
	background:#243842 !important;
	border-color:#243842;
	border-bottom:0;
	text-decoration:none;
}
#postcontainer .tw-button.custom:hover, a.tw-button.custom:hover {
	background:#243842 !important;
}
.portfolio .tw-button.medium {
	min-width:130px;
	text-align:center;
}

.bx-wrapper .bx-prev, .single-slideshow .bx-wrapper .bx-prev, .bx-wrapper .bx-next, .single-slideshow .bx-wrapper .bx-next {
	border-radius:0;
}
.bx-wrapper .bx-prev, .single-slideshow .bx-wrapper .bx-prev, .single-carousel .bx-wrapper .bx-prev, .bx-wrapper .bx-next, .single-slideshow .bx-wrapper .bx-next, .single-carousel .bx-wrapper .bx-next {
	border-radius:0;
}

.email-share {
	background: url(http://works-progress.com/wp-content/uploads/2013/09/icon-email.png) left top no-repeat;
	float:left;
	height:65px;
	margin:20px 0 35px;
}
.email-share span {
	display:block;
	padding:10px 0 0 75px;
}

.gp, .tw, .fb {
	cursor:pointer;
	display:block;
	float:left;
	height:34px;
	margin:0 15px 30px 0;
	padding:0;
	text-indent:-9999px;
}
.gp {
	background:transparent url(http://works-progress.com/wp-content/uploads/2014/04/social-google.png) no-repeat;
	width:30px;
}
.tw {
	background:transparent url(http://works-progress.com/wp-content/uploads/2014/04/social-twitter.png) no-repeat;
	width:29px;
}
.fb {
	background:transparent url(http://works-progress.com/wp-content/uploads/2014/05/social-facebook.png) no-repeat;
	width:25px;
}

.addthis_toolbox {
	margin-bottom:40px;
}


/* ---------- MOBILE ---------- */
#jump {
	background:#243842 url(../gridstack/images/downarrow.png) 95% 50% no-repeat;
}
a#jump:hover {
	background:#243842 url(../gridstack/images/downarrow.png) 95% 50% no-repeat;
}
#back a, #back a:hover {
	background:#243842 url(../gridstack/images/uparrow.png) 95% 45% no-repeat;
}


/* ---------- RESPONSIVE ---------- */
/* Tablet (Portrait) - Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	

	
}

/* Mobile (Portrait)  - Design for a width of 320px */
@media only screen and (max-width: 767px) {
	
	#client-list {
		-webkit-column-count:1;
		-webkit-column-gap:0;
		column-count:1;
		column-gap:0;
		text-align:center;
	}
	.portfolio .section.left, .portfolio .section.right {
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		width:80%;
	}

}

/* Mobile (Landscape) - Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	

	
}