/*
Theme Name: Cofinitive
Author: JellyBean
Author URI: https://www.jellybean-training.co.uk/
Description: Cofinitive bespoke Wordpress theme
Version: 2.0
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

body, html{height:100%}

:focus {/* remember to define focus styles! */
	outline: 0;
}

/* Stop Safari Mobile from giving input buttons rounded corners */
input[type="input"],
input[type="email"],
input[type="password"],
input[type="submit"]
textarea {
  -webkit-appearance: none;
  border-radius: 0;
}

ol, ul {
	list-style: none;
}

a{
	text-decoration:none;
}

a img {
	border: 0;
}

* {
	box-sizing: border-box;
}

strong,
.bold{
	font-weight:700;
}

.clearfix{
	width:100%;
	clear:both;
	height:0;
}

.clearfix.break10{
	height:10px;
}

.clearfix.break20{
	height:20px;
}

.clearfix.break40{
	height:40px;
}

.mobile-only{
	display:none;
}

p{
	margin:0 0 20px 0;
}

p,
.post-content ol,
.post-content ul{
	line-height:1.8em;
	font-size: 16px;
}

h1,h2,h3,h4,h5{
	font-weight:normal;
	line-height:1.2em;
}

h1,
.h1,
.more-work-link{
	font-size:38px;
}

h2,
.header-text{
	font-size:32px;
	font-weight:600;
	line-height:1.4em;
	padding-bottom:10px;
}

h2.uppercase{
	text-transform:uppercase;
}

h3,
.blog-post h1,
.bottom-content-block p{
	font-size:24px;
	font-weight:700;
	line-height:1.3em;	
}

h4,
.page-template-page-project-details #banner .banner-content p{
	font-size:20px;
	font-weight:600;
}

h4.uppercase{
	text-transform:uppercase;
}

h5{
	font-weight:600;
	font-size:18px;
	line-height:1.4em;
}


h6{
	font-weight:600;
}

.table{
	display:table;
	border-collapse: collapse;
	table-layout: fixed;
	width:100%;
	text-align:left;
}

.table-row{
	display:table-row;
	width:100%;
}

.table-cell,
.table-cell.half{
	position:relative;
	display:table-cell;
	width:50%;	
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	vertical-align:top;	
}

.grid-2x2 .table-cell.nopadding{
	padding:0;
}

.table-cell.onefour{
	width:25%;
}

.table-cell .read-more-btn{
	position:absolute;
	bottom:30px;
	left: 30px;
	display:none;
	z-index:9;	
	text-align:center;
}

.table-cell:hover .read-more-btn{
	display:block;
}

.table-cell .read-more-btn.medium{
	font-size:16px;
}

.grid-2x2{
	margin:40px 0 10px 0;
}

.page-template-page-service-details .grid-2x2{
	margin-top:0;
	margin-bottom:0;
}

.grid-2x2 .table-cell{	
	background-size:cover;
	background-position:center;
	padding:60px 40px;
	height:450px;
}

.page-template-page-culture .grid-2x2.second-grid .table-cell{
	height:auto;
	min-height:450px;
}

.page-template-page-culture .grid-2x2.second-grid .table-cell .text{
	position: relative;
	top: auto;
	transform: none;	
}

.grid-2x2 .table-cell a{
	font-weight:700;
}

.grid-2x2 .table-cell > .table-cell{
	padding:0;
	height:auto;	
}

.grid-2x2 .table-cell .text{
	max-width:520px;
	padding-right:30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.grid-2x2 .table-cell .text.disblecentralisation{
  position: relative;
  top: auto;
  transform: none;
}

.grid-2x2 .table-cell h3{
	text-transform:uppercase;	
	display:inline-block;
	padding-right:5px;
}

.grid-2x2 .table-cell p{
	padding-right:8px;
}

.grid-2x2 .size-small .table-cell h3.large{
	font-size:24px;
}


.grid-3-1{
	text-align:left;
}

.grid-3-1 .content-left{
	display:table-cell;
	width:65%;	
	padding-right:5%;
	vertical-align:top;
}

.grid-3-1 .content-right{
	display:table-cell;
	width:35%;	
	vertical-align:top;
}


.grid-3-3{}

.grid-3-3 .table-cell{
	width:33.3333333%;
}


/* =Regular size
----------------- */

.grid-2x2 .table-cell p{
	font-size:22px;
	color:#fff;
	margin-bottom:0;
	display:inline;
}

.grid-2x2 .table-cell ul{
	font-size:22px;
	color:#fff;	
	list-style-type:square;
	list-style-position: outside;	
}

.grid-2x2 .table-cell ul li{
	margin-left:20px;
	padding:8px 0;
}

.grid-2x2 .table-cell h5{
	font-weight:600;
	padding-top:10px;
}



/* =X Small size
----------------- */

.grid-2x2 .size-xsmall .table-cell h3{
	font-size:18px;
}

.grid-2x2 .size-xsmall .table-cell a,
.grid-2x2 .size-xsmall .table-cell p{
	font-size:16px;
}

.grid-2x2 .size-xsmall .table-cell ul{
	font-size:16px;
	padding:8px 0;
}

.grid-2x2 .size-xsmall .table-cell ul li{
}


/* =Small size
----------------- */

.grid-2x2 .size-small .table-cell h3{
	font-size:19px;
}

.grid-2x2 .size-small .table-cell a,
.grid-2x2 .size-small .table-cell p{
	font-size:18px;
}

.grid-2x2 .size-small .table-cell ul{
	font-size:18px;
	padding:10px 0;
}

.grid-2x2 .size-small .table-cell ul li{
}


/* =Large size
----------------- */

.grid-2x2 .size-large .table-cell h3{
	font-size:36px;
}

.grid-2x2 .size-large .table-cell p{
	font-size:32px;
}

.grid-2x2 .size-large .table-cell ul{
}

.grid-2x2 .size-large .table-cell ul li{
}

.wpcf7{
	padding:30px;
}

form textarea,
form input[type="text"],
form input[type="email"],
form input[type="url"],
form input[type="tel"],
form input[type="number"],
form input[type="range"],
form input[type="date"],
form input[type="file"] {
	background: #fff;
	border:0;
	box-sizing: border-box;
	font-weight: 300;
	line-height: 29px;
	height: 40px;
	padding: 10px;
	width: 100%;
	font-size:15px;
}

form input[type="file"] {
	height: 52px;
}	

form textarea{
	height:200px;
}

.wpcf7-radio .wpcf7-list-item {
	display: block;
	margin-left:0;
}


.wpcf7-form-control-wrap {
	padding-top:6px; 
	display:block;
}

.wpcf7-not-valid-tip{
	font-size:12px !important;
	padding-top:4px;
}

.wpcf7-response-output,
.wpcf7-validation-errors{
	border:0 !important;
	background-color:#eb9645;
	color:#fff;
	padding:10px !important;
	margin:15px 0 0 0 !important;	
}

div.wpcf7-mail-sent-ok {
	background-color:#20bdbd;
	color:#fff;
}

/* =Colours
----------------------------------------------- */

.turquoise,
p.ctf-tweet-text a,
.second_block_content.charcoal-bg a,
.single .blog-post .meta .social-container a:hover,
#sidebar-nav li.current_page_item a,
#blog-posts.grid-2x2 .table-cell.text-clr-turquoise h4,
#blog-posts.grid-2x2 .table-cell.text-clr-turquoise p,
#blog-posts.grid-2x2 .table-cell.charcoal-bg h4,
#blog-posts.grid-2x2 .table-cell span.read-more-btn,
table a,
#sidebar-nav ul li,
#sidebar-nav ul li a:hover,
.page-template-page-culture .lt-grey-bg .table-cell.rotating-icons h3,
.post-content a,
.blog-post-tags a,
a.more-work-link:hover,
#banner span.banner_title_2.turquoise,
.privacy-policy h5,
.privacy-policy a,
.privacy-policy ul,
.bottom-content-block p,
#our-services h2,
#below-banner-strap p,
#below-banner-strap.white-bg h2,
.intro-strap h2,
#below-banner-strap .table .block h3,
.navigation ul.nav li,
.page-template-page-21towatch-parent h2,
.page-template-page-21towatch-parent h3{
	color:#20bdbd
}

.turquoise-bg,
#contact-strip form .submit input[type="submit"],
.enquiry-btn:hover,
#header,
#banner,
#footer,
.wpcf7-submit{
	background-color:#20bdbd;
}

.charcoal,
#blog-posts.grid-2x2 .table-cell.text-clr-charcoal .read-more-btn,
#blog-posts.grid-2x2 .table-cell.text-clr-charcoal h4,
#blog-posts.grid-2x2 .table-cell.text-clr-charcoal p,
#blog-posts.grid-2x2 .table-cell p,
#sidebar-nav ul li a,
body,
a,
h1,h2,h3,h4,h5,
.blog-post-tags a:hover,
#banner span.banner_title_2,
.grid-2x2 .lt-grey-bg .table-cell p,
#footer #social.block ul li a:hover,
#below-banner-strap.white-bg h3,
#below-banner-strap.white-bg h4,
#below-banner-strap.white-bg p,
#below-banner-strap .service-details-plus,
h2.charcoal,
h3.charcoal{
	color:#424245
}

.charcoal-bg,
#banner-image,
.home #banner,
.recent-posts,
.blog-post .meta .date-blocks .date-block,
#banner.banner-404,
.home #header,
.error404 #header,
#below-banner-strap,
.navigation .nav-wrapper,
#footer-bottom,
#contact-strip form .submit input[type="submit"]:hover{
	background-color:#424245;
}

.ochre,
.grid-2x2 .charcoal-bg .table-cell a,
#blog-posts.grid-2x2 .table-cell.text-clr-ochre .read-more-btn,
#blog-posts.grid-2x2 .table-cell.text-clr-ochre h4,
#blog-posts.grid-2x2 .table-cell.text-clr-ochre p,
.recent-posts h4,
.grid-2x2 .lt-grey-bg .table-cell h3,
.grid-2x2 .charcoal-bg .table-cell h3,
.navigation ul.nav li a:hover{
	color:#eb9645
}

.ochre-bg,
.enquiry-btn{
	background-color:#eb9645
}

.drk-grey{
	color:#575857
}

.lt-grey,
#blog-posts.grid-2x2 .table-cell.text-clr-lt-grey .read-more-btn,
#blog-posts.grid-2x2 .table-cell.text-clr-lt-grey h4,
#blog-posts.grid-2x2 .table-cell.text-clr-lt-grey p{
	color:#e9e9e9
}

.lt-grey-bg,
#contact-strip,
#our-services,
.wpcf7{
	background-color:#e9e9e9
}

.white,
.page-template-page-culture .grid-2x2 .charcoal-bg .table-cell.onefour a,
#blog-posts.grid-2x2 .table-cell.text-clr-white .read-more-btn,
#blog-posts.grid-2x2 .table-cell.text-clr-white h4,
#blog-posts.grid-2x2 .table-cell.text-clr-white p,
#blog-posts.grid-2x2 .table-cell.turquoise-bg p,
#blog-posts.grid-2x2 .table-cell.turquoise-bg .read-more-btn,
#blog-posts.grid-2x2 .table-cell.ochre-bg p,
#blog-posts.grid-2x2 .table-cell.ochre-bg .read-more-btn,
#blog-posts.grid-2x2 .table-cell.charcoal-bg p,
#blog-posts.grid-2x2 .table-cell.charcoal-bg .read-more-btn{
	color:#fff;
}

.white-bg,
#below-banner-strap.white-bg{
	background-color:#fff;
}

/* =Buttons
----------------------------------------------- */

.read-more-btn{
	display:inline-block;
	color:#fff;
	text-transform:uppercase;
	font-weight:700;
	font-size:12px;
	text-decoration:none;
	background:url("images/icons/cofinitive_RightArrow_White.png") left center no-repeat;
	background-size:contain;
	padding:3px 0 3px 25px;
}

.read-more-btn.turquoise{

}

.enquiry-btn,
.wpcf7-submit{
	display:inline-block;
	color:#fff;
	text-transform:uppercase;
	font-weight:700;
	font-size:14px;
	text-decoration:none;	
	padding:12px 45px;	
	border:0;
}


.enquiry-btn.arrow{
	background-repeat:no-repeat;
	background-position:20px center;
	background-size:15px;
	padding-left:50px;
}

/* =Arrows
----------------------------------------------- */

.animatedParent{

}

.arrow-wrapper{
	text-align:center;
}

.down-arrow,
.up-arrow{
	margin:0 auto;
	display:block;
	width:100%;
	height:25px;
	background-size:contain;
	background-position: center center;
	background-repeat:no-repeat;
	margin-bottom:30px;
}


.grey-down-arrow{
	background-image:url("images/icons/cofinitive_DownArrow_Charcoal.png");
}

.white-down-arrow{
	background-image:url("images/icons/cofinitive_DownArrow_White.png");
}

.white-right-arrow{
	background-image:url("images/icons/cofinitive_RightArrow_White-small.png");	
}

.turquoise-right-arrow,
.right-arrow-turquoise,
#blog-posts.grid-2x2 .table-cell.lt-grey-bg .read-more-btn,
#blog-posts.grid-2x2 .table-cell.text-clr-turquoise .read-more-btn{
	background-image:url("images/icons/cofinitive_RightArrow_Turquoise-small.png");	
}

.charcoal-right-arrow,
#blog-posts.grid-2x2 .table-cell.text-clr-charcoal .read-more-btn{
	background-image:url("images/icons/cofinitive_RightArrow_Charcoal-small.png");	
}

.ochre-right-arrow,
#blog-posts.grid-2x2 .table-cell.text-clr-ochre .read-more-btn{
	background-image:url("images/icons/cofinitive_RightArrow_Ochre-small.png");	
}

.orange-up-arrow{
	background-image:url("images/icons/cofinitive_UpArrow_Ochre.png");
}

.arrow-wrapper-bottom{
	margin:40px 0 50px 0;
}

h4.right-arrow-turquoise{
	background-size:contain;
	background-position: center right;
	background-repeat:no-repeat;
	padding:10px 
}

.scrollToTop{
	cursor:pointer;
}

/* =Structure
----------------------------------------------- */

body {
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	text-align:center;
}

#wrapper{
	position:relative;
	width:100%;
	min-width:360px;
	overflow: hidden;
}

#main-content{
	width:100%;
	margin:0 auto;	
}

.setwidth{
	position:relative;	
	max-width:1300px;
	min-width:360px;	
	margin: 0 auto;
	padding:0 20px;
}

.intro-strap{
	max-width:850px;
	margin:0 auto;
	padding:40px 0 0 0;
}


/* =Header
----------------------------------------------- */

#header{
	position:relative;
	text-align:left;
	padding:30px 0;
	width:100%;
}

#header a.logo{
	float:left;
	position:relative;
	display:inline-block;
}

.navigation{
	position:relative;
	float:right;	
	z-index:99;
}

.navigation img.menu-btn:hover{
	cursor:pointer;
}

.navigation .nav-wrapper{
	display:none;
	position:absolute;
	right:-25px;
	top:-25px;
	padding:25px;
	min-width:280px;
	box-shadow: 5px 5px 5px #474548;
	-moz-box-shadow: 5px 5px 5px #474548;
	-webkit-box-shadow: 5px 5px 5px #474548;
}

.navigation .nav-wrapper a#close-nav{
	height:50px;
	width:50px;
	background:url("images/menu-close.png") no-repeat center center;
	display:block;
	float:right;
}

.navigation ul.nav{
	list-style-type:square;
	list-style-position: inside;
	padding-top:20px;
}

.navigation ul.nav li{
	padding:5px 0;
	font-size:20px;
}

.navigation ul.nav li a{
	text-decoration:none;
	color:#fff;
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
}


/* =Banners
----------------------------------------------- */

#banner,
#banner-image{
	position:relative;
	padding:0;
	min-height:580px;
	text-align:center;
}

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

.home #banner-image img{
  position: absolute;
	width:auto;
	max-width:auto;
	max-height:450px;
	padding:0 20px;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);		
}

#banner h1,
#banner .h1{
	color:#fff;
	text-transform:uppercase;
	font-weight:700;
	font-size:68px;
}

#banner .banner-text{
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);	
  padding:0 20px;
  width: 100%;
  max-width: 800px;
}

#banner .banner-text.notfixed{
  position: relative;
  top: auto;
  left: auto;
  transform: none;	
  padding:80px 20px;
}

.page-template-page-project-details #banner h1{
	text-transform:none;
}

#banner h1 .plus-sign{
	position:relative;
	display:inline-block;
	background:url("images/icons/cofinitive_Plus-CMYK_Charcoal.png") no-repeat center center;
	background-size:cover;
	top:8px;
	width:55px;
	height:55px;
	margin:0 10px;
}

#banner span.banner_title_2{
	display:block;
}


#banner h2{
	padding-top:50px;
	max-width:820px;
	margin:0 auto;
}

#banner .banner-content{
	max-width:890px;
	margin:0 auto;
	padding-top:40px;
}

.page-template-page-project-details #banner .banner-content{
	max-width:740px;
	padding-right:20px;
	padding-left:20px;
}

#banner .banner-content p{
	color:#fff;	
}

#banner .banner-campaign-fact{
	max-width:720px;
	margin:0 auto;
	padding-bottom:140px;
}

#banner .banner-campaign-fact p{
	font-weight:600;
	padding-top:20px;
	margin-bottom:0;
	font-size:18px;
}


#banner .arrow-wrapper{
	position:absolute;
	bottom:40px;
	width:100%;
	text-align:center;
}

#below-banner-strap{
	padding:50px 0 70px 0;
	margin-bottom:60px;
}

.blog #below-banner-strap,
.page-template-page-service-details #below-banner-strap{
	padding-bottom:0;
	margin-bottom:20px;
}

#below-banner-strap h2,
#below-banner-strap h3,
#below-banner-strap h4{
	color:#fff;
}

#below-banner-strap h2{
	font-weight:700;
	padding-bottom:20px;
}

.page-template-page-service-details #below-banner-strap h2{

}


#below-banner-strap p{
	font-size:22px;
	font-weight:600;
	line-height:1.3em;
	padding:10px 20px 0 20px;
}

#below-banner-strap .setwidth{
	max-width:920px;
}

#below-banner-strap .table{
	margin-top:60px;
}

#below-banner-strap .table .block{
	display:table-cell;
	vertical-align:top;
	text-align:center;
	padding:0 34px;	
}


#below-banner-strap .table .block.plus{
	padding:0 40px;	
	width:30px;
	background:url("images/icons/cofinitive_Plus-CMYK_White.png") no-repeat center 30%;	
}

#below-banner-strap .down-arrow{
	margin:0 0 0 0;
	position:relative;
	top:25px;
}


#banner.banner-image{
	padding:0;
}

#banner.banner-image img{
	margin-bottom:40px;
}

#banner.banner-image .arrow-wrapper {
	position: relative;	
	margin:40px 0 40px 0;
}

/* =Homepage
----------------------------------------------- */

.whatwedo {
	max-width:900px;
	margin:0 auto;
	padding:0px 0 0 0;
}

.home .whatwedo{
	padding-top:40px;
}

.whatwedo img{
	height:90px;
	width:auto;
	text-align:center;
	overflow: hidden;
}


.whatwedo ul.slider{
	margin:0 auto;
}

.whatwedo ul.slider li{
	padding:30px 40px;
	position:relative;
	display:inline-block;
}

.whatwedo ul.slider li img.off{
  z-index: 9999;
  cursor: pointer;
}

.whatwedo ul.slider li img.on{
	position:absolute;
	opacity: 0;
	top:30px;
	left: 0;
	right: 0;
	margin: auto
}

.whatwedo ul.slider li a:hover > img.on{
  opacity: 1;
}

.whatwedo ul.slider li a:hover > img.off{
  opacity: 0;
}


.client-logos {
	margin:0 auto;
	padding:40px 0 30px 0;
}

.client-logos img{
	height:90px;
	width:auto;
	text-align:center;
	overflow: hidden;
}

.home .client-logos img{
	height:120px;
}

ul.client-logos-slider-2,
ul.client-logos-slider{
	margin:0 auto;
	visibility: hidden;
}

ul.client-logos-slider-2 li,
ul.client-logos-slider li{
	padding:30px 50px;
	position:relative;
}

ul.client-logos-slider-2 li img.off,
ul.client-logos-slider li img.off{
  z-index: 9999;
  cursor: pointer;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}


ul.client-logos-slider li img.off:hover,
ul.client-logos-slider-2 li img.off:hover{
	filter: none;
	-webkit-filter: grayscale(0%);
}

ul.client-logos-slider li img.on,
ul.client-logos-slider-2 li img.on{
	position:absolute;
	opacity: 0;
	top:30px;
	left: 0;
	right: 0;
	margin: auto;
}



/* =Contact Strip / Talk to us
----------------------------------------------- */

#contact-strip{
	padding:80px 0;
}

.home #contact-strip{
	margin-top:40px;
}

#contact-strip form{
	max-width:900px;
	margin:0 auto 0 auto;
}

#contact-strip form .table{
	margin-top:25px;
}

#contact-strip form p{
	display:none;
}

#contact-strip form .fields{
	float:left;
	width:86.5%;
}

#contact-strip form .submit{
	float:right;
	width:12%;
}

#contact-strip form .submit input[type="submit"]{
	border:0;
	padding:0;
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
	width:100%;
	height:95px;
	font-size:20px;
}

input[type="submit"]:hover{
	cursor:pointer
}

#contact-strip form .field-50{
	float:left;
	width:49%;
	margin:0 0 15px 0;
}

#contact-strip form input[type="text"],
#contact-strip form input[type="email"],
#contact-strip form textarea{
	width:100%;
	border:0;
	padding:12px;
	color:#999;
	font-size:16px;
}

#contact-strip form .field-50:nth-child(even){
	float:right;
}

#contact-strip form .field{
	width:100%;
}

#contact-strip  .wpcf7-form-control-wrap{
	padding-top:0;
}

/* =Contact page
----------------------------------------------- */


.page-template-page-contact #contact-strip form .fields{
	margin-top:30px;
	float:none;
	width:100%;
	clear:both;
}


.page-template-page-contact #contact-strip form .submit{
	float:none;
	clear:both;
	margin:0 auto;
	margin-top:30px;
}

.page-template-page-contact .second_block_content{
	padding:40px 0;
}

.page-template-page-contact .second_block_content p{
	color:#fff;
	text-align:left;
}

.page-template-page-contact .second_block_content p:last-of-type{
	margin-bottom:0;
}

.contact-details{
	text-align:left;
	color:#fff;
	padding:50px 0 60px 0;
	line-height:1.8em;
}

.contact-details h2{
	color:#fff;
	padding-bottom:30px;
}

.contact-details .contact-details-left{
	float:left;
	padding-right:180px;
}

.contact-details .contact-details-right{
	float:left;
}

.privacy-policy{
	text-align:left;
	padding:50px 0 40px 0;
}

.privacy-policy a{
	font-weight:700;
	text-decoration:none;
}

.privacy-policy h2{}

.privacy-policy p{
	margin: 20px 0 0 0;
}	

.privacy-policy .table-cell ul{
	list-style-type:square;
	list-style-position: outside;	
	margin:10px 0 20px 0;
}

.privacy-policy .table-cell ul li{
	margin-left:20px;
	padding:3px 0;
	line-height: 1.6em;
}

.privacy-policy .table-cell p + h5{
	padding-top:20px;
}

.privacy-policy .table-cell.left{
	padding-right:30px;
}

.privacy-policy .table-cell.right{
	padding-left:30px;
}



/* =Who we are page
----------------------------------------------- */

#team{
	max-width:960px;
	margin:0 auto;
}

#team h2{}

#team .people{
	text-align:center;
	margin-top:20px;
}

#team .people .person{
	display:inline-block;
	width:31%;
	vertical-align:top;
	margin:1%;
	position:relative;
}

#team .people .person img{
	width:100%;
	height:auto;
	display:block;
	opacity: 1;
}

#team .people .person .overlay{
	position:absolute;
	opacity: 0;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(32, 189, 189, 0.6);
	transition: .5s ease;
}

#team .people .person .overlay .text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:70%;
}

#team .people .person .overlay .text h2{
	color:#fff;
	font-weight:700;
	line-height:1.2em;
	padding-bottom:30px;
}

#team .people .person .overlay .text p{
	color:#fff;
}

#team .people .person:hover img{
	opacity: 0.3;
}

#team .people .person:hover .overlay {
	opacity: 1;
}


/* =Service details page
----------------------------------------------- */

#below-banner-strap .service-details-plus{
	display:none;
}

.page-template-page-service-details #below-banner-strap .service-details-plus{
	display:inline-block;
}

#below-banner-strap .service-details-plus .plus-sign{
	position:relative;
	top:8px;
	display:inline-block;
	background:url("images/icons/cofinitive_Plus-CMYK_Charcoal.png");
	width:40px;
	height:40px;
	margin:0 10px;
}

#our-services{
	padding:50px 0;
}

#our-services .setwidth{
	max-width:980px;
}

#our-services h2{
	margin-bottom:30px;
}

#our-services ul{
	text-align:center;
}

#our-services li{
	vertical-align:top;
	width:18%;
	display:inline-block;
	padding:0 20px 45px 20px;
}

#our-services li span.square{
	display:block;
	font-size:10px;
	margin-bottom:10px;
}

#our-services li span.label{
	display:block;
	font-weight:600;
}


/* =Culture page
----------------------------------------------- */

.page-template-page-culture .table-cell.image-cell:first-of-type{
	background-position:center top;
}

.page-template-page-culture .table-cell.rotating-icons{}

.page-template-page-culture .table-cell.rotating-icons h3{
	font-size:18px;
	padding-bottom:30px;
	text-transform:none;
	max-width:400px;
	position:relative;
	bottom:15px;
}

.page-template-page-culture .table-cell.rotating-icons ul{
}

.page-template-page-culture .table-cell.rotating-icons ul li{
	padding:0 20px;
}

.page-template-page-culture .table-cell.rotating-icons ul.client-logos-slider li img.on {
	top: 0;
}

.page-template-page-culture .table-cell.onefour{
	background-color:#20bdbd
}

.page-template-page-culture .table-cell.onefour:hover{
	background-image:none !important;
}

.page-template-page-culture .table-cell:hover > .hover-wrapper{
	display:block;
	opacity:1;
}

.page-template-page-culture .table-cell .hover-wrapper{
	position:absolute;
	text-align:center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 65%;
	opacity:0;
}

.page-template-page-culture .table-cell.onefour img{
	max-width:100%;
	height:auto;
}


/* =Values parent page
----------------------------------------------- */

#values.whatwedo ul.slider{
	padding-bottom:40px;
}

#values.whatwedo ul.slider li{
	padding:30px 60px;
}


/* =Value details page
----------------------------------------------- */

.page-template-page-value-details #values.whatwedo ul{
	padding-bottom:0;
}

.page-template-page-value-details #values.whatwedo h2{
	display:none;
}

.page-template-page-value-details #below-banner-strap {
	padding: 50px 0 0px 0;
	margin-bottom: 0;
}

.bottom-content-block{
	max-width:980px;
	margin:0 auto;
}

.bottom-content-block h2{
	padding-top:20px;	
	max-width:820px;
	margin:0 auto;
}

/* =Work page
----------------------------------------------- */

.page-template-page-work #below-banner-strap {
	padding: 50px 0 0px 0;
	margin-bottom: 0;
}

#works{
	margin-top:20px;
	padding-bottom:40px;
}

#works .work{
	display:inline-block;
	margin:0.6%;
	vertical-align:top;
	width:16.3333%;
	position:relative;
}

#works .work img{
	display:block;
	width:100%;
	height:auto;
}


#works .work img.off{
  z-index: 9999;
}

#works .work img.on{
	position:absolute;
	opacity: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	max-width:65%;
	width:auto;
	max-height:100px;
	height:auto;
}

#works .work.enable_hover a:hover > img.on,
#works .work.enable_hover:hover > img.on{
  opacity: 1;
	transition: opacity 0.3s, visibility 0.9s;
}

#works .work.enable_hover a:hover > img.off,
#works .work.enable_hover:hover > img.off{
  opacity: 0;
}

.page-template-page-work .client-logos {
	margin: 0 auto;
	padding: 0 0 0 0;
}

#works .work .text-box-wrapper{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

#works .work .read-more-btn{
	position:absolute;
	bottom:15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display:none;
	z-index:9;
}

#works .work a:hover > .read-more-btn,
#works .work:hover > .read-more-btn{
	display:block;
}

#works .work .text-box{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:100%;
  text-align:center;
  padding:0 15px;
}

#works .work .text-box.text-size-small{
	font-size:18px;
	font-weight:700;
}

#works .work .text-box.text-size-medium{
	font-size:22px;
	font-weight:700;
}

#works .work .text-box.text-size-large{
	font-size:34px;
	font-weight:700;
}


/* =Project details page
----------------------------------------------- */

.project-images{
	visiability:hidden;
}

.bx-pager.bx-default-pager{
	display:none;
}

.project-images-wrapper{
	padding-top:30px;
}

ul.project-images{
	
}

ul.project-images li{
		
}

ul.project-images li img{
	height:400px;
	width:auto;
	margin:30px;
	box-shadow: 10px 10px 10px #999;
	-moz-box-shadow: 10x 10px 10px #999;
	-webkit-box-shadow: 10px 10px 10px #999;	
}

.bx-controls-direction{
	display:none;
}

.bx-controls-direction .bx-prev{
	content: "";
}

.bx-controls-direction .bx-next{
}

.bx-controls-direction a {
  text-indent: -9999px;
  z-index: 9999;
}

.client-quote{
	padding-top:40px;
	max-width:890px;
	margin:0 auto;
}

.client-quote p{
	font-size:24px;
	font-weight:700;
}

.client-quote h4{
	
}


/* =Single blog post
----------------------------------------------- */

.blog-post{
	text-align:left;
	padding:40px 0 0 0;
}

.blog-post h1{
	padding:10px 0 25px 0;
}

.blog-post .meta{
	padding:0 0 20px 0;
}

.blog-post .meta .date-blocks{

}

.blog-post .meta .date-blocks .date-block{
	display:inline-block;
	padding:10px;
	color:#fff;
	margin-right:4px;
}

.single .blog-post .meta .date-blocks{
	float:left;
}

.single .blog-post .meta .social-container{
	float:left;
	padding-left:8px;
}

.single .blog-post .meta .social-container a{
	font-size:28px;
	display:inline-block;
	padding:0 8px;
}


.blog-post .post-content-wrapper{
	float:left;
	width:65%;
}

.blog-post #sidebar{
	float:right;
	width:30%;
	padding-top:15px;
}

.blog-post-tags a{
	font-weight:bold;
}

.post-content a{
	font-weight:bold;
}

.post-content ol,
.post-content ul{
	list-style-type:square;
	list-style-position: outside;	
	margin-bottom:20px;
}

.post-content ol {
	list-style-type:decimal;
}

.post-content ol li,
.post-content ul li{
	margin-left:20px;
	padding:8px 0;
}

.post-content h4{
	padding-bottom:10px;
}




.blog-post-navigation{
	margin-top:30px;
}

.blog-post-navigation .table-cell{
	vertical-align:middle;
}

.blog-post-navigation .table-cell a{
	font-weight:bold;
	padding:20px;
	display:block;
}

.blog-post-navigation .previous a{
	color:#fff;
	background:url("images/icons/cofinitive_LeftArrow_White-small.png") no-repeat 4% center;
	padding-left:80px;
}

.blog-post-navigation .next a{
	background:url("images/icons/cofinitive_RightArrow_White-small.png") no-repeat 96% center;
	padding-right:80px;
}

.blog-post #sidebar .blog-post-feature-image{
}

.blog-post #sidebar .blog-post-feature-image img{
	max-width:100%;
	height:auto;

}

.recent-posts{
	padding:30px;
	margin-top:25px;
}

.recent-posts ul{
	margin-top:20px;
	border-top:1px solid #eb9645
}


.recent-posts ul li{
	width:100%;
	padding:15px 0;
	border-bottom:1px solid #eb9645
}

.recent-posts ul li a{ 
	display:block;
	color:#fff;
	line-height:1.6em;
}


/* =Blog post results
----------------------------------------------- */

/* =Default
--------------------- */

#blog-posts.grid-2x2 .table-cell {
	padding: 40px 40px;
}

#blog-posts.grid-2x2 .table-cell .text{
	padding-bottom:20px;
}

#blog-posts.grid-2x2 .table-cell h4{
	padding-bottom:15px;
}

#blog-posts.grid-2x2 .table-cell p{
	font-size:16px;		
}

#blog-posts.grid-2x2 .table-cell .read-more-btn{
	display:block;
	left: auto;
	-webkit-transform: none;
	transform: none;
	position:absolute;
	right:40px;
	bottom:30px;
}

/* vertical_half_image_half_text */

#blog-posts.grid-2x2 .table-cell.vertical_half_image_half_text,
#blog-posts.grid-2x2 .table-cell.vertical_half_image_half_text .table-cell{
	padding:0;
}

#blog-posts.grid-2x2 .table-cell.vertical_half_image_half_text .text{
	padding:40px 30px 70px 30px;
}

/* horizontal_image_half_text */

#blog-posts.grid-2x2 .table-cell.horizontal_image_half_text .text{
	position:absolute;
	bottom:40px;
	left:40px;
}


/* =Paging
--------------------- */

.wp-pagenavi {
	clear: both;
	padding:40px 0;
}

.wp-pagenavi a, 
.wp-pagenavi span {
	text-decoration: none;
	border: 2px solid #424245;
	padding: 8px 15px;
	margin: 0 8px 10px 8px;
	color:#fff;
	font-size:15px;
  display: inline-block;
  background:#424245;
}

.wp-pagenavi span.pages {
	border:0
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	color:#fff;
	background:#eb9645;
	border-color:#eb9645
}

.wp-pagenavi span.current {
	font-weight: bold;
}



/* 21 to watch parent page
------------------------------------------------------------------*/

.scroling-icons{
	visibility:hidden;
	margin:0;
}

.scroling-icons li{
	list-style-type:none;
}

.scroling-icons .bx-controls-direction a{
	border:0 !important;
}

.scroling-icons li img{
	width:100%;
	height:auto;
}


embed, iframe, object {
	max-width: 100%;
}

.youtube-video-wrapper{
	padding:0;
}

.youtube_video_width{
	width:50%;
}

.youtube_video_width.fullwidth{
	width:100%;
}

.youtube_video {
	position: relative;
	padding-bottom: 47.10%;
	padding-top: 50px;
	height: 0;
	overflow: hidden;
	margin:0 auto;
}

.box-wrapper .youtube_video {
	padding-bottom: 50.6%;
}   

.youtube_video iframe,  
.youtube_video object,  
.youtube_video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.page-template-page-21towatch-parent .grid-3-1{
	padding:50px 0;
}

.page-template-page-21towatch-parent h2.title{
	font-weight:700;
}

.page-template-page-21towatch-parent h3.subtitle{
	padding:20px 0 20px 0;
}

.box-wrapper .box{
	display:block;
	width:100%;
	margin-bottom:25px;
}

.box-wrapper .box img{
	display:block;
	width:100%;
	height:auto;
}

#nominations,
#sponsors-partners{
	text-align:left;
	padding:40px 0;
}

#nominations .post-content{
	max-width:890px;
}

#nominations .post-content p{
	color:#fff;
}


#sponsors ul{
	text-align:center;
	margin:0 auto;
	width:100%;
}

#sponsors ul li{
	margin:0 30px 0 60px;
	max-width:160px;
	line-height: 120px;	
	display: table-cell;
	vertical-align: middle;
}

#sponsors ul li a{
	display:block;
	text-align:center;
}

#sponsors a img{	
	vertical-align: middle;
	min-height:100px;
	max-width:160px;
	width:auto;
	display:block;
	margin: 0 auto;
}

#sponsors .bx-wrapper {
	margin:0;
	padding: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
}

#sponsors ul .bxslider li a{
	display:inline-block;
}

#judges .content-left h4.right-arrow-turquoise{
	text-align:right;
	padding-right:40px;
}

.judge-profiles{}

.judge-profiles ul{}

.judge-profiles ul li{
	float:left;
	width:48%;
	text-align:center;
	margin-bottom:15px;
}

.judge-profiles ul li:nth-child(even) {
	float:right;
}

.judge-profiles ul li img{
	width:100%;
	height:auto;
}

.judge-profiles ul li h5{
	padding:8px 0;
	font-weight:600;
}

.judge-profiles ul li p{
	font-size:12px;
	line-height:1.4em;
	padding:0 10px;
}

#attend .post-content p,
#attend .post-content a{
	color:#fff;
}

#attend.grid-3-1 .content-left{
	padding-top:50px;
	padding-bottom:50px;
}

#attend.grid-3-1 .content-right{
	background-position:center;
	background-size:cover;
}

.page-template-page-21towatch-parent #attend.grid-3-1 {
	padding: 0 0;
}

#resources .table.grid-3-3{
	height:100%;
	margin-top:30px;
}

#resources .grid-3-3 .white-bg{
	position:relative;
	height:100%;	
	display:table;
	width:90%;
	vertical-align:top;
}

#resources .grid-3-3 .white-bg h3{
	padding-bottom:30px;
}

#resources .grid-3-3 .white-bg h4{
	font-weight:600;
	padding-bottom:10px;
}

#resources .grid-3-3 .white-bg p.meta{
	font-size:15px;
}

#resources .grid-3-3 .white-bg .content{
	padding:25px;
}

#resources .grid-3-3 .white-bg .content .desc{
	padding-bottom:40px;	
}

#resources .grid-3-3 .white-bg.last{
	vertical-align:top;
	width:100%;
}

#resources .grid-3-3 .white-bg a.enquiry-btn{
	width:100%;
	display:block;
	padding-bottom:18px;
	padding-top:18px;
	position:absolute;
	left:0;
	bottom:0;
}

#resources .grid-3-3 .youtube-video-wrapper{
	padding-top:20px;
}



/* 21 to watch list page
------------------------------------------------------------------*/

table.datatable {
  border-collapse: collapse;
  margin: 40px 0 40px 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  border-bottom: 2px solid #1ebdbe;
}

table.datatable thead tr{
	color:#fff;
}

table.datatable tr {
  padding: .35em;
}

table.datatable th,
table.datatable td {
  padding: .625em;
  text-align: center;
  font-size:15px;
}


table.datatable th {
  font-size: 12px;
  text-transform: uppercase;
  padding:10px;
}

table.datatable tbody tr:nth-child(odd) {
	background:#eee;
}

table.datatable td:first-of-type,
table.datatable th.people-company-thing,
table.datatable td.people-company-thing,
table.datatable th.synopsis,
table.datatable td.synopsis{
	text-align:left;
}

table.datatable td.name p{
	text-align:center;
	line-height: 1.4em;
	font-size:13px;
}

table.datatable td,
table.datatable td a{
	font-size:12px;
	line-height: 1.6em;
}


table.datatable th:first-of-type,
table.datatable th.people-company-thing{
	width:12%;
}

table.datatable th.longlist,
table.datatable th.shortlist,
table.datatable th.top-21{
	width:10%;
}

table.datatable th.name{
	width:18%;
}

#sidebar-nav{

}

#sidebar-nav a{
	display:block;
	margin-bottom:10px;
}

#sidebar-nav ul{
	list-style-type:square;
	padding-top:20px;
	margin-left:20px;
}

#sidebar-nav ul li{
	padding:5px 0;
	font-size:20px;
}

#sidebar-nav ul li a{
	text-decoration:none;
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
}








/* WP Image alignment
------------------------------------------------------------------*/

/* Alignment */

.absolute-center{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding-right: 40px;
}

.post-content img.alignleft,
.alignleft {
	display: inline;
	float: left;
	margin: 0 25px 0 0;
}

.post-content img.alignright,
.alignright {
	display: inline;
	float: right;
	margin: 0 0 25px 25px;
}

.aligncenter {
	text-align:center;
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 14px 9px 9px 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 16px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 4px;
	position: relative;
}


/* =Footer
----------------------------------------------- */

#footer{
	padding:40px 0 0 0;
	text-align:left;
}

#footer .block{
	width:33.333333333333%;
	float:left;
	padding-right:30px;
}

#footer .block#twitter{
	padding-right:0;
	display:none !important;
}

#footer .block.last{
	padding-right:0;	
}


#footer .block h4{
	color:#fff;
	padding-bottom:30px;
}

#footer #blog.block p{
	font-weight:bold;
	font-size:14px;
}

#footer #blog.block p.meta{
	font-weight:normal;
	font-size:12px;	
}

#footer #social{
	padding-left:30px;
}

#footer #social.block ul{

}

#footer #social.block ul li{
	display:inline-block;
	margin-right:6px;
}

#footer #social.block ul li a{
	font-size:32px;
	color:#fff;
}

#footer #social.block p.hashtag{
	padding-top:15px;
	font-weight:500;
	font-size:24px;
}


#footer .video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

#footer .video-container .wp-block-embed__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#footer .video-container iframe {
    width: 100%;
    height: 100%;
    border: 0;
}


#footer #video.block p.copyright{
	text-align:right;
	color:#fff;
	padding-top:20px;
	margin-bottom:0;
}

#footer-bottom{
	margin-top:40px;
	padding:25px 0;
	text-align:center;
}

#footer-bottom a.enquiry-btn{
	position:absolute;
	right:0;
	bottom:-30px;
}

#footer #ctf .ctf-item {
	padding:0 !important;
}

a.ctf-quoted-tweet,
.ctf-tweet-actions{
	display:none !important;
}

#footer p.ctf-tweet-text{
	line-height: 1.8em !important;
	font-size: 14px;	
}

#footer #ctf.ctf-super-narrow .ctf-context {
	padding-bottom: 10px !important;
}

#footer p.ctf-tweet-text a,
#footer #ctf.ctf-super-narrow .ctf-context a{
	font-weight:600 !important;
	color:#fff !important;
}