/*
	Theme Name:HTML5 Blank
	Theme URI:http://html5blank.com
	Description:HTML5 Blank WordPress Theme
	Version:1.4.3
	Author:Todd Motto (@toddmotto)
	Author URI:http://toddmotto.com
	Tags:Blank, HTML5, CSS3

	License:MIT
	License URI:http://opensource.org/licenses/mit-license.php
*/
/*! modern-normalize | MIT License | https://github.com/sindresorhus/modern-normalize */
html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}:root{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'}hr{height:0}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,Courier,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{padding:0}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
@font-face {font-family:Nunito Sans; font-weight:400; src: url('assets/fonts/nunitosans-regular-webfont.woff2') format('woff2'); src: url('assets/fonts/nunitosans-regular-webfont.woff') format('woff'); font-display:swap;}
@font-face {font-family:Nunito Sans; font-weight:400; font-style:italic; src: url('assets/fonts/nunitosans-italic-webfont.woff2') format('woff2'); src: url('assets/fonts/nunitosans-italic-webfont.woff') format('woff'); font-display:swap;}
@font-face {font-family:Nunito Sans; font-weight:700; src: url('assets/fonts/nunitosans-bold-webfont.woff2') format('woff2'); src: url('assets/fonts/nunitosans-bold-webfont.woff') format('woff'); font-display:swap;}
@font-face {font-family:Nunito Sans; font-weight:700; font-style:italic; src: url('assets/fonts/nunitosans-bolditalic-webfont.woff2') format('woff2'); src: url('assets/fonts/nunitosans-bolditalic-webfont.woff') format('woff'); font-display:swap;}
@font-face {font-family:Montserrat; font-weight:600; src: url('assets/fonts/montserrat-semibold-webfont.woff2') format('woff2'); src: url('assets/fonts/montserrat-semibold-webfont.woff') format('woff'); font-display:swap;}
@font-face {font-family:Montserrat; font-weight:700; src: url('assets/fonts/montserrat-bold-webfont.woff2') format('woff2'); src: url('assets/fonts/montserrat-bold-webfont.woff') format('woff'); font-display:swap;}
@font-face {font-family:Libre Baskerville; font-weight:400; font-style:italic; src: url('assets/fonts/librebaskerville-italic-webfont.woff2') format('woff2'); src: url('assets/fonts/librebaskerville-italic-webfont.woff') format('woff'); font-display:swap;}


body {font-family:'Nunito Sans', san-serif; font-weight:400;}
.skipcontainer {margin:0; padding:0;}
#skipto {position:absolute; top:0; left:0; width:25%; margin:0; padding:0; color:#fff; background:#000; font-size:1em; text-align:center; overflow:hidden; clip:rect(1px 1px 1px 1px); clip:rect(1px,1px,1px,1px);}
#skipto:focus {padding:.5em 0; border-bottom-left-radius:.5em; border-bottom-right-radius:.5em; overflow:visible; clip:auto; z-index:999;}
.print-only {display:none;}
h1, h2, h3, h4, h5, h6 {margin:0;}
h1, h4, h5, h6 {font-family:'Nunito Sans', san-serif; font-weight:700;}
h2 {font-family:'Montserrat', san-serif; font-weight:600;}
h2.more {clear:both; color:#fff; padding:.5em 0 .5em .5em;}
h2.inline-title span, h3, em {font-family:'Libre Baskerville', serif; font-style:italic; font-weight:400;}
.multicolumn h3, h3.sans {font-family:'Nunito Sans', san-serif; font-weight:700; font-style:normal;}
h3.sans {margin-bottom:.25em!important;}
h4 {font-size:1.125em;}
ul, ol {margin:0;}
ol {padding:0 0 0 1.25em;}
p {margin-top:0;}
span.divider {margin:0 .25em;}
a {text-decoration:none;}
a:focus {outline:thin dotted black;}
.hidden {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}
.list {padding-top:.5em;}
.list ul {margin-bottom:1em;}
.list ul li ul {margin:0 0 0 1em; break-inside: avoid;}
.list ul li ul li:before {content:'\□\2000';}
.process {font-family:'Montserrat', sans-serif; font-weight:700; font-size:1em; text-transform:uppercase; text-shadow:#000 1px 1px 1px; margin-bottom:1em; display:table; clear:both;}
.arrowbox {float:left; width:auto; margin:.25em 1.313em 0 0; padding-left:.5em; line-height:2em; text-align:center; color:#fff; position:relative; height:2em;}
.center {text-align:center;}

/* Home Boxes */
.content {text-align:center; margin:0; color:#000;}
.content h2 {color:#fff; text-shadow:#000 1px 0 1px;}
.content h3 {color:#000; text-shadow:#fff 1px 0 1.375em;}

/* Footer */
footer {text-transform:uppercase; clear:both; padding:.5em 0 0 1.25em; margin-bottom:1em;}
footer a {color:#000;text-decoration:underline;}
footer a:hover, footer a:focus {color:#f1592a;}


/* Client List */
body.clients h3 {margin-bottom:.25em;}
ul.client-list {margin:0 0 .75em 0!important;padding:0!important;list-style:none!important;}
ul.client-list li {margin-left:.875em!important;}

/* Testimonials */
.testimonial {font-size:0.875em; padding:1em; line-height:150%;}
.testimonial h4 {margin-bottom:.25em; font-style:italic;}
.testimonial p {font-family:'Libre Baskerville', serif; font-style:italic; font-weight:400;}
.testimonial .title {font-family:'Nunito Sans', san-serif; font-weight:400; font-size:.938em; line-height:120%; margin:0;}
.testimonial .author {font-family:'Nunito Sans', san-serif; font-weight:700; margin:0;}

/* Columns/Content */
.col-container, .col-container-tab {padding:1em; line-height:120%; background-color:rgba(250, 250, 250, 0.8);}
.col-container {margin-top:1em;}
.col-container figure {padding-bottom:.5em;}
.col-container .col1 figure img {padding-top:.75em;}
.col-container h3 {line-height:130%;}
.col-container img {max-width:100%;}
.col-container a {text-decoration:underline; color:#000;}
.col-container a:hover, .col-container a:focus {color:#f1592a;}
.col1, .col2, .col50, .col100 {padding-bottom:.5em;}
.col1 p, .col2 p, .col50 p, .col100 p {margin:0 0 .5em 0;}
.leftline {border-left:2px solid #d2d0d0;}
.bottomline {border-bottom:2px solid #d2d0d0; margin-bottom:.75em;}
.col2 ul, .list ul {text-indent:-1.25em; list-style:none; padding:0 0 0 1.25em;}
.col2 ul li:before, .list ul li:before {content:'\•\2000';}

/* Nav */
nav.main {font-family:'Montserrat', sans-serif; font-weight:600; width:100%;}
nav.main ul {overflow:hidden; margin:2px 0; padding:0;}
nav.main ul li {list-style:none; float:left; text-align:center; padding-right:1px; padding-left:1px; width:25%; /* fallback for non-calc() browsers */ width:calc(100% / 4); box-sizing:border-box;}
nav.main ul li:first-child {padding-left:0;}
nav.main ul li:last-child {padding-right:0;}
nav.main ul li a {display:block; text-decoration:none; color:#fff; text-shadow:#000 1px 1px 1px; padding:.25em 0;}
nav.main ul li a:focus {text-shadow: 1px 1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 1px 0px 0 #000, 0px 1px 0 #000, -1px 0px 0 #000, 0px -1px 0 #000;}
body.who nav.main ul li a:hover,
body.clients nav.main ul li a:hover,
body.what nav.main ul li a:hover,
body.work nav.main ul li a:hover,
body.connect nav.main ul li a:hover,
body.books-publications nav.main ul li a:hover,
body.branding nav.main ul li a:hover,
body.case-study-trailwest-bank nav.main ul li a:hover,
body.collateral nav.main ul li a:hover,
body.digital nav.main ul li a:hover,
body.digital-case-study-scottish-prisoners-of-war-society nav.main ul li a:hover,
body.environment nav.main ul li a:hover,
body.packaging nav.main ul li a:hover,
body.print nav.main ul li a:hover,
body.social nav.main ul li a:hover,
body.sitemap nav.main ul li a:hover
{background-color:#808285;}
.tab-container-container {margin:0; padding:0; border-bottom:2px solid #555;}
.tab-container-container a {margin:0; color:#fff;}
.tab-container-container a::after {content:' \▸';}
.tab {text-decoration:none; font-weight:700; display:inline-block; height:0; font-size:.75em; padding:1em 0 .5em .5em; border-right:1.875em solid transparent; border-bottom:1.875em solid #555; line-height:3em;}

/* Floats */
.right {float:right; margin:0 0 1em 1em;}
.left {float:left; margin:0 1em 1em 0;}

/* Images & Gallery */
.img40 {width:40%;}
.img50 {width:50%;}
.img60 {width:60%;}
.img75 {width:75%;}
.gallery {float:left; width:100%;}
.gallery ul {overflow:hidden; margin:0; padding:0;}
.gallery ul li {list-style:none; float:left; width:50%; /* fallback for non-calc() browsers */ width:calc(100% / 2);}
.gallery ul li img {display:block; max-width:100%; height:auto;}
.gallery figure {background-color:rgba(250, 250, 250, 0.5);}
.logo-container {margin:0 2em 2em 2em;}

/* Video Container */
.embed-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; break-inside: avoid;}
.embed-container iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:0;}

/* Text Colors */
.who-txt, .environment-txt {color:#f1592a;}
.what-txt, .print-txt {color:#e87512;}
.work-txt {color:#66952e;}
.connect-txt {color:#6c69a7;}
.branding-txt {color:#0c629e;}
.digital-txt {color:#bf1e2e;}
.books-txt {color:#029792;}
.branding-txt {color:#0c629e;}
.social-txt {color:#af0167;}
.packaging-txt {color:#827b00;}
.collateral-txt {color:#792e00;}
.alert {color:#af0700;}

/* Background Colors -- Boxes and Nav */
.vermillion, body.who nav.main ul li a, body.clients nav.main ul li a, body.sitemap nav.main ul li a, body.environment nav.main ul li a, body.environment h2.more {background-color:#f1592a;} /* who box, menu */
.dkorange, body.what nav.main ul li a, body.print nav.main ul li a, body.print h2.more {background-color:#e87512;} /* what and print box, menu */
.green {background-color:#65a211;} /* work box */
.dkgreen, body.work nav.main ul li a {background-color:#66952e;} /* work menu */
.purple {background-color:#8a88ba;} /* connect box */
.dkpurple, body.connect nav.main ul li a, body.social nav.main ul li a, body.social h2.more {background-color:#6c69a7;} /* connect box, menu */
.cyan {background-color:#078dc5;} /* branding box */
.dkblue, body.branding nav.main ul li a, body.case-study-trailwest-bank nav.main ul li a, body.case-study-heritage-gun-books nav.main ul li a, body.branding h2.more {background-color:#0c629e;} /* branding box, menu */ 
.red, body.digital nav.main ul li a, body.digital-case-study-scottish-prisoners-of-war-society nav.main ul li a, body.digital h2.more, body.digital-case-study-scottish-prisoners-of-war-society h2.more {background-color:#bf1e2e;} /* digital box, menu */
.dkteal, body.books-publications nav.main ul li a, body.books-publications h2.more {background-color:#029792;} /* books box, menu */
.magenta {background-color:#af0167;} /* social box, menu */
.olive, body.packaging nav.main ul li a, body.packaging h2.more {background-color:#827b00;} /* packaging box, menu */
.blue, body.collateral nav.main ul li a, body.collateral h2.more {background-color:#5c67a8;}
.ltorange {background-color:#fdb94d;}
.gold {background-color:#f7c404;}

/* Background Colors -- Transparent */
.vermillion-transparent {background-color:rgba(241, 89, 42, 0.2);} /* who */
.dkorange-transparent {background-color:rgba(245, 130, 31, 0.3);} /* what */
.green-transparent {background-color:rgba(141, 198, 63, 0.4);} /* work */
.purple-transparent {background-color:rgba(138, 136, 186, 0.4);} /* connect */
.cyan-transparent {background-color:rgba(37, 170, 255, 0.2);} /* branding */
.teal-transparent {background-color:rgba(2, 205, 198, 0.2);} /* books */
.olive-transparent {background-color:rgba(130, 123, 0, 0.3);} /* packaging */
.magenta-transparent {background-color:rgba(251, 0, 147, 0.2);} /* social */
.red-transparent {background-color:rgba(191, 30, 46, 0.2);} /* digital */
.cream-transparent {background-color:rgba(254, 247, 219, 0.9);} /* testimonial */
.blue-transparent {background-color:rgba(92, 103, 168, 0.2);} /* collateral */

/*---- FORMS -----*/
form {display:block; margin-top:1em;}
label {cursor:pointer; padding:0; margin:0;}
.success {color:#1c641c; background:#ccefcc; font-weight:700; padding:.5em!important;}
input[type="email"], input[type="text"], input[type="tel"], textarea {appearance:none; display:block; margin-top:0.25em; margin-bottom:1em; padding:.25em; width:100%!important;}
input[type="email"]:hover, input[type="text"]:hover, input[type="tel"]:hover, textarea:hover {border-color:#999;}
input[type="email"]:focus, input[type="text"]:focus, input[type="tel"]:focus, textarea:focus {border-color:#6c69a7; outline:1px solid #6c69a7;}
.connect-captcha {padding:0!important; margin:0!important;}
.connect-submit {border:0!important; background-color:#6c69a7!important; font-size:1.250em!important; font-weight:700!important; color:#fff!important; letter-spacing:0.125em!important; padding:0.500em!important; margin:0!important;}
.connect-submit:hover {background-color:#8a88ba!important;}
.connect-submit:focus {outline:none;}
.connect-submit:active {background-color:#6c69a7; position:relative; text-decoration:none;}

/*---- BREADCRUMB: Can Manage in Plugin -----*/
body.work .breadcrumb-container {display:none!important;}
.breadcrumb-container {font-size:0.875em!important; margin:0 0 .5em 0!important; padding:0!important;}
.breadcrumb-container ol {margin:0; padding:0;}
.breadcrumb-container ol li {box-sizing:unset; display:inline-block; margin:0; padding:0;}
.breadcrumb-container ol li a {font-size:0.813em!important; margin:0!important; padding:.5em .5em .5em 0!important; color:#000!important; background:transparent!important; text-decoration:underline!important;}
.breadcrumb-container ol li .separator {color:#666!important; margin-right:.5em;}
.breadcrumb-container ol li:last-child .separator {display:none;}
.breadcrumb-container ol li:last-child a {text-decoration:none!important;}


/*---- SITEMAP -----*/
.wsp-container h2 {display:none}
.wsp-container ul {margin:0!important;padding:0!important;list-style:none!important;line-height:170%;}
.wsp-container ul li ul {margin:0 0 0 1em!important; break-inside: avoid;}
.wsp-container ul li ul li:before {content:'\□\2000';}
.wsp-container ul li ul li ul li:before {content:'\▹\2000';}
.wsp-container ul li a {font-weight:700; text-decoration:none;}
.wsp-container ul li ul li a {font-weight:400;}

#post-404 {float:left; width:100%; padding:2em;}
#post-404 container {margin:0;}
#post-404 h1, #post-404 p {line-height:150%; text-align:center!important;}
#post-404 p {margin-top:.5em; font-size:1.25em;}
#post-404 a, #post-404 a:active{color:#000; text-decoration:underline;}
#post-404 a:hover, #post-404 a:focus {color:#f1592a;}

/* Phones/Small Devices up to 320px */
@media only screen and (max-width:20em) {
body {background:url('img/abstract-bg_sm.jpg') no-repeat left center fixed; background-size:cover;}
.gallery ul li {width:100%;}
}
/* Devices up to 478px */
@media only screen and (max-width:29.875em) {
.logo {margin:0 auto 0 auto; height:3.25em; background-size:100% 100%; background-image:url('img/GRA_logo_horiz.svg');}
.header-img {height:6em;}
nav.main ul li {font-size:.625em;}
.process {margin:0 auto;}
.arrowbox {float:none; width:auto; padding:0 .5em; margin:0 0 1.5em 0;}
.arrowbox:after {top:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none;}
.arrowbox:after {border-width:1em; margin-left:-1em;} /* These classes are positioned here on purpose, do not add to the style above it. */
.arrowbox.green:after {border-color:rgba(101, 162, 17, 0); border-top-color:#65a211;}
.arrowbox.cyan:after {border-color:rgba(7, 141, 197, 0); border-top-color:#078dc5;}
.arrowbox.dkpurple:after {border-color:rgba(108, 105, 167, 0); border-top-color:#6c69a7;}
.arrowbox.dkorange:after {border-color:rgba(232, 117, 18, 0); border-top-color:#e87512;}
.arrowbox.vermillion:after {border-color:rgba(241, 89, 42, 0); border-top-color:#f1592a;}
.arrowbox.red:after {border-color:rgba(191, 30, 46, 0); border-top-color:#bf1e2e;}
.gform_footer, .gform_footer input[type="submit"] {padding:0!important; margin:0!important;}
}
@media only screen and (min-width:30em) {
.process {margin:1em 0 1.5em 0}
.arrowbox.green:before {content:""; position: absolute; right: -1em; bottom: 0; width: 0; height: 0; border-left: 1em solid #65a211; border-top: 1em solid transparent;border-bottom: 1em solid transparent;}
.arrowbox.cyan:before {content:""; position: absolute; right: -1em; bottom: 0; width: 0; height: 0; border-left: 1em solid #078dc5; border-top: 1em solid transparent;border-bottom: 1em solid transparent;}
.arrowbox.dkpurple:before {content:""; position: absolute; right: -1em; bottom: 0; width: 0; height: 0; border-left: 1em solid #6c69a7; border-top: 1em solid transparent;border-bottom: 1em solid transparent;}
.arrowbox.dkorange:before {content:""; position: absolute; right: -1em; bottom: 0; width: 0; height: 0; border-left: 1em solid #e87512; border-top: 1em solid transparent;border-bottom: 1em solid transparent;}
.arrowbox.vermillion:before {content:""; position: absolute; right: -1em; bottom: 0; width: 0; height: 0; border-left: 1em solid #f1592a; border-top: 1em solid transparent;border-bottom: 1em solid transparent;}
.arrowbox.red:before {content:""; position: absolute; right: -1em; bottom: 0; width: 0; height: 0; border-left: 1em solid #bf1e2e; border-top: 1em solid transparent;border-bottom: 1em solid transparent;}
}
@media only screen and (min-width:30em) and (max-width:41.938em) {
.logo {margin:0 auto 0 auto; height:4.5em; background-size:100% 100%; background-image:url('img/GRA_logo_horiz.svg');}
.header-img {height:11.5em;}
}
/* Devices up to 671px */
@media only screen and (max-width:41.938em) {
body {background:url('img/abstract-bg_med.jpg') no-repeat left center fixed; background-size:cover;}
.homeGrfxBox {background:url('img/home_grfx_box-mobile_spows.png') no-repeat center center; background-size:100%;}
.header-img {background-size:cover; background-position: top center;}
h2.more {font-size:0.813em;}
h2.inline-title span {font-size:.75em;}
.col-container h3 {margin-bottom:.5em;}
.row {width:100%; display:flex; overflow:hidden;}
body.work .one, body.work .three, body.work .five, body.work .seven{border-right: 2px solid rgb(250, 250, 250, .0);}
body.work .row {border-top: 2px solid rgb(250, 250, 250, .0);}
.box.half {float:left; flex:0 0 50%;}
.box.half .content {height:100%; line-height:100%;}
.box.half .content h2 {font-size:.75em;}
.box img {display:block;}
.box .content {clear:both; padding:.875em 0 .75em 0;}
.col1, .col2, .col50, .col100, .testimonial {font-size:.813em;}
.col2 {padding:0 0 1em 0;}
.col50 {padding-bottom:0!important;}
.inner-content {padding:1em;}
.hide-mobile {display:none;}
.content h2, .box100 h2 {font-size:1.25em;}
.content h3, .box100 h3 {font-size:.875em;}
.multicolumn h3, h3.sans {font-size:1.125em;}
.content h2 {margin-bottom:.125em; line-height:120%;}
footer {font-size:.625em;}
.logo-container {margin:1em 3em 3em 3em;}
}
/* Tablets/Notebooks 672px+ */ 
@media only screen and (min-width:42em) {
body {background:url('img/abstract-bg.jpg') no-repeat left center fixed; background-size:cover;}
.show-mobile {display:none;}
.inner-content {float:left; padding:2% 3% 3% 3%; width:100%;}
.col-container, .col-container-tab {float:left; width:100%; line-height:140%;}
.col-container {margin-top:1em;}
.col-container h3 {margin-bottom:.75em;}
.content h3, .box100 h3 {font-size:1em;}
h2.inline-title span {font-size:.75em;}
.multicolumn {grid-area:info; column-width:28em; column-gap:5em; column-rule:2px solid #ccc;}
.logo {background-size:100% 100%; background-image:url('img/GR_logo.svg');}
.homeGrfxBox {background:url('img/home_grfx_box-spows.png') no-repeat center center; background-size:100%;}
.header-img, .bgImg {background-size:100% 100%;}
.content h2, .box100 h2 {font-size:1.25em;}
.box.half .content h2 span {font-size:1em;} /* keeps text inside span the same size */
.header-img {margin-left:2px;}
body.home .header-img {margin-left:0;}
nav.main ul {margin:4px 0;}
nav.main ul li {padding-right:2px; padding-left:2px;}
body.work .box{border-right: 4px solid rgb(250, 250, 250, .0);}
body.work .box{border-top: 4px solid rgb(250, 250, 250, .0);}
body.work .row{border-left: 4px solid rgb(250, 250, 250, .0);}
.box .content h2 {margin-top:42%;}
.box50 .content h2 {margin-top:20%;}
.box, .box50, .box50-video, .box75 {position:relative; float:left;}
.box {width:24.97%} /* important to keep home boxes together */
.box50, .box50-video {width:50%;}
.box50-video .content {overflow:hidden;} /* keeps video in the box */
.box75 {width:75%;}
.box100 {clear:both; float:left; width:100%;}
.box:before,.box50:before, .box50-video:before, .box75:before {content:""; display:block;}
.box:before {margin-top:100%; /* maintains ratio of 1:1 based on width */}
.box50:before, .box50-video:before {margin-top:50%; /* maintains ratio of 1:1 based on width */}
.box75:before {margin-top:33.333%; /* maintains ratio of 1:1 based on width */}
.container {position:relative; overflow:hidden; min-height:100%;}
/* Box Graphics Begins */ 
.box .branding-box:hover {background-size:100% 100%; background-image:url('img/home_branding_TWB.jpg');}
.box .branding-box:hover h2, .box .branding-box:hover h3 {display:none;}
/* Box Graphics Ends */ 
.content {position:absolute; top:0; right:0; bottom:0; left:0;}
.arrowbox {font-size:.875em;}
nav.main ul li {font-size:1.063em;}
.gallery ul li {list-style:none; float:left; width:25%; /* fallback for non-calc() browsers */ width:calc(100% / 4);}
.col100 {float:left; width:100%; padding:2%;}
.col50 {float:left; width:50%; padding:2% 3%;}
.col1 {float:left; width:67%; padding:2%;}
.col2 {float:left; width:27%; padding:2% 0 2% 2%;}
.testimonial {clear:both; padding:2%;}
.home-link {display:table; height:100%; width:100%;}
footer {font-size:.75em;}
.tab {line-height:4em; padding:1em 0 1em .5em;}
}
/* Desktops 960px+ */ 
@media only screen and (min-width:50em) {
.content h2, .box100 h2 {font-size:1.5em;}
.col60 {width:60%;}
.col-container {margin-top:1.25em;}
}
/* Desktops 960px+ */ 
@media only screen and (min-width:60em) {
nav.main ul li {font-size:1.5em;}
.col-container {margin-top:1.5em;}
.content h2, .box100 h2 {font-size:1.75em;}
.content h2 span, .box100 h2 span {font-size:.75em;}
.content h3, .box100 h3 {font-size:1.25em;}
.multicolumn h3, h3.sans {font-size:1.063em;}
.logo-container {margin:0 4em 4em 4em;}
}
/* 1140px */
@media only screen and (min-width:71.25em) {
.content h2, .box100 h2 {font-size:2.125em;}
h2.inline-title span {font-size:.688em;}
.content h3, .box100 h3 {font-size:1.5em;}
.multicolumn h3, h3.sans {font-size:1.125em;}
.col-container {margin-top:1.75em; display:flex; overflow:hidden;}
.col1 {flex:0 0 44%;}
.col2 {flex:0 0 27%; padding:2%;}
.testimonial {clear:none; float:right; flex:0 0 29%;}
.breadcrumb-container ul li a {font-size:.875em!important;}
.logo-container {margin:0 5em 5em 5em;}
.tab {font-size:1em; line-height:4.125em;}
}
/* 1500px */
@media only screen and (min-width:93.75em) {
.col-container {margin-top:2em;}
.content h2, .box100 h2 {font-size:2.125em;}
.box .content h2 {margin-top:40%;}
.col1 {width:55%;}
.col2 {width:20%;}
.testimonial {width:25%;}
}
/* 1500px */
@media only screen and (min-width:110em) {
.content h2, .box100 h2 {font-size:2.5em;}
.box .content h2 {margin-top:45%;}
}
@media print {
nav.main, .tab-container-container, .box50-video, .embed-container, .process, .connect-form, .col-container .show-mobile, .copyright span, .copyright a {display:none;}
#content img {max-width:50%;}
.bottomline {border-bottom:0;}
.box {margin-bottom:1em;}
.col-container {padding:0;}
.col-container h3 {margin-bottom:.5em;}
.testimonial {padding-left:0;}
body.branding .col-container-tab .col50 {float:left; width:48%;}
.print-break {clear:both; page-break-after:always;}
h2.more {padding:.5em .5em .375em .5em; margin:1em 0;}
.gallery ul li {width:50%;}
footer {padding-left:0; font-size:8pt;}
.vermillion-transparent, .dkorange-transparent, .green-transparent, .purple-transparent, .cyan-transparent, .teal-transparent, .olive-transparent, .magenta-transparent, .red-transparent, .cream-transparent, .blue-transparent {background-color:#fff;}
}

