/*
CTC Separate Stylesheet
Updated: 2018-05-30 12:39:11
Theme Name: CENTURY 2018
Theme URI: https://www.littlehq.uk
Template: pillar
Author: Christopher Little
Author URI: https://www.littlehq.uk
Description: CENTURY 2018 - A theme based on Pillar
Tags: custom-background,threaded-comments,translation-ready,custom-menu
Version: 1.0.1
*/

.no-padding-bottom {
  padding-bottom: 0;
}

.owl-carousel .owl-item {
  display: inline-block;
  float: none;
  vertical-align: middle;
}

.awards-slider .slider .slides .owl-item li {
  padding-left: 20%;
  padding-right: 20%;
}
.awards-slider .slider .slides .owl-item li img {
  height: auto;
}

.no-padding-top {
  padding-top: 0;
}

.section--overlap-both {
  margin-top: -3em;
  margin-bottom: -3em;
}
.section--overlap:not(:first-child) {
  margin-top: -3em;
}

.with-bullets ul {
  list-style: inside;
}

.bg--purple {
  background-color: #9c27b0;
  /* background-attachment: fixed; */ /* This causes issues on Safari */
  background-image: linear-gradient(
    45deg,
    #004e9d,
    #a71680,
    #df006a
  ) !important;
  color: white;
}
.bg--purple * {
  color: white;
}

.vc_btn3.vc_btn3-color-pink.vc_btn3-style-flat {
  color: #fff;
  background-color: #fb114b;
}
.vc_btn3.vc_btn3-color-pink.vc_btn3-style-flat:hover {
	background-color: #fd7068;
}
.feature .vc_btn3-color-pink.vc_btn3-style-flat i {
  color: #fff;
}
.feature.boxed,
.rounded-image img {
  border-radius: 24px;
}

@media only screen and (max-width: 768px) {
  .feature.boxed {
    margin: 10px;
  }
  .card-1,
  .card-2 {
    margin: 10px;
  }
  .mobile-reversed {
    flex-direction: column-reverse;
  }
}

.vc_btn3.vc_btn3-color-pink.vc_btn3-style-flat:active,
.vc_btn3.vc_btn3-color-pink.vc_btn3-style-flat:hover,
.vc_btn3.vc_btn3-color-pink.vc_btn3-style-flat:focus {
  background-color: #fd7068;
}

.wpb-js-composer
  .vc_tta-color-pink.vc_tta-style-classic.vc_tta-tabs
  .vc_tta-panels {
  background-color: white !important;
}

.wpb-js-composer
  .vc_tta-color-pink.vc_tta-style-classic
  .vc_tta-tab:not(.vc_active)
  > a {
  border-color: #f0f0f0;
  background-color: white;
}
.wpb-js-composer .vc_tta-color-pink.vc_tta-style-classic .vc_tta-tab > a {
  color: #fff;
  border-color: #f0f0f0;
  background-color: #fb114b !important;
}

.wpb-js-composer .vc_tta-color-pink.vc_tta-style-classic .vc_tta-tab > a:active,
.wpb-js-composer .vc_tta-color-pink.vc_tta-style-classic .vc_tta-tab > a:focus,
.wpb-js-composer .vc_tta-color-pink.vc_tta-style-classic .vc_tta-tab > a:hover {
  background-color: #fb114b;
}

.wpb-js-composer
  .vc_tta-color-pink.vc_tta-style-classic
  .vc_tta-tab.vc_active
  > a,
.wpb-js-composer
  .vc_tta-color-pink.vc_tta-style-classic
  .vc_tta-tab.vc_active
  > a:active,
.wpb-js-composer
  .vc_tta-color-pink.vc_tta-style-classic
  .vc_tta-tab.vc_active
  > a:focus,
.wpb-js-composer
  .vc_tta-color-pink.vc_tta-style-classic
  .vc_tta-tab.vc_active
  > a:hover {
  background-color: white !important;
  background-image: none;
}

footer .widget_nav_menu li {
  clear: left;
  padding: 0;
}

footer .widget_nav_menu li a {
  padding: 0;
}
.accordion li .accordion__content *:last-child {
  padding-bottom: 0;
}
.accordion li .accordion__content *:first-child {
  padding-top: 0;
}
.accordion li .accordion__content > *:last-child {
  padding-bottom: 1.625em;
}
.accordion li .accordion__content > *:first-child {
  padding-top: 1.625em;
}
.input-with-icon i {
  z-index: 1;
}

form .row {
  margin-top: 20px;
}

textarea {
  border-radius: 24px;
}

.input-radio label {
  display: inline-block;
  vertical-align: top;
  margin-right: 50px;
  margin-left: 10px;
}

.input-radio.checked .inner {
  background: #df006a;
}

form input[type="submit"] {
  height: auto;
  font-size: 14px !important;
}
.vc_btn3.vc_btn3-size-md[type="submit"] {
  padding: 14px 40px;
}

.parallax > .background-image-holder,
.parallax .slides li > .background-image-holder {
  top: -50vh !important;
  height: 100%;
  min-height: 100vh;
}

.post-content ul,
.wpb_text_column ul {
  padding-left: 20px;
  list-style: square;
}
.post-content li,
.wpb_text_column li {
  margin-top: 10px;
  padding-left: 10px;
  line-height: 1.625em;
}

.sidebar li {
  line-height: 1.3em;
  padding-top: 10px;
}

.masonry img {
  height: auto;
}
img {
  max-width: 100%;
  height: auto;
}
.portfolio .background-image-holder {
  background-size: auto !important;
  background-repeat: repeat;
}

.twitter-feed .user {
  display: flex !important;
  margin-bottom: 6px;
  align-items: center;
}

.twitter-feed .user img {
  height: 40px;
  border-radius: 5px;
}
.twitter-feed li {
  margin-bottom: 25px;
}
.twitter-feed a[data-scribe="element:user_link"] div {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  line-height: 20px;
}
.twitter-feed span[data-scribe="element:name"] {
  font-weight: bold;
}
.twitter-feed span[data-scribe="element:screen_name"] {
  color: rgba(255, 255, 255, 0.5);
}
p.tweet {
  line-height: 20px;
  margin-bottom: 0;
}
.tweet a:not(.btn) {
  color: #fb114b;
}
.twitter-feed .timePosted a:not(.btn) {
  color: #ffffff;
}
.bg--dark .tweet *:not(a) {
  color: inherit;
}

.member {
  margin: 20px;
}

.small_padding .imageblock > .container,
.imageblock > div[class*="col-"]:not(.imageblock__content) {
  padding-top: 0;
  padding-bottom: 0;
}
span.typed-me {
  color: inherit;
}
.card-1,
.card-2 {
  border-radius: 24px;
  overflow: hidden;
}
.normal-iframe-col iframe {
  min-height: auto !important;
}

@media only screen and (min-width: 768px) {
  .fullheight-row,
  .fullheight-row .row,
  .fullheight-row .vc_row,
  .fullheight-row .column_container,
  .fullheight-row .vc_column-inner,
  .fullheight-row .wpb_wrapper {
    display: flex;
  }
}
@media only screen and (max-width:768px) {
	
	.vc_row, .vc_section {
		margin:0;
	}
	.videobg {
		
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
	} 
}
.row.contact-submit-row p {
  margin: 0;
}
.row.contact-submit-row .input-radio label {
  margin-right: 10px;
}

.row.contact-submit-row .input-radio .inner:after {
  position: relative;
}
.row.contact-submit-row .input-radio.last label {
  margin-right: 20px;
}
.modal-video-1 .video-play-icon--sm + .h6 {
  font-size: 1.1em;
  font-weight: bold;
  bottom: auto;
  margin-bottom: 0;
}
.modal-video-1 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-video-1 .modal-trigger {
  width: 100%;
  padding: 13px 19px;
  background: white;
  border: 2px solid white;
}

.modal-video-1 .modal-trigger span {
  color: #ed1c24 !important;
}

.modal-video-1 .modal-trigger:hover {
  background: #ed1c24;
  border: 2px solid #ed1c24;
}

.modal-video-1 .modal-trigger:hover span {
  color: white !important;
}

.header-button a {
  color: #ed1c24 !important;
  background: white !important;
}
.header-button:hover a {
  color: white !important;
  background-color: #ed1c24 !important;
}

.modal-video-1 .modal-trigger span {
  font-size: 14px;
}

.header-button .vc_general.vc_btn3 {
  line-height: 26px;
}
#menu-top-secondary li:last-child a {
  font-weight: bold;
  border: 1px solid #ed1c24;
  height: 30px;
  vertical-align: middle;
  line-height: 30px;
  text-align: center;
  border-radius: 15px;
  padding: 0 14px;
  background-color: #ed1c24;
  color: white;
}

.masonry__filters {
  display: none;
}

.feature-showcase-row {
  align-items: center;
}

section,
footer {
  padding-top: 3em;
  padding-bottom: 3em;
}
.feature-1 p:last-child {
  margin-bottom: 0;
}
.tabs-container .tabs {
  margin-bottom: 0;
}
.nav-mobile-toggle i {
  display: inline-block;
  margin-top: 0;
}
ul#menu-top-secondary {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0;
}
#menu-top-secondary > li {
  width: auto;
  margin-left: 20px;
}

.pagination li.active a {
  color: white;
  margin-left: 1em;
	background-color: #fb114b;
}

.pagination li a:hover {
  background-color: #fb114b;
  color: white;
  opacity: 0.6;
}

.pagination li {
  opacity: 1 !important;
}

.pagination li a {
  font-size: 1em;
  height: 2em;
  width: 2em;
  line-height: 1.5em;
}

.nav-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: stretch;
  align-items: stretch;
}

.nav-inner .logo-module {
  flex-grow: 1;
}

.nav-inner .logo-module {
  flex-grow: 1;
}

.nav-inner .nav-module.menu-module.right {
  margin-right: 30px;
  order: 2;
  justify-content: flex-end;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px 0;
}
.nav-inner
  .nav-bar
  .nav-module.right:not(.logo-module):not(.menu-module):not(:nth-last-child(3)) {
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  padding-right: 20px;
}

.nav-inner
  .nav-bar
  .nav-module.right:not(.logo-module):not(.menu-module):not(:nth-last-child(2)) {
  border-left: none;
  padding-right: 0;
}
.nav-inner .nav-float-right {
  width: 100%;
  order: 2;
  max-height: 0;
}

@media all and (min-width: 1265px) {
  .nav-inner .nav-float-right {
    width: auto;
    order: 1;
  }
  .nav-inner .logo-module {
    flex-grow: 0;
  }
}

svg.icon {
  width: 55px;
  margin-bottom: 5px;
  height: 55px;
}

#menu-main-menu a {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#menu-main-menu a svg {
  height: 20px;
  width: 10px;
  margin-left: 5px;
  margin-bottom: 0;
}

.nav-mobile-toggle svg {
  height: 24px;
  width: 24px;
  margin-bottom: 0;
}

.input-with-icon svg {
  position: absolute;
  font-size: 1.4375em;
  margin-left: 1em;
  top: 0;
  left: 0;
  z-index: 1;
  height: 52px;
  width: 24px;
  fill: #767676;
}

.nav-mobile-toggle {
  height: 24px;
}

#top-button {
	border-radius: 40px;
    text-align: center;
    position: fixed;
    bottom: 30px;
    left: 20px;
    background-color: #fb114b;
    padding: 5px 20px;
    line-height: 40px;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 100;
}
#top-button:hover {
	background-color: #fd7068;
}

.hubspot-form {
	background-color: white;
	padding: 20px;
	border-radius: 10px;
	box-shadow: rgba(0,0,0,0.1) 0 0 16px 0;
}

.smallvid .videobg.height-100 {
	height:auto;
}
.smallvid .pos-vertical-center{
	
    top: auto;
    transform: translateY(0);
}
.smallvid h1, .smallvid h2, .smallvid h3, .smallvid h4, .smallvid p {
    color: white;
}
.smallvid {
    padding: 80px 0 40px;
    background: linear-gradient( rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45) ), url(http://century2018.wpengine.com/wp-content/uploads/2018/12/neurons.jpg);
	
	background-position: center;
	background-size: cover;
}
@media (min-height: 600px) and (min-width: 767px){
	.imagebg.videobg.video-active {
    	height: 500px;
	}
}


/* Typography */
body {
	font-family: 'proxima-soft', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-feature-settings: 'ss01', 'ss03', 'ss09';
    font-variant: tabular-nums;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
a {
	font-family: inherit;
}

h5 {
	margin-bottom: 1em;
	font-size: 1.2em;
}

p {
	line-height: 1.5;
}

.menu > li {
	font-family: inherit !important;
}


/* Change the background of the submenu to white and the text to black */
.menu > li ul {
	background: white;
}

.menu > li ul li a {
	color: #666;
	opacity: 1;
}

/* Apply the primary color to the active menu item */
.menu .current-menu-item > a,
.menu .current-menu-ancestor > a {
    color: #ed1c24;
}

/* Apply the primary color to the icons */
svg.icon {
	fill: #ed1c24;
}


/* .rev_slider div {
	font-family: inherit !important;
} */

/* Apply the primary color to the timer bar */
.tp-bannertimer {
	background-color: #ed1c24 !important;
}

.tp-caption {
	font-family: inherit !important;
}

.tp-caption .Newspaper-Title {
	font-weight: 600 !important;
}

/* Make the button in the rev-slider rounded */
.tp-caption.Newspaper-Button,
.Newspaper-Button {
	border-radius: 100px !important;
}

/* Add shadow to the boxes for better contrast */
.feature.boxed,
.feature.boxed:hover{
	box-shadow: 0 1px 3px -1px rgba(0,0,0,.2);
}

.boxed {
	padding: 1em;
}

.boxed .wpb_text_column {
	padding: 1em 1em 0 1em;
}

.feature-1 h5 + p {
	margin-top: -1em;
}

.nav-bar.nav--fixed {
	box-shadow: 0 1px 6px -1px rgba(0,0,0,.2);
}

/* buttons */
.vc_general.vc_btn3 {
	background-color: #ed1c24;
	box-shadow: 0 1px 2px -1px rgba(0,0,0,.2);
}

.vc_general.vc_btn3:hover {
	background-color: #D4151C !important;
}

.vc_general.vc_btn3:active {
	background-color: #C50C13 !important;
}

.vc_btn3.vc_btn3-size-md {
	padding: 12px 20px;
	line-height: 16px;
	font-weight: 600;
}

#cookie-law-info-again {
	box-shadow: none;
}

.rounded-image img {
	border-radius: 8px;
	border: 3px solid white;
	box-shadow: 0 1px 3px -1px rgba(0,0,0,.2);
}

.masonry__container.blog-load-more {
	padding-top: 36px;
}

a .card {
	border-radius: 16px;
	box-shadow: 0 1px 4px -1px rgba(0,0,0,.25);
	transition: .2s ease;
}

a .card:hover {
	box-shadow: 0 12px 24px -6px rgba(0,0,0,.1) !important;
	transform: translatey(-2px);
}

a .card:active {
	box-shadow: 0 1px 4px -1px rgba(0,0,0,.25);
	transform: translatey(0);
}


/* CENTURY TWEAKS */
body .bg--purple {
  font-size: 14px;
  background-color: #293038;
  color: white;
  background-position: center;
  background-repeat: repeat;
  background-size: 100%;
  background-image: url('/wp-content/uploads/2019/01/dots.png') !important;
}

.feature-1 p {
	min-height: 0;
	margin-bottom: .67em;
}

.bullet-list {
	list-style: disc;
    padding-left: 2em;
}


/* Tweak the description in the News category to have the media contacts */
.category-news p.lead {
    margin: 0 auto;
    max-width: 36em;
    font-size: 16px;
	line-height: 1.4;
}

figure.alignleft{
	float: left;
	margin: 0 1em 1em 0;
}

.alignleft ~ h1, .alignleft ~ h2, .alignleft ~ h3, .alignleft ~ h4, .alignleft ~ h5, .alignleft ~ h6 {
	clear: both;
}

/* Styles for the general enquiries contact form */
.hbspt-form label {
  margin: 18px 0 4px 0;
  padding: 0;
  font-family: inherit;
  line-height: 18px;
  letter-spacing: normal;
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
}

.hbspt-form input[type='text'],
.hbspt-form input[type='address'],
.hbspt-form input[type='url'],
.hbspt-form input[type='password'],
.hbspt-form input[type='email'],
.hbspt-form input[type="search"],
.hbspt-form input[type="tel"],
.hbspt-form select:not(button),
.hbspt-form textarea {
  width: calc(100% - 8px);
  min-width: calc(100% - 8px);
  border-radius: 8px;
  border: 1px solid lightgray;
}

.hbspt-form input[type='text'],
.hbspt-form input[type='address'],
.hbspt-form input[type='url'],
.hbspt-form input[type='password'],
.hbspt-form input[type='email'],
.hbspt-form input[type="search"],
.hbspt-form input[type="tel"],
.hbspt-form select:not(button) {
  height: 42px;
}

.hbspt-form input[type='text']:focus,
.hbspt-form input[type='address']:focus,
.hbspt-form input[type='url']:focus,
.hbspt-form input[type='password']:focus,
.hbspt-form input[type='email']:focus,
.hbspt-form input[type="search"]:focus,
.hbspt-form input[type="tel"]:focus,
.hbspt-form select:not(button):focus,
.hbspt-form textarea:focus {
  border-color: var(--color-info);
}

.hbspt-form input[type='text'],
.hbspt-form input[type='address'],
.hbspt-form input[type='url'],
.hbspt-form input[type='password'],
.hbspt-form input[type='email'],
.hbspt-form input[type="search"],
.hbspt-form input[type="tel"] {
  padding-left: 12px;
  padding-right: 12px;
}

.hbspt-form select:not(button) {
  padding: 0 30px 0 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg width='10px' height='7px' viewBox='0 0 10 7' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='arrow-select' fill='%2398A0A9'%3E%3Cpath d='M5.64342655,6.22788814 C5.28807188,6.65431374 4.71685231,6.66022277 4.35657345,6.22788814 L0.643426552,1.77211186 C0.28807188,1.34568626 0.455664396,1 0.995397568,1 L9.00460243,1 C9.55434533,1 9.71685231,1.33977723 9.35657345,1.77211186 L5.64342655,6.22788814 L5.64342655,6.22788814 Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") calc(100% - 10px) 50% no-repeat;
}

.hbspt-form textarea {
  padding-left: 12px;
  padding-right: 12px;
}

.hs-error-msgs {
  margin: 0;
}
.hs-error-msgs.inputs-list label {
  color: crimson;
  margin: 2px 0 0;
  font-size: 12px;
}

.legal-consent-container {
  font-size: 12px;
  line-height: 1.2;
}

.legal-consent-container input[type=checkbox] + span {
    margin-left: 8px;
}

body.page-template-default .hbspt-form .hs_submit input[type="submit"] {
	margin-left: 0;
	min-width: 200px;
}


/* Styles for Hubspot GDPR banner */
body div#hs-eu-cookie-confirmation {
	background: #f5f1f0;
}
body div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom {
	box-shadow: none;
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
	background: #f5f1f0;
}