/* Theme Name: Theme URI: Description: Bespoke Theme developed by Adrian @ AlphaWebServices.net Author: Adrian Jones Version: 1.0 License: License URI: Tags: */ * {margin: 0; border: 0; padding: 0; outline: 0;} p, a, h1, h2, h3, h4, h5, small, li, textarea, input, td, tr, .gform_confirmation_message {font-family: 'Noto Sans', sans-serif;} .clear {clear: both;} a {text-decoration: none;} html {overflow-y: scroll; background-color: #fff;} ul {list-style-type: none;} img.alignright {float:right; margin:0 0 1em 1em} img.alignleft {float:left; margin:0 1em 1em 0} img.aligncenter {display: block; margin-left: auto; margin-right: auto} .alignright {float:right; } .alignleft {float:left; } .aligncenter {display: block; margin-left: auto; margin-right: auto} img {max-width: 100%; height: auto;} .wrapper {width: 1050px; margin: 0 auto;} #top {height: 60px; background: #5597d4; border-radius: 0 0 20px 20px;} #top .menu-top-menu-container {float: left;} #top .menu {margin-left: 70px;} #top .menu > li {display: inline-block; margin-right: 15px; position: relative;} #top .menu > li > a {color: #fff; text-transform: uppercase; line-height: 60px;} #top .menu > li ul {display: none; position: absolute; top: 100%; left: -10px; background: #5597d4; text-align: left;} #top .menu > li ul li {display: block; padding: 3px 10px;} #top .menu > li ul li a {color: #fff; text-transform: uppercase; white-space: nowrap;} #top .menu > li:hover ul {display: block;} #top .social {float: right; margin: 10px 45px 0 0;} #top .social li {display: inline-block; vertical-align: middle; margin-right: 6px;} #header {padding: 15px 0;} #header:after {content: ""; display: block; clear: both;} #header .menu-header-menu-container {float: left;} #header .menu {margin: 0 0 0 30px;} #header .menu li {display: inline-block; margin-right: 16px;} #header .menu li a {color: #000; padding-right: 20px; border-right: 2px solid #5597d4; line-height: 120px; font-weight: bold; font-size: 20px;} #header .menu > li:last-of-type a {border: 0;} #header .logo {float: right; display: block; margin: 0 50px 0 0; height: 120px; width: auto;} #topform {height: 315px; background: url(images/topbg.jpg) no-repeat center top; background-size: 100% 100%; text-align: center;} #topform:before {content: ""; display: inline-block; vertical-align: middle; height: 100%;} #topform .wrapper {display: inline-block; vertical-align: middle;} .searchbar {background: #000; padding: 30px 0;} #download {background: #BFB6AD;} #download .wrapper {padding: 25px 0; background: url(images/download.png) no-repeat right bottom; min-height: 110px;} #download h2 {color: #6699cc; margin-bottom: 15px; font-size: 32px; font-weight: normal;} #download .gform_wrapper .gform_body {width: 75%; display: inline-block; vertical-align: top;} #download .gform_wrapper .gform_body input {border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;} #download .gform_wrapper .gform_footer {width: auto; display: inline-block; vertical-align: top; margin: 0; padding: 0;} #download .gform_wrapper .gform_footer .button {background: #0099D8; color: #fff; border-radius: 10px; -webkit-border-radius: 10px; -webkit-border-radius: 10px;} #footer {background: #58595b; padding: 50px 40px 20px; min-height: 150px;} #footer:after {content: ""; display: block; clear: both;} #footer .col {float: left;} #footer .col p, #footer .col a {font-size: 14px; color: #fff; line-height: 175%; display: block;} #footer .wrapper > p {color: #fff; padding-top: 15px; font-size: 14px; text-align: center;} #footer .wrapper > p a {color: #fff;} #main {margin: 30px 0;} #main.nosides {background: #fff;} #main:after {content: ""; clear: both; display: block;} .inner {padding: 20px;} .widget {list-style-type: none;} #main p, #main a, #main li {font-size: 13px; padding-bottom: 10px;} #main h1, #main h2, #main h3, #main h4, #main h5, #homelower h2, #homelower h3, #homelower h4 {color: #6699cc; margin-bottom: 15px;} #main .stafflist {} #main .stafflist .staff {width: 300px; float: left; margin: 0 25px 25px 0;} #main .stafflist > div:nth-of-type(3n+4) {clear: left;} #main .stafflist .staff .img {margin-bottom: 20px;} #main .stafflist .staff .img:before {content: ""; display: block; padding-top: 100%;} #main .stafflist .staff h2 {text-transform: uppercase; font-size: 18px; margin-bottom: 0;} #main .stafflist .staff a {color: #6699cc; font-weight: bold;} #main.twocol, #main.fourbox {background: #fff;} #main.twocol .left {width: 19%; float: left;} #main.twocol .right {width: 80%; float: right; border-left: 1px solid #000;} #main.fourbox .row:after {content: ""; display: block; clear: both; margin-bottom: 25px;} #main.fourbox .left {width: 65%; float: left;} #main.fourbox .right {width: 35%; float: right;} #main.threecol .left {width: 25%; float: left;} #main.threecol .right {width: 25%; float: right;} #main.threecol .center {width: 50%; float: left; background: #fff; min-height: 650px;} #main.threecol .left .twitter {background: #434648; margin-bottom: 20px;} #main.threecol .left .twitter .inner {padding: 20px 0;} #main.threecol .left .blog {background: #ececed; margin-top: 20px;} #main.threecol .right .latestvacancies {background: #ececed;} #main.threecol .left .twitter .inner .textwidget iframe {width: 100%!important} /* #main.threecol .left .widget_mtw_twitter_widget .mtw_head, #main.threecol .left .widget_mtw_twitter_widget .mtw_footer, #main.threecol .left .widget_mtw_twitter_widget .tweet_meta, #main.threecol .left .widget_mtw_twitter_widget .tweet > p:first-of-type > a:first-of-type {display: none;} #main.threecol .left .widget_mtw_twitter_widget .mtw_tweets {margin: 0; height: auto!important;} #main.threecol .left .widget_mtw_twitter_widget .tweet p {padding: 0;} #main.threecol .left .widget_mtw_twitter_widget .tweet a {word-break: break-word;} #main.threecol .left .widget_mtw_twitter_widget .tweet {border-bottom: 1px solid #695E4A; padding: 8px 0;} */ #main.threecol .left h2.twittertitle {padding: 10px 40px 10px 20px; background: #0099D8 url(images/twittericon.png) no-repeat right 20px top 20px; font-weight: normal; color: #fff; margin: 0;} #main.threecol .left #twitter-widget-0 .timeline-Widget.timeline-Widget--edge {background-transparent;} #main.threecol .left #twitter-widget-0 .timeline-Header.timeline-InformationCircle-widgetParent {display: none;} #main.threecol .left h3.followus {margin: 0 20px; background: #0099D8; color: #fff; font-weight: normal; text-align: center; border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; font-size: 14px; padding: 10px 0;} #main.threecol .left h4 {text-transform: uppercase; text-align: center;} #main.threecol .left ul li {display: inline-block; margin: 0 3px;} #main.threecol .left ul li img {max-width: 30px;} #main.threecol .left .blog h2.blogtitle {background: #FF9933; color: #fff; padding: 10px 20px; font-weight: normal; margin: 0;} #main.threecol .left .blog h3 {margin: 0 20px; background: #FF9933; color: #fff; font-weight: normal; text-align: center; border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; font-size: 14px; padding: 10px 0;} #main.threecol .left .blog .homeblogpost h4 {color: #000; text-transform: none; text-align: left; font-size: 14px;} #main.threecol .right h2.latestvac {background: #65CDF0; color: #fff; padding: 10px 20px; font-weight: normal; margin: 0;} #main.threecol .right .BHJob-list > div {padding: 15px 0 15px 50px; border-color: #B2A79D;} #main.threecol .right .BHJob-list > div:nth-of-type(1) {background: url(images/vacancy1.png) no-repeat left center;} #main.threecol .right .BHJob-list > div:nth-of-type(2) {background: url(images/vacancy2.png) no-repeat left center;} #main.threecol .right .BHJob-list > div:nth-of-type(3) {background: url(images/vacancy3.png) no-repeat left center;} #main.threecol .right .BHJob-list > div:nth-of-type(4) {background: url(images/vacancy4.png) no-repeat left center;} #main.threecol .right .BHJob-list > div:nth-of-type(5) {background: url(images/vacancy5.png) no-repeat left center;} #main.threecol .right .BHJob-list > div:nth-of-type(6) {background: url(images/vacancy6.png) no-repeat left center;} #main.threecol .right .BHJob-list .BHJob-list-item-title {text-transform: uppercase; margin: 0; color: #6699cc;} #main.threecol .right .BHJob-list .BHJob-list-item-date {color: #333333; font-size: 12px;} #main.threecol .right h3.morejobs {margin: 0 20px; background: #65CDF0; color: #fff; font-weight: normal; text-align: center; border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; font-size: 14px; padding: 10px 0;} #main.threecol .right .addcv, #main.threecol .right .timesheet {border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; height: 75px; margin-top: 20px;} #main.threecol .right .addcv:before, #main.threecol .right .timesheet:before {content: ""; display: inline-block; vertical-align: middle; height: 100%;} #main.threecol .right .addcv a, #main.threecol .right .timesheet a {padding: 0 0 0 10px; max-width: 65%; display: inline-block; vertical-align: middle; color: #fff; text-transform: uppercase; font-size: 18px;} #main.threecol .right .addcv {background: #CC0066 url(images/addcv.png) no-repeat 90% bottom; background-size: auto 80%;} #main.threecol .right .timesheet {background: #FF3333 url(images/timesheet.png) no-repeat 90% center; background-size: auto 80%;} #main .center ul {margin: 0 0 10px 30px;} #main .center ul li {list-style-type: disc;} #main.threecol .center ul.BHJob-list {margin: 0;} #main.threecol .center ul.BHJob-list li {display: inline-block; width: 45%; margin: 0 4% 10px 0; list-style-type: none; font-size: 14px; border-bottom: 1px dotted #DEDEDE;} #main.threecol .center ul.BHJob-list li:before {content: "+"; color: #6699cc; padding-right: 10px;} #main.threecol .center ul.BHJob-list li a {color: #000; font-size: 14px;} #main.singlejob {background: #fff;} #main.singlejob .left {width: 60%; float: left;} #main.singlejob .right {background: #ececed; width: 30%; float: right;} #main.singlejob .right img {border: 8px solid #fff;} #main.singlejob .right ul {margin: 20px 0; padding: 0;} #main.singlejob .right li {padding: 10px 0 10px 50px; margin: 20px 0; background-size: auto 100%!important;} #main.singlejob .right li.phone {background: url(images/phone.png) no-repeat left center;} #main.singlejob .right li.mobile {background: url(images/mobile.png) no-repeat 8px 0;} #main.singlejob .right li.email {background: url(images/email.png) no-repeat left center;} #main.singlejob .right li.linkedin {background: url(images/linkedin.png) no-repeat left center;} #main.blog {background: #fff;} #main.blog .post {padding-bottom: 15px; border-bottom: 1px solid #6699cc; margin-bottom: 15px;} #main.blog .post a {color: #6699cc;} #main.blog .left {width: 650px; float: left;} #main.blog .right {width: 300px; float: right;} #main.consult {background: #fff;} #main.consult .left {width: 650px; float: left;} #main.consult .left .aboutcons {min-height: 300px;} #main.consult .left .aboutcons img {display: block; margin: 0 25px 25px 0;} #main.consult .left .consultant-vacancies {background: #E4E2DE; padding: 0 0 30px;} #main.consult .left .consultant-vacancies h2 {background: #669999; color: #fff; padding: 10px 0 10px 20px; margin-bottom: 10px;} #main.consult .left .consultant-vacancies .BHJob-list, #main.consult .right .recfilled .BHJob-list {padding: 0 10px;} #main.consult .left .consultant-vacancies .BHJob-list-item, #main.consult .right .recfilled .BHJob-list-item {border: 0;} #main.consult .left .consultant-vacancies .BHJob-list-item:after, #main.consult .right .recfilled .BHJob-list-item:after {content: ""; display: block; clear: both;} #main.consult .left .consultant-vacancies .BHJob-list-item-title, #main.consult .right .recfilled .BHJob-list-item-title {float: left; text-transform: uppercase; margin: 0; color: #0099D8; font-size: 15px; padding-top: 4px;} #main.consult .left .consultant-vacancies .BHJob-list-item-apply, #main.consult .right .recfilled .BHJob-list-item-apply {float: right; display: inline-block; background: #FF3366; color: #fff; padding: 6px 15px;} #main.consult .right .recfilled .BHJob-list-item-title {float: none; margin-bottom: 8px;} #main.consult .right .recfilled .BHJob-list-item-apply {float: none;} #main.consult .right {width: 300px; float: right;} #main.consult .right .details {min-height: 300px;} #main.consult .right .details li .icon {display: inline-block; background-position: center; background-size: contain; background-repeat: no-repeat; height: 40px; width: 40px; margin-right: 10px;} #main.consult .right .details li.phone .icon {background-image: url(images/phone.png);} #main.consult .right .details li.mobile .icon {background-image: url(images/mobile.png);} #main.consult .right .details li.email .icon {background-image: url(images/email.png);} #main.consult .right .details li.linkedin .icon {background-image: url(images/linkedin.png);} #main.consult .right .details li a {color: #000;} #main.consult .right .details li p {line-height: 40px; display: inline-block; vertical-align: top; max-width: 250px;} #main.consult .right .recfilled {background: #E4E2DE; padding: 0 0 30px; margin-bottom: 20px;} #main.consult .right .recfilled h2 {background: #99CC33; color: #fff; padding: 10px 0 10px 20px; margin-bottom: 10px;} #main.consult .right .blogs {background: #E4E2DE; padding: 0 0 30px;} #main.consult .right .blogs h2 {background: #CC0066; color: #fff; padding: 10px 0 10px 20px; margin-bottom: 10px;} #main.consult .right .blogs ul {padding: 0 10px;} #main.consult .right .blogs ul li {padding: 5px 0;} #main.consult .right .blogs ul li a {text-transform: uppercase; color: #695E4A;} #main.consult .right .blogs ul li a:before {content: ">"; color: #CC0066; padding-right: 10px;} #main .gform_wrapper input[type="text"], #main .gform_wrapper textarea {border: 1px solid #6699cc;} #main .gform_wrapper .gform_footer .button {background: #6699cc; border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; color: #fff; padding: 12px 30px; cursor: pointer;} #main .gform_wrapper li.gfield.gfield_error, #main .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {background: transparent; border: 0; padding-top: 0;} #main .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {margin-top: 0;} #main .gform_wrapper li.gfield_error input[type="text"], #main .gform_wrapper li.gfield_error textarea {border-color: red;} #gform_wrapper_4 {max-width: 75%; margin: 0;} #gform_wrapper_4 label {display: none;} #gform_wrapper_4 .gfield {margin-top: 0;} #gform_wrapper_4 .button {background: #58595b; color: #fff; padding: 12px 30px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px;} .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled {color: #fff; text-decoration:none;} .navigation li {display: inline;} .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled {background-color: #6FB7E9; border-radius: 3px; cursor: pointer; padding: 12px; padding: 0.75rem;} .navigation li a:hover, .navigation li.active a {background-color: #3C8DC5;} @media all and (max-width : 1049px) { .wrapper {width: auto;} #download .wrapper {padding-left: 15px; padding-right: 15px;} #topform .flexslider {width: 98%;} #topform .flexslider li img {max-width: 60%;} .BH-header-search-form-container {width: auto!important;} .BH-header-search-form-container .BH-header-headline {position: static!important; float: left; width: auto!important; padding: 0 20px!important;} .BH-header-search-form-container .BH-header-search-form {position: static!important; float: left; margin: 0!important;} #main .left .mtw_container {width: auto!important;} #main .stafflist .staff {float: none; display: inline-block; vertical-align: top; width: 29%; margin: 0 2% 20px;} #main.consult .left, #main.blog .left {width: 65%;} #main.consult .right, #main.blog .right {width: 30%;} } @media all and (max-width : 920px) { #top .menu {margin-left: 15px;} #top .menu > li {margin-right: 10px;} #top .social {margin-right: 15px;} .searchbar {padding: 15px 0;} #main.consult .right .details li .icon {display: block;} #main.consult .right .details li {} #main.consult .right .details li p {display: block; max-width: 100%;} .BHJob-list-item:after {content: ""; display: block; clear: both;} } @media all and (max-width : 800px) { #top {height: auto;} #top .menu-top-menu-container, #top .social {float: none; padding: 4px 0;} #top .menu {text-align: center;} #top .social {text-align: center; margin: 5px 0 0;} #top .menu > li, #top .social li {margin: 0 8px;} #top .menu > li > a {line-height: normal;} #header {padding: 5px 0;} #header .menu-header-menu-container {float: none;} #header .menu {margin: 0; text-align: center;} #header .menu li a {line-height: 40px;} #header .logo {float: none; margin: 0 auto 10px;} .inner {padding: 12px;} #main {background: #fff;} #main.threecol .left, #homelower .left {display: none;} #main.threecol .right {background: #ececed;} #main.threecol .center, #homelower .center {width: 75%;} .BH-header-search-form-container .BH-header-search-form {width: 70%!important;} #main .stafflist .staff {width: 45%;} } @media all and (max-width : 700px) { #topform {height: 215px;} #main.twocol .left {width: 27%;} #main.twocol .right {width: 71%;} } @media all and (max-width : 635px) { #top .social {margin: 0;} #header .menu li a {font-size: 14px; line-height: 30px;} #main.threecol .center, #main.threecol .right {float: none; width: auto; text-align: center;} #main.consult .left, #main.consult .right, #main.blog .left, #main.blog .right {float: none; width: auto; padding: 0 10px;} #homelower .center, #homelower .right {float: none; width: auto; margin-bottom: 20px; text-align: center;} #main .center p {text-align: center;} #main .center ul {margin: 10px 0 0 0; list-style: inside;} #homelower .right > div {width: 75%; margin: 0 auto 20px;} #footer .col {float: none; width: auto!important; text-align: center; margin: 0 auto 15px!important;} #header .menu li {margin: 0 6px;} #header .menu li a {padding-right: 16px;} #main.consult .right .details, #main.consult .right > h2 {text-align: center;} #main.consult .right .details li .icon {margin: 0 auto;} .page-id-14 .searchbar, .page-id-14 #main.twocol .left {display: none;} .page-id-14 #main.twocol .right {width: auto; float: none; border: 0;} } @media all and (max-width : 540px) { .BH-header-search-form-container {padding-right: 0!important; text-align: center!important; height: auto!important;} .BH-header-search-form-container .BH-header-headline {float: none!important; line-height: normal!important;} .BH-header-search-form-container .BH-header-search-form {float: none!important; width: auto!important;} .BH-header-search-form-container .BH-header-search-form .BH-header-form-group {width: 75%!important; text-align: left!important; display: block!important; margin: 5px auto!important;} #topform {height: 170px;} #homelower .right > div.timesheet, #homelower .right > div.addcv, #download .wrapper {background-image: none; text-align: center;} #gform_wrapper_4 {max-width: 100%;} #main.twocol .left {width: auto; float: none; text-align: center;} #main.twocol .right {width: auto; float: none;} #BHJob-list {padding-right: 0!important;} } @media all and (max-width : 430px) { #topform {display: none;} #header .menu li a {font-size: 12px; padding-right: 8px;} #header .menu li {margin: 0 2px;} #main .stafflist .staff {width: 95%; display: block; margin: 0 auto 20px;} }