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,
span,
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;
}
html {
font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; box-sizing: border-box; }
*,
*:before,
*:after { box-sizing: inherit;
} @font-face {
font-family: 'SharpSansNo1-Black';
src: url(//benchworks.com/wp-content/themes/benchworks-new/assets/fonts/SharpSansNo1-Black.eot?#iefix) format('embedded-opentype'), url(//benchworks.com/wp-content/themes/benchworks-new/assets/fonts/SharpSansNo1-Black.woff) format('woff'), url(//benchworks.com/wp-content/themes/benchworks-new/assets/fonts/SharpSansNo1-Black.ttf) format('truetype'), url(//benchworks.com/wp-content/themes/benchworks-new/assets/fonts/SharpSansNo1-Black.svg#SharpSansNo1-Black) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SharpSans-Book';
src: url(//benchworks.com/wp-content/themes/benchworks-new/assets/fonts/SharpSans-Book.eot?#iefix) format('embedded-opentype'), url(//benchworks.com/wp-content/themes/benchworks-new/assets/fonts/SharpSans-Book.woff) format('woff'), url(//benchworks.com/wp-content/themes/benchworks-new/assets/fonts/SharpSans-Book.ttf) format('truetype'), url(//benchworks.com/wp-content/themes/benchworks-new/assets/fonts/SharpSans-Book.svg#SharpSans-Book) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SharpSans-SemiBold';
src: url(//benchworks.com/wp-content/themes/benchworks-new/assets/fonts/SharpSans-SemiBold.eot?#iefix) format('embedded-opentype'), url(//benchworks.com/wp-content/themes/benchworks-new/assets/fonts/SharpSans-SemiBold.woff) format('woff'), url(//benchworks.com/wp-content/themes/benchworks-new/assets/fonts/SharpSans-SemiBold.ttf) format('truetype'), url(//benchworks.com/wp-content/themes/benchworks-new/assets/fonts/SharpSans-SemiBold.svg#SharpSans-SemiBold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SharpSans-SemiBoldItalic';
src: url(//benchworks.com/wp-content/themes/benchworks-new/assets/fonts/SharpSans-SemiBoldItalic.eot?#iefix) format('embedded-opentype'), url(//benchworks.com/wp-content/themes/benchworks-new/assets/fonts/SharpSans-SemiBoldItalic.woff) format('woff'), url(//benchworks.com/wp-content/themes/benchworks-new/assets/fonts/SharpSans-SemiBoldItalic.ttf) format('truetype'), url(//benchworks.com/wp-content/themes/benchworks-new/assets/fonts/SharpSans-SemiBoldItalic.svg#SharpSans-SemiBoldItalic) format('svg');
font-weight: normal;
font-style: normal;
}
body {
color: #2F0356;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 1.3;
font-family: 'SharpSans-Book', sans-serif;
word-break: break-word;
background: #fff; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
table { border-collapse: separate;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
blockquote,
blockquote p {
font-style: italic;
}
blockquote p {
margin-bottom: 0;
padding: 5px 0;
}
blockquote {
background: #f5f5f5;
border-left: 4px solid;
margin: 20px 0px 20px 25px;
padding: 15px;
position: relative;
}
blockquote,
q {
quotes: """";
}
a {
color: #052a30;
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
color: #95C93D
}
a img {
border: 0;
} h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.2;
margin-bottom: 20px;
font-weight: 700;
}
p,
li {
margin-bottom: 20px;
}
p {
line-height: 1.4;
}
h1 {
font-size: 54px;
font-style: normal;
font-weight: 600;
line-height: 58px; letter-spacing: 1.62px;
font-family: 'SharpSansNo1-Black';
text-transform: uppercase  ;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 17px;
}
b,
strong {
font-weight: bold;
}
dfn,
cite,
em,
i {
font-style: italic;
}
address {
margin: 0 0 15px;
}
pre {
background: #eee;
font-size: 15px;
font-size: 15px;
line-height: 1;
margin-bottom: 15px;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-size: 15px;
margin-bottom: 15px;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
margin-bottom: 15px;
}
mark,
ins {
background: #fff9c0;
margin-bottom: 15px;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
caption,
th,
td {
border-bottom: 1px solid #dedede;
border-left: 1px solid #dedede;
font-weight: 400;
padding: 5px;
text-align: center;
}
caption {
border: 1px solid #dedede;
margin-bottom: 15px;
}
p b, p strong, strong, b {
font-family: 'SharpSans-SemiBold';
}
.btn {
display: inline-flex;
padding: 10px 22px;
justify-content: center;
align-items: center;
gap: 10px;
text-transform: uppercase;
text-align: center;
font-family: "SharpSans-SemiBold";
font-size: 18px;
font-style: normal;
font-weight: normal;
line-height: normal;
text-transform: uppercase;
transition: .2s all ease;
}
.btn.purple-outline {
border: 1px solid #2F0356;
color: #2F0356;
}
.btn.purple-outline:hover {
background: #2F0356;
color: #fff;
}
.btn.white-outline {
border: 1px solid #fff;
color: #fff;
}
.btn.white-outline:hover {
background: #fff;
color: #2F0356;
}
.gallery-caption {
display: block;
}
.gallery {
margin-bottom: 1.5em;
margin-left: -15px;
margin-right: -15px;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-item {
display: inline-block;
margin: 0 0 10px;
padding: 15px;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery img {
border: 0px;
margin: 0px;
padding: 0px;
} hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 15px;
}
ul,
ol {
margin: 10px 0 15px 25px;
}
ul li {
list-style: disc;
}
ol li {
list-style: decimal;
}
li>ul,
li>ol {
margin-bottom: 0;
margin-left: 25px;
}
li {
list-style-type: none;
}
dt {
font-weight: bold;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 0 auto 15px;
position: relative;
}
table {
width: 100%;
margin: 15px 0;
width: 100%;
border-top: 1px solid #dedede;
border-right: 1px solid #dedede;
}
th {
font-weight: bold;
} button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; background: none;
border-radius: 0;
border: none;
color: #052a30;
cursor: pointer;
display: block;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
border: 1px solid #052a30;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover { }
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0; }
input[type="search"] {
-webkit-appearance: textfield; box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;
}
div.wpcf7-validation-errors {
border: 2px solid #000;
bottom: -51px;
clear: both;
color: #000;
margin: 0;
padding: 15px;
margin-top: 15px;
text-align: center;
}
.pink-bg div.wpcf7-validation-errors,
.orange-bg div.wpcf7-validation-errors {
border: 2px solid #fff;
color: #fff;
}
.pink-bg span.wpcf7-not-valid-tip,
.orange-bg span.wpcf7-not-valid-tip {
color: #fff
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
clear: both;
color: #fdfdfd;
margin: 0;
padding: 15px;
margin-top: 30px;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #ffffff;
}
.page-template-template-contact .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
color: #398f14;
}
.page-template-template-contact div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
span.wpcf7-not-valid-tip {
bottom: -21px;
color: #d0021b;
display: block;
font-size: 14px;
position: absolute; }
input[type="text"],
input[type="password"],
textarea,
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
select {
-moz-border-radius: 0;
-webkit-appearance: none;
-webkit-border-radius: 0;
border-radius: 3px;
border: 1px solid #979797;
box-sizing: border-box;
color: #828282;
padding: 10px;
width: 100%;
background: #fff;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
textarea:focus,
.wpcf7 textarea:focus {
border-color: #4A90E2;
box-shadow: 0px 0px 2px 0px rgba(74, 144, 226, 0.7);
outline: none;
}
input.wpcf7-not-valid[type="text"],
input.wpcf7-not-valid[type="email"],
textarea.wpcf7-not-valid,
.wpcf7 textarea.wpcf7-not-valid,
.home-contact-section .wpcf7 input.wpcf7-not-valid,
.home-contact-section .wpcf7 textarea.wpcf7-not-valid {
border-color: #D0021B;
box-shadow: 0px 0px 2px 0px rgba(208, 2, 27, 0.7);
outline: none;
}
span.wpcf7-form-control-wrap {
display: block;
margin-top: 0;
}
.wpcf7 label {
width: 100%;
font-size: 18px;
margin-bottom: 0px;
color: #252525;
}
.wpcf7 .wpcf7-list-item label {
margin-bottom: 0;
}
::-webkit-input-placeholder {
color: #052a30;
opacity: 1;
}
:-moz-placeholder { color: #052a30;
opacity: 1;
}
::-moz-placeholder { color: #052a30;
opacity: 1;
}
:-ms-input-placeholder {
color: #052a30;
opacity: 1;
}  a:focus {
outline: none;
}
a {
text-decoration: none;
}
a,
a:hover {
text-decoration: none;
}  .post-navigation:before,
.post-navigation:after,
.single-post-section .post:before,
.single-post-section .post:after,
.news-post-wrapper:before,
.news-post-wrapper:after,
.wpcf7-input-wrapper:before,
.wpcf7-input-wrapper:after,
.main-navigation:before,
.main-navigation:after {
clear: both;
content: "";
display: block;
}
.header-menu-icon {
height: 18px;
width: 29px;
cursor: pointer;
position: relative;
z-index: 9999;
margin-top: 7px;
}
.header-menu-icon::before,
.header-menu-icon span::before,
.header-menu-icon span::after {
position: absolute;
display: block;
content: "";
background: #2F0356;
height: 4px;
width: 29px;
left: 0;
border-radius: 15px;
}
.header-menu-icon span {
position: relative;
height: 18px;
width: 29px;
display: block;
}
.header-menu-icon span::before {
top: 0;
}
.header-menu-icon span::after {
bottom: 0;
}
.header-menu-icon::before {
top: 0;
bottom: 0;
margin: auto;
}
.menu-open .header-menu-icon::before {
opacity: 0;
}
.menu-open .header-menu-icon span::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 10px;
background: #fff;
}
.menu-open .header-menu-icon span::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 10px;
background: #fff;
}
.header-menu-icon:hover:before,
.header-menu-icon:hover span::before,
.header-menu-icon:hover span::after {
background: #B13895;
}
.hgroup-wrap .hgroup-right {
position: absolute;
width: 100%;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
z-index: 999; max-height: 80vh;
overflow-y: auto !important;
top: 100%;
}
.menu-open .hgroup-wrap .hgroup-right {
opacity: 1;
visibility: visible;
}
.menu-open .bg-ovelay {
opacity: 1;
visibility: visible;
}
.bg-ovelay {
background: #2F0356;
height: 100%;
width: 100%;
position: fixed;
top: 0;
bottom: 0;
z-index: 999;
opacity: 0;
visibility: hidden;
}
.menu-top-menu-container ul li,
.menu-open .header-menu-icon::before,
.menu-open .header-menu-icon span::before,
.menu-open .header-menu-icon span::after,
.header-menu-icon::before,
.header-menu-icon span::before,
.header-menu-icon span::after,
.bg-ovelay,
.menu-open .bg-ovelay,
.menu-open .hgroup-wrap .hgroup-right,
.hgroup-wrap .hgroup-right {
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.menu-top-menu-container li a {
color: #fff;
font-size: 60px;
text-transform: uppercase;
position: relative;
line-height: 1;
}
.menu-top-menu-container li a:hover,
.menu-top-menu-container li.current-menu-item a {
color: #B13895;
}
.menu-top-menu-container li a .close {
font-size: 44px;
color: #fff;
text-shadow: none;
opacity: 1;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 23px;
line-height: 0.5;
right: -40px;
}
.menu-top-menu-container ul li ul {
display: none;
margin-top: 30px
}
.menu-top-menu-container ul li {
margin-bottom: 30px;
}
.menu-social {
margin-top: 75px;
}
.menu-social>p {
color: #fff;
}
.menu-social .icons {
display: flex;
font-family: 'Quicksand', sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: normal;
justify-content: center;
}
.menu-social .icons img {
margin: 0 5px;
}  .inline-social-icons ul,
.block-social-icons ul,
.widget ul {
margin: 0;
}
.inline-social-icon {
padding: 15px 0;
text-align: center;
}
.inline-social-icon .entry-title {
font-size: 22px;
color: #fff;
margin-bottom: 60px;
}
.inline-social-icon li {
display: inline-block;
margin: 0 2px 4px;
list-style: none
}
.inline-social-icon li:last-child {
margin-right: 0;
}
.inline-social-icon li:first-child {
margin-left: 0;
}
.inline-social-icon li a[href*="facebook.com"]::before {
content: "\f09a";
}
.inline-social-icon li a[href*="gmail.com"]::before,
.inline-social-icon li a[href*="yahoo.com"]::before,
.inline-social-icon li a[href*="hotmail.com"]::before {
content: "\f0e0";
}
.inline-social-icon li a[href*="twitter.com"]::before {
content: "\f099";
}
.inline-social-icon li a[href*="linkedin.com"]::before {
content: "\f0e1";
}
.inline-social-icon li a[href*="pinterest.com"]::before {
content: "\f0d2";
}
.inline-social-icon li a[href*="tumblr.com"]::before {
content: "\f173";
}
.inline-social-icon li a[href*="plus.google.com"]::before {
content: "\f0d5";
}
.inline-social-icon li a[href*="instagram.com"]::before {
content: "\f16d";
}
.inline-social-icon li a[href*="youtube.com"]::before {
content: "\f167";
}
.inline-social-icon li a {
-o-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
color: #fff;
display: inline-block;
font-size: 0px;
text-align: center;
min-width: 30px;
height: 30px; }
.inline-social-icon li a:hover {
opacity: 0.7;
}
.inline-social-icon img {
max-width: 25px;
}
.inline-social-icon li a::before {
font-family: "FontAwesome";
color: #555C62;
font-size: 14px;
text-align: center;
display: none
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 1.4rem;
font-size: 14px;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .widget {
margin-bottom: 20px
} .widget select {
max-width: 100%;
}  .entry-content img {
margin-bottom: 15px;
}
.entry-content {
margin-bottom: 15px;
} .sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
margin: 0;
}
.page-content,
.entry-content,
.entry-summary,
.entry-header { }
.entry-content img,
.page-content img,
.entry-summary img {
margin-bottom: 15px;
}
.page-links {
clear: both;
margin: 15px 0 0;
} .blog .format-aside .entry-title,
.archive .format-aside .entry-title { } .comment-content a {
word-wrap: break-word;
}
.byblog-postauthor {
display: block;
}  .infinite-scroll .paging-navigation, .infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
width: 100%;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}   .back-to-top {
bottom: 50px;
position: fixed;
right: 30px;
z-index: 99;
}
.back-to-top a {
border: 1px solid #fff;
border-radius: 3px;
color: #fff;
display: block;
font-family: "FontAwesome";
font-size: 16px;
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
background: #240045;
}
.back-to-top a:hover {
color: #fff;
background: #B13895;
}
.back-to-top a::before {
content: "\f106";
top: 0;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.box-button,
input[type="submit"],
.wpcf7 input[type="submit"] {
display: inline-block;
font-size: 22px;
padding: 11px 22px;
text-transform: uppercase;
position: relative;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
z-index: 1;
color: #052a30;
font-weight: 700;
letter-spacing: 1px;
border: 1px solid #052a30;
}
.box-button {
padding: 12px 22px;
}
.box-button:hover,
.box-button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
color: #fff;
background: #052a30
}
.container {
max-width: 1110px
}  .site-header {
background: #FFFFFF;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
position: fixed;
width: 100%;
z-index: 9999;
}
.hgroup-wrap {
padding: 24px 0 24px;
}
.hgroup-wrap .container {
max-width: 1210px;
}
.hgroup-wrap .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.hgroup-right .navbar {
text-align: center;
}
.site-branding {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 570px;
width:80%;
}
.site-branding h1 {
margin-bottom: 0;
}
.site-branding .sublogo,
.site-footer .sublogo {
color: #787878;
font-family: "Inter", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.72px;
margin-bottom: 0;
} 
@media screen and (max-width: 768px) {
.site-branding {
justify-content: flex-start;
gap: 10px;
}
.site-branding .sublogo {
font-size: 10px;
}
.site-branding svg{
height:20px;
}
.site-branding img{
width: 100px;
}
}
.site-footer .sublogo {
color: #fff;
}
.navbar {
min-height: auto;
border: none;
margin: 0;
display: block;
padding: 0
} .page-title-wrap {
padding: 100px 0 80px;
position: relative;
text-align: center;
}
.page-title-wrap * {
position: relative;
}
.page-title {
font-size: 30px;
text-transform: uppercase;
margin-bottom: 8px;
}
.breadcrumbs a,
.breadcrumbs span {
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
}
.breadcrumbs a {
opacity: 0.5;
}
.breadcrumbs a:hover {
opacity: 1;
}
.breadcrumbs li {
display: inline-block;
margin: 0 10px 5px;
position: relative;
}
.breadcrumbs li:first-child {
margin-left: 0;
}
.breadcrumbs li:last-child {
margin-right: 0;
}
.breadcrumbs li::before {
position: absolute;
display: block;
content: "\f105";
font-family: "FontAwesome";
color: #fff;
opacity: 0.4;
right: -15px;
top: 0;
bottom: 0;
margin: auto;
height: 23px;
font-size: 18px;
}
.breadcrumbs li:last-child:before {
display: none;
}  .site-content {
font-size: 18px;
line-height: 22px;
padding-top: 94px;
}
.site-content p {
line-height: 22px;
}
.site-content h2,
.site-content h3,
.site-content h4,
.site-content h5,
.site-content h6 {
padding-bottom: 10px
}
.site-content section {
padding: 60px 0 70px;
position: relative;
}
.entry-header.heading {
margin-bottom: 50px;
text-align: center;
}
.entry-header.heading.align-center {
text-align: center
}
.entry-header.heading .entry-title {
font-size: 60px;
text-transform: uppercase;
margin-bottom: 10px;
}
.menu-top-menu-container li a,
.banner-title,
.entry-header.heading .entry-title,
.what-we-do-item h3,
.peolpe-menu-item .entry-title {
font-family: 'SharpSansNo1-Black';
letter-spacing: 2px;
} .site-content section.banner-section {
padding: 0px;
} .banner-section .container {
position: absolute;
width: 100%;
z-index: 9;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 39.5%;
}
.banner-image {
margin: 0 auto;
text-align: center;
}
.banner-image img {
width: 100%;
}
.blue-color {
color: #a1d6ca
}
.orange-color {
color: #d86018
}
.banner-text {
width: 50%;
float: right;
padding-left: 40px;
position: relative;
}
.banner-title {
text-transform: uppercase;
font-size: 60px;
color: #92D50B;
margin-bottom: 33px;
line-height: 0.9;
}
.banner-title span {
display: block
}
.banner-text>span {
color: #fff;
font-size: 20px;
text-transform: uppercase;
display: block;
}
.banner-text>span.rotate-banner-text {
color: #CE0058;
position: absolute;
left: -70px;
-webkit-transform: rotate(-33deg);
-ms-transform: rotate(-33deg);
transform: rotate(-33deg);
bottom: 29px;
font-size: 36px;
font-weight: 700;
} .about-us-section {
background: #CD0058;
color: #fff;
}
.site-content section.about-us-section {
padding: 65px 0 70px;
}
.about-us-section .entry-title,
.about-us-section p {
color: #fff;
}
.about-us-section:before {
position: absolute;
display: block;
content: "";
height: 100%;
width: 50%;
right: 0;
background: #D86018;
top: 0
}
.about-us-section .row .col-6:nth-child(2n+1) {
text-align: right;
padding-right: 75px;
}
.about-us-section .row .col-6:nth-child(2n+1) .entry-header.heading {
text-align: right;
}
.about-us-section .row .col-6:nth-child(2n+2) {
padding-left: 75px;
}
.about-us-section .row .col-6:nth-child(2n+2) .entry-header.heading {
text-align: left;
}
.about-us-section .box-button {
color: #fff;
border-color: #fff;
}
.about-us-section .box-button:hover {
border-color: #052A30;
}
.home-people-section {
text-align: center;
background: #A1D6CA
}
.home-people-section .entry-header.heading {
margin-bottom: 0;
}
.home-people-section .entry-header.heading .entry-title {
margin-bottom: 4px;
} .home-contact-section {
background: #FFF;
}
.home-contact-section .entry-header.heading {
margin-bottom: 20px;
}
.home-contact-section .entry-header.heading h2.entry-title {
color: #B13895;
margin-bottom: 0;
padding-bottom: 0;
}
.home-contact-section h2 span {
display: block;
color: #2F0356;
}
.site-content section.home-contact-section {
padding: 66px 0 75px;
}
.home-contact-section .contact-detail-wrapper,
.wpcf7 .wpcf7-form {
max-width: 888px;
margin: 0 auto;
}
.contact-description {
margin-bottom: 50px;
}
.contact-description p {
color: #333;
text-align: center;
font-family: 'SharpSans-Book';
font-size: 16px;
font-style: normal;
font-weight: normal;
max-width: 768px;
margin: 0 auto;
}
.contact-detail-wrapper {
display: flex;
justify-content: center;
}
.contact-detail-item {
text-align: center;
margin-bottom: 23px;
}
.contact-detail-item:nth-child(2n+2) {
float: right;
}
.contact-detail-item h5 {
font-size: 22px;
margin: 0;
padding-bottom: 4px;
font-weight: normal;
}
.contact-detail-item ul li {
font-size: 22px;
}
.wpcf7 input,
.wpcf7 textarea {
border-radius: 0;
color: #2F0356;
padding: 19px 22px;
font-size: 22px;
border-color: #2F0356;
line-height: 1
}
.wpcf7 input {
height: 62px;
}
.home-contact-section .wpcf7 input,
.home-contact-section .wpcf7 textarea {
background: #FFF;
border-color: #FFF;
border: 1px solid #999;
}
.home-contact-section .wpcf7 input:focus,
.home-contact-section .wpcf7 textarea:focus {
border-color: #4A90E2;
}
.home-contact-section .wpcf7 input[type="submit"] {
border-color: #2F0356;
color:#2F0356;
}
.wpcf7 input[type="submit"] {
background: none;
height: auto;
}
.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:focus {
background: #2F0356;
color: #fff;
}
.wpcf7-input-wrapper {
margin: 0 -10px;
}
.wpcf7-input-wrapper p {
width: 50%;
float: left;
padding: 0 10px;
margin-bottom: 22px;
}
.wpcf7-submit-btn {
margin: 35px 0 0;
text-align: right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wpcf7 input[type="submit"] {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.wpcf7 input[type="submit"],
input[type="submit"] {
padding: 12px 43px;
} .home-hero {
background-image: url(//benchworks.com/wp-content/themes/benchworks-new/assets/images/homepage-hero.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: #2F0356;
background-blend-mode: luminosity;
}
.hero-section .container {
max-width: 1223px;
}
.home-hero-overlay {
background-color: linear-gradient(270deg, rgba(47, 3, 86, 0.50) 0%, rgba(47, 3, 86, 0.00) 100%);
position: absolute;
height: 100%;
width: 100%;
}
.hero-wrapper {
display: flex;
justify-content: space-between;
}
@media (max-width: 768px) {
.hero-wrapper {
display: block;
}
}
.hero-logo {
max-width: 526px;
width: 100%;
}
@media (max-width: 768px) {
.hero-logo {
max-width: 80%;
margin: 0 auto 30px auto;
}
}
.hero-logo img {
max-width: 100%;
}
.hero-section h1{
color:#B13895;
border-bottom: 1px solid #fff;
padding-bottom: 20px;
}
.hero-section h1 span{
color:#fff;
}
.hero-section h3{
color:#fff;
font-family: 'SharpSans-SemiBold';
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-align: left;
}
.hero-section p b{
font-size: 22px;
font-family: 'SharpSans-SemiBold';
}
.hero-wrapper .content {
color: #fff;
max-width: 575px;
width: 100%;
}
.hero-wrapper  p{
font-size: 16px;
color:#fff;
}
.crew-hero{
background-image: url(//benchworks.com/wp-content/themes/benchworks-new/assets/images/crew-hero.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: #2F0356;
background-blend-mode: luminosity;
}
.crew-hero .hero-content{
max-width: 660px;
width: 100%;
}
.craft-hero{
background-image: url(//benchworks.com/wp-content/themes/benchworks-new/assets/images/craft-hero.png?1);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: #2F0356;
background-blend-mode: luminosity;
}
.craft-hero .hero-content{
max-width: 715px;
width: 100%;
}
.careers-hero{
background-image: url(//benchworks.com/wp-content/themes/benchworks-new/assets/images/careers-hero.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: #2F0356;
background-blend-mode: luminosity;
padding-bottom: 120px !important;
}
.careers-hero .hero-content{
max-width: 575px;
width: 100%;
} .site-content section.home-cards {
padding: 0;
display: flex;
}
.home-cards a.btn.white-outline:hover{
color:#B13895 !important;
}
@media (max-width: 768px) {
.site-content section.home-cards {
display: block;
}
}
.home-cards .card {
color: #fff;
background: #B13895;
padding: 41px 40px 41px 20px;
display: block;
border: none;
}
.home-cards .card:not(:last-of-type) {
border-right: 2px solid #fff;
}
@media (max-width: 768px) {
.home-cards .card:not(:last-of-type) {
border-right: 0px solid #fff;
border-bottom: 2px solid #fff;
}
.home-cards .card {
margin-bottom: 0px;
}
}
.home-cards .card h2 {
font-family: 'SharpSansNo1-Black';
font-size: 50px;
line-height: 56px; letter-spacing: 2px;
text-transform: uppercase;
text-transform: uppercase;
}
.home-cards .card .btn {
justify-content: unset;
display: inline-block;
padding: 10px 22px;
text-align: left;
margin-top: 8px;
}
.home-cards .card .btn p {
line-height: 24px;
}
.home-cards .card .btn.white-outline {
color: #fff;
border: 1px solid #fff;
} .danforth-section {
background: #F1F1F1;
}
.danforth-section img {
display: block;
margin: 50px auto 0;
}
.danforth-section p.sub-title {
font-family: 'SharpSans-SemiBoldItalic';
font-size: 20px;
line-height: 24px;
color: #B13895;
margin-bottom: 20px;
}
.danforth-section p {
max-width: 743px;
width: 100%;
margin: 0 auto 28px;
font-size: 16px;
line-height: 24px;
color:#4C4C4C;
}  .who-we-are-content h4 {
color: #ce0058;
font-size: 22px;
line-height: 22px;
padding-bottom: 0;
}
.who-we-are-content p {
margin-bottom: 16px;
}
.who-we-are-content a img {
margin-right: 8px;
}
.who-we-are-content a:hover {
color: #ce0058;
}
.who-we-are-content p:last-child {
margin-bottom: 0;
}
.site-content section.who-we-are-section {
padding: 45px 0;
background: #1C2222;
color: #fff;
text-align: center;
}
.who-we-are-content a,
.who-we-are-content p {
color: #fff;
}
.who-we-are-image figure {
margin: 0;
}
.who-we-are-section .entry-header.heading {
margin-bottom: 10px;
}
.who-we-are-section .entry-header.heading {
margin-bottom: 37px;
}
.health-group-section {
background: #A1D6CA;
text-align: center;
}
.site-content section.health-group-section {
padding: 58px 0 75px;
}
.health-group-section .entry-header.heading {
margin-bottom: 32px;
}
.health-group-content {
max-width: 965px;
margin: 0 auto
}
.health-group-content .box-button {
margin-top: 22px;
}
.who-we-are-content-wrapper .who-we-are-image {
width: 45%;
float: left;
}
.who-we-are-content-wrapper .who-we-are-content {
float: left;
width: 54%;
text-align: left;
padding-left: 45px;
}
.who-we-are-content-wrapper {
overflow: hidden;
} .what-we-do-item-wrapper,
.people-menu-item-wrapper,
.people-info-item-wrapper,
.work-with-us-item-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.site-content section.what-we-do-item-wrapper {
padding: 0 0 54px;
}
.site-page-title-section {
text-align: center;
}
.site-content section.site-page-title-section {
padding: 51px 0 15px;
}
.site-page-title-section .entry-header.heading {
margin-bottom: 30px;
}
.site-page-title-section p {
font-weight: 700;
}
.what-we-do-item,
.peolpe-menu-item,
.work-with-us-item {
position: relative;
margin: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
min-width: 50%;
text-align: center;
}
.peolpe-menu-item {
min-width: 25%;
}
.what-we-do-item {
padding: 48px 50px 40px;
display: block;
}
.what-we-do-text,
.peolpe-menu-text {
-webkit-transform: translateY(-50%) scale(0);
-ms-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
opacity: 0;
position: absolute;
top: 50%;
left: 0%;
width: 100%;
padding: 20px 50px;
}
.what-we-do-item:hover .what-we-do-text,
.what-we-do-item.active .what-we-do-text,
.peolpe-menu-item:hover .peolpe-menu-text,
.peolpe-menu-item.active .peolpe-menu-text {
opacity: 1;
-webkit-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
}
.pink-bg,
.work-with-us-form-section.pink-bg:hover {
background: #CE0058
}
.pink-bg:hover,
.pink-bg.active {
background: #860039
}
.orange-bg,
.work-with-us-form-section.orange-bg:hover {
background: #D86018
}
.orange-bg:hover,
.orange-bg.active {
background: #72330D
}
.green-bg,
.work-with-us-form-section.green-bg:hover {
background: #95C93D
}
.green-bg:hover,
.green-bg.active {
background: #4D6722
}
.sky-blue-bg,
.work-with-us-form-section.sky-blue-bg:hover {
background: #A1D6CA
}
.sky-blue-bg:hover,
.sky-blue-bg.active {
background: #506963
}
.grey-bg,
.work-with-us-form-section.grey-bg:hover {
background: #E5E1E6
}
.grey-bg:hover,
.grey-bg.active {
background: #B3A7B6
}
.our-work-section {
background: #A1D6CA;
}
.site-content section.our-work-section {
padding: 41px 0 107px;
position: relative;
}
.our-work-section .entry-header.heading {
margin-bottom: 35px;
}
.what-we-do-item:hover .entry-title,
.what-we-do-item.active .entry-title,
.peolpe-menu-item:hover .entry-title,
.peolpe-menu-item.active .entry-title {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.what-we-do-item .entry-title,
.peolpe-menu-item .entry-title {
font-size: 80px;
text-transform: uppercase;
color: #fff;
margin-bottom: 0;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.what-we-do-text p {
font-size: 27px;
color: #fff;
font-weight: 700;
line-height: 1.04;
} .site-content section.people-menu-item-content-wrapper {
padding: 10px 0 30px;
}
.site-content section.people-item-section {
padding: 30px 0 54px
}
.people-group-photo figure {
margin-bottom: 0;
}
.peolpe-menu-item .entry-title {
font-size: 34px;
}
.peolpe-menu-text p {
font-size: 18px;
color: #fff;
font-weight: 700;
line-height: 1.17;
}
.peolpe-menu-item {
padding: 27px 20px 18px;
display: block;
}
.peolpe-menu-text p:last-child,
.what-we-do-text p:last-child {
margin-bottom: 0;
}
.people-group-photo img {
width: 100%;
}
.role-select-section,
.page-template-template-people-with-department-filter .department-select-section,
.page-template-template-peoples .department-select-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 450px;
margin: 0 auto;
padding-bottom: 30px;
}
.role-select-section h4 {
margin: 0 18px 0 0;
padding: 0;
font-size: 18px;
min-width: 50px;
}
.people-info-item-wrapper {
margin: 0 -21px;
padding-top: 40px;
}
.people-info-item {
width: 25%;
text-align: center;
padding: 0 21px;
margin-bottom: 59px;
}
.people-info-item .featured-image {
margin-bottom: 19px;
}
.author-name {
font-size: 18px; margin: 0;
}
.site-content h4.author-name {
padding-bottom: 3px
}
.author-title,
.author-department {
font-size: 13px;
font-weight: 700;
text-transform: capitalize;
display: block;
color: #ce0058;
line-height: 22px;
}
.join-team-section {
background: #A1D6CA;
text-align: center;
}
.site-content section.join-team-section {
padding: 44px 0 62px;
}
.join-team-section .entry-header.heading {
margin-bottom: 21px;
} .work-with-us-item a {
font-size: 33px;
padding: 64px 60px 64px;
display: block;
line-height: 1.1;
font-weight: 700;
}
.work-with-us-item a p {
line-height: 1;
margin-bottom: 2px;
}
.work-with-us-item a:hover {
color: #fff
}
.site-content section.work-with-us-item-wrapper {
padding: 10px 0 215px;
}
.work-with-us-form-section .wpcf7 input[type="email"],
.work-with-us-form-section .wpcf7 input[type="text"],
.work-with-us-form-section .wpcf7 textarea {
border-color: #052a30;
background: #fff;
}
.work-with-us-form-section .wpcf7 input[type="email"]:focus,
.work-with-us-form-section .wpcf7 input[type="text"]:focus,
.work-with-us-form-section .wpcf7 textarea:focus {
border-color: #4a90e2;
}
.work-with-us-form-section .wpcf7 input.wpcf7-not-valid[type="email"],
.work-with-us-form-section .wpcf7 input.wpcf7-not-valid[type="text"],
.work-with-us-form-section .wpcf7 textarea.wpcf7-not-valid {
border-color: #D0021B
}
.work-with-us-form-section .wpcf7-submit-btn {
margin: -8px 0 0;
text-align: right;
}
.work-with-us-form-section {
text-align: center;
margin-top: 9px;
}
.site-content section.work-with-us-form-section {
padding: 27px 0 74px;
}
.work-with-us-form-section .wpcf7 p {
font-size: 34px;
font-weight: 700;
line-height: 1.1;
color: #052a30;
}
.work-with-us-whole-package>p {
padding: 0 15px;
}
.work-with-us-form-section .wpcf7-form {
padding-top: 50px;
}
.site-page-title-section.page-not-found {
min-height: 70vh;
} .site-content section.news-post-section {
padding: 0px 0 41px;
position: relative;
}
.news-post-wrapper {
margin: 0 -22px
}
.news-post-wrapper .post {
width: 33.3333%;
float: left;
padding: 0 22px;
}
.news-post-wrapper .post .entry-content p:last-child {
margin-bottom: 13px
}
.news-post-wrapper .post:nth-child(3n+1) {
clear: both
}
.news-post-wrapper .post .entry-title,
.single-post-section .post .entry-title {
font-size: 22px;
margin-bottom: 5px;
}
.news-post-wrapper .post .entry-title {
margin-bottom: 0;
padding-bottom: 0;
}
.site-content .news-post-wrapper p {
line-height: 24px;
margin-bottom: 18px;
}
.news-post-wrapper .post .featured-image {
margin-bottom: 22px;
}
.readmore-btn {
position: relative;
padding-right: 13px;
font-weight: 700;
margin-top: 5px;
display: inline-block;
}
.readmore-btn::before {
position: absolute;
display: block;
content: "";
height: 10px;
width: 10px;
border-right: 2px solid #CE0058;
border-top: 2px solid #CE0058;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
right: 0;
top: 1px;
bottom: 0;
margin: auto;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.readmore-btn:hover:before {
border-color: #95C93D;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.navigation.pagination {
text-align: center;
padding-top: 50px;
}
.news-post-section .navigation.pagination {
padding-top: 93px;
}
.pagination .navigation .nav-links {
display: block;
width: 100%;
}
.pagination .nav-links a,
.pagination .nav-links span.current,
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
padding: 13px 0 0;
width: 50px;
display: inline-block;
height: 50px;
border: 1px solid #052a30;
margin: 0 0px 4px;
color: #052a30;
position: relative;
text-align: center;
text-transform: uppercase;
font-size: 22px;
font-weight: 700;
}
.pagination .nav-links a.prev,
.pagination .nav-links a.first,
.post-navigation .nav-previous a {
width: auto;
padding: 13px 15px 0px 40px;
}
.pagination .nav-links a.next,
.pagination .nav-links a.last,
.post-navigation .nav-next a {
width: auto;
padding: 13px 40px 0px 15px;
}
.navigation.pagination .nav-links {
width: 100%;
}
.pagination .nav-links span.current,
.pagination .nav-links a:hover,
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
background: #CE0058;
color: #fff;
border-color: #CE0058;
}
.pagination .nav-links a.prev:before,
.pagination .nav-links a.next:before,
.pagination .nav-links a.first:before,
.pagination .nav-links a.last:before,
.post-navigation .nav-previous a:before,
.post-navigation .nav-next a:before {
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
color: #CE0058;
display: block;
font-family: "FontAwesome";
font-size: 24px;
position: absolute;
right: 23px;
text-indent: 0;
transition: all 0.3s ease-out;
z-index: 9;
top: 0;
bottom: 0;
margin: auto;
height: 22px;
}
.pagination .nav-links a.prev::before,
.pagination .nav-links a.first::before,
.post-navigation .nav-previous a:before {
content: "\f104 ";
left: 23px;
right: auto;
}
.pagination .nav-links a.next:before,
.pagination .nav-links a.last::before,
.post-navigation .nav-next a:before {
content: "\f105"
}
.pagination .nav-links a.prev:hover:before,
.pagination .nav-links a.next:hover:before,
.pagination .nav-links a.first:hover:before,
.pagination .nav-links a.last:hover:before,
.post-navigation .nav-previous a:hover:before,
.post-navigation .nav-next a:hover:before {
color: #fff;
}
.post-navigation .nav-previous a::before {
right: 23px;
left: auto;
content: "\f105";
}
.post-navigation .nav-next a::before {
left: 23px;
right: auto;
content: "\f104";
}
.site-content section.single-post-section {
padding: 0px 0 40px;
}
.single-post-section .post {
display: flex;
flex-wrap: wrap;
}
.single-post-section .post>* {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
}
.single-post-section .post .featured-image {
min-width: 464px;
float: left;
padding-right: 40px;
}
.single-post-section .post .post-content {
margin-top: -12px;
}
.navigation.post-navigation {
padding: 11px 0 10px;
}
.single-post-section .post .featured-image img {
width: 100%;
}
.single-post-section .post .post-content,
.single-post-section .post-navigation .nav-links {
min-width: 61%;
min-width: calc(100% - 464px);
min-width: -webkit-calc(100% - 464px);
float: right;
}
.single-post-section .no-image-class .post-navigation .nav-links {
width: 100%;
padding-left: 0;
}
.post-navigation .nav-previous a {
padding: 13px 40px 0px 20px;
}
.post-navigation .nav-next a {
padding: 13px 20px 0px 40px;
width: auto;
}
.post-navigation .nav-previous {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.post-navigation .nav-next {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.single-post-section .post-navigation .nav-links {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
} .career-post-accordion .card-header h5 {
margin: 0;
padding: 0;
}
.career-post-wrapper {
text-align: left;
padding-top: 15px;
}
.career-post-accordion .card-header {
padding: 0;
border: none;
background: none;
border-radius: 0
}
.career-post-section {
text-align: center;
}
.career-post-accordion .card-header h5 button {
display: block;
width: 100%;
font-size: 28px;
font-weight: 700;
text-align: left;
border: none;
padding: 20px 55px 21px 25px;
text-transform: capitalize;
position: relative;
color: #052a30;
}
.career-post-accordion .card-header h5 button::before {
position: absolute;
display: block;
content: "";
background: #ce0058;
height: 2px;
width: 26px;
right: 25px;
top: 0;
bottom: 0;
margin: auto;
}
.career-post-accordion .card-header h5 button::after {
position: absolute;
display: block;
content: "";
background: #ce0058;
height: 26px;
width: 2px;
right: 37px;
top: 0;
bottom: 0;
margin: auto;
}
.career-post-accordion .card-header h5 button::before,
.career-post-accordion .card-header h5 button::after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.career-post-accordion .card-header h5 button.collapsed::before,
.career-post-accordion .card-header h5 button.collapsed::after {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.career-post-accordion .card-header h5 button:focus {
outline: none;
}
.card {
margin-bottom: 20px;
border: 1px solid #052a30;
border-radius: 0;
}
.career-post-detail {
padding: 18px 55px 13px 25px;
color:#4C4C4C;
}
.apply-btn a {
font-size: 22px;
font-weight: 700;
text-transform: uppercase;
padding: 12px 30px;
border: solid 1px #052a30;
display: inline-block;
}
.apply-btn a:hover {
background: #052a30;
color: #fff;
}
.apply-btn {
text-align: right;
padding-top: 22px;
}
.career-post-section h3 {
font-size: 18px;
}
.career-post-section h3 a {
color: #CE0058;
text-decoration: underline;
}
.career-post-section h3 a:hover {
color: #052A30
}
.site-content section.career-post-section {
}
.career-post-section .container {
max-width: 920px;
}
.career-post-section.empty-career-post-section .container {
max-width: 100%;
}
.empty-career-post-section h3 {
margin-bottom: 0;
}
.site-content section.empty-career-post-section {
min-height: 60vh;
} .map-section {
line-height: 0;
}
.contact-information-item-wrapper {
background: #DDCBA4;
text-align: center;
}
.contact-information-content {
padding: 28px 0 30px;
}
.contact-information-content ul {
margin: 0
}
.contact-information-content ul li {
list-style: none;
font-size: 22px;
margin-bottom: 0;
line-height: 1.2;
}
.contact-information-content h5 {
font-size: 22px;
margin: 0;
padding-bottom: 2px;
}
.contact-information-section .wpcf7 {
margin-bottom: 63px;
}
.banner-section .mbl-banner-image {
display: none;
} .site-footer {
position: relative;
background: #240045;
z-index: 9;
}
.site-footer .container {
max-width: 1378px;
}
.site-footer ul li,
.site-header ul li {
list-style: none;
}
.site-footer ul,
.site-header ul {
margin: 0
}
.site-footer .widget-area {
padding: 26px 0 0px;
z-index: 999;
position: relative;
}
.site-footer .footer-section-wrapper {
margin: 0 -30px;
display: flex;
justify-content: space-between;
}
.footer-section-0{
flex-basis: 45%;
}
@media (max-width: 768px) {
.site-footer .footer-section-wrapper {
display: block;
}
.footer-section-0{
flex-basis: 100%;
}
}
.footer-section-third {
width: 105px;
}
.footer-section-second {
width: 220px;
}
.site-footer .logo-wrap {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.site-footer .logo-wrap svg {
margin: 0 29px;
}
.split {
display: flex;
gap: 30px;
justify-content: space-between;
}
@media (max-width: 768px) {
.site-footer .logo-wrap img{
width: 100px;
}
.site-footer .logo-wrap .sublogo{
font-size: 10px;
}
.site-footer .logo-wrap svg {
height:20px;
}
.split{
display: block;
}
.split svg{
display: none;
}
}
.site-footer .widget-title {
font-size: 17px;
margin-bottom: 7px;
margin-top: 10px;
text-transform: capitalize;
position: relative;
color: #fff;
font-family: 'SharpSans-SemiBold';
}
.widget ul li {
margin-bottom: 18px
}
.site-footer .inline-social-icon {
text-align: left;
padding: 0
}
#menu-footer-menu li {
display: inline-block;
border-right: 2px solid;
padding: 0 8px;
margin: 0 -2px 2px;
}
#menu-footer-menu li:first-child {
padding-left: 0
}
#menu-footer-menu li:last-child {
border-right: none;
padding-right: 0
}
.footer-branding {
margin-bottom: 20px;
display: inline-block;
}
.site-footer li {
line-height: 1;
}
.site-footer .contact-detail-wrapper {
margin: 0 -30px;
justify-content: unset;
}
.site-footer .contact-detail-wrapper .contact-detail-item {
width: 41.5%;
float: left;
padding: 10px 27px;
border-left: solid 1px #ddcba4;
text-align: left;
margin-bottom: 0
}
.site-footer .contact-detail-item ul li {
font-size: 15px;
}
.site-footer .contact-detail-item ul li a {
font-weight: 400;
}
.site-footer .inline-social-icon ul li {
margin-bottom: 14px;
}
.site-footer .textwidget a img {
margin-left: 6px;
}
.site-footer .textwidget .inline-social-icon a img {
margin-left: 0;
}
.site-footer .contact-detail-wrapper .contact-detail-item:nth-child(1) {
border-left: none;
}
.site-footer  h5 {
font-size: 15px;
margin-bottom: 5px;
margin-top: 10px;
font-size: 15px;
color:#B13895 !important;
font-family: 'SharpSans-SemiBold';
}
.site-footer a{
color:#B13895 !important;
}
.site-footer .widget ul li{
margin-bottom: 7px;
font-size: 15px;
}
.contact-detail-item ul li {
margin-bottom: 4px;
list-style: none;
}
.contact-detail-item ul {
margin: 0
}
.widget .textwidget a:hover~img {
opacity: 0.7
}
.site-generator {
padding: 0px 0 20px;
}
.site-generator *,
.site-footer .site-generator a,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
color: #fff;
}
.site-footer,
.site-footer a {
font-size: 15px;
color: #fff;
}
.site-footer a:hover {
color: #fff;
}
.site-footer .site-generator a:hover {
color: #ddcba4;
}
.copy-right {
font-weight: 700;
font-size: 13px;
}
.career-post-accordion .expire-notice {
padding: 0px 55px 0px 25px;
}
.career-post-accordion .expire-notice h5 {
margin-bottom: 5px;
color: #CD0058;
}
select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
color: #052a30;
background-image: url(//benchworks.com/wp-content/themes/benchworks-new/assets/images/select-arrow.png);
background-repeat: no-repeat;
background-position: 98% 9px;
background-size: 18px;
font-size: 18px;
font-weight: 700;
border: solid 1px #052a30;
border-radius: 0;
min-height: 45px;
}
.what-we-do-item:hover .entry-title,
.what-we-do-item .entry-title,
.what-we-do-item:hover .what-we-do-text,
.what-we-do-item .what-we-do-text,
.peolpe-menu-item:hover .entry-title,
.peolpe-menu-item .entry-title,
.peolpe-menu-item:hover .peolpe-menu-text,
.peolpe-menu-item .peolpe-menu-text,
.career-post-accordion .card-header h5 button.collapsed::before,
.career-post-accordion .card-header h5 button.collapsed::after,
.career-post-accordion .card-header h5 button::before,
.career-post-accordion .card-header h5 button::after {
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.site-content section.video-banner-section {
padding: 0;
margin-bottom: -1px;
}
@media only screen and (min-width: 1200px) {
section.who-we-are-section>.container {
padding: 0 5px;
}
}
.department-select-dropdown-list:before,
.department-select-dropdown-list:after {
clear: both;
display: block;
content: "";
}
#child_department,
.department-select-dropdown-list {
max-width: 450px;
margin: 0 auto;
padding-bottom: 30px;
}
.work-with-us-item .entry-title {
font-size: 80px;
text-transform: uppercase;
color: #fff;
margin-bottom: 0;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
padding: 51px 20px;
font-family: 'SharpSansNo1-Black';
letter-spacing: 2px;
}
.work-with-us-item:hover .entry-title {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.work-with-us-item:hover .entry-title,
.work-with-us-item .entry-title {
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.work-with-us-item a {
-webkit-transform: translateY(-50%) scale(0);
-ms-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
opacity: 0;
position: absolute;
top: 50%;
left: 0%;
width: 100%;
color: #fff;
}
.work-with-us-item:hover>a {
opacity: 1;
-webkit-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
}
.work-with-us-item-wrapper .work-with-us-item:nth-child(5n) .entry-title {
display: none;
}
.work-with-us-item-wrapper .work-with-us-item:nth-child(5n) a {
-webkit-transform: translateY(0%) scale(1);
-ms-transform: translateY(0%) scale(1);
transform: translateY(0%) scale(1);
opacity: 1;
position: static;
color: #000;
}
.work-with-us-item-wrapper .work-with-us-item:nth-child(5n) a:hover {
color: #fff;
}
#text-7 {
display: none;
}
.site-content section.case-studies-wrapper {
padding-bottom: 0;
}
.site-content section.case-studies-wrapper .content-wrapper {
padding-bottom: 60px;
}
.case-studies-wrapper .content-wrapper h2,
.case-studies-wrapper .content-wrapper h3 {
font-size: 18px;
}
.case-studies-wrapper .content-wrapper h2 {
font-weight: 600;
margin-bottom: 0;
margin-top: 30px;
}
.case-studies-wrapper .content-wrapper .content-1 h3 {
font-size: 36px;
}
.case-studies-wrapper .thumbnails {
display: flex;
justify-content: center;
align-items: center;
}
.case-studies-wrapper .thumbnails div {
margin: 0;
max-width: 415px;
}
.case-studies-wrapper .thumbnail-link {
display: block;
}
.case-studies-wrapper .thumbnail-link:hover {}
.case-studies-wrapper .thumbnail-link img {
cursor: pointer;
transition: all .3s ease;
position: relative;
}
.case-studies-wrapper .thumbnail-link img:hover {
transform: scale(1.05);
z-index: 100;
}
.case-studies-wrapper .content {
display: none;
}
.case-studies-wrapper .content.active {
display: block;
}
.case-studies-wrapper .content .container {
margin-top: 25px;
}
.case-studies-wrapper .content img {
max-width: 100%;
}
.case-studies-wrapper .content-2 h3 {
text-align: left;
margin-bottom: 0;
}
.case-studies-wrapper .content-1 .main-logo {
margin: 20px 0 40px;
}
.content-1 .vista-banners {
margin-top: 40px;
}
.case-studies-wrapper .content-wrapper {
background: #F9F6F0;
}
.case-studies-wrapper .content-wrapper.active-2 {
background: #F4FAF9;
}
.case-studies-wrapper .content-wrapper.active-3 {
background: #F6F6F7;
}
.case-studies-wrapper .logos {
display: flex;
justify-content: space-between;
margin: 60px 0 30px;
flex-wrap: wrap;
align-items: flex-end;
}
.case-studies-wrapper .content .logos img {
margin: 0 8px 30px;
}
.case-studies-wrapper .content-1 h3 {
margin: 40px 0;
padding-bottom: 0;
}
.case-studies-wrapper .content .vista-banners {
display: flex;
justify-content: space-around;
}
.content-2 .container div {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
flex-wrap: wrap;
}
.case-studies-wrapper .dots {
display: flex;
justify-content: center;
margin-top: 30px;
margin-bottom: 50px;
}
.case-studies-wrapper .dots div {
border: 1px solid #979797;
width: 19px;
height: 19px;
border-radius: 50%;
background-color: none;
margin: 0 5px;
cursor: pointer;
}
.case-studies-wrapper .dots div.active {
background: #D8D8D8;
}
.bottom-nav {
display: flex;
justify-content: space-between;
text-align: center;
margin-top: 60px;
flex-wrap: nowrap !important;
flex-direction: row !important;
}
.bottom-nav div,
.bottom-nav a {
flex-basis: 33.3%;
font-weight: 300;
font-size: 17px;
}
.bottom-nav div:hover {
cursor: pointer;
}
.bottom-nav .next-link {
text-align: right;
}
.bottom-nav .previous-link {
text-align: left;
}
.vista-banners {
display: flex;
flex-wrap: wrap;
}
.image-text-overlay {
position: relative;
width: 100%;
max-width: 423px;
}
.image-text-overlay .image {
display: block;
width: 100%;
height: auto;
}
.image-text-overlay .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: #330072;
}
.image-text-overlay .overlay .text h4 {
margin: 0;
padding: 0;
text-transform: uppercase;
font-size: 26px;
}
.image-text-overlay .overlay .text p {
font-size: 26px;
line-height: 34px;
}
.image-text-overlay:hover .overlay {
opacity: 1;
}
.image-text-overlay .text {
color: white;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
width: 77%;
}
.case-studies-wrapper .content img.mobile {
display: none;
}
@media(max-width:900px) {
.vista-banners {
flex-direction: column;
align-items: center;
}
.vista-banners .image-text-overlay:nth-of-type(2) {
margin-top: 20px;
}
.content-2 .container div {
flex-direction: column;
align-items: center;
}
.content-2 .container div img:first-of-type {
margin-bottom: 20px;
}
}
@media(max-width:767px) {
.case-studies-wrapper .content img.mobile {
display: block;
}
.case-studies-wrapper .content img.desktop {
display: none;
}
.case-studies-wrapper .content .logos img {
width: 200px;
}
.case-studies-wrapper .content hr {
display: block;
}
.case-studies-wrapper .dots div {
width: 15px;
height: 15px;
}
.case-studies-wrapper .content-wrapper .content-1 h3 {
font-size: 25px;
}
}
@media(max-width:454px) {
.case-studies-wrapper .content .logos img {
width: 180px;
}
}
@media(max-width:400px) {
.case-studies-wrapper .content .logos img {
width: 155px;
}
} .grecaptcha-badge {
visibility: hidden;
}