/*
Theme Name: Need Words
Version: 1.2
Text Domain: needwords
*/
/***************************************************
CLEARFIXES
***************************************************/
*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clearfix:before, .clearfix:after {content: ''; display: table;}
.clearfix:after {clear: both;}
:focus { -moz-outline-style: none; outline: none; outline-style: none;}
.clearme {clear: both;}
/***************************************************
CUSTOM FONTS
***************************************************/
@font-face {
    font-family: 'press_styleregular';
    src: url('fonts/press_style-webfont.eot');
    src: url('fonts/press_style-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/press_style-webfont.woff') format('woff'),
    url('fonts/press_style-webfont.ttf') format('truetype'),
    url('fonts/press_style-webfont.svg#press_styleregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/***************************************************
BASIC
***************************************************/
body {font-size: 16px; font-family: 'Libre Baskerville', serif; color: #000000; margin: 0; padding: 0; line-height: 23px; overflow-x: hidden;}
p {line-height: 23px;}
/***************************************************
TEXTURES
***************************************************/
.homedots {position: absolute; width: 50%; top: 0; left: 0; z-index: -9999; background: transparent url(images/dots.png) top left repeat; height: 1168px; opacity: 0.8;}
.homeline {position: absolute; width: 50%; top: 490px; left: 0; z-index: -9998; border-right: 22px solid #FFFF8D; height: 912px;background-color: transparent !important;}
.homeline.greenlight{border-right-color: #CDFDDA;}
.homeline.yellowlight{border-right-color: #FFFFEE;}
.homeline.bluelight{border-right-color: #E1FFFE;}
.homeline.limelight{border-right-color: #F5FFF9;}
.homeline.limedark{border-right-color: #BDFC59;}
.homeline.white{border-right-color: #FFFFFF;}
.search-results .homeline, .category .homeline, .archive .homeline, .single-bluff_free_guides .homeline {display: none !important;}

.archive .greenlight {background: #fff !important}

.stLarge {background: transparent url(images/share-this.png) no-repeat center center !important; width: 52px !important; height: 52px !important; display: block !important; margin: 0 auto !important; float: none !important}
.st_sharethis_large {width: 52px !important; height: 52px !important; display: block !important; margin: 0 auto !important; float: none !important}

.homefooterleft  {position: absolute; width: 50%; left: 0; z-index: -9999; background-color: #FFFF8D; height: 450px;}

.whatwedodots {position: absolute; width: 50%; top: 0; left: 0; z-index: -9999; background: transparent url(images/dots.png) top left repeat; height: 1168px; opacity: 0.8;}
.whatwedoline {position: absolute; width: 50%; top: 490px; left: 0; z-index: -9998; border-right: 22px solid #BDFC59; height: 960px;}
.whatwedofooterleft  {position: absolute; width: 50%; top: 1785px; left: 0; z-index: -9999; background-color: #BDFC59; height: 450px;}

.page-template-page-templatesour-work-php .homedots {position: absolute; width: 50%; top: 0; left: 0; z-index: -9999; background: transparent url(images/dots.png) top left repeat; height: 1760px; opacity: 0.8;}
.workfooterright  {position: absolute; width: 50%; top: 1850px; right: 0; z-index: -9999; background-color: #00F9FF; height: 450px;}

.blogdots {position: absolute; width: 50%; top: 0; left: 0; z-index: -9999; background: transparent url(images/dots.png) top left repeat; height: 2298px; opacity: 0.8;}
.blogfooterright  {position: absolute; width: 50%; top: 2900px; right: 0; z-index: -9999; background-color: #fff; height: 450px;}

.contactdots {position: absolute; width: 50%; top: 0; left: 0; z-index: -9999; background: transparent url(images/dots.png) top left repeat; height: 1468px; opacity: 0.8;}
.contactline {position: absolute; width: 50%; top: 490px; left: 0; z-index: -9998; border-right: 22px solid #FFFF8D; height: 1080px;}
.contactfooterleft  {position: absolute; width: 50%; top: 1785px; left: 0; z-index: -9999; background-color: #FFFF8D; height: 450px;}
/***************************************************
HOLDER
***************************************************/
#mainholder {margin: 90px auto 0 auto; width: 1100px;}
/***************************************************
HEADER
***************************************************/
#header {float: left; width: 100%;}
#logo {float: left; width: 528px;}
#logo img {max-width: 160px;}
#nav {float: left; width: 572px; font-family: 'Inconsolata'; font-size: 15px;}
#nav ul {margin: 0; padding: 0; list-style: none;}
#nav ul li {margin: 0 0 18px 0; padding: 0; list-style: none; width: 140px;}
#nav ul li a, #nav ul li a:active, #nav ul li a:visited {color: #000; text-decoration: none;}
#nav ul li:hover, #nav ul li.current-menu-item, .single-our_works #nav ul li#menu-item-28, .single-post #nav ul li#menu-item-26 {border-bottom: 1px solid #000; margin: 0 0 17px 0; }
/***************************************************
COMMON
***************************************************/
#main-content {float: left; width: 100%; clear: both; margin-top: 130px;}
.bigintro {float: left; width: 535px; font-family: 'press_styleregular'; font-size: 130px; line-height: 102px; text-transform: uppercase; color: #000;}
.single-our_works .bigintro {float: none;}
.standardtext img, .wp-caption {max-width: 100% !important; font-family: 'Inconsolata'; font-size: 15px;}
.wp-caption {margin: 40px 0;}
.wp-caption img {display: block; margin-bottom: 10px; max-width: 100%; height: auto;}
.single-our_works .wp-caption:first-of-type {margin-top: 0;}
.standardtext img {width: auto; height: auto;}
blockquote {border-left: 10px solid #fff; font-style: italic; padding: 0 0 0 30px; margin: 30px 0;}
.large-quote {font-size: 30px; line-height: 34px; margin-bottom: 20px;}
/***************************************************
HOME CONTENT
***************************************************/
.standardtext {float: left; width: 565px; margin-top: 290px;}
.standardtext a, .standardtext a:active, .standardtext a:visited, .standardtext a:hover {color: #000; text-decoration: underline;}
.capstext {float: left; width: 565px; margin-top: 290px; text-transform: uppercase; font-size: 26px; line-height: 36px; text-decoration: none; margin: 82px 0 0 535px;}
.capstext p {line-height: 30px;}
/***************************************************
WHAT WE DO CONTENT
***************************************************/
.bigintroright {float: left; width: 565px; margin-top: 400px; font-family: 'press_styleregular'; font-size: 130px; line-height: 102px; text-transform: uppercase;}
.single-our_works .bigintroright {float: right; margin-top: 50px;}
.whatwedo {float: left; width: 535px; margin-top: 105px;}
.whatwedo ul {margin: 0; padding: 0; list-style: none;}
.whatwedo ul li {margin: 0 0 25px 0; padding: 0; list-style: none; width: 500px;}
h2.what-title {margin: 0; padding: 0; font-weight: normal; text-transform: uppercase; font-size: 16px; text-decoration: underline;}
/***************************************************
WHO WE ARE CONTENT
***************************************************/
.page-template-page-templateswho-we-are-php .bigintro {width: auto;}
.page-template-page-templateswho-we-are-php .standardtext {margin: 80px 0 0 0; max-width: 470px;}
.page-template-page-templateswho-we-are-php .about-more {float: right; width: 572px; margin: 83px 0 0 0;}
.page-template-page-templateswho-we-are-php .wp-caption {margin-top: 0;}
.page-template-page-templateswho-we-are-php #content h3 {font-size: 16px; margin-top: 34px; line-height: 24px;}
.page-template-page-templateswho-we-are-php .about-more h3:first-of-type {margin-top: 0;}
/***************************************************
OUR WORK CONTENT
***************************************************/
.content-nav {float: left; min-width: 535px; font-family: 'Inconsolata'; font-size: 15px;}
.content-nav ul {margin: 0; padding: 0; list-style: none;}
.content-nav ul li {margin: 0 5px 0 0; padding: 0 20px 0 0; list-style: none; display: inline;}
.content-nav ul li a, .content-nav ul li a:active, .content-nav ul li a:visited {color: #000; text-decoration: none;}
.content-nav ul li:hover, .content-nav ul li.on {color: #000;}
.content-nav .current-cat a {text-decoration: underline}
.content-nav ul li a:hover {text-decoration: underline;}

.worklist {float: left; width: 100%; font-family: 'press_styleregular'; font-size: 130px; text-transform: uppercase; margin-top: 90px;}
.worklist ul {margin: 0; padding: 0; list-style: none;}
.worklist ul li {margin: 0 0 85px 0; padding: 0; list-style: none; width: 1100px; background: transparent url(images/workline.png) left 50% repeat-x;
}

.pagination {clear:both;}


.worklist ul li.indent{padding-left: 100px; width: 1100px;}
.worklist ul li a, .worklist ul li a:active, .worklist ul li a:visited, .worklist ul li a:hover {color: #000; text-decoration: none;}
.worklist ul li:hover {background: none;}

.ps {clear:both;float: left; width: 100%; margin-top: 40px; font-family: 'press_styleregular'; font-size: 130px; text-transform: uppercase;}
.otherwork {float: left; width: 900px; margin: 45px 0 0 100px;}
.single-our_works .standardtext {width: 500px; margin-top: 50px;}
#single-work-above .bigintro {overflow: hidden; clear: both; margin-top: 60px; float: left;}
#single-work-above {overflow: hidden;}
#single-work-above a {color: #000;}
.work-cat-link a {text-decoration: underline; text-transform: lowercase;}
#single-work-above a:hover {color: #000; text-decoration: underline;}
.work-cat-link {float: left; font-family: 'Inconsolata'; font-size: 15px; width: 500px; line-height: 1;}
.work-listing-link {float: right; font-family: 'Inconsolata'; font-size: 15px; width: 572px; line-height: 1;}
.work-cat-link span {text-transform: lowercase;}
.work-cat-link a:hover {text-decoration: underline;}

h3.clientsays {margin: 60px 0 0 0; padding: 0; font-family: 'press_styleregular'; font-size: 68px; text-transform: uppercase; line-height: 55px;}

/***************************************************
BLOG CONTENT
***************************************************/
.blogsearch {float: right; width: 565px; margin-top: -17px;}
.searchbar {float: left; width: 340px;  background: #A4FABA url(images/search.png) 10px 50% no-repeat; border: none; color: #000; font-family: 'Inconsolata'; font-size: 15px;
padding: 6px 20px 6px 50px;
height: 50px;
line-height: 1;
-webkit-box-sizing: padding-box;
-moz-box-sizing: padding-box;
box-sizing: padding-box;
}


.content-nav {overflow: hidden; padding-bottom: 5px;}
.content-nav a {color: #000;}
.content-nav ul {float: left; font-family: 'Inconsolata'; font-size: 15px; width: 500px; line-height: 1;}
.blog-listing-link {float: right; font-family: 'Inconsolata'; font-size: 15px; width: 572px; line-height: 1;}

.blogarticle {float: left; width: 100%; margin-top: 70px;}
h2.blogtitle {margin: 0; padding: 0; font-family: 'press_styleregular'; font-size: 140px; line-height: 112px; text-transform: uppercase; font-weight: normal; background: transparent url(images/blogline.png) left 35px repeat-x;}
.single-post h2.blogtitle {background: none; margin-bottom: 6px;}
h2.blogtitle a, h2.blogtitle a:active, h2.blogtitle a:visited, h2.blogtitle a:hover {color: #000; text-decoration: none;}
h2.blogtitle:hover {background: none;}
.date {float: left; width: 300px; font-size: 20px; text-transform: uppercase; margin-top: 15px;}
.snippet {float: left; width: 600px; margin-top: 25px;}
.snippet a, .snippet a:active, .snippet a:visited {color: #000; text-decoration: none;}
.snippet a:hover {color: #000; text-decoration: underline;}

.single-bluff_free_guides .entry-content, .single-post .entry-content {float: right; width: 750px; margin-top: 25px;}
.entry-content a, .entry-content a:active, .entry-content a:visited {color: #000; text-decoration: underline;}
.entry-content a:hover {color: #000; text-decoration: underline;}
.entry-content img {display: block; margin-bottom: 10px; max-width: 100%; height: auto;}
.single-bluff_free_guides .entry-content .st_sharethis_large, .single-post .entry-content .st_sharethis_large {display: none !important;}
.single-post  .date .date, .single-bluff_free_guides .date .date {display: block; margin-bottom: 15px; margin-top: 15px;}
.single-post  .date , .single-bluff_free_guides .date {margin-top: 15px;}
.single-post  .date .tagged, .single-bluff_free_guides .date .tagged {font-family: 'Inconsolata'; font-size: 15px; text-decoration: none; text-transform: none;}
.single-post  .date .tagged a, .single-bluff_free_guides .date .tagged a{color: #6d6e71;}
.back-top-top {font-family: 'Inconsolata'; font-size: 15px; text-align: center; color: #000;}
.back-top-top a:hover, .back-top-top a {color: #000;}
.single-post  .date .tagged a:hover, .single-bluff_free_guides .date .tagged a:hover {color: #000;}
.share-this {clear: both; padding: 60px 0; overflow: hidden;}
.pager {float: left; margin: 140px 0 0 300px; font-family: 'Inconsolata'; font-size: 15px; text-transform: uppercase;}
.pager a, .pager span, .pager a:active, .pager a:visited {color: #000; text-decoration: none;  padding: 3px 0px 3px 5px !important;}
.pager a:hover, .pager a.on, .pager .current{border-bottom: 0; font-weight:normal!important;text-decoration: underline;}
.pager a:after, .pager span:after{
    content: '/';
    padding-left: 8px;
}
.pager a:first-child:after, .pager span:first-child:after,
.pager a:last-child:after, .pager span:last-child:after{
    content: '';
    padding-left: 0;
    float: left;
}

.pager .wp-pagenavi span.current{border-bottom: 0!important; text-decoration: underline; font-weight:normal!important;}

.wordweather {float: left; width: 100%; border: 11px solid #000; padding: 35px; margin-top: 200px;}
.single .wordweather {margin-top: 30px;}
.widget_tag_cloud .widget-title, h3.tagstitle {font-family: 'press_styleregular'; font-size: 130px; text-transform: uppercase; font-weight: normal; margin: 0 0 0 0; padding: 0;}
.tagcloud, .tags {float: left; width: 100%; margin-top: 0px;}
.wordweather h3 {line-height: 1;}
.wordweather a {color: #000;}
.wordweather a:hover {text-decoration: underline; color: #000;}
/***************************************************
CONTACT CONTENT
***************************************************/
.contactdetails {float: left; width: 100%; font-family: 'press_styleregular'; font-size: 130px; line-height: 102px; text-transform: uppercase; margin-bottom: 280px;}
.contactdetails a[href^=tel]{color:#000 !important; text-decoration:none !important; font-family: 'press_styleregular' !important;}
.contactdetails a, .contactdetails a:active, .contactdetails a:visited {text-decoration: none; color: #000;}
.contactdetails a:hover {text-decoration: underline; color: #000;}
.page-template-page-templatescontact-us-php .contactdetails ul {margin: 0; padding: 0; list-style: none;}
.page-template-page-templatescontact-us-php .contactdetails div {margin-bottom: 100px;}
.page-template-page-templatescontact-us-php .contactdetails div:last-child {margin-bottom: 0;}
.page-template-page-templatescontact-us-php .contactdetails p {line-height: 100px;}
/***************************************************
FOOTER LEFT
***************************************************/
.site-footer {margin: 90px auto 0 auto; width: 1100px; height: 450px; clear: both;}
.footerleft {float: left; width: 550px; margin-top: 78px; font-family: 'Inconsolata'; font-size: 15px; line-height: 45px;}
.site-footer  p {line-height: 45px;}
.footerleft a, .footerleft a:active, .footerleft a:visited {color: #000; text-decoration: none;}
.footerleft a:hover {color: #000; text-decoration: underline;}
.footerleft .social_sharing a:hover {color: #666; text-decoration: none;}
.footerquote {float: left; width: 500px; margin: 97px 0 0 50px; font-family: 'press_styleregular'; font-size: 68px; line-height: 55px;}
.need_words_social p {line-height: 1;}
/***************************************************
FOOTER RIGHT
***************************************************/

.footerinvert {position: absolute; width: 50%; left: 50%; z-index: -9999; background-color: #FFFF8D; height: 450px;}
.footerright {float: left; margin-left: 650px; width: 550px; margin-top: 78px; font-family: 'Inconsolata'; font-size: 15px; line-height: 45px;}
.footerright a, .footright a:active, .footerright a:visited {color: #000; text-decoration: none;}
.footerright a:hover {color: #000; text-decoration: underline;}
.footerright .social_sharing a:hover {color: #666; text-decoration: none;}

.site-main {min-height: 100%; margin-bottom: -450px;}
.site-main:after {content: "";display: block;}
.site-footer, .site-main:after {height: 450px;}

/***************************************************
COLORS
***************************************************/
.yellowlight {background-color: #FFFFEE; border-color: #FFFFEE;}
.yellowdark {background-color: #FFFF8D; border-color: #FFFF8D;}
.limelight {background-color: #F5FFF9; border-color: #F5FFF9;}
.limedark {background-color: #BDFC59; border-color: #BDFC59;}
.greenlight {background-color: #CDFDDA; border-color: #CDFDDA;}
.greendark {background-color: #A4FABA; border-color: #A4FABA;}
.bluelight {background-color: #E1FFFE; border-color: #E1FFFE;}
.bluedark {background-color: #00F9FF; border-color: #00F9FF;}
.white {background-color: #FFFFFF; border-color: #FFFFFF;}
.social_sharing a {font-size: 24px;}
.wp-pagenavi .pages, .wp-pagenavi .page,.wp-pagenavi .current{
    border: none;
}

/* Hide */
.site-footer-mobile,
.tagged-mobile {
	display: none;
}

.single-bluff_free_guides h2.blogtitle{background:none;}

@media (max-width: 650px){
	.page-template-bluff-free-guides .bigintro{
font-size: 3em;
line-height: 1;
}
.blog .date{float:none;}
}



.page-template-page-templateswhat-we-do-php .bigintroright{
margin-top:102px;
}

@media (max-width: 770px){
.page-template-page-templateswhat-we-do-php .bigintroright{margin-top:0;}
}