/**
 * Theme Name: Slocum Studio - 2014
 * Theme URI: http://slocumstudio.com/
 * Description: Slocum Studio website for 2014.
 * Author: Slocum Studio
 * Author URI: http://slocumstudio.com/
 * Version: 4.0
 */

/**
 * CSS Reset - http://meyerweb.com/eric/tools/css/reset/
 * License: None (public domain)
 * Copyright: Eric Meyer, http://meyerweb.com/eric/
 *
 * We've used Eric Meyer's reset as a base and modified it a bit to suit our needs.
 */
html,body, div, dl, dt, dd, ul, li,
pre, form, fieldset, input, textarea, blockquote, th, td, section, figure { 
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;

	/* Ensure that all long words are broken up so they do not exceed the width of their container elements. */
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

pre {
	white-space: pre-wrap;
}

fieldset, img, abbr, acronym  { 
	border: 0;
}

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

a img {
	text-decoration: none;
}

select {
	max-width: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

address, caption, cite, code, dfn, em, var {
	font-weight: normal;
	font-style: normal;
}

q:before, q:after {
	content: '';
}

ul {
	list-style: none;
}
	
mark{
	background: none;
}

button{
	border: none;
}



/**
 * Theme Styles
 */
body{
	max-width: 1100px;
	width: 80%;
	margin: 0 auto;
	font-size: 18px;
	line-height: 1.5em;
	color: #3c639a;
	font-family: 'Open Sans', sans-serif;
}

strong{
	font-weight: bold;
}

a {
	color: #35a7d1;
}

a:hover {
	text-decoration: none;
}

p {
	line-height: 1.5em;
}

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

.clear {
	height: 0;
	font-size: 0;
	clear: both;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.hide {
	display: none;
}


/**
 * WordPress Core CSS - http://codex.wordpress.org/CSS#WordPress_Generated_Classes
 * License: GPL2
 * Copyright: WordPress.org, http://wordpress.org
 */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption, .gallery-caption {
    background: #eee;
    border: 1px solid #e6e6e6;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img, .gallery-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* 
-------------

Header

-------------

*/

header#header{
	width: 100%;
	float: left;
	display: block;
	border-bottom: 1px solid #cfd4da;
}


section.logo-container{
	float: left;
	width: 30%;
}

.site-title a {
	width: 258px;
	max-width: 100%;
	height: 85px;
	background: url('images/sds-logo.png') center center no-repeat;
	background-size: contain;
	text-indent: -500%;
	overflow: hidden;
	display: block;
}

nav.nav-container{
	float: right;
	width: 70%;
}

ul.primary-nav{
	margin-top: 40px;
	float: right;
}

ul.primary-nav li{
	float: left;
}

ul.primary-nav li a{
	float: left;
	padding: 15px 25px;
	text-decoration: none;
	color: #3bb1dc;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

ul.primary-nav li a:hover{
	background:#3bb1dc;
	color: #3c639a;
}

ul.primary-nav li a.current{
	color: #3c639a;
}


/* 
-------------

Pages/Blog

-------------
*/
.content, .page-container {
	padding-bottom: 1em;
}

.content ul, .content ol {
	padding-left: 1.75em;
	list-style: disc;
}

.content ol {
	list-style: decimal;
}

.content ul li,.content ol li {
	padding-bottom: 0.5em;
}

.blog .content, .single-post .content {
	width: 63%;
	padding-right: 3%;
	border-right: 1px solid #e7ecf1;
	float: left;
}

.blog .block-container h2.latest-post-title {
	margin-top: 0;
	margin-bottom: 0.5em;
}

.search .block-container h2.latest-post-title, .single .block-container h1.latest-post-title {
	margin-top: 0;
	margin-bottom: 0.25em;
}

.blog .block-container, .single .block-container {
	padding: 20px 0 10px;
}

.blog .block-container .latest-post-date {
	margin: -21px 0 0 1em;
	padding: 10px;
	color: #fff;
	background: #3bb1dc;
	float: right;
	display: none;
}

.search .block-container .latest-post-date, .single .block-container .latest-post-date {
	margin: 0 0 1.5em;
	color: #999;
	font-size: 14px;
}

.blog .content .block-container-first .latest-post-date {
	margin: 18px 0 10px 10px;
	padding: 10px;
	font-size: 24px;
}

.blog .sidebar, .single .sidebar {
	width: 30%;
	margin-top: 20px;
	padding-left: 3%;
	float: left;
}



.sidebar ul {
	padding-left: 1.5em;
	list-style: disc;
}

.sidebar ul li {
	padding-bottom: 0.5em;
}

#page-container{
	width: 100%;
	float: left;
	margin-bottom: 40px;
}

figure.featured img{
	width: 100%;
}

h1.page-title, h2.page-title{
	font-size: 46px;
	font-weight: 300;
	line-height: 1.5em;
	margin-top: 20px;
	margin-bottom: 0;
}

h3.page-title {
	margin-top: 20px;
	margin-bottom: 0;
}

h3{
	font-size: 32px;
	margin-top: 50px;
	font-weight: 300;
}

article#page-container ul{
	margin-left: 20px;
}

article#page-container ul li{
	list-style: disc;
}



/* 
-------------

Breadcrumbs

-------------
*/

.breadcrumb {
	margin: 0.5em 0;
	font-size: 14px;
}


/* 
-------------

Home Blocks

-------------

*/

article#home-container{
	width: 100%;
	float: left;
}

.block-container{
	width: 100%;
	float: left;
	padding-top: 40px;
	padding-bottom: 40px;
	clear: both;
	border-bottom: 1px solid #cfd4da;
}

.case-study-block-container {
	margin-top: 20px;
}

.case-studies-archives .case-studies-archive-container .block-container:last-child{
	border: none;
}

article.block-info-r{
	width: 47.5%;
	float: right;
}

article.block-info-l{
	width: 47.5%;
	float: left;
}

figure.block-left{
	width: 47.5%;
	float: left;
}

figure.block-right{
	width: 47.5%;
	float: right;
}

figure.block-left img, figure.block-right img{
	width: 100%;
}

.block-container h2, .block-container h1.latest-post-title {
	font-size: 46px;
	font-weight: 300;
	line-height: 1.5em;
	margin-top: 20px;
}

.block-container h2 a {
	color: #3c639a;
	text-decoration: none;
}

.block-container h2 a:hover {
	text-decoration: underline;
}

/* Buttons */
a.button, .button, .more-link, .comment-reply-link, #cancel-comment-reply-link, input[type=submit] {
	background:#3bb1dc;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	padding: 25px 45px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 20px;
	float: left;
}

.more-link {
	width: 142px;
	display: block;
	float: none;
	clear: both;
}

.case-studies-archive-container .more-link {
	width: auto;
	padding: 15px;
}

input[type=submit] {
	margin-top: 0;
	border: none;
	cursor: pointer;
}

/*
-------------

Gravity Forms

-------------
*/
.gform_wrapper input[type=text], .gform_wrapper input[type=url],
.gform_wrapper input[type=email], .gform_wrapper input[type=tel],
.gform_wrapper input[type=number], .gform_wrapper input[type=password],
.gform_wrapper select, .gform_wrapper textarea {
	padding: 10px 1% !important;
	font-size: 18px !important;
	border: 1px solid #bbb !important;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.gform_wrapper .button {
	float: none;
}


/*
-------------

After Posts Widgets

-------------
*/
.after-posts-widgets-active {
	margin: 1.5em 0;
	color: #fff;
	background: #35a7d1;
}

.after-posts-widgets-active a {
	color: #fff;
}

.after-posts-widgets-active .widget {
	padding: 1em;
}

.after-posts-widgets-active .widget-title {
	margin: 0.5em 0;
}


/* 
-------------

Comments

-------------
*/
.comments-container {
	padding-bottom: 1.5em;
	background: #f7faff;
}

.comments-container-no-comments {
	padding-bottom: 0;
	background: transparent;
}

.comments-container .comments-area {
	padding: 1em;
}

.comments-container .comments-title {
	margin: 0;
}

.comments-container .comment-list {
	padding: 0;
	list-style: none;
}

.comments-container ol .children {
	list-style: none;
}

.comments-container .comment-list li, .comments-container ol .children li {
	padding: 1em 0;
	border-bottom: 1px solid #eaeef3;
}

.comments-container .author-details {
	font-size: 14px;
}

.comments-container .author-details .author-link {
	font-size: 16px;
}

.comments-container .avatar {
	margin: 0 1em 1em 0;
	border: 1px solid #fff;
	float: left;
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.25);
}

.comments-container .comment-content-container {
	padding: 2px 1em;
	color: #264672;
	background: #fff;
	box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1);
	clear: both;
}

.comment-reply-link {
	width: 44px;
	padding: 8px 12px;
	display: block;
	float: none;
}

#cancel-comment-reply-link {
	padding: 10px;
	float: none;
}

.comment-respond {
	margin-top: 3em;
	border-top: 1px solid #cfd4da;
}

.comment-respond .comment-reply-title {
	margin-top: 0.75em;
}

.comment-respond .comment-notes,.comment-respond .logged-in-as {
	font-size: 16px;
}

.comment-respond label {
	margin-bottom: 0.25em;
	display: block;
}

.comment-respond .required {
	color: #900;
}

.comment-respond input[type=text], .comment-respond textarea {
	width: 48%;
	padding: 10px 1%;
	font-size: 18px;
	border: 1px solid #bbb;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.comment-respond textarea {
	width: 98%;
	font-family: 'Open Sans', sans-serif;
}

.comment-respond .form-allowed-tags {
	display: none;
}

/* 
-------------

Search Form

-------------
*/
#searchform input[type=text] {
	width: 78%;
	padding: 18px 1%;
	font-size: 24px;
	border: 1px solid #bbb;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#searchform input[type=submit] {
	width: 18%;
	margin-top: 0;
	padding: 25px 0;
	border: none;
	float: right;
	cursor: pointer;
}

/* Primary Sidebar */
.sidebar #searchform input[type=text] {
	width: 67%;
	padding: 10px 1%;
	font-size: 18px;
}

.sidebar #searchform input[type=submit] {
	width: 28%;
	padding: 14px 3%;
}

/* 
-------------

Sitemap

-------------
*/
.sds-sitemap section {
	width: 50%;
	margin-bottom: 1em;
	float: left;
}

/* 
-------------

Pagination

-------------
*/
.pagination ul.page-numbers {
	margin: 20px;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
}

.pagination .page-numbers li{
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	list-style: none;
}

.pagination .page-numbers li span, .pagination .page-numbers li a {
	margin: 0 20px 0 0;
	padding: 0 20px 0 0;
	border-right: 1px solid #cfd4da;
	display: block;
}

.pagination .page-numbers li:last-child a, .pagination .page-numbers li:last-child span {
	border-right: none;
}


/* 
-------------

Footer

-------------
*/

footer#footer{
	width: 100%;
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 14px;
	border-top: 1px solid #cfd4da;
	text-align: center;
}

footer#footer ul {
	display: inline-block;
}

footer#footer ul li {
	margin: 0 20px;
	float: left;
}


/*
-------------

Other Brands

-------------
*/
.other-brands {
	margin: 2em 0 1em;
}

.other-brands a {
	display: inline-block;
	vertical-align: middle;
}

.other-brands .slocum-studio {
	width: 235px;
	height: 61px;
	margin-right: 75px;
	background: url('images/other-brands.jpg') no-repeat 0 -16px;
	text-indent: -500%;
	white-space: nowrap;
	overflow: hidden;
}

.other-brands .slocum-themes {
	width: 246px;
	height: 93px;
	margin-right: 75px;
	background: url('images/other-brands.jpg') no-repeat -268px 0;
	text-indent: -500%;
	white-space: nowrap;
	overflow: hidden;
}

.other-brands .embrace-wp {
	width: 274px;
	height: 40px;
	background: url('images/other-brands.jpg') no-repeat -565px -26px;
	text-indent: -500%;
	white-space: nowrap;
	overflow: hidden;
}


@media only screen and (max-width : 1110px) {
	body{
		width: 90%;
	}
	
	
	header#header{
		width: 100%;
		float: left;
		display: inline-block;
		border-bottom: 1px solid #cfd4da;
	}
	
	
	section.logo-container{
		float: none;
		text-align: center;
		width: 100%;
	}

	.site-title a {
		margin: 0 auto;
	}
	
	nav.nav-container{
		float: none;
		width: 100%;
	}
	
	ul.primary-nav{
		margin-top: 20px;
		float: none;
		text-align: center;
		display: inline-block;
		width: 100%;
	}
	
	ul.primary-nav li{
		float: none;
		display: inline-block;
	}
	
	figure.block-left{
		margin-top: 30px;
	}

	/* Primary Sidebar */
	.sidebar #searchform input[type=text] {
		width: 63%;
		padding: 10px 2%;
		font-size: 18px;
	}

	.sidebar #searchform input[type=submit] {
		width: 30%;
		padding: 14px 3%;
	}
}

@media only screen and (max-width : 960px) {
	.blog .content, .single-post .content, .blog .sidebar, .single .sidebar {
		width: 100%;
		margin: 0;
		padding: 0;
		float: none;
		border-right: none;
	}

	.blog .sidebar, .single .sidebar {
		padding-bottom: 1em;
	}

	.blog .content .block-container-first .latest-post-date {
		margin: 9px 0 10px 1.5em;
		display: none;
	}

	.blog .block-container .latest-post-date {
		margin-left: 1.5em;
		display: none;
	}

	.pagination  {
		border-bottom: 1px solid #cfd4da;
	}

	.other-brands {
		margin: 2em 0 1em;
	}

	.other-brands a {
		display: block;
	}

	.other-brands .slocum-studio,
	.other-brands .slocum-themes,
	.other-brands .embrace-wp {
		margin: 2em auto;
	}
}



@media only screen and (max-width : 740px) {
	body{
		width: 90%;
	}
	
	article.block-info-r{
		width: 100%;
		float: left;
	}
	
	article.block-info-l{
		width: 100%;
		float: left;
	}
	
	figure.block-left{
		width: 100%;
		float: left;
	}
	
	figure.block-right{
		width: 100%;
		float: left;
	}
	
	.block-container h2, h1.page-title, h2.page-title, .block-container h1.latest-post-title {
		font-size: 26px;
		text-decoration: center;
		font-weight: 300;
		line-height: 1.5em;
		margin-top: 20px;
	}
	
	h3{
		font-size: 22px;
		line-height: 1.3em;
		margin-top: 30px;
		font-weight: 300;
	}
	
	a.button, .button, .more-link, .comment-reply-link, #cancel-comment-reply-link, input[type=submit] {
		background:#3bb1dc;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 700;
		padding: 15px 0;
		width: 100%;
		text-align: center;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin-top: 20px;
		float: left;
	}

	.more-link, .comment-reply-link, #cancel-comment-reply-link,.comments-container input[type=submit] {
		float: none;
	}

	#cancel-comment-reply-link {
		padding: 10px;
	}

	.comment-respond input[type=text] {
		width: 68%;
	}

	.blog .more-link {
		margin-bottom: 2em;
	}

	.sds-sitemap section {
		width: auto;
		float: none;
	}
}