/**
 * Color classes and default styling are in /assets/main.css, focus your efforts there
 * @import external fonts at top of this page before default.css
 * remove comment for dark-mode.css if you want to enable that -- will not be 100%, you will need to fix minor things
 */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url("./assets/default-settings.css");
/** @import url("assets/dark-mode.css"); */

body { background: url('/wp-content/uploads/2017/05/foot-vector.png') no-repeat left bottom; }
a { color: rgb(var(--bs-primary-rgb)); text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }
hr.wp-block-separator { color: #808080; opacity: 1; }
label, strong { font-weight: 700; }
:where(.wp-block-columns.is-layout-flex) { gap: 2em; }
#breadcrumbs { font-size: 14px; }
.single-case_studies #breadcrumbs { display: none; }
.page-header { margin: 2.5rem 0 1.25rem; padding-bottom: 0.625rem; }
.single-case_studies .page-header { margin: 0 0 1.25rem; }
.page-title { margin: 1.25rem 0 0.625rem; text-align: center; }
.btn { border-radius: 0; }
.modal { top: 15%; }
.modal-dialog { width: 672px; max-width: unset; }
.modal-header { justify-content: flex-end; }
.modal button { line-height: 1; background: transparent; border: 0 none; }
:not(.wp-block-button).btn-learn, .wp-block-button.btn-learn .wp-block-button__link, .wpcf7-submit.btn-learn { background: #19274c; color: #fff; padding: 8px 13px; font-weight: 300; font-size: 18.43px; border: 0 none; text-transform: uppercase; }
:not(.wp-block-button).btn-learn:hover, .wp-block-button.btn-learn .wp-block-button__link:hover, .wpcf7-submit.btn-learn:hover { background: #a09fa4; color: #fff; text-decoration: none; }

/** nav */
.nav-link { font-size: 1.125rem; }
.btn > .nav-link { padding: 0; color: #fff; }
.btn-primary > .nav-link, .btn-secondary > .nav-link { color: #fff; }
.btn-secondary { margin: 10px; }
.btn-secondary > .nav-link { font-size: 18px; }
#menu-main-nav .nav-link { padding: 15px; white-space: nowrap; }

/** vectors */
.left-graphic { background: #fff url('/wp-content/uploads/2017/05/vector-left.png') no-repeat -30% 70%; }
.right-graphic { background: #fff url('/wp-content/uploads/2017/05/vector-right.png') no-repeat 110% 50%; }
.left-graphic .container [class^="col-"], .right-graphic .container [class^="col-"] { background: rgba(255,255,255,.6); }

/* overlays */
[class$='-overlay'] { position: absolute; z-index: -1; }
.services-overlay { display: none; top: 6%; right: -7%; width: 491px; height: 529px; background: url('/wp-content/uploads/2017/06/vector-services.png') no-repeat top right; }
.case-study-overlay { display: none; top: 6%; right: -7%; width: 491px; height: 529px; background: url('/wp-content/uploads/2017/06/vector-case-study.png') no-repeat top right; }
.faq-overlay { display: none; top: 6%; right: -10%; width: 491px; height: 529px; background: url('/wp-content/uploads/2017/06/vector-faq.png') no-repeat top right; }
.contact-us-overlay { display: none; top: 6%; right: -7%; width: 491px; height: 529px; background: url('/wp-content/uploads/2017/06/vector-contact-us.png') no-repeat top right; }

main { background-color: rgba(255, 255, 255, 0.7); }

/* home */
.nav-icons .nav-icon-link:hover { text-decoration: underline; cursor: pointer; }
.nav-icons h3 { margin: 1.25rem 0 0.625rem; }
.nav-icons h3 a { color: rgb(var(--jwbs-heading-font-color)); text-decoration: none; }

/* accordions */
.accordion-item, .accordion-item .accordion-button { border-right: 0 none; border-left: 0 none; border-radius: 0 !important; }
.accordion-button { font-size: 26px; font-weight: 300; }
.accordion-button.collapsed:after { background-image: url('/wp-content/themes/jw-bootstrap/images/arrow-right.png') no-repeat right center; background-size: unset; }
.accordion-button:not(.collapsed):after { background-image: url('/wp-content/themes/jw-bootstrap/images/arrow-down.png') no-repeat right center; }
.accordion-button:hover { text-decoration: underline; }

/* forms */
.wpcf7-list-item { margin: 0; }
.wpcf7-checkbox label { font-weight: normal; }

/* case studies */
#main article.case_studies { position: relative; padding: 0 10px; }
article.case_studies h3.h2 a { font-size: 26px; font-weight: 300;  text-shadow: 2px 2px 7px #000; }
#case-study-header { position: relative; height: 145px; }
.single #case-study-header { background: #000; }
#case-study-header.breakout { height: 400px; }
#case-study-header h1 { position: relative; z-index: 9; padding: 20px 15px; color: #19274c; }
#case-study-header h1 small { display: block; width: 100%; color: #19274c; }
#case-study-header.breakout .page-header { padding-top: 100px; }
#case-study-header.breakout h1 { font-size: 28px; line-height: 43px; }
.case-study-overlay { position: absolute; background: url('/wp-content/uploads/2017/06/vector-case-study.png') no-repeat top right; z-index: 1; }
.single #case-study-header .cs-header-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.6); z-index: 1; }
#case_study_form { display: inline-block; position: relative; z-index: 11; padding-bottom: 20px; }
#case_study_form .input-group>.form-control { width: auto; }
#case_study_form .input-group .form-control { float: none; height: 31px; }
#case-study-dl { background-color: #ebebeb; }
#case-study-dl dl { padding: 60px 0; margin: 0; color: #19274c; }
#case-study-dl dl dd, #case-study-dl dl dt { line-height: 1.625; }
	/* archive */
.post-type-archive-case_studies .btn-learn { background: #c0c0c0; color: #19274c; padding: 8px 13px; font-weight: 300; font-size: 18.43px; text-transform: uppercase; }
.post-type-archive-case_studies .btn-learn:hover { background: #f800fe; color: #fff; text-decoration: none; }
.type-case_studies { margin-top: 20px; }
.type-case_studies header { position: absolute; top: 53px; left: 20px; right: 20px; }
.type-case_studies header a { color: #fff; }
.type-case_studies .ratio { background-color: rgba(25,39,76,0.8); }
.type-case_studies:hover .ratio { background-color: transparent; }
.type-case_studies .post_content p { font-size: 18px; }
.hexagon { position: absolute; width: 29px; height: 16.74px; top: unset; right: 20px; bottom: 10px; left: unset; background-color: #c0c0c0; margin: 8.37px 0; text-align: initial; }
.hexagon:before, .hexagon:after { content: ''; position: absolute; width: 0; border-left: 14.5px solid transparent; border-right: 14.5px solid transparent; }
.hexagon:before { bottom: 100%; border-bottom: 8.37px solid #c0c0c0; }
.hexagon:after { top: 100%; width: 0; border-top: 8.37px solid #c0c0c0; }
.hexagon span { position: relative; display: block; top: -103%; left: 17%; font-size: 35px; }
article.case_studies > div:hover .hexagon { background-color: #f800fe; }
article.case_studies > div:hover .hexagon span { color: #fff; text-decoration: none; }
article.case_studies > div:hover .hexagon:before { border-bottom-color: #f800fe; }
article.case_studies > div:hover .hexagon:after { border-top-color: #f800fe; }
.archive article.case_studies .caseStudyCoverage { min-height: 60px; }
.archive article.case_studies .members { min-height: 62px; }
.archive article.case_studies .post_content > p { min-height: 84px; }
#case-study-bottom { background: #fff url(/wp-content/uploads/2017/05/vector-case.png) no-repeat left bottom; margin-bottom: -40px; padding-bottom: 40px; }
#case-study-bottom .container { background-color: rgba(255, 255, 255, .75); }

/** footer */
#inner-footer { font-size: 14px; }
#inner-footer #menu-footer-menu a { font-size: 1rem; }
#inner-footer a { color: #fff; text-decoration: none; }
#inner-footer a:hover { text-decoration: underline; }
#inner-footer ul.menu { padding: 0; list-style: none; }
#inner-footer ul.menu li { display: inline-block; padding: 0 0.5rem 0 0.25rem; border-right: 1px solid #fff; }
#inner-footer ul.menu li:first-of-type { padding-left: 0; }
#inner-footer ul.menu li:last-of-type { border: 0 none; }
#block-4 { display: none; }
.home #block-4 { display: block; }

/* [class$="-overlay"] { right: -100%; top: -70px; left: 0; bottom: 0; z-index: 0; } */

/** media queries */
/** Small devices (landscape phones, 576px and up) [-sm] */
@media only screen and (min-width : 576px) {
}

/** Medium devices (tablets, 768px and up) [-md] */
@media only screen and (min-width : 768px) {
	h3, .h3 { font-size: 36px; }
	h4, h5, .h4, .h5 { font-size: 32px; }
	.services-overlay, .case-study-overlay, .faq-overlay, .contact-us-overlay { display: block; }
	.archive article.col-md-4.case_studies { float: left; }
	ul.two-column { columns: 2; }
	.wpcf7-list-item:nth-child(2n+1) { width: 52%; }
	.wpcf7-list-item:nth-child(2n) { width: 48%; }
	#case-study-dl dl { background: url('/wp-content/uploads/2017/05/case-study-man.jpg') no-repeat right center; background-size: contain; }
	#case-study-dl dt { float: left; width: 160px; text-align: right; clear: left; white-space: nowrap; text-overflow: ellipsis; }
	#case-study-dl dl dd { margin-left: 180px; }
	#case-study-dl dl dd, #case-study-dl dl dt { background: rgba(255, 255, 255, .7); }
}

/** Large devices (desktops, 992px and up) [-lg] */
@media only screen and (min-width : 992px) {
}

/** X-Large devices (large desktops, 1200px and up) [-xl] */
@media only screen and (min-width : 1200px) {
	#case-study-dl dl dd, #case-study-dl dl dt { background: none; }
}

/** larger desktops, 1400px and up [-xxl] */
@media only screen and (min-width : 1400px) {
}