/*
Theme Name: Excentra
Theme URI: http://wordpress.org/themes/excentra
Author: Andy Wall
Author URI: http://www.andywall.co.uk/
Description: Blank theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blank
Text Domain: excentra.co.uk

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/



/* Colours used 

Light green - #85c440
Light blue - #00add3
Purple - #8d288f
Dark grey text - #4d4d56
Dark grey background - #302c2c
Light grey text - #d2d2da
Light grey background - #e9e9e9
Black text - #231f20

*/


/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Structure
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Multisite
 * 16.0 - Media Queries
 *    16.1 - Mobile Large
 *    16.2 - Tablet Small
 *    16.3 - Tablet Large
 *    16.4 - Desktop Small
 *    16.5 - Desktop Medium
 *    16.6 - Desktop Large
 *    16.7 - Desktop X-Large
 * 17.0 - Print
 */


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Lora', serif;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	/*background: url(images/assets/background-lines.png) repeat 0 0 #f1f1f1;*/
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

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

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}


/**
 * 2.0 - Genericons
 */

.social-navigation a:before,
.secondary-toggle:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.comment-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before,
.pagination .prev:before,
.pagination .next:before,
.image-navigation a:before,
.image-navigation a:after,
.format-link .entry-title a:after,
.entry-content .more-link:after,
.entry-summary .more-link:after,
.author-link:after {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "Genericons";
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}


/**
 * 3.0 Typography
 */

body,
button,
input,
select,
textarea {
	color: #333;
	font-family: "Noto Serif", serif;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 700;
}

p {
	margin-bottom: 1.6em;
}

a{
    cursor:pointer;
}

b,
strong {
	font-weight: 700;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	border-left: 4px solid #707070;
	border-left: 4px solid rgba(51, 51, 51, 0.7);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	line-height: 1.6667;
	margin-bottom: 1.6667em;
	padding-left: 0.7778em;
}

blockquote p {
	margin-bottom: 1.6667em;
}

blockquote > p:last-child {
	margin-bottom: 0;
}

blockquote cite,
blockquote small {
	color: #333;
	font-size: 15px;
	font-size: 1.5rem;
	font-family: "Noto Sans", sans-serif;
	line-height: 1.6;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

address {
	font-style: italic;
	margin: 0 0 1.6em;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: Inconsolata, monospace;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre {
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.01);
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	line-height: 1.2;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 0.8em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

abbr[title] {
	border-bottom: 1px dotted #eaeaea;
	border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
	cursor: help;
}

mark,
ins {
	background-color: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}


/**
 * 4.0 Elements
 */

hr {
	background-color: #eaeaea;
	background-color: rgba(51, 51, 51, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 1.6em;
}

ul,
ol {
	margin: 0 0 1.6em 1.3333em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
}

dl {
	margin-bottom: 1.6em;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 1.6em;
}

table,
th,
td {
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.6em;
	table-layout: fixed; /* Prevents HTML tables from becoming too wide */
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
}

th, td {
	padding: 0.4em;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

figure {
	margin: 0;
}

del {
	opacity: 0.8;
}

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
}

:-moz-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
}

::-moz-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
}


/**
 * 5.0 Forms
 */

button,
input,
select,
textarea {
	background-color: #f7f7f7;
	border-radius: 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}

input:focus,
textarea:focus {
	background-color: #fff;
	border: 1px solid #c1c1c1;
	border: 1px solid rgba(51, 51, 51, 0.3);
	color: #333;
}

input:focus,
select:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}

button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
	cursor: default;
	opacity: .5;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	background-color: #333;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	padding: 0.7917em 1.5em;
	text-transform: uppercase;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	background-color: #707070;
	background-color: rgba(51, 51, 51, 0.7);
	outline: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	padding: 0.375em;
	width: 100%;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	outline: 0;
}

.post-password-form {
	position: relative;
}

.post-password-form label {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.5;
	text-transform: uppercase;
}

.post-password-form input[type="submit"] {
	padding: 0.7917em;
	position: absolute;
	right: 0;
	bottom: 0;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

.search-form input[type="submit"],
.widget .search-form input[type="submit"] {
	padding: 0;
}


/**
 * 6.0 Navigations
 */


/**
 * 6.1 Links
 */

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}


/**
 * 6.2 Menus
 */





/**
 * 7.0 Accessibility
 */






/**
 * 8.0 Alignments
 */

.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

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





/**
 * 9.0 Structure
 */

body{
    min-width:320px;
    overflow:hidden;
}

#mainWrapper{
    float:left;
    width:100%;
    transition:transform .3s ease-in-out;
	-o-transition:-o-transform .3s ease-in-out;
	-moz-transition:-moz-transform .3s ease-in-out;
        -webkit-transition:-webkit-transform .3s ease-in-out;
}

.mainWrapperToggle{
    transform:translateX(260px);
	-o-transform:-o-translateX(260px);
	-ms-transform:-ms-translateX(260px);
	-moz-transform:-moz-translateX(260px);
	-webkit-transform:-webkit-translateX(260px);
}

@media all and (min-width:950px){
    #mainWrapper{
        transform:none;
		-o-transform:none;
		-ms-transform:none;
		-moz-transform:none;
		-webkit-transform:none;
    }
}

.sectionWrapper{
    float:left;
    width:100%;
    clear:both;
}

.sectionInnerWrapper{
    float:left;
    width:100%;
}

.sectionContent{
    float:left;
    width:100%;
    clear:both;
    margin:0 auto;
}

.sectionInnerWrapper .sectionContent{
    width:100%;
    padding:0 1.5%;
}

.pageContentWrapper{
    position:relative;
}

.leftContent,
.rightContent{
    float:left;
    width:100%;
    padding:20px;
}

@media all and (min-width:768px){
    .rightContent{
        float:right;
    }
}

@media all and (min-width:950px){
    .sectionInnerWrapper{
        float:none;
        display:block;
        width:950px;
        margin:0 auto;
    }
    
    .sectionContent{
        float:none;
        width:950px;
    }
    
    .sectionInnerWrapper .sectionContent{
        
    }
}

.pageContent{
    float:left;
    /*background-color:#fff;*/
}




/**
 * 10.0 Header
 */

#sectionWrapperHeader{
    /*padding:30px 0 0;*/
    background:#fff;
    border-bottom:4px solid #85C33F;
}

#sectionContentHeader{
    position:relative;
}

@media all and (min-width:950px){
    #sectionWrapperHeader{
        height:127px;
        padding:30px 0 0;
        position:relative;
    }
    
    #sectionContentHeader{
        //overflow:hidden;
    }
}

header{
    
}

h1{
    display:block;
    //width:180px;
    width:140px;
    height:36px;
    margin:13px auto 1px;
}

h1 a{
    float:left;
    width:100%;
    height:36px;
}

h1 a img{
    
}

h1 a span{
    float:left;
    text-indent:-5000px;
}

/*@media all and (min-width:400px){
    h1{
        width:200px;
        margin:13px auto 7px;
    }
}*/

@media all and (min-width:480px){
    header{
        float:left;
    }
    
    h1{
        width:200px;
        margin:25px 0 19px 100px;
    }
    
    
}

@media all and (min-width:768px){
    h1{
        position:absolute;
        left:50%;
        margin:25px 0 19px -100px;
    }
}

@media all and (min-width:950px){
    h1{
        position:relative;
        left:auto;
        margin:40px 0 10px;
        width:248px;
        height:43px;
    }
    
    h1 a{
        height:43px;
    }
}



/* Top nav */

.topNav{
    float:left;
    width:220px;
    display:none;
    position:relative;
}

.topNavTel{
    float:left;
    width:100%;
    margin:0;
    text-align:center;
    font-size:3rem;
    font-family:"Lora",serif;
    position:absolute;
    right:8%;
    bottom:0;
}

.socialWrapper{
    float:left;
    width:100%;
    margin:0;
    position:absolute;
    right:8%;
    top:14px;
}

.socialWrapper ul{
    display:block;
    width:125px;
    margin:0 auto;
    overflow:hidden;
    list-style:none;
}

.socialWrapper ul li{
    
}

.socialWrapper ul li a{
    float:left;
    background-repeat:no-repeat;
    text-indent:-5000px;
    transition:opacity .2s linear;
    -moz-transition:opacity .2s linear;
    -webkit-transition:opacity .2s linear;
}

.socialWrapper ul li a:hover{
    opacity:0.7;
}

.socialWrapper ul li a.twitter{
    
}

.socialWrapper ul li a.facebook{
    
}

.socialWrapper ul li a.google{
    
}

.socialWrapperHeader{
    
}

.socialWrapperHeader ul li a{
    width:23px;
    height:23px;
    margin:0 3px;
    background-image:url(images/icons/social-icons-green.png);
}

.socialWrapperHeader ul li a.twitter{
    background-position:0 0;
}

.socialWrapperHeader ul li a.facebook{
    background-position:-27px 0;
}

.socialWrapperHeader ul li a.google{
    background-position:-55px 0;
}

.socialWrapperHeader ul li a.linkedin{
    background-position:-83px 0;
}

@media all and (min-width:550px){
    .topNav{
        float:right;
        height:80px;
        padding:0 3% 0 0;
        display:block;
    }
    
    .topNavTel{
        float:right;
        width:auto;
        text-align:right;
    }
    
    .socialWrapperHeader{
        float:right;
        width:auto;
        clear:both;
    }
    
    .socialWrapperHeader ul li a{
        margin:0 0 0 8px;
    }
}

@media all and (min-width:950px){
    .topNav{
        height:auto;
    }
    
    .topNavTel{
        float:left;
        margin:0;
    }
    
    .socialWrapperHeader{
        float:left;
        clear:none;
        margin:12px 0 0 10px;
    }
}

@media all and (min-width:950px){
    .topNav{
        width:auto;
        padding:0;
    }
    
    .topNavTel{
        position:relative;
        bottom:auto;
        right:auto;
        line-height:100%;
    }
    
    .socialWrapperHeader{
        margin:3px 0 0 10px;
        position:relative;
        top:auto;
        right:auto;
    }
}



/**
 * 10.5 Main Nav
 */

#mainNavCurrent,
#mainNavHover{
    position:absolute;
    bottom:-4px;
    left:0;
    height:4px;
    width:100px;
    background-color:#333;
    text-indent:-5000px;
    display:none;
}

.marketing-services #mainNavCurrent{
    background-color:#0097cf;
}

.marketing-partner #mainNavCurrent{
    background-color:#8d278f;
}

.page-child #mainNavCurrent{
    display:none !important;
}

.mainNav{
    float:left;
    /*width:100%;*/
    /*border-top:4px solid #85c33f;*/
    /*position:relative;*/
    width:260px;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:1001;
    transform:translateX(-260px);
	-o-transform:translateX(-260px);
	-ms-transform:translateX(-260px);
	-moz-transform:translateX(-260px);
	-webkit-transform:translateX(-260px);
    transition:transform .3s ease-in-out;
	-o-transition:-o-transform .3s ease-in-out;
	-moz-transition:-moz-transform .3s ease-in-out;
        -webkit-transition:-webkit-transform .3s ease-in-out;
}

.mainNavAction{
    float:left;
    position:absolute;
    top:0;
    left:0;
    width:50px;
    height:50px;
    background:url(images/assets/main-nav-action-white.jpg) no-repeat 50% 50% #85c33f;
    background-size:cover;
    text-indent:-5000px;
    z-index:1002;
    transition:background-color .2s linear;
    -moz-transition:background-color .2s linear;
    -webkit-transition:background-color .2s linear;
}

/*@media all and (min-width:400px){
    .mainNavAction{
        width:60px;
        height:60px;
    }
}*/

@media all and (min-width:480px){
    .mainNavAction{
        width:80px;
        height:80px;
    }
}

.mainNavActionOpen{
    background-position:50% -64px;
}

.mainNav nav{
    float:left;
    width:100%;
    position:relative;
    /*border-top:4px solid #85c33f;*/
    height:100%;
    padding:5px 0;
    background-color:#85c33f;
    //display:none;
}

.menu{
    float:left;
    width:100%;
}

.mainNav nav ul{
    float:left;
    width:100%;
    margin:0;
    list-style: none;
}

.mainNav nav ul li{
    float:left;
    width:100%;
}

@media all and (min-width:950px){
    .mainNav nav ul li:first-of-type{
        display:none;
    }
}

@media all and (min-width:1025px){
    .mainNavAction:hover{
        background-color:#85c33f;
    }
}

.mainNav nav ul li a{
    float:left;
    /*width:100%;*/
    width:auto;
    padding:6px 10px;
    color:#fff;
    text-align: center;
    text-transform:uppercase;
    /*background-color:#fff;*/
    transition:background-color .2s linear, color .2s linear;
    -moz-transition:background-color .2s linear, color .2s linear;
    -webkit-transition:background-color .2s linear, color .2s linear;
}

/*.mainNav nav ul li a:hover{
    color:#fff;
}*/

@media all and (min-width:480px){
    /*.mainNav nav ul li{
        width:33.3333%;
    }*/
}

@media all and (min-width:768px){
    /*.mainNav nav ul li{
        width:25%;
    }*/
}

@media all and (min-width:950px){
    .mainNavAction{
        display:none !important;
    }
    
    .mainNav{
        position:absolute;
        right:0;
        left:auto;
        top:38px;
        //bottom:0;
        width:auto;
        border-top:none;
        transform:none;
	-o-transform:none;
	-ms-transform:none;
	-moz-transform:none;
	-webkit-transform:none;
        height:auto;
    }
    
    .mainNav nav{
        display:block !important;
        border:none;
        background:none;
    }
    
    .mainNav nav ul li{
        width:100px;
        height:54px;
        position:relative;
    }
    
    .mainNav nav ul li a{
        padding:8px 0;
        background:none;
        text-align:left;
        line-height:120%;
        font-size:0.8em;
        color:#333;
    }
    
    .mainNav nav ul li.current_page_item a{
        color:#85c33f;
    }
    
    .mainNav nav ul li.current_page_item a{
        color:#333;
    }
    
    .mainNav nav ul li:last-of-type{
        width:60px;
    }
}

@media all and (min-width:1025px){
    .mainNav nav ul li:nth-of-type(2) a:hover{
        color:#8d278f;
    }

    .mainNav nav ul li:nth-of-type(3) a:hover{
        color:#0097cf;
    }
    
    .mainNav nav ul li a:hover{
        background:none;
        color:#85c33f;
    }
}

/* Sub menu */

.mainNav nav ul li ul{
    position:absolute;
    left:0;
    top:54px;
    width:250px;
    padding:30px 0;
    z-index: 100;
    background-color:#0097cf;
    border-bottom:5px solid #fff;
    display:none;
}

.mainNav nav ul li ul li,
.mainNav nav ul li ul li:last-of-type{
    width:100%;
    height:auto;
}

.mainNav nav ul li ul li:first-of-type{
    display:block;
}

.mainNav nav ul li ul li a,
.mainNav nav ul li.current_page_item ul li a{
    width:100%;
    padding:8px 25px;
    color:#fff !important;
}

@media all and (min-width:950px){
    .mainNav nav ul li:hover ul{
        display:block;
    }
    
    .mainNav nav ul li ul{
        /*position:absolute;
        left:0;
        top:54px;
        z-index: 100;
        background-color:#0097cf;*/
    }
}

@media all and (min-width:1025px){
    .mainNav nav ul li ul li a:hover,
    .mainNav nav ul li ul li:nth-of-type(3) a:hover{
        background-color:#018DC2;
    }
}





/* Hero */

.sectionWrapperHero{
    position:relative;
    /*background:url(images/hero/backgrounds-green.jpg) no-repeat 50% 0 / cover;*/
}

.heroBackground{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index: -1;
}

.sectionInnerWrapperHero{
    
}

.sectionWrapperHero video{
    float:left;
    width:100%;
}

.heroCycleWrapper{
    float:left;
    width:100%;
    position:relative;
    background-color:#fff;
}

.heroCycleWrapper img{
    width:100%;
}

.heroLink{
    position:absolute;
    left:25px;
    bottom:30px;
    padding:7px 12px;
    border:1px solid #fff;
    color:#fff;
    transition:background-color .3s linear,color .3s linear;
    -moz-transition:background-color .3s linear,color .3s linear;
    -webkit-transition:background-color .3s linear,color .3s linear;
    display:none;
}

.heroLink:hover{
    background-color:#fff;
    color:#8d288f;
}

.heroCycleSlides{
    float:left;
    width:100% !important;
    overflow:visible !important;
    left:0;
}

.heroCycleSlides .cycle-carousel-wrap{
    float:left;
    width:100%;
}

.heroCycleSlide{
    
}

.heroCycleSlide img{
    float:left;
    width:100%;
}



/* Hero text */

#heroTextWrapper{
    position:absolute;
    top:20px;
    right:20px;
    width:80%;
    max-width:700px;
    z-index:100;
    display:none;
}

#heroTextWrapper p{
    float:right;
    width:auto;
    padding:5px 20px;
    margin:0 0 10px;
    clear:both;
    background-color:#000;
    color:#fff;
    font-family: 'Lora', serif;
    text-transform:uppercase;
    font-size:1.2em;
    //display:none;
}

@media all and (min-width:480px){
    #heroTextWrapper{
        display:block;
    }
}

@media all and (min-width:768px){
    #heroTextWrapper p{
        font-size:1.8em;
    }
}

@media all and (min-width:950px){
    #heroTextWrapper p{
        font-size:2.1em;
    }
}



/* HERO WITH TITLE ONLY */

.heroTitleOnly{
    height:100px;
    padding:0 3%;
    margin:10px 0 0;
    background:none;
}

.heroTitleOnly h2{
    float:none;
    display:block;
    max-width:100%;
    padding:25px 0 5px;
    margin:0 auto;
    overflow:hidden;
    color:#000;
    text-align:center;
    line-height:110%;
    font-size:1.8rem;
    /*opacity:0;
    transition:width .5s, opacity .2s linear;
    -moz-transition:width .5s, opacity .2s linear;
    -webkit-transition:width .5s, opacity .2s linear;*/
}

.heroTitleOnly h2 .typeBannerText{
    color:#000;
    text-align:center;
    line-height:110%;
    font-family:"Lora",serif;
    font-weight:bold;
}

@media all and (min-width:420px){
    .heroTitleOnly h2{
        padding:25px 0 5px;
        font-size:2.5rem;
    }
}

@media all and (min-width:480px){
    .heroTitleOnly{
        height:130px;
    }
    
    .heroTitleOnly h2{
        padding:30px 0 5px;
        font-size:2.8rem;
    }
}

@media all and (min-width:650px){
    .heroTitleOnly{
        height:150px;
    }
    
    .heroTitleOnly h2{
        padding:40px 0 5px;
        font-size:3rem;
    }
}

@media all and (min-width:768px){
    .heroTitleOnly{
        height:200px;
    }
    
    .heroTitleOnly h2{
        font-size:4rem;
    }
}

@media all and (min-width:861px){
    .heroTitleOnly{
        height:230px;
    }
    
    .heroTitleOnly h2{
        padding:50px 0 5px;
        font-size:4.5rem;
    }
}

@media all and (min-width:950px){
    .heroTitleOnly{
        height:260px;
    }
    
    .heroTitleOnly h2{
        padding:70px 0 5px;
    }
}

@media all and (min-width:1200px){
    .heroTitleOnly{
        height:260px;
    }
    
    .heroTitleOnly h2{
        
    }
}

@media all and (min-width:1400px){
    .heroTitleOnly{
        height:300px;
    }
    
    .heroTitleOnly h2{
        padding:80px 0 5px;
        font-size:5rem;
    }
}

.heroTitleOnlyLeft{
    max-width:50%;
}

.heroTitleOnlyLeft h2{
    padding:2px 0 5px;
    text-align:left;
}

@media all and (min-width:420px){
    .heroTitleOnlyLeft h2{
        padding:5px 0 5px;
        font-size:2rem;
    }
}

@media all and (min-width:480px){
    .heroTitleOnlyLeft{
        height:130px;
    }
    
    .heroTitleOnlyLeft h2{
        padding:8px 0 5px;
        font-size:2.8rem;
    }
}

@media all and (min-width:650px){
    .heroTitleOnlyLeft{
        height:150px;
    }
    
    .heroTitleOnlyLeft h2{
        padding:12px 0 5px;
        font-size:3rem;
    }
}

@media all and (min-width:768px){
    .heroTitleOnlyLeft{
        height:200px;
    }
    
    .heroTitleOnlyLeft h2{
        font-size:3rem;
    }
}

@media all and (min-width:861px){
    .heroTitleOnlyLeft{
        height:230px;
    }
    
    .heroTitleOnlyLeft h2{
        padding:20px 0 5px;
        font-size:3rem;
    }
}

@media all and (min-width:950px){
    .heroTitleOnlyLeft{
        height:260px;
    }
    
    .heroTitleOnlyLeft h2{
        padding:25px 0 5px;
        font-size:4rem;
    }
}

@media all and (min-width:1200px){
    .heroTitleOnlyLeft{
        height:260px;
    }
    
    .heroTitleOnlyLeft h2{
        padding:30px 0 5px;
        font-size:4rem;
    }
}

@media all and (min-width:1400px){
    .heroTitleOnlyLeft{
        height:300px;
    }
    
    .heroTitleOnlyLeft h2{
        /*padding:40px 0 5px;*/
        font-size:4rem;
    }
}



/* Mask */

.heroMask{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background:url(images/assets/background-lines-with-white.png) repeat 0 0;
    display:none;
}

#heroMaskLeft{
    right:50%;
    margin:0 475px 0 0;
}

#heroMaskRight{
    left:50%;
    margin:0 0 0 475px;
}



/* Pager */

/*.heroPager{
    position:absolute;
    top:50px;
    right:0;
    padding:10px;
    width:300px;
    background:#fff;
    opacity:0.7;
    transition:opacity .3s linear;
    -moz-transition:opacity .3s linear;
    -webkit-transition:opacity .3s linear;
    display:none;
}

.heroPager:hover{
    opacity:1;
}

.heroPager p{
    width:80%;
    padding:5px;
    margin:0 0 10px;
    font-size:1.4em;
    line-height:120%;
}

.heroPager p span{
    color:#D2D2DA;
}*/

.heroPagerWrapper{
    position:absolute;
    bottom:0;
    width:100%;
    z-index:100;
    display:none;
}

/*@media all and (min-width:768px){
    .heroPagerWrapper{
        bottom:30px;
    }
}*/

@media all and (min-width:950px){
    .heroPagerWrapper{
        display:block;
    }
}

.heroPagerContent{
    float:none;
    display:block;
    width:30px;
    margin:0 auto;
    overflow:hidden;
}

.heroPagerWrapper .heroPagerContent a{
    float:left;
    width:15px;
    height:15px;
    background:url(images/assets/hero-bullets.jpg) no-repeat 0 0;
    color:#85c33f;
    font-size:2em;
    text-align:center;
    cursor:pointer;
    transition:color 1s linear;
    -moz-transition:color 1s linear;
    -webkit-transition:color 1s linear;
}

.heroPagerWrapper a.active{
    color:#333;
    background-position:-100px 0;
}

.heroPagerWrapper a div{
    display:block;
    width:30px;
    height:30px;
    margin:0 auto;
    border:1px solid #fff;
    background:url(images/assets/plus-white.png) no-repeat 50% 50%;
}

.heroPagerWrapper a span{
    float:left;
    display:none;
}



/* Prev and next arrows */

.heroCycleWrapper a.heroArrow{
    display:block;
    width:65px;
    height:65px;
    position:absolute;
    top:44%;
    background-color:#312D2E;
    background-repeat:no-repeat;
    background-image:url(images/assets/hero-arrows.png);
    z-index:10010;
    text-indent: -5000px;
    transition:background-color .3s linear;
    -moz-transition:background-color .3s linear;
    -webkit-transition:background-color .3s linear;
    display:none;
}

.heroCycleWrapper a.prev{
    left:-65px;
    background-position:20px 50%;
}

.heroCycleWrapper a.next{
    right:-65px;
    background-position:-155px 50%;
}

.heroCycleWrapper a.heroArrow:hover{
    background-color:#85c33f;
}



@media all and (min-width:480px){
    .heroPager{
        display:block;
    }
}

@media all and (min-width:768px){
    .heroLink{
        display:block;
    }
    
    .heroPager{
        opacity:1;
    }
}

@media all and (min-width:840px){
    /*.heroPagerContent{
        width:75px;
    }
    
    .heroPagerWrapper a{
        width:100%;
        padding:8px 3%;
        margin:0 0 10px;
        clear:both;
    }
    
    .heroPagerWrapper a:nth-of-type(4){
        margin:0;
    }
    
    .heroPagerWrapper a div{
        float:left;
    }
    
    .heroPagerWrapper a span{
        display:block;
        padding:3px 0 0 20px;
        color:#fff;
    }*/
}

@media all and (min-width:950px){
    .heroMask{
        display:block;
    }
    
    .heroCycleWrapper a.heroArrow{
        display:block;
    }
}



/*
 * Headline banner
*/

.homeHeadlineWrapper{
    float:left;
    width:100%;
    padding:15px 0;
    margin:15px 0 ;
    position:relative;
}

.homeHeadlineSlides{
    width:76%;
    margin:0 12%;
}

.homeHeadlineItem{
    display:block;
    width:100%;
}

.homeHeadlineItem *{
    float:left;
    width:100%;
    clear:both;
    text-align:center;
}

.homeHeadlineItem span{
    font-size:1em;
    font-family: 'Lora', serif;
}

.homeHeadlineItem a{
    font-size:0.8em;
    text-decoration:underline;
    font-family:"Lora",serif;
    transition:color .3s linear;
    -moz-transition:color .3s linear;
    -webkit-transition:color .3s linear;
}

.homeHeadlineItem a:hover{
    color:#85c33f;
}

.headlineArrow{
    position:absolute;
    width:10%;
    height:70%;
    top:15%;
    background-image:url(images/assets/home-banner-arrows.png);
    background-repeat:no-repeat;
    cursor:pointer;
}

.headlineArrow:hover{
    background-image:url(images/assets/home-banner-arrows-green.png);
}

.headlinePrev{
    left:0;
    background-position:-1% 50%;
    border-right:2px solid #B7B7BA;
}

.headlineNext{
    right:0;
    background-position:101% 50%;
    border-left:2px solid #B7B7BA;
}

@media all and (min-width:480px){
    .headlineArrow{
        width:11%;
    }
    
    .headlinePrev{
        background-position:-4% 50%;
    }
    
    .headlineNext{
        background-position:104% 50%;
    }
}

@media all and (min-width:768px){
    .homeHeadlineSlides{
        width:64%;
        margin:0 18%;
    }
    
    .headlineArrow{
        width:17%;
    }
    
    .headlinePrev{
        background-position:-17% 50%;
    }
    
    .headlineNext{
        background-position:117% 50%;
    }
}

@media all and (min-width:900px){
    .homeHeadlineSlides{
        width:64%;
        margin:0 18%;
    }
    
    .homeHeadlineItem span{
        font-size:1.5em;
    }
    
    .headlinePrev{
        background-position:-22% 50%;
    }
    
    .headlineNext{
        background-position:122% 50%;
    }
}

@media all and (min-width:1024px){
    .headlinePrev{
        background-position:-23% 50%;
    }
    
    .headlineNext{
        background-position:123% 50%;
    }
}



/********************************* LIVE CHAT LINK *********************************/

.liveChatLink{
    display:none;
    width:43px;
    height:119px;
    position:fixed;
    top:110px;
    right:0;
    background:url(images/assets/live-chat.png) no-repeat 0 0 #85C440;
    z-index:10000;
    transition:background-color .3s linear;
    -moz-transition:background-color .3s linear;
    -webkit-transition:background-color .3s linear;
}

.liveChatLink:hover{
    background-color:#999;
}

@media all and (min-width:1050px){
    .liveChatLink{
        display:block;
    }
}



/**** Visually hidden *****/

.visuallyHidden{
    display:none;
}

.desktop-only{
    display:none;
}

@media all and (min-width:950px){
    .desktop-only{
        display:block;
    }
}




/**
 * 11.0 Widgets
 */






/**
 * 12.0 Content
 */

/*********************** RE-USED CONTENT **********************/

.greyBg{
    background-color:#E9E9E9;
}

.whiteBg{
    background-color:#fff;
}

.greenBg{
    background-color:#85c440;
}



/* Body contact icons */

.contactIconWrapper{
    float:left;
    width:33%;
    margin:0 0 30px;
    padding:0 0 20px;
}

.contactIconWrapper:nth-of-type(1),
.contactIconWrapper:nth-of-type(2){
    border-right:1px solid #fff;
}

.contactIconWrapper h4{
    width:100%;
    text-align:center;
    margin:0 0 10px;
    font-size:1.1em;
    color:#fff;
}

.contactIconWrapper a{
    display:block;
    height:36px;
    margin:0 auto;
    overflow:hidden;
    text-indent:-5000px;
    background-repeat:no-repeat;
    background-image:url(images/icons/contact-icons-bw.png);
    transition:opacity .3s linear;
    -moz-transition:opacity .3s linear;
    -webkit-transition:opacity .3s linear;
}

.contactIconWrapper a:hover{
    
}

.contactIconWrapperFind a{
    width:24px;
    background-position:0 0;
}
.contactIconWrapperFind a:hover{
    background-position:0 -100px;
}

.contactIconWrapperCall a{
    width:34px;
    background-position:-173px 0;
}
.contactIconWrapperCall a:hover{
    background-position:-173px -100px;
}

.contactIconWrapperEmail a{
    width:25px;
    background-position:-369px 0;
}
.contactIconWrapperEmail a:hover{
    background-position:-369px -100px;
}

#homeContactWrapperSocial{
    width:100%;
}

#homeContactWrapperSocial ul{
    display:block;
    width:130px;
    margin:0 auto 30px;
    overflow:hidden;
    list-style:none;
}

#homeContactWrapperSocial ul li{
    float:left;
    /*width:33.3333%;*/
    width:25%;
}

#homeContactWrapperSocial ul li a{
    /*width:33px;*/
    width:22px;
    background-image:url(images/icons/social-icons-bw.png);
}

#homeContactWrapperSocial ul li a:hover{
    
}

#homeContactWrapperSocial ul li a#homeContactSocialTwitter{
    background-position:0 0;
}
#homeContactWrapperSocial ul li a#homeContactSocialTwitter:hover{
    background-position:0 -100px;
}

#homeContactWrapperSocial ul li a#homeContactSocialFacebook{
    /*background-position:-40px 0;*/
    background-position:-27px 0;
}
#homeContactWrapperSocial ul li a#homeContactSocialFacebook:hover{
    /*background-position:-40px -100px;*/
    background-position:-27px -100px;
}

#homeContactWrapperSocial ul li a#homeContactSocialGoogle{
    /*background-position:-81px 0;*/
    background-position:-55px 0;
}
#homeContactWrapperSocial ul li a#homeContactSocialGoogle:hover{
    /*background-position:-81px -100px;*/
    background-position:-55px -100px;
}

#homeContactWrapperSocial ul li a#homeContactSocialLinkedin{
    background-position:-83px 0;
}
#homeContactWrapperSocial ul li a#homeContactSocialLinkedin:hover{
    background-position:-83px -100px;
}



/***** Default pages styling *****/

.sectionInnerWrapper .pageContentDefault{
    width:100%;
    overflow:hidden;
    /*background-color:#fff;*/
}



h2.defaultHeading{
    padding:20px 0;
    font-size:1.2em;
}



.standardTextWrapper{
    float:left;
    width:100%;
}

.standardTextWrapper h4{
    padding:0 0 10px;
    font-size:1.2em;
}

.standardTextWrapper p{
    
}



/***** Left Content *****/

.leftContent h3{
    padding:0 0 10px;
    font-size:1.1em;
}

.leftContent p{
    /*font-size:0.9em;*/
    font-size:0.8em;
    line-height:140%;
}

.leftContent ul{
    float:left;
    width:100%;
    margin:0 0 1.4em 1em;
    clear:both;
}

.leftContent ul li{
    float:left;
    width:100%;
    padding:0 0 0 0.3em;
    clear:both;
    font-size:0.8em;
}



/***** Case studies examples *****/

.leftContentCaseStudiesExamplesWrapper{
    float:left;
    width:100%;
    padding:20px 3% 0;
}

.leftContentCaseStudiesExamplesWrapper h4{
    padding:0 0 10px;
}

.leftContentCaseStudiesExample{
    float:left;
    width:100%;
    margin:0 0 10px;
    position:relative;
}

.leftContentCaseStudiesExample img{
    width:100%;
}

.leftContentCaseStudiesExample span{
    /*position:absolute;
    bottom:5px;
    right:5px;
    width:30px;
    height:30px;
    background:url(images/assets/plus-white.png) no-repeat 50% 50%;
    border:1px solid #fff;
    transition:background-color .3s linear;
    -moz-transition:background-color .3s linear;
    -webkit-transition:background-color .3s linear;*/
    
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-sizing:border-box;
    border:3px solid #85c33f;
    display:none;
}

@media all and (min-width:950px){
    .leftContentCaseStudiesExample:hover span{
        display:block;
    }
}

/*.leftContentCaseStudiesExample:hover span{
    background-color:#999;
}*/



/***** Right content *****/

.rightContentMoreInfoWrapper{
    float:left;
    width:100%;
    padding:20px 5% 30px;
    margin:0 0 20px;
}

.rightContentMoreInfoWrapper h4{
    padding:0 0 20px;
    text-align:center;
    color:#2a2a2a;
}

#youtubeVideoWrapper{
    float:left;
    width:100%;
    height:280px;
    margin:0 0 20px;
}

.contactIconsBodyWrapper{
    float:left;
    width:100%;
}

.contactIconWrapperRightContent a{
    height:36px;
    background-image:url(images/icons/contact-icons-dark.png);
}

#contactIconWrapperRightCall a{
    width:34px;
    background-position:0 0;
}
#contactIconWrapperRightCall a:hover{
    background-position:0 -100px;
}

#contactIconWrapperRightEmail a{
    width:25px;
    background-position:-155px 0;
}
#contactIconWrapperRightEmail a:hover{
    background-position:-155px -100px;
}

#contactIconWrapperRightLiveChat a{
    width:46px;
    background-position:-302px 0;
}
#contactIconWrapperRightLiveChat a:hover{
    background-position:-302px -100px;
}





/***** Breadcrumb *****/

.breadcrumbs{
    
}

.breadcrumbs .trail-items li::after{
    content:">";
}

.breadcrumbs li{
    margin:5px 0;
    font-size:0.7em;
}

.breadcrumbs li a:hover{
    color:#85c33f;
}

div.sectionInnerWrapperBreadCrumb{
    padding:5px 0;
    /*background-color:#fff;*/
}

div.sectionInnerWrapperBreadCrumb p{
    margin:0;
}



/***** BLOG ENTRIES *****/

.blogPostWrapper{
    float:left;
    width:99%;
    margin:0 0 30px;
    border:1px solid #E3E3E3;
}

.blogPostWrapper p{
    margin:0;
}

.blogPostLoader{
    display:block;
    width:32px;
    height:32px;
    margin:100px auto 70px;
    background:url(images/assets/ajax-loader.gif) no-repeat 50% 50%;
}

.blogPostImage{
    float:left;
    width:100%;
}

.blogPostImage img{
    float:left;
    width:100%;

}

.blogPostContent{
    float:left;
    width:100%;
    padding:10px 15px;
    overflow:hidden;
}

.blogPostPostedInfo{
    float:left;
    width:100%;
    padding:0 0 5px;
    clear:both;
}

.blogPostPostedInfo p{
    padding:7px 0 0;
    font-size:0.8em;
    font-weight:bold;
}

.blogPostContentTime{
    float:left;
    width:40%;
}

.blogPostContentAuthorName{
    float:left;
    width:45%;
}

.blogPostContentAuthorName p{
    text-align:right;
    margin:0 10px 0 0;
}

.blogPostContentAuthorImage{
    float:left;
    width:15%;
}

.blogPostContentAuthorImage img{
    float:right;
    max-width:32px;
}

.blogPostContentTitle{
    float:left;
    width:100%;
    padding:0 0 5px;
}

.blogPostContentTitle h1{
    float:left;
    width:100%;
    height:auto;
    margin:0;
    position:static;
    font-family:"Lora",serif;
    font-size:0.95em;
    font-weight:bold;
    line-height:150%;
}

.blogPostContentBody{
    float:left;
    width:100%;
    padding:0 0 5px;
    clear:both;
}

.blogPostContentBody h2{
    font-size:0.9em;
}

.blogPostContentBody h3{
    float:left;
    width:100% !important;
    padding:0 !important;
    margin:0 0 10px !important;
    text-align: left !important;
    line-height:100%;
    color:#000 !important;
    text-decoration:none !important;
}

.blogPostContentBody p{
    font-size:0.8em;
    line-height:130%;
}

.blogPostContentBody p:nth-of-type(1){
    display:none;
}

.blogPostContentBody:last-of-type{
    display:none;
}

.blogPostContentSocial{
    float:left;
    width:100%;
    padding:0 0 5px;
}

.blogPostContentSocial p{
    font-size:0.8em;
    font-weight:bold;
}

.blogPostContentLink{
    float:left;
    width:50%;
}

.blogPostContentLink a{
    float:left;
    font-size:0.8em;
    font-weight:bold;
    font-family:"Lora",serif;
}

.blogPostContentLink a:hover{
    
}

.blogPostContentComments{
    float:right;
    width:50%;
}

.blogPostContentComments p{
    float:right;
    width:auto;
    padding:0 0 0 21px;
    text-align:right;
    background:url(images/icons/blog-comments.png) no-repeat 0 50%;
}



@media all and (min-width:950px){
    .rightContent .blogPostWrapper{
        width:48%;
        margin:0;
    }
    
    .rightContent .blogPostWrapper:nth-of-type(1){
        margin-right:4%;
    }
}



.vertical-shadow{
    position:absolute;
    top:-9px;
    width:11px;
    height:41px;
}

.vertical-shadow-left{
    left:0;
    background:url(images/assets/shadow-vertical-left.png) no-repeat 0 0;
}

.vertical-shadow-right{
    right:0;
    background:url(images/assets/shadow-vertical-right.png) no-repeat 0 0;
}

.shadow-horizontal{
    position:absolute;
    left:0;
    width:100%;
    height:38px;
    background-size:contain !important;
}

.shadow-horizontal-top{
    top:0;
    background:url(images/assets/shadow-horizontal-top.png) no-repeat 0 0;
}

.shadow-horizontal-bottom{
    bottom:0;
    background:url(images/assets/shadow-horizontal-bottom.png) no-repeat 0 0;
}



.headingDot{
    position:absolute;
    right:0;
    bottom:0;
    width:8px;
    height:8px;
    background:url(images/assets/dot.png) no-repeat 0 0;
}



/************************ TYPEY TEXT BANNER *****************************/

.typeBannerTextWrapper{
    
}

.typeBannerText{
    opacity:0;
    transition:opacity .1s linear;
    -moz-transition:opacity .1s linear;
    -webkit-transition:opacity .1s linear;
}

/*.typed-cursor{
    display:none;
}*/

.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

.hero-hidden,
.hidden{
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    z-index:-10;
}



/************************************ HOME PAGE *************************************/

/* Hero */

#sectionWrapperHeroHome{
    height:300px;
    margin:0 0 30px;
    /*overflow:hidden;*/
}

#homeHeroImageBackup{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:-1;
}

#homeHeroImageBackup img{
    float:left;
    width:100%;
    height:100%;
}

#heroVideo{
    height:100%;
    width:auto;
}

@media all and (min-width:535px){
    #heroVideo{
        width:100%;
        height:auto;
    }
}


#heroVideo iframe{
    
}

.sectionContentHomeHeroContent{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    /*background:url("images/assets/background-lines-dark.png") repeat scroll 0 0;*/
}

.homeHeroContent{
    width:100%;
    padding:0 1%;
    height:300px;
}

.sectionContentHomeHeroContent .homeHeroContent .homeHeroHeading{
    float:left;
    width:100%;
    height:160px;
}

.sectionContentHomeHeroContent .homeHeroContent .homeHeroHeading h2{
    float:none;
    display:block;
    max-width:100%;
    padding:35px 0 15px;
    margin:0 auto;
    overflow:hidden;
    color:#000;
    text-align:center;
    line-height:110%;
    /*opacity:0;
    transition:width .5s, opacity .2s linear;
    -moz-transition:width .5s, opacity .2s linear;
    -webkit-transition:width .5s, opacity .2s linear;*/
}

.sectionContentHomeHeroContent .homeHeroContent .homeHeroHeading h2 .typeBannerText{
    color:#000;
    text-align:center;
    line-height:110%;
    font-family:"Lora",serif;
    font-weight:bold;
}

.headingText{
    float:left;
    width:100%;
    display:block;
    clear:both;
    margin:0 auto;
    /*color:#fff;*/
    color:#000;
    text-align:center;
    font-size:2rem;
    line-height:110%;
    font-family:"Lora",serif;
    font-weight:bold;
}

#heroHeadingStart{
    
}

#heroCycleSlidesHome{
    float:left;
    width:100%;
}

h2 #heroCycleSlidesHome .headingTextMiddle{
    position:relative;
    padding:0 10px;
}

#heroHeadingEnd{
    float:right;
}

@media all and (min-width:400px){
    .headingText{
        font-size:2.5rem;
    }
}

@media all and (min-width:480px){
    .sectionContentHomeHeroContent .homeHeroContent .homeHeroHeading h2{
        padding:50px 0 30px;
    }
    
    .headingText{
        width:auto;
        font-size:3rem;
    }
    
    #heroCycleSlidesHome{
        width:auto;
    }
    
    #heroHeadingEnd{
        float:right;
        /*padding-right:10px;
        background:url(images/assets/dot.png) no-repeat 100% 82%;*/
    }
}

@media all and (min-width:768px){
    .headingText{
        font-size:4rem;
    }
}

@media all and (min-width:950px){
    .sectionContentHomeHeroContent .homeHeroContent .homeHeroHeading h2{
        padding:50px 0;
    }
    
    .headingText{
        font-size:5rem;
    }
}

.sectionContentHomeHeroContent .homeHeroContent .homeHeroText{
    float:left;
    width:100%;
    padding:0 0 5px;
}

.sectionContentHomeHeroContent .homeHeroContent .homeHeroText p{
    margin:0 auto;
    max-width:350px;
    /*color:#fff;*/
    color:#000;
    text-align:center;
    font-size:0.9em;
    line-height:160%;
}

.heroButtonLink{
    float:left;
    width:100%;
}

.heroButtonLink a{
    float:none;
    //display:block;
    width:150px;
    padding:6px 0;
    margin:20px auto;
    /*background-color:#85c33f;
    border:2px solid #85c33f;*/
    background-color:#000;
    border:2px solid #000;
    border-radius:5px;
    -o-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    color:#fff;
    font-size:1.05em;
    font-family: 'Lora', serif;
    text-align:center;
    text-decoration: none;
    display:none;
    transition:color .3s linear, background-color .3s linear, border-color .3s linear;
    -moz-transition:color .3s linear, background-color .3s linear, border-color .3s linear;
    -webkit-transition:color .3s linear, background-color .3s linear, border-color .3s linear;
}

body.home .heroButtonLink a{
    display:block;
}

@media all and (min-width:950px){
    .heroButtonLink a:hover{
        ///color:#85c33f;
        background-color:#85c33f;
        border-color:#85c33f;
    }
}

/*.sectionContentHomeHeroContent .homeHeroVideoLink{
    display:none;
    float:left;
    width:98%;
    position:absolute;
    bottom:30px;
    padding:0;
    color:#fff;
    text-align:center;
}

.sectionContentHomeHeroContent .homeHeroVideoLink p{
    max-width:300px;
    margin:0 auto;
    font-size:0.9em;
}

.sectionContentHomeHeroContent .homeHeroVideoLink a{
    color:#fff;
}

.sectionContentHomeHeroContent .homeHeroVideoLink a:hover{
    
}*/

@media all and (min-width:480px){
    .headingText{
        clear:none;
    }
    
    .sectionContentHomeHeroContent .homeHeroContent .homeHeroText{
        padding:0 0 10px;
    }
}

@media all and (min-width:768px){
    #sectionWrapperHeroHome,
    .sectionContentHomeHeroContent .homeHeroContent{
        height:370px;
        margin:0;
    }
    
    .sectionContentHomeHeroContent .homeHeroContent .homeHeroHeading h2{
        padding:70px 0 40px;
    }
    
    .sectionContentHomeHeroContent .homeHeroContent .homeHeroText{
        padding:0 0 20px;
    }
    
    .sectionContentHomeHeroContent .homeHeroContent .homeHeroText p{
        max-width:500px;
    }
    
    .sectionContentHomeHeroContent .homeHeroVideoLink{
        display:block;
    }
}

@media all and (min-width:768px){
    
}

@media all and (min-width:840px){
    
}

@media all and (min-width:950px){
    #sectionWrapperHeroHome,
    .sectionContentHomeHeroContent .homeHeroContent{
        /*height:430px;*/
    }
    
    .sectionContentHomeHeroContent .homeHeroContent .homeHeroText p{
        font-size:1em;
    }
    
    .sectionContentHomeHeroContent .homeHeroContent .homeHeroLink a.homeHeroLink{
        margin:30px auto 0;
    }
    
    .sectionContentHomeHeroContent .homeHeroVideoLink{
        bottom:40px;
    }
}




/****************************** HEADLINE CYCLE *************************************/

.homeHeadlineItem .homeHeroLink{
    width:150px;
    padding:6px 0;
    margin:20px auto;
    background-color:#85c33f;
    border:2px solid #85c33f;
    border-radius:5px;
    -o-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    font-size:1.05em;
    font-family: 'Lora', serif;
    text-decoration: none;
    transition:color .3s linear, background-color .3s linear;
    -moz-transition:color .3s linear, background-color .3s linear;
    -webkit-transition:color .3s linear, background-color .3s linear;
}

.homeHeadlineItem .homeHeroLink:hover{
    color:#85c33f;
    background-color:#fff;
}

.homeHeroVideoLink{
    padding:0 0 30px;
}

.homeHeroVideoLink p{
    
}

.homeHeroVideoLink a{
    display:block;
    width:110px;
    margin:0 auto;
    font-size:0.9em;
    font-weight:bold;
    text-decoration:underline;
    transition:color .3s linear;
    -moz-transition:color .3s linear;
    -webkit-transition:color .3s linear;
}

.homeHeroVideoLink a:hover{
    color:#85c33f;
}

@media all and (min-width:480px){
    .sectionContentHomeHeroContent h2{
        font-size:3em;
    }
}



/* Content */

#pageContentHome{
    width:100%;
}

.homeColumnWrapper{
    float:left;
    width:100%;
    margin:0 0 30px;
    /*border-top:2px solid #C3C3C3;*/
}

.homeColumnWrapper article{
    width:100%;
    margin:0 0 20px;
}

@media all and (min-width:480px){
    .homeColumnWrapper article{
        width:48%;
    }
    
    .homeColumnWrapper article:nth-of-type(1){
        margin:0 4% 0 0;
     }
}

@media all and (min-width:768px){
    .homeColumnWrapper article{
        width:30%;
    }
    
    .homeColumnWrapper article:nth-of-type(1),
    .homeColumnWrapper article:nth-of-type(2){
        margin:0 5% 0 0;
     }
}

.homeColumn{
    float:left;
    width:100%;
    padding:30px 0 0;
    margin:0 0 30px;
    
}

.homeColumn h3{
    font-size:1.15em;
    padding:0 0 20px;
}

.homeColumn p{
    line-height:130%;
}

.homeColumnReadMore{
    font-weight:bold;
    font-size:0.8em;
    font-family:"Lora",serif;
}

.homeColumn a:hover{
    color:#333;
    text-decoration:underline;
}

.homeColumnDeliverBox{
    float:left;
    width:100%;
    padding:20px 20px 30px;
    margin:0 0 20px;
    position:relative;
}

.homeColumnDeliverBox h4{
    padding:0 0 10px;
    font-size:1.05em;
}

#homeColumnDeliverBoxConsultancy h4{
    color:#8D288F;
}

#homeColumnDeliverBoxServices h4{
    color:#00ADD3;
}

.homeColumnDeliverBox ul{
    margin:0;
}

.homeColumnDeliverBox ul li{
    padding:0 0 0 18px;
    list-style-type:none;
    background:url(images/assets/list-plus.png) no-repeat 0 50%;
    font-size:0.8em;
}

.homeColumnDeliverBox a{
    position:absolute;
    bottom:15px;
    right:15px;
    width:33px;
    height:33px;
    background:url(images/assets/plus-dark.png) no-repeat 50% 50%;
    border:1px solid #231F20;
    transition:background-color .3s linear;
    -moz-transition:background-color .3s linear;
    -webkit-transition:background-color .3s linear;
}

.homeColumnDeliverBox a:hover{
    background-color:#85c33f;
}

.homeColumnSupport img{
    width:100%;
    margin:0 0 20px;
}

.blogPostContentBody p img{
    display:none;
}

@media all and (min-width:480px){
    .homeColumn:nth-of-type(2){
        width:48%;
        margin:0 4% 30px 0
    }
    
    .homeColumn:nth-of-type(3){
        width:48%;
    }
}

@media all and (min-width:768px){
    .homeColumn{
        width:31%;
        margin:0 3.5% 30px 0;
    }
    
    .homeColumn:nth-of-type(2){
        width:31%;
        margin:0 3.5% 30px 0;
    }
    
    .homeColumn:nth-of-type(3){
        width:31%;
        margin:0;
    }
    
    .homeColumnAbout p,
    .homeColumnSupport p{
        /*font-size:0.9em;*/
        font-size:0.8em;
    }
}

@media all and (min-width:1024px){
    
}



/********************** MORE INFO SECTION - NEW ***************************/

.homeMoreInfoWrapper{
    float:left;
    width:100%;
    position:relative;
    padding:50px 0 80px;
    margin:0 0 50px;
}

.homeMoreInfoWrapper h2{
    font-size:1.5em;
    margin:0 0 20px;
    text-align:center;
}

.homeMoreInfoWrapper h2::after{
    content:'.';
    color:#85c33f;
}

.homeMoreInfoWrapper p{
    display:block;
    float:none;
    max-width:600px;
    margin:0 auto 20px;
    font-size:0.9em;
    text-align:center;
}

.homeMoreInfoWrapper a{
    float:none;
    display:block;
    width:150px;
    padding:6px 0;
    margin:20px auto;
    /*background-color:#85c33f;
    border:2px solid #85c33f;*/
    background-color:#000;
    border:2px solid #000;
    border-radius:5px;
    -o-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    color:#fff;
    font-size:1.05em;
    font-family: 'Lora', serif;
    text-align:center;
    text-decoration: none;
    transition:color .3s linear, background-color .3s linear, border-color .3s linear;
    -moz-transition:color .3s linear, background-color .3s linear, border-color .3s linear;
    -webkit-transition:color .3s linear, background-color .3s linear, border-color .3s linear;
}

@media all and (min-width:950px){
    .homeMoreInfoWrapper a:hover{
        background-color:#85c33f;
        border-color:#85c33f;
    }
}

@media screen and (min-width:480px){
    .homeMoreInfoWrapper h2{
        font-size:2em;
    }
}




/*
 * Case study tiles
*/

#caseStudyTilesHome{
    float:left;
    padding:0 0 80px;
    /*padding:30px 0 50px;
    border-top:2px solid #c3c3c3;*/
}

#caseStudyTilesHome h3,
.homeColumnWrapper h3{
    display:block;
    width:120px;
    padding:0 15px;
    margin:0 auto 25px;
    position:relative;
    text-align:center;
    color:#85c33f;
    text-decoration:underline;
}

#caseStudyTilesHome h3 a,
.homeColumnWrapper h3 a{
    color:#85c33f;
    font-family:"Lora",serif;
    transition:color .2s linear;
    -moz-transition:color .2s linear;
    -webkit-transition:color .2s linear;
}

@media screen and (min-width:950px){
    #caseStudyTilesHome h3 a:hover,
    .homeColumnWrapper h3 a:hover{
        color:#999;
    }
}

.homeColumnWrapper h3{
    width:200px;
}

#caseStudyTilesHome .caseStudyTile{
    
}



/*
 * Contact and social icons
*/

#sectionWrapperHomeContact{
    
}

.sectionWrapperHomeContact{
    padding:40px 0 0;
}

#homeContactWrapperSocial{
    margin:0;
}

@media all and (min-width:768px){
    .homeContactWrapper,
    #homeContactWrapperSocial{
        width:24.5%;
    }
    
    .homeContactWrapper:nth-of-type(3){
        border-right:1px solid #fff;
    }
}





/******************************** CATEGORY PAGE ******************************/

/***** Structure *****/

@media all and (min-width:768px){
    #leftContentCategory{
        width:38%;
    }
    
    #rightContentCategory{
        width:58%;
    }
}



/***** Top section *****/

.categoryTilesWrapper{
    float:left;
    width:100%;
    padding:0 0 20px;
    margin:0 0 20px;
    border-bottom:1px solid #C3C3C3;
}

.categoryTile{
    float:left;
    width:33.3333%;
    height:100px;
    position:relative;
    background-color:#0097CF;
}

.categoryTile:nth-of-type(2){opacity:0.9;}
.categoryTile:nth-of-type(3){opacity:0.8;}
.categoryTile:nth-of-type(4){opacity:0.7;}
.categoryTile:nth-of-type(5){opacity:0.6;}
.categoryTile:nth-of-type(6){opacity:0.5;}
.categoryTile:nth-of-type(7){opacity:0.4;}

.categoryTile span{
    float:left;
    padding:30px 10% 0;
    color:#fff;
    line-height:130%;
}

.categoryTile .categoryTileHover{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:4px;
    background-color:#333;
    display:none;
}

@media all and (min-width:480px){
    .categoryTile{
        width:25%;
    }
}

@media all and (min-width:768px){
    .categoryTile{
        width:14.2857%;
    }
}

@media all and (min-width:950px){
    .categoryTile:hover .categoryTileHover{
        display:block;
    }
}



#rightContentCategory h4{
    padding:0 0 20px;
}





/************************************ PRODUCT PAGE **********************************/

@media all and (min-width:768px){
    #leftContentProduct{
        width:38%;
    }
    
    #rightContentProduct{
        width:58%;
    }
}

.productKeyPrinciplesWrapper{
    float:left;
    width:100%;
    padding:0 0 20px;
}



/* Buttons */

.productKeyPrinciplesAction{
    float:left;
    width:100%;
}

.productKeyPrinciplesItem{
    float:left;
    width:25%;
    cursor:pointer;
}

.productKeyPrinciplesItem:nth-of-type(1){background-color:#8D278F; border-top:4px solid #8D278F;}
.productKeyPrinciplesItem:nth-of-type(2){background-color:#933295; border-top:4px solid #933295;}
.productKeyPrinciplesItem:nth-of-type(3){background-color:#983C9A; border-top:4px solid #983C9A;}
.productKeyPrinciplesItem:nth-of-type(4){background-color:#9E48A0; border-top:4px solid #9E48A0;}

.marketing-services .productKeyPrinciplesItem:nth-of-type(1){background-color:#0097CF; border-top:4px solid #0097CF;}
.marketing-services .productKeyPrinciplesItem:nth-of-type(2){background-color:#30ABD8; border-top:4px solid #30ABD8;}
.marketing-services .productKeyPrinciplesItem:nth-of-type(3){background-color:#5CBDE0; border-top:4px solid #5CBDE0;}
.marketing-services .productKeyPrinciplesItem:nth-of-type(4){background-color:#86CEE8; border-top:4px solid #86CEE8;}

.productKeyPrinciplesAction .active{
    border-color:#211D1F !important;
}

.productKeyPrinciplesItem div{
    display:block;
    width:62px;
    height:62px;
    margin:10px auto;
    background:url(images/icons/brand-evolution-icons.png) no-repeat;
    transition:transform .3s linear;
    -moz-transition:transform .3s linear;
    -webkit-transition:transform .3s linear;
}

.productKeyPrinciplesItem:hover div{
    transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
}

/*.productKeyPrinciplesItem:nth-of-type(1) div{background-position:0 50%;}
.productKeyPrinciplesItem:nth-of-type(2) div{background-position:-100px 50%;}
.productKeyPrinciplesItem:nth-of-type(3) div{background-position:-200px 50%;}
.productKeyPrinciplesItem:nth-of-type(4) div{background-position:-300px 50%;}*/

.productKeyPrinciplesItem span{
    float:left;
    width:100%;
    padding:0 10% 20px;
    color:#fff;
    font-size:0.9em;
    display:none;
}

.productKeyPrinciplesItem:hover{
    
}

@media all and (min-width:400px){
    .productKeyPrinciplesItem div{
        margin:20px auto;
    }
}

@media all and (min-width:600px){
    .productKeyPrinciplesAction{
        width:20%;
    }
    
    .productKeyPrinciplesItem{
        width:100%;
        border-bottom:none;
    }
    
    .productKeyPrinciplesItem:nth-of-type(1){
        border-left:4px solid #8D278F;
        border-top:none;
    }
    
    .productKeyPrinciplesItem:nth-of-type(2){
        border-left:4px solid #933295;
        border-top:none;
    }
    
    .productKeyPrinciplesItem:nth-of-type(3){
        border-left:4px solid #983C9A;
        border-top:none;
    }
    
    .productKeyPrinciplesItem:nth-of-type(4){
        border-left:4px solid #9E48A0;
        border-top:none;
    }
    
    .marketing-services .productKeyPrinciplesItem:nth-of-type(1){
        border-left:4px solid #0097CF;
        border-top:none;
    }
    
    .marketing-services .productKeyPrinciplesItem:nth-of-type(2){
        border-left:4px solid #30ABD8;
        border-top:none;
    }
    
    .marketing-services .productKeyPrinciplesItem:nth-of-type(3){
        border-left:4px solid #5CBDE0;
        border-top:none;
    }
    
    .marketing-services .productKeyPrinciplesItem:nth-of-type(4){
        border-left:4px solid #86CEE8;
        border-top:none;
    }
    
    .productKeyPrinciplesItem div{
        margin:10px auto;
    }
}

@media all and (min-width:850px){
    .productKeyPrinciplesAction{
        width:55%;
    }
    
    .productKeyPrinciplesItem{
        width:25%;
        height:250px;
    }
    
    .productKeyPrinciplesItem:nth-of-type(1){
        border-bottom:4px solid #8D278F;
        border-left:none;
    }
    
    .productKeyPrinciplesItem:nth-of-type(2){
        border-bottom:4px solid #933295;
        border-left:none;
    }
    
    .productKeyPrinciplesItem:nth-of-type(3){
        border-bottom:4px solid #983C9A;
        border-left:none;
    }
    
    .productKeyPrinciplesItem:nth-of-type(4){
        border-bottom:4px solid #9E48A0;
        border-left:none;
    }
    
    .marketing-services .productKeyPrinciplesItem:nth-of-type(1){
        border-bottom:4px solid #0097CF;
        border-left:none;
    }
    
    .marketing-services .productKeyPrinciplesItem:nth-of-type(2){
        border-bottom:4px solid #30ABD8;
        border-left:none;
    }
    
    .marketing-services .productKeyPrinciplesItem:nth-of-type(3){
        border-bottom:4px solid #5CBDE0;
        border-left:none;
    }
    
    .marketing-services .productKeyPrinciplesItem:nth-of-type(4){
        border-bottom:4px solid #86CEE8;
        border-left:none;
    }
    
    .productKeyPrinciplesItem div{
        margin:50px auto 30px;
    }
    
    .productKeyPrinciplesItem span{
        display:block;
    }
}

@media all and (min-width:950px){
    .productKeyPrinciplesItem span{
        padding:0 15% 20px;
    }
}



/* Content */

.productKeyPrinciplesContent{
    float:left;
    width:100%;
    padding:30px 10%;
    background-color:#211D1F;
}

.productKeyPrinciplesItemContent{
    float:left;
    width:100%;
    padding:30px 0 0;
    display:none;
}

.productKeyPrinciplesItemContent span{
    float:left;
    width:100%;
    padding:0 0 10px;
    color:#fff;
    font-size:1.1em;
    font-weight:bold;
}

.productKeyPrinciplesItemContent p{
    float:left;
    color:#fff;
    font-size:0.8em;
}

@media all and (min-width:600px){
    .productKeyPrinciplesContent{
        width:80%;
        height:328px;
    }
}

@media all and (min-width:850px){
    .productKeyPrinciplesContent{
        width:45%;
        height:250px;
        padding:20px 4%;
    }
    
    .productKeyPrinciplesItemContent{
        padding:10px 0 0;
    }
    
    .productKeyPrinciplesItemContent p{
        line-height:140%;
    }
}



/***** Main Content *****/

#bodyTextMainHidden{
    float:left;
    width:100%;
    clear:both;
    display:none;
}

#bodyTextReadMore{
    float:left;
    clear:both;
    margin:0 0 20px;
    font-size:0.8em;
    font-family:"Lora",serif;
}

#bodyTextReadMore:hover{
    color:#85c33f;
}

.documentDownload{
    float:left;
    width:100%;
    padding:4px 0;
    margin:0 0 30px;
    color:#85c33f;
    border:1px solid #85c33f;
    font-size:1.2em;
    text-align:center;
    font-family:"Lora",serif;
    transition:background-color .3s linear, color .3s linear;
    -moz-transition:background-color .3s linear, color .3s linear;
    -webkit-transition:background-color .3s linear, color .3s linear;
}

.documentDownload:hover{
    background-color:#85c33f;
    color:#fff;
}

main.marketing-partner .documentDownload{
    color:#8D278F;
    border:1px solid #8D278F;
}

main.marketing-partner .documentDownload:hover{
    background-color:#8D278F;
    color:#fff;
}

main.marketing-services .documentDownload{
    color:#0097cf;
    border:1px solid #0097cf;
}

main.marketing-services .documentDownload:hover{
    background-color:#0097cf;
    color:#fff;
}

/*body.page-template-template-case-studies .documentDownload{
    color:#85c33f;
    border:1px solid #85c33f;
}

body.page-template-template-case-studies .documentDownload:hover{ 
    background-color:#85c33f;
    color:#fff;
}*/

.rightContentProductImageTop{
    float:left;
    width:100%;
    margin:0 0 20px;
}

.rightContentMoreInfoWrapperUpper{
    float:left;
    width:94%;
    padding:0 0 10px;
    margin:0 3% 40px;
    border-bottom:1px solid #C3C3C3;
}

.rightContentMoreInfoWrapperUpper h4{
    font-size:1.3em;
    text-align:left;
}

.rightContentMoreInfoWrapperUpper p{
    font-size:0.9em;
    line-height:140%;
}

.rightContentMoreInfoWrapperUpper blockquote{
    float:left;
    width:100%;
    padding:0;
    border:none;
    color:#9E48A0;
    font-style:normal;
    font-size:0.9em;
    font-weight:bold;
}

.teamProfile{
    float:left;
    width:100%;
    padding:0 0 20px;
}

.teamProfile img{
    float:left;
    margin:0 10px 0 0;
}

.teamProfile span{
    display:block;
    line-height:120%;
    font-weight:bold;
}

.teamProfile p{
    display:block;
    line-height:120%;
    margin:0;
}

#rightContentProduct h4{
    padding:0 0 20px;
}





/************************************ CASE STUDIES PAGE *****************************************/

/* Structure */

#sectionInnerWrapperCaseStudies{
    overflow:hidden;
    /*background-color:#fff;*/
}

@media all and (min-width:768px){
    #leftContentCaseStudies{
        width:58%;
    }
    
    #rightContentCaseStudies{
        width:38%;
    }
}



/* Title bar */

#sectionInnerWrapperCaseStudies .sectionContent{
    float:left;
    padding:0 1%;
}

#sectionInnerWrapperCaseStudies #pageContentCaseStudiesTitle{
    float:left;
    width:98%;
    padding:15px 2%;
    margin:0 1% 8px;
    /*background-color:#85c33f;*/
    background-color:#EBEBEB;
    position:relative;
}

#pageContentCaseStudiesTitle h2{
    float:left;
    width:100%;
    /*color:#fff;*/
    color:#000;
    font-size:2em;
    text-transform:uppercase;
    line-height:100%;
}

#pageContentCaseStudiesTitle span{
    float:left;
    width:100%;
    /*color:#fff;*/
    color:#000;
    font-size:1.3em;
    line-height:100%;
}

#caseStudyTagFilterForm{
    float:left;
    margin:10px 0 0;
}

#caseStudyTagFilterForm select{
    float:left;
    width:250px;
    height:31px;
    padding:5px;
    border:none;
    font-family:"Open Sans",sans-serif;
    font-size:0.9em;
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: "";
    -webkit-appearance: none;
    -moz-appearance: none;
    background:url(images/assets/drop-down-green-bg.jpg) no-repeat 100% 50%;
    border:2px solid #85c33f;
    display:none;
}

#caseStudyTagFilterForm select::-ms-expand {
    display: none;
}

.filterShow{
    display:block;
}

.filterHide{
    display:none;
}

@media all and (min-width:480px){
    #caseStudyTagFilterForm{
        float:none;
        position:absolute;
        bottom:10px;
        right:10px;
    }
    
    #caseStudyTagFilterForm select{
        
    }
}

@media all and (min-width:950px){
    #caseStudyTagFilterForm select{
        display:block;
    }
}



/* Partner tiles */

#sectionInnerWrapperCaseStudies #pageContentCaseStudiesTiles{
    padding:0 0.5% 20px;
}

a.caseStudyTile{
    width:99%;
    margin:0 0.5% 8px;
}

@media all and (min-width:480px){
    a.caseStudyTile{
        width:49%;
    }
}

@media all and (min-width:768px){
    a.caseStudyTile{
        width:32.3333%;
    }
}



/* Content */

#caseStudyWrapperOuter{
    float:left;
    width:100%;
}

.caseStudyWrapper{
    display:none;
}



/* Sub heading */

#sectionContentCaseStudiesSubHeading{
    position:relative;
}

#sectionContentCaseStudiesSubHeading h3{
    float:left;
    width:100%;
    margin:0 0 10px;
    border-bottom:1px solid #C3C3C3;
    font-size:1.2em;
}

#sectionContentCaseStudiesSubHeading span{
    position:absolute;
    top:0;
    right:1%;
    font-family:"Lora",serif;
    font-size:1.7rem;
    font-weight:bold;
    display:none;
}

@media all and (min-width:480px){
    #sectionContentCaseStudiesSubHeading span{
        display:block;
    }
}



/* Left content */

#leftContentCaseStudies{
    overflow:hidden;
}

.caseStudyBodyCarouselWrapper{
    float:left;
    width:100%;
    //padding:25px 0;
    padding:0;
    margin:0 0 30px;
    position:relative;
}

.caseStudyBodyCarouselSlides{
    width:100% !important;
}

.caseStudyBodyCarouselItem{
    
}

.caseStudyBodyCarouselItemImageWrapper{
    float:left;
    //width:96%;
    //padding:3px 1%;
    //margin:0 2%;
    //border:1px solid #D7D7D7;
    //box-shadow:4px 4px 6px #666;
    width:100%;
}

.caseStudyBodyCarouselItemImageWrapper img{
    //border:5px solid #E8E8E8;
}

.caseStudiesCarouselArrow{
    display:block;
    width:61px;
    height:61px;
    position:absolute;
    top:45%;
    background:url(images/assets/small-carousel-arrows.png) no-repeat;
    cursor:pointer;
    z-index:100;
    transition:opacity .3s linear;
    -o-transition:opacity .3s linear;
    -moz-transition:opacity .3s linear;
    -webkit-transition:opacity .3s linear;
}

.caseStudiesCarouselArrow:hover{
    opacity:0.7;
}

.caseStudiesCarouselPrev{
    background-position:0 0;
    left:0;
}

.caseStudiesCarouselNext{
    background-position:100% 0;
    right:0;
}



/* Case study details */

.caseStudiesDetails{
    
}

.caseStudiesDetails p{
    font-size:0.8em;
}

.caseStudiesDetails ul{
    float:left;
    width:100%;
    margin:0;
    list-style:none;
    border-bottom:2px solid #C4C4C4;
}

.caseStudiesDetails ul li{
    float:left;
    width:100%;
    padding:10px 0;
    position:relative;
    border-top:2px solid #C4C4C4;
    cursor:pointer;
}

.caseStudiesDetails ul li.caseStudiesDetailsResults,
.caseStudiesDetails ul li.caseStudiesDetailsResults .caseStudyDetailsContent{
    display:block !important;
}

.caseStudiesDetails ul li span{
    font-family: 'Lora', serif;
    font-weight:bold;
    font-size:1.25em;
}

.caseStudiesDetails ul li ul{
    margin:0 0 7px 15px;
    border:none;
    list-style:disc;
}

.caseStudiesDetails ul li ul li{
    padding:0 0 3px;
    border:none;
    font-size:1em;
}

.caseStudyDetailsIcon{
    position:absolute;
    top:11px;
    right:10px;
    display:block;
    width:20px;
    height:20px;
    background:url(images/assets/case-study-details-action.png) no-repeat 50% 0;
    text-indent:-5000px;
}

.active .caseStudyDetailsIcon{
    background-position:50% 100%;
}

.caseStudyDetailsContent{
    float:left;
    width:100%;
    display:none;
}

.caseStudiesDetailsResults .caseStudyDetailsContent{
    display:block !important;
}

.caseStudiesDetailsResults .caseStudyDetailsIcon{
    display:none !important;
}

.caseStudyDetailsContent p{
    margin:0 0 10px;
    font-size:1em;
}



/***** Right content *****/

.caseStudyContentLogo{
    float:left;
    width:100%;
    margin:35px 0 45px;
}

.caseStudyContentLogo img{
    display:block;
    width:174px;
    margin:0 auto;
}

.caseStudyContentLogoLeft{
    
}

.caseStudyContentLogoRight{
    display:none;
}

@media all and (min-width:768px){
    .caseStudyContentLogoLeft{
        display:none;
    }
    
    .caseStudyContentLogoRight{
        display:block;
    }
}



/* Youtube Video */

#caseStudyVideoWrapper{
    margin:0 0 20px;
}

.html5-video-player .video-stream{
    width:100%;
}



/* More info */

#rightContentCaseStudies .rightContentMoreInfoWrapper{
    padding:20px 5% 0;
    margin:0 0 10px;
}

.contactIconWrapperRightContentSquare{
    width:49.5%;
    margin:0;
}

.contactIconWrapperRightContentSquare h4{
    padding:0 0 10px;
    margin:0;
}

.contactIconWrapperRightContentSquare:nth-of-type(1){
    padding:15px 0 30px;
    border-right:1px solid #c3c3c3;
    /*border-bottom:1px solid #c3c3c3;*/
}

.contactIconWrapperRightContentSquare:nth-of-type(2){
    padding:15px 0 30px;
    /*border-bottom:1px solid #c3c3c3;*/
    border-right:none;
}

.contactIconWrapperRightContentSquare:nth-of-type(3){
    padding:30px 0 20px;
    border-right:1px solid #c3c3c3;
}

#rightContentCaseStudies .rightContentMoreInfoWrapper .contactIconWrapperRightContentSquare{
    border:none;
}



/* Results */

.caseStudiesResultsWrapper{
    float:left;
    width:100%;
    padding:20px 5%;
    margin:0 0 10px;
}

.caseStudiesResultsWrapper h4{
    float:left;
    width:100%;
    padding:0 0 20px;
    font-size:1.2em;
}

.caseStudiesResultsWrapper img{
    display:block;
    width:250px;
    margin:0 auto;
}

.caseStudiesResultsWrapper img:nth-of-type(1){
    padding:0 0 50px;
}



/***** Blog posts *****/

#pageContentWrapperCaseStudies .supportAndInsightWrapper h3{
    float:left;
    width:100%;
    padding:0 0 20px;
}

#pageContentWrapperCaseStudies .supportAndInsightWrapper{
    float:left;
    width:100%;
    padding:0 1%;
}

#pageContentWrapperCaseStudies .supportAndInsightWrapper .blogPostWrapper{
    margin:0 0 20px 0;
}

@media all and (min-width:480px){
    #pageContentWrapperCaseStudies .supportAndInsightWrapper .blogPostWrapper{
        width:49%;
    }
    
    #pageContentWrapperCaseStudies .supportAndInsightWrapper .blogPostWrapper:nth-of-type(1){
        margin:0 2% 20px 0;
    }
}

@media all and (min-width:950px){
    #pageContentWrapperCaseStudies .supportAndInsightWrapper .blogPostWrapper{
        width:32.65%;
    }
    
    #pageContentWrapperCaseStudies .supportAndInsightWrapper .blogPostWrapper:nth-of-type(1),
    #pageContentWrapperCaseStudies .supportAndInsightWrapper .blogPostWrapper:nth-of-type(2){
        margin:0 1% 0 0;
    }
}





/*********************************** CONTACT US **************************************/

/* Structure */

.sectionWrapper #pageContentContact{
    padding:0 2%;
}

@media all and (min-width:950px){
    .sectionWrapper #pageContentContact{
        padding:0 1.5%;
    }
}

@media all and (min-width:768px){
    #leftContentContact{
        width:40%;
    }

    #rightContentContact{
        width:57%;
    }
}

#leftContentContact .socialWrapperBody{
    margin:30px 0;
    top:auto;
    right:auto;
}

@media all and (min-width:550px){
    #leftContentContact .socialWrapperBody{
        float:left;
    }
}



/* Map */

.googlemapWrapper{
    height:300px;
    margin:0 0 20px;
}

@media all and (min-width:768px){
    .googlemapWrapper{
        height:400px;
    }
}

/* Main content */

#pageContentContact h2{
    float:left;
    width:100%;
    padding:0 0 10px;
    font-size:1.2em;
}

/* Left content */

#leftContentContact p{
    margin:0;
    font-size:1em;
}

/* Right content */

#rightContentContact h2{
    margin:0 0 0 16%;
}

.contactFormWrapper{
    float:left;
    width:100%;
}

.formRow,
.hs-form-field{
    float:left;
    width:100%;
    margin:0 0 10px;
}

.formRow label,
.hs-form-field label{
    float:left;
    width:13%;
    padding:0.25em 0 0;
    color:#85C440;
    text-align:right;
}

.formRow span,
.hs-form-field .input{
    float:right;
    width:84%;
}

.contactFormWrapper form input[type=text],
.contactFormWrapper form input[type=email],
.contactFormWrapper form textarea{
    padding:0.25em 0.5em;
    border:1px solid #363233;
    background-color:#363233;
    color:#fff;
    transition:background-color .3s linear, color .3s linear;
    -moz-transition:background-color .3s linear, color .3s linear;
    -webkit-transition:background-color .3s linear, color .3s linear;
}

.contactFormWrapper form input:focus[type=text],
.contactFormWrapper form input:focus[type=email],
.contactFormWrapper form textarea:focus{
    background-color:#fff;
    color:#363233;
}

.contactFormWrapper form textarea{
    min-width:100%;
    max-width:100%;
    height:200px !important;
    min-height:200px !important;
    max-height:400px !important;
}

.contactFormWrapper form ul.hs-error-msgs{
    list-style:none;
}

.contactFormWrapper form ul.hs-error-msgs li{
    
}

.contactFormWrapper form ul.hs-error-msgs li label{
    width:100%;
    
}

.contactFormWrapper form input[type=submit],
.contactFormWrapper form button[type=submit]{
    float:left;
    width:84%;
    padding:0.4em 1.5em;
    margin:0 0 0 16%;
    border:1px solid #85C440;
    color:#85C440;
    background-color:#fff;
    text-align:center;
    text-transform:unset;
    font-size:1.6rem;
    font-weight:normal;
    font-family:"Lora",serif;
    transition:background-color .3s linear, color .3s linear;
    -moz-transition:background-color .3s linear, color .3s linear;
    -webkit-transition:background-color .3s linear, color .3s linear;
}

.contactFormWrapper form input:hover[type=submit],
.contactFormWrapper form button:hover[type=submit]{
    color:#fff;
    background-color:#85C440;
}





/***************************************** CAREERS PAGE ****************************************/

/* Structure */

#heroCycleWrapperCareers{
    margin:0 0 15px;
}

@media all and (min-width:768px){
    #leftContentCareers{
        width:58%;
    }
    
    #rightContentCareers{
        width:38%;
    }
}



/* Content */

#leftContentCareers h2{
    font-size:1.2em;
}

.careersItem{
    float:left;
    width:100%;
}

.careersItemTitle{
    float:left;
    width:100%;
    margin:0 0 10px;
    background:#2A2A2A;
}

.careersItemTitle h4{
    float:left;
    padding:10px 0 10px 3%;
    color:#fff;
    font-size:1.1em;
}

.careersItemTitle span{
    float:right;
    width:36px;
    height:36px;
    margin:5px;
    background:url(images/assets/careers-action.png) no-repeat 0 0;
    cursor:pointer;
}

.careersItemTitle.active span{
    background-position:0 100%;
}

.careersItemContent{
    float:left;
    width:100%;
    display:none;
}

.careersItemContent p{
    margin:0;
}

.careersItemContent a{
    float:left;
    margin:0 0 10px;
    font-size:0.8em;
    font-weight:bold;
    font-family:"Lora",serif;
    transition:color .3s linear;
    -moz-transition:color .3s linear;
    -webkit-transition:color .3s linear;
}

.careersItemContent a:hover{
    color:#85c33f;
}

.careersFreelanceWrapper{
    float:left;
    width:100%;
    padding:30px 0;
}

.careersFreelanceWrapper h3{
    
}

.careersFreelanceWrapper p{
    margin:0 0 10px;
}

.careersFreelanceWrapper p a{
    font-weight:bold;
    transition:color .3s linear;
    -moz-transition:color .3s linear;
    -webkit-transition:color .3s linear;
}

.careersFreelanceWrapper p a:hover{
    color:#85c33f;
}

#rightContentCareers .rightContentMoreInfoWrapper{
    padding-bottom:30px;
}





/****************************************** ABOUT US *******************************************/

#pageContentAbout h2,
#pageContentAbout h3{
    padding:0 0 5px;
    font-size:1.15em;
}

#pageContentAbout h3{
    font-size:1.1em;
}

/*#heroCycleWrapperAbout{
    margin:0 0 15px;
    overflow:hidden;
    //max-height:350px;
}*/

/* Structure */

@media all and (min-width:768px){
    #leftContentAbout{
        width:58%;
    }
    
    #rightContentAbout{
        width:38%;
    }
}

/* Hero */

#pageContentAbout iframe{
    height:200px;
    width:100%;
}

#pageContentAbout .heroVideoLink{
    position:absolute;
    bottom:25px;
}

@media all and (min-width:340px){
    #pageContentAbout .heroVideoLink{bottom:21px;}
}

@media all and (min-width:370px){
    #pageContentAbout .heroVideoLink{bottom:18px;}
}

@media all and (min-width:480px){
    #pageContentAbout iframe{height:260px;}
    #pageContentAbout .heroVideoLink{bottom:33px;}
}

@media all and (min-width:540px){
    #pageContentAbout iframe{height:300px;}
    #pageContentAbout .heroVideoLink{bottom:43px;}
}

@media all and (min-width:600px){
    #pageContentAbout iframe{height:330px;}
    #pageContentAbout .heroVideoLink{bottom:50px;}
}

@media all and (min-width:690px){
    #pageContentAbout iframe{height:375px;}
    #pageContentAbout .heroVideoLink{bottom:62px;}
}

@media all and (min-width:768px){
    #pageContentAbout iframe{height:420px;}
    #pageContentAbout .heroVideoLink{bottom:73px;}
}

@media all and (min-width:850px){
    #pageContentAbout iframe{height:470px;}
    #pageContentAbout .heroVideoLink{bottom:88px;}
}

@media all and (min-width:950px){
    #pageContentAbout iframe{height:500px;}
    #pageContentAbout .heroVideoLink{bottom:93px;}
}



/* Left content */

#leftContentAbout p{
    margin:0 0 10px;
}

.linkGreen{
    float:left;
    clear:both;
    margin:0 0 20px;
    color:#85c33f;
    font-weight:bold;
    font-size:0.85em;
    font-family:"Lora",serif;
}

.contentBox{
    float:left;
    width:100%;
}

.socialWrapperBody{
    margin:0 0 30px;
    position:relative;
}

.socialWrapperBody ul{
    margin:0;
}

.socialWrapperBody ul li{
    width:auto;
    padding:0;
    clear:none;
}

.socialWrapperBody ul li a{
    margin:0 8px 0 0;
}

/* Right content */

#rightContentAbout .rightContentMoreInfoWrapper{
    padding-bottom:25px;
    margin-bottom:10px;
}

#rightContentAbout .rightContentMoreInfoWrapper h3{
    padding:0 0 20px;
    text-align:center;
}

.buttonGreen{
    float:left;
    width:100%;
    padding:4px 0;
    border:1px solid #85c33f;
    background-color:#fff;
    color:#85c33f;
    font-size:1.1em;
    font-family: 'Lora', serif;
    text-align:center;
    transition:background-color 0.3s linear 0s, color 0.3s linear 0s;
    -moz-transition:background-color 0.3s linear 0s, color 0.3s linear 0s;
    -webkit-transition:background-color 0.3s linear 0s, color 0.3s linear 0s;
}

.buttonGreen:hover{
    background-color:#85c33f;
    color:#fff;
}

.rightColumnImage{
    display:block;
    width:100%;
    max-width:400px;
    padding:25px 0;
    margin:0 auto;
    overflow:hidden;
}





/*************************************** DEFAULT PAGES ***************************************/

/* Hero */

#heroCycleWrapperDefault{
    background-color:#fff;
}

#heroCycleWrapperDefault img{
    float:left;
    width:98%;
    margin:0 1% 20px;
}

.defaultPageTitle{
    padding:0 0 20px;
    font-size:2rem;
}

@media all and (min-width:480px){
    #leftContentDefault{
        width:25%;
    }
    
    body.careers-full-details #leftContentDefault{
        width:30%;
    }
    
    #rightContentDefault{
        float:right;
        width:72%;
    }
    
    body.careers-full-details #rightContentDefault{
        width:67%;
    }
}

#leftContentDefault ul{
    float:left;
    width:100%;
    margin:0;
    list-style:none;
    border-bottom:1px solid #C4C4C4;
}

#leftContentDefault ul li{
    float:left;
    position:relative;
    width:100%;
    padding:5px;
    text-align:center;
    border-top:1px solid #C4C4C4;
    cursor:pointer;
    font-family:"Lora",serif;
    transition:background-color .3s linear;
    -moz-transition:background-color .3s linear;
    -webkit-transition:background-color .3s linear;
}

#leftContentDefault ul li:hover{
    background-color:#eee;
}

#leftContentDefault ul li span{
    position:absolute;
    top:10px;
    right:5px;
    width:20px;
    height:20px;
    background:url(images/assets/tab-action.png) no-repeat 0 0;
    display:none;
}

#leftContentDefault ul li.active span{
    background-position:0 100%;
}

@media all and (min-width:480px){
    #leftContentDefault ul li{
        padding:8px 30px 8px 5px;
        text-align:left;
    }
    
    #leftContentDefault ul li span{
        display:block;
    }
}

.defaultTabContent{
    float:left;
    width:100%;
    display:none;
}

.defaultTabContent h3{
    float:left;
    width:100%;
    font-family:"Lora",serif;
}

.defaultTabContent p{
    font-size:0.8em;
}

.defaultTabContent ul li{
    font-size:0.8em;
}

.defaultTabContent a{
    color:#85c33f;
}



/******************************************* SHARE PLUGIN OVERRIDES ************************************/

.hupso-share-buttons{
    float:left;
    width:100%;
    margin:0 0 20px;
    display:none;
}

body.page-template-template-case-studies .hupso-share-buttons{
    display:block;
}




/**
 * 12.1 Posts and pages
 */






/**
 * 12.3 Comments
 */






/**
 * 13.0 Footer
 */

#sectionWrapperFooter{
    padding:25px 0 0;
    border-top:4px solid #85c33f;
    background-color:#231F1F;
}

.footerColumn{
    float:left;
    width:100%;
    padding:0 5%;
}

.footerColumn div{
    
}

.footerColumn div ul{
    margin:0 0 30px;
    list-style:none;
}

.footerColumn div ul li{
    line-height:1.3em;
}

.footerColumn div ul li a{
    font-size:0.8em;
    text-transform:uppercase;
    color:#fff;
}

.footerColumn div ul li a:hover{
    color:#85c33f;
}

@media all and (min-width:768px){
    .footerColumn{
        width:200px;
        padding:0 0 0 2%;
    }
    
    .footerColumnRight{
        float:right;
        width:500px;
        padding:0 2% 0 0;
    }
}

.legal{
    float:left;
    width:100%;
}

.legal p{
    text-align:center;
    font-size:0.9em;
    color:#fff;
}

.footerNewsletterWrapper{
    float:left;
    width:100%;
    margin:0 0 50px;
}

#footerNewsletter{
    float:right;
    width:100%;
}

#footerNewsletter label{
    float:left;
    width:100%;
    padding:0 0 5px;
    color:#85c33f;
    font-size:0.85em;
}

#footerNewsletter .footerNewsletterDetails{
    float:left;
    width:100%;
}

#footerNewsletter input[type=email],
#footerNewsletter input[type=text]{
    float:left;
    width:82%;
    border:1px solid #85c33f;
    background-color:#231f1f;
    color:#85c33f;
    box-sizing:border-box;
}

#footerNewsletter button[type=submit],
#footerNewsletter input[type=submit]{
    float:left;
    padding:8px 13px;
    background-color:#85c33f;
    border:1px solid #85c33f;
    color:#231f1f;
    text-align:center;
    box-sizing:content-box;
    transition:background-color .3s linear;
    -moz-transition:background-color .3s linear;
    -webkit-transition:background-color .3s linear;
}

#footerNewsletter button:hover[type=submit],
#footerNewsletter input:hover[type=submit]{
    background-color:#fff;
}

@media all and (min-width:600px){
    #footerNewsletter .footerNewsletterDetails{
        float:right;
        width:63%;
    }
    
    #footerNewsletter label{
        width:34%;
        padding-top:6px;
    }
    
    #footerNewsletter input[type=email], #footerNewsletter input[type=text]{
        width:88%;
    }
    
    #footerNewsletter button[type=submit], #footerNewsletter input[type=submit]{
        
    }
}

@media all and (min-width:768px){
    .legal p{
        text-align:right;
    }
}




/**
 * 14.0 Media
 */






/**
 * 14.1 Captions
 */






/**
 * 14.2 Galleries
 */






/**
 * 15.0 Multisite
 */






/**
 * 16.0 Media Queries
 */

/*
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/**
 * Screen sizes
 */






/**
 * 17.0 Print
 */

@media print {
	body {
		background: none !important; /* Brute force since user agents all print differently. */
		font-size: 11.25pt;
	}

	.secondary-toggle,
	.navigation,
	.page-links,
	.edit-link,
	#reply-title,
	.comment-form,
	.comment-edit-link,
	.comment-list .reply a,
	button,
	input,
	textarea,
	select,
	.widecolumn form,
	.widecolumn .mu_register form {
		display: none;
	}

	.site-header,
	.site-footer,
	.hentry,
	.entry-footer,
	.page-header,
	.page-content,
	.comments-area,
	.widecolumn {
		background: none !important; /* Make sure color schemes dont't affect to print */
	}

	body,
	blockquote,
	blockquote cite,
	blockquote small,
	label,
	a,
	.site-title a,
	.site-description,
	.post-title,
	.author-heading,
	.entry-footer,
	.entry-footer a,
	.taxonomy-description,
	.entry-caption,
	.comment-author,
	.comment-metadata,
	.comment-metadata a,
	.comment-notes,
	.comment-awaiting-moderation,
	.no-comments,
	.site-info,
	.site-info a,
	.wp-caption-text,
	.gallery-caption {
		color: #000 !important; /* Make sure color schemes don't affect to print */
	}

	pre,
	abbr[title],
	table,
	th,
	td,
	.site-header,
	.site-footer,
	.hentry + .hentry,
	.author-info,
	.page-header,
	.comments-area,
	.comment-list + .comment-respond,
	.comment-list article,
	.comment-list .pingback,
	.comment-list .trackback,
	.no-comments {
		border-color: #eaeaea !important; /* Make sure color schemes don't affect to print */
	}

	.site {
		margin: 0 7.6923%;
	}

	.sidebar {
		position: relative !important; /* Make sure sticky sidebar doesn't affect to print */
	}

	.site-branding {
		padding: 0;
	}

	.site-header {
		padding: 7.6923% 0;
	}

	.site-description {
		display: block;
	}

	.hentry + .hentry {
		margin-top: 7.6923%;
	}

	.hentry.has-post-thumbnail {
		padding-top: 7.6923%;
	}

	.sticky-post {
		background: #000 !important;
		color: #fff !important;
	}

	.entry-header,
	.entry-footer {
		padding: 0;
	}

	.entry-content,
	.entry-summary {
		padding: 0 0 7.6923%;
	}

	.post-thumbnail img {
		margin: 0;
	}

	.author-info {
		margin: 0;
	}

	.page-content {
		padding: 7.6923% 0 0;
	}

	.page-header {
		padding: 3.84615% 0;
	}

	.comments-area {
		border: 0;
		padding: 7.6923% 0 0;
	}

	.site-footer {
		margin-top: 7.6923%;
		padding: 3.84615% 0;
	}

	.widecolumn {
		margin: 7.6923% 0 0;
		padding: 0;
	}
}