/*
Theme Name: Osborne
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: osborne
Tags:

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.

Osborne is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/


html {
	height: 100%;
}

.home-image-circle {
    margin-top: 20px !important;
}

.iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.iframe-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

select {
     font-family: 'Raleway', sans-serif;
	font-weight: 400;
}

ul.off-canvas-list li a {
    text-decoration: none;
}

ul.off-canvas-list li ul {
    margin: 0px;
    padding: 0px;
}

ul.off-canvas-list li ul li {
    list-style: none;
}

ul.off-canvas-list li ul li a {
    padding-left: 20px;
    font-size: 12px;
}

/** Article archives, show active ul */
ul.arc-container {
	margin-bottom: 0px;
}

ul.arc-container > li > ul {
	display: none;
}

ul.arc-container > li.active > ul {
	display: block;
}


.testimonial-text-big {
    font-size: 16px;
    margin-bottom: 5px;
    display: block;
}

.fancybox-wrap {
    width: 40% !important;
}

.form, .wpcf7 {
   color: #FFFFFF; 
}

.form label, .wpcf7 label {
    color: #FFFFFF;
    FONT-SIZE: 13px;
}

.fancybox-inner {
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    color: #FFFFFF !important;
}

.fancybox-iframe {
    height: 400px !important;
}

.fancybox-skin {
    background: #E20980 !important;
    
    font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 140%;
}

body {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	color: #686768;
	height: 100%;
	/* overflow-y:scroll; */
}

#page-content [class*="column"] + [class*="column"]:last-child {
    float: left;
}

.staff-container {
    margin-bottom: 15px;
}

.left-off-canvas-menu { display: none \9;  }
.right-off-canvas-menu { display: none \9; }

#canvas_container {
	position: relative;
}


/* 100% height */
.main-section {
	height:100%;
	/* overflow-y:scroll; */
}

#slideout, #sidebar {
	height: 100% !important;
}

/**
 * Yes, I am evil.
 */
.inner-wrap, .off-canvas-wrap, .main-section > div.row, .main-section > div.row > div.columns, .main-section > div.row > div.columns > div, .main-section > div.row > div.columns > div > div, .main-section > div.row > div.columns > div > div > div {
	height: auto;
}

/* ! 100% height */

#global > li > ul { display: none; }
#global > li.current_page_item > ul, #global > li.current_page_parent ul, #global > li.current-page-ancestor ul { display: block; }




.clear-both {
	clear: both;
}

.no-left {
	padding-left: 0px;
}

.no-right {
	padding-right: 0px;
}

.row {
	max-width: 100%;
}

.white-strip {
	width: 100%;
	padding: 10px 0px;
	background: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
}

.sidebar-main {
	_position: fixed;
}

#sidebar {
	/* position: fixed;
	width: 260px; 
	float: left; */
	background: #FFFFFF;
	padding: 15px;
}

.page-content-main {
	padding-left: 0px;
}


#page-content {
	/* margin-left: 260px; */
}

#slideout {
	background: url("images/bg-slideout.png") repeat;
	padding: 20px;
}

.slideout-content-main {
	padding-left: 0px;
}

.slideout-content {
	background: url("images/bg-slideout-content.png") repeat;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height:auto;
}

.slideout-content.news{
	margin: 20px 0px 0px 0px;
}

.logo {
	display: block;
	margin: 0px auto;
	margin-bottom: 20px;
}


.social-icon {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	text-align: center;
}

.social-icon li {
	display: inline-block;
	margin-right: 5px;
}

.search-contain {
	margin: 30px 15px 0px 15px;
}

.block-main-contain {
	margin-bottom: 30px;
}

.content-block {
	background: #FFFFFF;
	margin: 30px 0px 0px 30px;
	position: relative;
	-moz-box-shadow: 3px 3px 4px #2A2A2A;
	-webkit-box-shadow: 3px 3px 4px #2A2A2A;
	box-shadow: 3px 3px 4px #2A2A2A;
}

.content-block a {
color: #E20980;
text-decoration: none;
}

.content-block.news-block {
	margin: 30px 0px 0px 0px;
	padding: 15px;
}

.content-block.news-block a {
    color: #E20980;
    text-decoration: none;
}

.content-block.news-block a:hover {
	color: #E20980;
	text-decoration: underline;
}

.content-block-grey {
    background: #737473;
	margin: 0px 0px 0px 30px;
	padding: 15px;
	-moz-box-shadow: 3px 3px 4px #2A2A2A;
	-webkit-box-shadow: 3px 3px 4px #2A2A2A;
	box-shadow: 3px 3px 4px #2A2A2A;
	color: #FFFFFF;
	position: relative;
	overflow: hidden;
}

.content-block-grey p {
    color: #FFFFFF;
    margin: 0;
}

.staffimage {
	padding-top: 20px;
}

.page-id-426 .staffimage {
	padding-top: 0;
}

.content-block.last {
	margin-bottom: 30px;
}

.flex-video {
	margin-bottom: 0px;
}

.bottom-box-container {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.bottom-box {
	background: url("images/bg-slideout-content.png") repeat;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.circle-main-contain {
	margin-left: 30px;
	margin-bottom: 30px;
}

.circle-contain {
	background: #e20980;
	width: 100%;
    height:0;
    padding-bottom: 100%;
	padding-top: 20px;
	padding-left: 40px;
	padding-right: 40px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	margin-top: 30px;
	text-align: center;
}

.circle-cta-one p {
    font-size: 14px;
    margin-top: 85px;
}

#home-text {
    font-size: 17px;
    height: 3.8em;
    width: 70%;
}

.circle-main-contain a  {
	text-decoration: none !important;
}

.content-block-grey h2 {
    color: #FFFFFF;
    font-size: 28px;
    margin-bottom: 10px;
}

.content-block-grey h3 {
    color: #FFFFFF;
    font-size: 24px;
    margin-bottom: 10px;
}

.how-we-help-contain {
    background: #d3d2d2;
    padding: 10px 10px 0px 10px;
    margin: 10px 0px 10px 0px;
    border-radius: 5px;
}

.how-we-help-contain .title {
    color: #FFFFFF;
    margin-bottom: 10px;
    display: block;
}

.how-we-help-contain form {
    margin: 0px;
}

.how-we-help-contain form  label {
    margin-bottom: 0px;
}

.twitter-status {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.twitter-status-info {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 11px;
}

.pageNav {
    margin: 15px 0px 0px 0px;
}

.pageNav li {
    float: left;
    list-style: none;
}

.pageNav li a {
    float: left;
    display: block;
    background: #FFFFFF;
    padding: 8px;
    margin-right: 10px;
    color: #686768;
    text-decoration: none;
    -moz-box-shadow: 3px 3px 4px #2A2A2A;
	-webkit-box-shadow: 3px 3px 4px #2A2A2A;
	box-shadow: 3px 3px 4px #2A2A2A;
}

.pageNav li a:hover {
    color: #FFFFFF;
    background: #e20980;
}

.pink-circle-text {
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: 15px !important;
}

.pink-circle-name {
    font-size: 12px !important;
    margin-top: 10px !important;
    padding: 0px;
    margin-bottom: 0px;
}

.latest-tweets ul {
	list-style: none;
	margin: 0;
}

.tweet-text {
	margin: 0;
}

.tweet-details a {
	font-size: 11px;
    text-decoration: none;
}

/* ----------------------------------------- NAVIGATION ----------------------------------------- */

#global {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

#global li {
	list-style: none;
}

#global li a {
	color: #686768;
	text-decoration: none;
	font-size: 19px;
	margin-bottom: 5px;
	display: block;
	padding-left: 30px;
}

#global li a:hover {
	color: #e20980;
}

#global li.current_page_item a, #global li.current-page-parent a {
	color: #e20980;
	background: url("images/icon-active-nav.png") no-repeat left center;
}

#global li.current_page_item ul.sub-menu li a, #global li.current-page-parent ul.sub-menu li a {
	background: none;
	color: #686768;
}

#global li ul li a {
	font-size: 13px;
}

#global li.current_page_parent ul li.current_page_item a {
	color: #e20980 !important;
}

#global li ul li a:hover {
	color: #e20980;
}

#secondary-nav {
	text-align: center;
	margin: 5px 15px 10px 15px;
	padding: 0px;
	line-height: normal !important;
}

#secondary-nav li {
	display: inline-block;
	color: #a9a8a9;
}

#secondary-nav li a  {
	color: #a9a8a9;
	font-size: 10px;
	background: url("images/icon-grey-nav.png") no-repeat left center;
	padding-left: 10px;
	text-decoration: none;
}

#secondary-nav li a:hover {
	color: #686768;
}

.B_crumbBox, #breadcrumbs {
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 10px;
	color: white;
}

.B_crumbBox li {
	list-style: none;
	float: left;
	margin-bottom: 0px;
	background: url('images/bg-breadcrumb.png') no-repeat scroll right center transparent;
	margin-right: 5px;
	font-size: 10px;
	color: #FFFFFF;
}

.B_crumbBox li.B_lastCrumb {
	background: none;
}

.B_crumbBox li.B_currentCrumb {
	background: none;
}

.B_crumbBox li a, #breadcrumbs a {
	float: left;
	float: none;
	font-size: 10px;
	text-decoration: none;
	margin-right:0px;
}

.B_crumbBox li a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}




/* nav.tab-bar {
	background: #FFFFFF;
	color: #a9a8a9;
}

section.left-small {
	border-right: 2px solid #a9a8a9;
	box-shadow: none;
}

section.right-small {
	border-left: 2px solid #a9a8a9;
	box-shadow: none;
}

a.menu-icon span {
	box-shadow: 0 10px 0 1px #a9a8a9, 0 16px 0 1px #a9a8a9, 0 22px 0 1px #a9a8a9;
}

nav.tab-bar h1, nav.tab-bar h2, nav.tab-bar h3, nav.tab-bar h4, nav.tab-bar h5, nav.tab-bar h6 {
	color: #a9a8a9;
} */

/* ----------------------------------------- HEADINGS ----------------------------------------- */

h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	padding: 0px;
	font-weight: 300;
	font-family: 'Raleway', sans-serif;
	color: #686768;
}

.slideout-content h2 {
	color: #FFFFFF;
	margin-bottom: 10px;
	font-size: 32px;
}

.content-block h2 {
	margin-top: 10px;
	color: #e20980;
	font-size: 32px;
	margin-bottom: 25px;
}

.slideout-content.news h2 {
	font-size: 24px;
	margin-bottom: 10px;
}

.circle-title {
	font-size: 24px;
	color: #FFFFFF;
	margin: 10px 0px;
}

.slideout-content h3 {
	color: #FFFFFF;
	font-size: 16px;
	margin: 5px 0px 10px 0px;
	text-transform: uppercase;
}

/* ----------------------------------------- PARAGRAPHS & BULLETS ----------------------------------------- */

a {
	color: #FFFFFF;
	text-decoration: underline;
}

a:hover {
	color: #e20980;
	text-decoration: none;
}

.white {
	color: #FFFFFF;
}

p {
	font-size: 13px;
	line-height: 140%;
}

.copy {
	text-align: center;
	font-size: 10px;
	color: #a9a8a9;
}

#sidebar .tel {
	text-align: center;
	font-size: 12px;
	color: #686768;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#sidebar .tel i {
	margin-right: 5px;
}

ul li {
	font-size: 13px;
}


.slideout-content p {
	color: #FFFFFF;
}

.slideout-content ul li {
	color: #FFFFFF;
}

.content-block-content {
	padding-right: 100px;
}

.content-block-grey {
	padding-right: 100px;
}

.content-block p {
	font-size: 14px;
}

.news-date {
	font-size: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* ----------------------------------------- FORMS ----------------------------------------- */

.search {
	margin-bottom: 0px;
}

.search input {
	margin-bottom: 0px !important;
	background: #FFFFFF;
	border-top: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	border-right: 0px;
	box-shadow: none !important;
	text-transform: uppercase;
}

.search input:focus {
	box-shadow: none !important;
	border-top: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	border-right: 0px;
	background: #FFFFFF;
}

/* ----------------------------------------- BUTTONS ----------------------------------------- */

.button {
	color: #FFFFFF;
	display: block;
	padding: 8px 16px;
	background: #e20980;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
	text-align: left;
	text-transform: uppercase;
}

.button:hover {
	background: #C0086D;
}

.button i {
	margin-left: 10px;
}

.button.main i {
	float: right;
}

.button.grey {
	background: #d3d2d2;
	margin: 10px 0px 0px 0px;
}

.button.grey:hover {
	background: #686768;
}

.more-info {
	background: #e20980;
	padding: 15px;
	position: absolute;
	bottom: 0;
	right: 0;
	color: #FFF !important;
}

.more-info:hover {
	background: #C0086D;
	color: #FFFFFF;
}

.search .button {
	margin-bottom: 0px !important;
	background: #FFFFFF;
	border-top: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	color: #686768;
}

.content-block-grey .button  {
	color: #e20980;
	display: block;
	padding: 8px 16px;
	background: #FFFFFF;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
	text-align: left;
	text-transform: uppercase;
}

.content-block-grey .button:hover  {
	color: #FFFFFF;
	background: #e20980;
}

.circle-contain {
    postion: relative;
}

.circle-contain-inner, .circle-contain h2:first-child, .circle-contain p:first-child:last-child {
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    width: 70%;
    height: 1.4em;
    box-sizing: content-box;
}
.circle-contain-inner {
    height: 50%;
}
.circle-cta-one p {
    margin-top: 20%;
}
.circle-contain p:empty {
    display: none;
}

div#social-icons a {
text-indent: -500em;
overflow: hidden;
display: inline-block;
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-size: 40px;
transition: none;
}

#linkedin-social {
    background-image: url(http://www.osborne.co.uk/assets/icons/linkedin-icon.png);
}

#twitter-social {
    background-image: url(http://www.osborne.co.uk/assets/icons/twitter-icon.png);
}

#email-social {
    background-image: url(http://www.osborne.co.uk/assets/icons/email-icon.png);
}

#print-social {
    background-image: url(http://www.osborne.co.uk/assets/icons/print-icon.png);
}

#google-social {
    background-image: url(http://www.osborne.co.uk/assets/icons/google-icon.png);
}

#facebook-social {
    background-image: url(http://www.osborne.co.uk/assets/icons/facebook-icon.png);
}

.messagepop {
  background-color:#FFFFFF;
  border:1px solid #999999;
  cursor:default;
  display:none;
  margin-top: -485px;
  position:absolute;
  text-align:left;
  width:394px;
  z-index:50;
  padding: 25px 25px 20px;
}

.messagepop p, .messagepop.div {
  border-bottom: 1px solid #EFEFEF;
  margin: 8px 0;
  padding-bottom: 8px;
}

#embed {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

#embed iframe {
    position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

table.surveyform {
    background: rgba(0, 0, 0, 0);
    border: none;
    margin-bottom: 0;
}

table.surveyform tr {
    background: rgba(0, 0, 0, 0);
}

table.surveyform td {
    padding: 0;
}

table.surveyform label {
    color: #FFF;
}

table.surveyform input[type="submit"] {
    padding: 25px 12px;
    border-radius: 80px;
    border: none;
    background: #E20980;
    color: #FFF;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    cursor: pointer;
}

/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

.pdf-version {
    padding: 10px 10px;
    width: 73px;
    margin-bottom: 58px;
    text-align: center;
    line-height: 20px;
    font-size: 15px;
    background: #e20980;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #FFF !important;
    text-decoration: none !important;
}

/* .circle-contain p:not(:empty), .circle-contain h2:first-child, .circle-contain img {
    padding-top: 50%;
    padding-bottom: 0;
    margin-top: 0;
    height: 100%;
}
.circle-contain img {
    margin-top: -3.5em;
}
.circle-contain h2:not(:first-child) {
    margin-top: -50%;
    padding-top: 10px;
}

.circle-contain p[class*="circle-name"] {
    margin-top: -50% !important;
    padding-top: 10px;
} */

/* ----------------------------------------- RESPONSIVE MEDIA QUERIES ----------------------------------------- */

@media screen and (max-width: 1577px) {
    #thumbs {
        width: 94% !important;
    }
}

@media screen and (max-width: 1025px) {
    
    #embedcontain {
          position: initial !important;
    }
}

// Small screens

/* Define mobile styles */
@media only screen {
	
} 

/* max-width 640px, mobile-only styles, use when QAing mobile issues */ 
@media only screen and (max-width: 40em) {
    
    .opv-buttons {
    position: initial;
    display: inline-block;
    margin-bottom: 10px;
    height: 60px;
    margin-left: 26px;
    float: left;
}

	#canvas_container {
		min-height: 200px;
	}

.content-block-grey {
    margin-left: 0px;
}

.content-block-grey {
    padding-right: 20px;
}

.page-content-main {
	padding-left: 15px;
}

.slideout-content-main {
	padding-left: 15px;
}

#page-content {
	margin: 15px 0px 0px 0px;
}

.white-strip {
	height: 80px;
}



.medium-tel {
	color: #686768;
	font-size: 13px;
	text-align: right;
	margin: 20px 0px 0px 0px;
}

.medium-tel a {
    color: #686768;
    text-decoration: none;
}

.logo-small {
	height: 59px;
	width: 59px;
}

.medium-tel a {
	color: #686768;
}

.content-block {
	margin-left: 0px;
	margin-top: 10px;
}

.content-block-content {
	padding-left: 25px;
	padding-right: 25px;
}

.content-block h2 {
	font-size: 20px;
}

.content-block p {
	font-size: 13px;
}

.circle-contain {
	margin-top: 10px;
}

.circle-main-contain {
	margin-left: 0px;
}

.circle-main-contain img {
	max-width: 25%;
}

.circle-main-contain p {
	font-size: 12px;
}

}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  #canvas_container {
  	min-height: 300px;
  }
}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */ 
@media only screen and (min-width: 40.063em) and (max-width: 64em) {


#page-content {
	margin-left: 0px;
	padding-left: 0px;
}

.content-block h2 {
	font-size: 20px;
}

.content-block p {
	font-size: 13px;
}

.bottom-box-container {
	position: static;
	bottom: 0;
	right: 0;
}

.bottom-box {
	margin: 15px 0px 0px 0px;
}

.circle-main-contain {
	margin-left: 0px;
}

.circle-main-contain img {
	max-width: 100%;
}

.circle-title {
	font-size: 14px;
	color: #FFFFFF;
	margin: 5px 0px;
}

.circle-main-contain p {
	font-size: 8px;
}


.white-strip {
	height: 80px;
}

.medium-tel {
	color: #686768;
	font-size: 13px;
	text-align: right;
	margin: 20px 0px 0px 0px;
}

.medium-tel a {
	color: #686768;
	text-decoration: none;
}

.logo-small {
	height: 59px;
}

}

@media only screen and (min-width: 1025px) and (max-width: 1399px) {

.circle-cta-one p {
    font-size: 11px;
}

.circle-title {
font-size: 16px;
}
	
} 



@media only screen and (min-width: 1400px) and (max-width: 1670px) {

.circle-cta-one p {
    font-size: 13px;
    margin-top: 50px;
}
	
} 

//XLarge screens

/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {


}

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ 
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
	
}

// XXLarge screens

/* min-width 1921px, xlarge screens */
@media only screen and (min-width: 120.063em) {
	
}

@media only screen and (max-width: 1550px) {
	.bottom-box-container {
width: 500px;
right: -60px;
}
}