/*** Array ***/ /*** From Google ***/ /* Open Sans Normal 400 Semibold 600 Bold 700 Extrabold 800 Sanchez Normal 400 */ /*** ***/ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /*** HTML5 display-role reset for older browsers ***/ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html { height: 100%; } body { background: #fff; color: #5c594d; height: 100%; font: 400 normal 75%/1.5 "Open Sans", Arial, sans-serif; } ::-moz-selection { background: #333; color: #fff; text-shadow: none; } ::selection { background: #333; color: #fff; text-shadow: none; } h1 { font-size: 28px; } h2 { font-size: 24px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } h1, h2, h3, h4, h5, h6 { font-family: 'Sanchez', serif; font-weight: 400; line-height: 1.2; margin-bottom: 5px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #5c594d; text-decoration: none; } a { color: #5c594d; text-decoration: underline; transition: color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.1s linear 0s; -moz-transition: color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.1s linear 0s; -webkit-transition: color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.1s linear 0s; } a:visited { color: #5c594d; } a:hover { color: #fbbe2b; } a:active { color: #5c594d; } a:focus { outline: none; } a:hover, a:active { outline: 0; } p { margin-bottom: 15px; } p > a { text-decoration: underline; } /* p:last-child { margin-bottom: 0; } */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 600; } i, em { font-style: italic; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #f6efe5; margin: 20px 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 10px 0; padding: 0; } dd { margin: 10px 0 10px 15px; } ul li { list-style: none; } ul.bullet { margin-left: 15px; } ul.bullet li { list-style: inside disc; } ol { margin-left: 15px; } ol li { list-style: inside decimal; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width: 100%; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input[type="text"], textarea {border: 1px solid #c7c7c6;font: 400 normal 11px/1.5 "Open Sans", Arial, sans-serif;margin-bottom: 10px;padding: 5px;margin: none;} input[type="submit"] { background: #c7c7c6; border: 1px solid #b3b3b2; padding: 3px 15px; border-radius: 2px; min-width: 100px; text-align: center; } input[type="text"]:focus, textarea:focus { border-color: #ccc; box-shadow: 0 0 2px #bbb; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } /*** main layout ***/ #container { overflow-x: hidden; } /* Header z-index changed from 9999 to 1050 for 2022 update. */ /* #header {left: -1px;position: absolute;top: -1px;width: 518px;z-index: 1050;} */ #header {left: -1px;position: absolute;top: -1px;width: 588px;z-index: 1050;} #site-title { float: left; height: 90px; overflow: hidden; position: relative; width: 100px; box-shadow: 1px 1px 5px rgba(0,0,0,0.3); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5); z-index: 10; } #site-title a { background-image: url(../img/array-logo.jpg);background-repeat: no-repeat;background-size: contain;background-color: #e6e7e8; border: 1px solid #d3d2d1; display: block; height: 90px; width: 100px; padding-top: 90px; } #main-navigation { position: relative; } .menu-main-navigation-container { position: relative; z-index: 9; } #menu-main-navigation { margin: 0; overflow: hidden; } #menu-main-navigation li { background: #e7e6e4; float: left; margin: 0; } #menu-main-navigation li a { display: block; font: normal 12px/3.8 'Sanchez', serif; height: 45px; text-align: center; text-decoration: none; text-transform: uppercase; } #menu-main-navigation li a:hover { color: #000; } #menu-main-navigation li a.active { background: #fff; color: #000; } #menu-item-7492 > a, #menu-item-7992 > a { width: 62px; } #menu-item-7494 > a, #menu-item-7493 > a { width: 125px; } .people-link-new > a { width: 70px; } #menu-item-7493 ul li a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #menu-item-7492 .sub-menu .sub-menu li {border-top: 1px solid #fff;line-height: 1.5em;width: 161px;background: #e7e6e4;} #menu-main-navigation li .sub-menu { left: -400px;background: #fff; display: none; margin: 0; padding-top: 45px; position: absolute; } #menu-main-navigation li .sub-menu li { background: transparent; border-top: 1px solid #e7e6e4; float: none; } #menu-main-navigation li .sub-menu li a { padding: 5px 20px; text-align: left; text-transform: none; } #menu-main-navigation li .sub-menu li a:hover { background: #e7e6e4; } #menu-main-navigation li .sub-menu li .sub-menu { background:#e7e6e4;display: none;left: 0px;padding-top: 0;position:relative;top:0;} #menu-main-navigation li .sub-menu li a:active .sub-menu {display: block;} #menu-main-navigation .sub-menu .sub-menu li a {padding: 5px 0px 5px 20px!important;} #menu-main-navigation li .sub-menu li .sub-menu a:hover {color:#fbbe2b;} #searchform { position: absolute; right: 0; top: 0; width: 125px; z-index: 1; } #searchform div { position: relative; } #s { background: #fff; border: 0; font-size: 10px; height: 35px; margin: 0; padding: 5px; width: 115px; box-shadow: inset 0 0 2px #bbb; } #s:focus { box-shadow: inset 0 0 2px #bbb; } #searchsubmit { display: none; } #search-btn { background: #e7e6e4 url(../img/icon-search.png) no-repeat center center; border: 0; border-left: 1px solid #ccc; display: block; height: 45px; position: absolute; top: 0; right: 0; text-indent: -9999px; width: 45px; z-index: 9; } #page { background: #fff; border-left: 15px solid #e7e6e4; clear: both; position: relative; } #page-content { margin: 0 auto 25px auto; max-width: 1004px; overflow: hidden; padding: 100px 20px 20px 20px; } #page-content.has-header { padding: 30px 20px 20px 20px; } .divider-header { background: url(../img/divider.gif) repeat-x center center; font: normal 11px/1.2 "Open Sans", sans-serif; margin: 20px 0; padding-left: 15px; text-transform: uppercase; } .divider-header span { background: #fff; padding: 0 5px; } #post { margin-bottom: 25px; } #post ul li { list-style: disc inside; margin-left: 25px; } #post ol li { list-style: decimal inside; margin-left: 25px; } .page-title { margin-bottom: 25px; } .post-author { font-style: italic; } .post-meta { border-bottom: 1px solid #c7c7c6; font-style: italic; font-size: 11px; margin-bottom: 10px; padding-bottom: 10px; } .post-meta a { text-decoration: none; } .more-link { background: #c7c7c6; border: 1px solid #b3b3b2; display: block; margin-top: 15px; max-width: 120px; padding: 3px 15px; text-align: center; text-decoration: none!important; border-radius: 2px; } .more-link:hover { background: #ccc; color: #000; } .button-wrapper, #respond .form-submit {max-width: 235px;width: auto;border: 1px solid #fbbe2b;margin: 10px 0;display: block;text-align: center;background-color: #fbbe2b;border-radius: 5px;text-transform: uppercase;font-size: 12px;font-weight: normal;transition: background-color 0.1s linear 0s;-moz-transition: background-color 0.1s linear 0s;-webkit-transition: background-color 0.1s linear 0s;} #respond #submit {background-color: #fbbe2b;background-image:none;padding: 6px 20px 6px 20px;} #button-center .button-wrapper {display: inline-block;padding: 0 10px;} #button-center {text-align: center;} .button-primary, #respond #submit {padding: 10px 20px 10px 35px;text-decoration: none;color: #ffffff!important;background-image: url(/wp-content/themes/array/img/button_icon_2x.png);background-repeat: no-repeat;background-size: 30px;background-position: left center;display: inline-block;} .button-wrapper:hover{background-color:#d68f1e;} #header-image { background: url(../img/line-pattern.png) repeat-x left bottom; height: 595px; overflow: hidden; padding-bottom: 15px; position: relative; width: 100%; } #header-caption { color: #fff; margin: 0 auto; max-width: 1004px; position: relative; } #caption-content { font: italic 20px/1.3 "Sanchez", serif; left: 0; padding: 0 20px; position: absolute; top: -350px; max-width: 485px; } .page-template-default #caption-content, .page-template-profile-page-php #caption-content { font-size: 28px; } /* #caption-content { font-size: 28px; }*/ #caption-content #subheadline { font-size: 20px; text-shadow: 1px 1px 1px #000; } .page-template-shareholders-php #caption-content, .page-template-leadership-php #caption-content, .page-template-people-php #caption-content, .page-template-contact-php #caption-content, .page-template-practice-areas-php #caption-content, .page-template-practice-areas-php #caption-content, .page-template-careers-2022-template-php #caption-content{ font-size: 28px; } .page-template-shareholders-php #subheadline { font-size: 20px; text-shadow: 1px 1px 1px #000; } .single-profile #caption-content { font-style: normal; text-align: right; top: -250px; } .single-service-line #caption-content { max-width: 415px; top: -340px; } #header-caption h2 { font-size: 30px; font-weight: normal; } #certifications, #job-title { display: block; } #header-headline { margin-bottom: 12px; text-shadow: 1px 1px 1px #000; } #job-title, #sub-headline { font: normal 12px/1.2 "Open Sans", sans-serif; } #sub-headline:before { content: "\2013\0020"; } #certifications { font-size: 13px; margin-bottom: 12px; } .home #page-content { margin: 0 0 25px 0; max-width: none; padding: 0; } #announcement { background: #e7e6e4; overflow: hidden; padding: 30px 20px 20px 20px; } #announcement h2 { font-size: 22px; margin-bottom: 15px; } #announcement .post-date { border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; float: left; font-weight: 600; min-width: 112px; padding: 3px 35px 3px 15px; } #announcement-full { border-left: 1px solid #c7c7c7; margin-left: 161px; max-width: 635px; padding-left: 25px; } #announcement-expanded { display: none; } #latest-posts { padding: 0 20px; } .article-excerpt { background: #e7e6e4; /* box-shadow: 0 0 1px #666; */ padding: 2%; } .home .article-excerpt { float: left; min-height: 325px; position: relative; width: 28%; } .home .article-excerpt.excerpt-2 { margin: 0 2%; } .article-excerpt h4 { font-size: 16px; padding: 3px 25px 0 0; } .article-excerpt .post-date { font-size: 10px; font-style: normal; position: absolute; right: 12px; top: 8px; } .expand-btn { background: url(../img/expand-btn.png) no-repeat; display: block; height: 13px; margin: 0 auto; text-indent: -9999px; width: 34px; } .expand-btn.open { background-position: 0 -14px; } .page-template-default { } .page-template-default #post { float: left; max-width: 235px; } .page-template-default #gallery { margin-left: 265px; } .title { margin-bottom: 15px; } .page-template-profile-page-php {} .page-template-profile-page-php #post { float: none; max-width: none; } .page-template-profile-page-php #gallery { margin-left: 0; text-align: center;} .page-template-profile-page-php #gallery img { width:100%;} .title-caret {width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 8px;border-color: transparent transparent transparent #fbbd2b;display: inline-block;vertical-align: text-top;padding-right: 5px;} .profile-title {display:inline-block;} .profile-row {margin: 25px 0;} .profile-row p {margin-left: 20px;} .value-row {margin: 15px 0;} .value-block { float: left; margin: 0 2% 2% 0; min-height: 135px; width: 150px; transition: opacity 0.1s linear 0s; -moz-transition: opacity 0.1s linear 0s; -webkit-transition: opacity 0.1s linear 0s; text-align: center; } .value-block h3 {text-transform:uppercase;font: 600 normal 14px "Open Sans", Arial, sans-serif;max-width: 120px;display: inline-block;} .value-block img {height:75px; margin-bottom: 10px;} .value-block p {font-size:11px;} .single-service-line { } .single-service-line #post { float: left; max-width: 235px; } .single-service-line #project-list { margin-left: 265px; } .single-service-line .title { font-size: 24px; padding-top: 10px; } .single-project { } .single-project #post { float: left; max-width: 235px; } .single-project #post h4 { border-bottom: 1px solid #5c594d; font: normal 700 12px/1.2 "Open Sans", sans-serif; margin-bottom: 10px; padding-bottom: 5px; text-transform: uppercase; } .single-project #post ul li { margin-bottom: 10px; } .single-project .title { font-size: 24px; margin-bottom: 25px; } #project-gallery { margin-left: 265px; } .gallery-image { margin-bottom: 3%; } #project-list.related-projects { background: url(../img/line-pattern-white.png) repeat-x center top; margin-top: 25px; padding: 45px 20px 25px 20px; } .fluid-width-video-wrapper { margin-bottom: 3% } .single-profile { } .single-profile #post { float: left; max-width: 664px; width: 65%; } #related-posts { margin-left: 68%; max-width: 320px; } #related-posts .article-excerpt { margin-bottom: 20px; padding: 20px; } #education, #knowledge-sharing { margin-bottom: 35px; } ul#profile-follow-links { margin: 0; overflow: hidden; } ul#profile-follow-links li { float: left; list-style: none; margin: 0 10px 0 0; } #page-nav { text-align: right; font-size: 11px; } #page-nav ul { margin: 0; } #page-nav .service-line-link { } #page-nav li { display: inline; margin-left: 5px; } #page-nav li a { color: #8a8674; text-decoration: none; } #page-nav li a:hover { color: #fbbe2b; } .single-job { } .single-job #post { float: left; max-width: 664px; width: 65%; } .page-template-careers-php #post { float: left; max-width: 664px; width: 65%; } #job-listing li { margin-bottom: 8px; } .page-template-practice-areas-php { } .practice-area { border-bottom: 1px solid #c7c7c6; margin-bottom: 40px; overflow: hidden; padding-bottom: 40px; } .area-image { float: left; max-width: 660px; width: 66%; } .area-description { margin-left: 68%; } .area-title { border-bottom: 1px solid #c7c7c6; margin-bottom: 20px; padding-bottom: 20px; } .practice-area:nth-child(even) .area-image { float: right; max-width: 660px; width: 66%; } .practice-area:nth-child(even) .area-description { margin: 0 68% 0 0; } .page-template-locations-php { } .location { background: #e7e6e4; float: left; margin: 0 0 15px 0; min-height: 200px; padding: 2%; width: 28%; } .location.location-2, .location.location-5 { margin: 0 2%; } .location ul { margin: 0; } .location .address { border-bottom: 1px solid #c7c7c6; margin-bottom: 10px; padding-bottom: 10px; } .location a { text-decoration: underline; } .page-template-shareholders-php { } #shareholders-list { overflow: hidden; } .shareholder { float: left; margin: 0 2% 2% 0; min-height: 200px; width: 235px; } .shareholder img { display: block; margin-bottom: 10px; } .shareholder h4 { font-size: 14px; margin: 0 0 3px 0; } .shareholder .certifications { display: block; font-size: 11px; line-height: 1.4; } .page-template-contact-php { } #contact-info { float: left; width: 49%; } #contact-info a { text-decoration: underline; } #contact-form { background: #e7e6e4; margin: 30px 0 0 51%; padding: 15px; } #contact-form > div { font-size: 11px; } #contact-form textarea { height: 100px; } #project-list { overflow: hidden; } .project-block { float: left; margin: 0 2% 2% 0; min-height: 235px; width: 235px; transition: opacity 0.1s linear 0s; -moz-transition: opacity 0.1s linear 0s; -webkit-transition: opacity 0.1s linear 0s; } .row-end { margin: 0; } .project-block a { text-decoration: none; } .project-block:hover { opacity: .6; } .project-block a:hover { color: #5c594d; } .project-meta { background: #e7e6e4; min-height: 75px; padding: 10px; } .project-block h3 { font-size: 13px; line-height: 1.4; margin-bottom: 8px; text-decoration: none; } .project-meta .client-name { font-size: 10px; } .search-results { } .search-result { background: #e7e6e4; border-bottom: 1px solid #c7c7c6; margin-bottom: 20px; padding: 20px 20px 20px 20px;} .search-result .title { font-size: 18px; } .search-result .summary p { margin: 0; } /* .archive #listing { float: left; max-width: 664px; width: 65%; } .archive .post { background: #e7e6e4; border-bottom: 1px solid #c7c7c6; margin-bottom: 20px; padding: 20px 20px 20px 20px; } .archive .title { font-size: 18px; margin-bottom: 5px; } */ .blog { } .post img { display: block; margin-bottom: 10px; } /*.page-template-press-release-collection-php #page, .blog #page, .single-press-release #page, .single-post #page { background: url(../img/blog-background.jpg) no-repeat right top; }*/ #blog-posts, .archive #listing, .single-press-release #post { float: left; max-width: 664px; overflow: hidden; width: 65%; } .single-press-release #post { float: left; max-width: none; overflow: hidden; } #right-sidebar { margin-left: 70%; max-width: 320px; } #right-sidebar .widget { margin-bottom: 30px; } #right-sidebar .widget ul { margin-left: 20px; } #right-sidebar #contributor{ } #right-sidebar #contributor-info { background: #e7e6e4; border: 1px solid #c7c7c6; padding: 10px 20px; } #right-sidebar #contributor-info a:last-child { background: #c7c7c6; border: 1px solid #b3b3b2; border-radius: 2px; display: block; max-width: 75px; padding: 3px 15px; text-align: center; text-decoration: none; } #right-sidebar #contributor-info a:last-child:hover { background: #ccc; color: #000; } #about-blog { margin-bottom: 35px; } #about-blog h2 { border-bottom: 1px solid #c7c7c6; margin-bottom: 15px; padding-bottom: 15px; } .blog .post,.archive .post { border-bottom: 1px solid #c7c7c6;margin: 0 3% 0 0; padding: 30px 2% 30px 0; position: relative;} .blog .post:first-child {padding-top: 15px;} .blog .post-thumb, .archive .post-thumb {float: right ;} .blog .post-content {margin-right: 265px;} .blog .post h2,.archive .title { font-size: 22px; margin-bottom: 15px; } .blog .post img, .archive .post img {height:auto;} .blog .post .more-link { position: absolute; bottom: 15px; } .blog .post .post-author { font-style: normal; display: inline-block;} .blog .post .post-date { font-style: normal; display: inline-block;} .read-more-link {text-transform: uppercase;text-decoration: none; display: inline-block;} .blog .read-more-link, .archive .read-more-link {margin-top:10px;border-bottom: 1px solid;} .blog #nav-below, .archive #nav-below {clear: both;margin-top: 30px;} .blog .tags, .archive .tags {margin-top: 0;} .blog .widget-title .fa {padding-right: 5px;} .blog .hbspt-form {padding: 5%;} #twitter-button {background: none;padding: 10px 20px;} #twitter {background: url(../img/sm_sprite.png) no-repeat;background-position: -10px -70px; margin-bottom: 15px;} #twitter span {background: #fff; } .single-post .header { } .single-post #post { float: left; max-width: 664px; width: 65%; } .single-post #post img {height:auto; margin-bottom: 20px;} .single-post .title { margin-bottom: 5px; } .tags { margin-top: 40px; } .tags a { text-decoration: underline; } .page-template-press-release-collection-php{} .page-template-press-release-collection-php #blog-posts {max-width: none;width: 75%;} .page-template-press-release-collection-php .post {margin-bottom: 20px;} .post-thumb {float: left;max-width: 235px;transition: opacity 0.1s linear 0s;-moz-transition: opacity 0.1s linear 0s;-webkit-transition: opacity 0.1s linear 0s;} .post-thumb a {display: block;} .post-thumb:hover { opacity: .6;} .page-template-press-release-collection-php .post-content {margin-left: 265px;} .page-template-press-release-collection-php .post-content .title {font-size: 18px;} .page-template-press-release-collection-php .post-meta, .blog .post-meta {border-bottom: none;margin-bottom: 15px;padding-bottom: 0;} .page-template-press-release-collection-php .read-more-link {text-transform: uppercase;text-decoration: none;} .single-press-release {} .post-thumb-caption {background: #e7e6e4; padding: 10px 10px 15px;font-size: 11px;} #post-quote {background: #f5f5f5;padding: 20px;font-size: 14px;} #post-quote blockquote { font-family: 'Sanchez', serif; quotes: "\201C""\201D""\2018""\2019";margin: 0 0 10px;} #post-quote blockquote:before {content: open-quote; margin-right: 0.1em;} #post-quote blockquote:after { content: close-quote; margin-left: 0.1em;} #post-quote blockquote:before, #post-quote blockquote:after {font-size: 3em;line-height: 0.1em;vertical-align: -0.4em;} .quote-attribution {text-align: right;font-size: 11px;text-transform: uppercase;font-weight: 600;} #recent-press li {margin-bottom: 15px;} #recent-press a {text-decoration: none;} #comments { border-top: 1px solid #c7c7c6; float: left; margin-top: 10px; max-width: 664px; padding-top: 15px; width: 65%; } #comments input, #comments textarea { display: block; } .commentlist { margin: 10px 0 25px 0; } .commentlist li { background: #e7e6e4; border: 1px solid #c7c7c6; list-style: none; margin-bottom: 5px; padding: 10px; position: relative; } .commentlist li.odd { background: #f6f6f6; } .commentlist li ul li { border: 0; border-left: 2px solid #c7c7c6; margin-left: 15px; } .commentlist li a { text-decoration: underline; } #comments .comment-author { margin-bottom: 10px; } .commentlist li .comment-meta { position: absolute; top: 5px; right: 10px; } .commentlist li .comment-meta a { font-size: 10px; text-decoration: none; } .commentlist li #respond { margin-top: 10px; } .comment-respond {background: #e7e6e4;padding: 10px;} .blog .hbspt-form input, .single-post .hbspt-form input, .archive .hbspt-form input { margin-right: 5px;border: 1px solid #c7c7c6;font: 400 normal 11px/1.5 "Open Sans", Arial, sans-serif;margin-bottom: 10px;padding: 5px; } .blog .hbspt-form input[type='email'], .single-post .hbspt-form input[type='email'], .archive .hbspt-form input[type='email'] {width: 93%;padding: 3%;} .blog .hbspt-form input[type='submit'], .single-post .hbspt-form input[type='submit'],.archive .hbspt-form input[type='submit'] {border: 1px solid #fbbe2b;background-color: #fbbe2b;text-decoration: none;color: #ffffff!important;text-decoration: none;color: #ffffff!important;/* background-color: #fbbe2b; */background-repeat: no-repeat;background-size: 30px;background-position: left center;display: inline-block;padding: 6px 20px 6px 20px;border-radius: 5px;text-transform: uppercase;font-size: 12px;font-weight: normal;} .blog .hbspt-form input[type='submit']:hover, .single-post .hbspt-form input[type='submit']:hover, .archive .hbspt-form input[type='submit']:hover { background-color: #d68f1e;} #right-sidebar .widget .hbspt-form ul {margin-left: 0;} #respond textarea, #respond #url, #respond #email, #respond #author {width:80%;margin-top: 5px;} #respond .form-submit {display: inline-block;} #respond #submit {border:none;} #respond label, .blog .hbspt-form label, .single-post .hbspt-form label, .archive .hbspt-form label { font-weight: 600; margin-bottom: 15px; } #reply-title {display:none;} #nav-below { clear: both; } #nav-below a { text-decoration: none; } .nav-previous { float: left; } .nav-next { float: right; } .blog .nav-next { margin-right: 5%; } .category .page-title { margin-bottom: 5px; } .category .taxonomy-description { margin-bottom: 25px; width: 65%; } .tweet_list { list-style: none; margin: 0!important; padding: 0; overflow-y: hidden; background-color: #f7f7f6; } .tweet_list li { overflow-y: auto; overflow-x: hidden; padding: 0.5em; list-style-type: none; } .tweet_list .tweet_even { background-color: #e7e6e4; } .tweet_list .tweet_avatar { padding-right: .5em; float: left; } .tweet_list .tweet_avatar img { vertical-align: middle; } .tweet_list .tweet_time { display: block; font-size: 10px; margin-top: 5px; text-align: right; } .tweet_list .tweet_time a { text-decoration: none; } /*** careers ***/ .page-template-careers-php #caption-content { font-size: 28px; top: -315px; } #footer { background: #e7e6e4 url(../img/line-pattern.png) repeat-x; border-top: 1px solid #dcdcdc; clear: both; padding: 35px 25px; } #footer-logo { float: left; margin: 2px 0 15px 0; } #footer-nav { float: right; } #footer-nav ul { float: left; margin: 0;max-width: 640px; } #footer-nav li { display: inline-block; margin: 0 50px 20px 0; position: relative; } #footer-nav li a { font-size: 11px; text-decoration: none; text-transform: uppercase; } .login-btn a { background: url(../img/icon-login-arrow.png) no-repeat right center; padding-right: 12px; } .login-btn .sub-menu { border: 1px solid #cfcdc9; display: none; float: none; left: 0; left: -70px; position: absolute; top: -245px; width: 175px; } #footer-nav .login-btn .sub-menu li { border-bottom: 1px solid #e7e6e4; display: block; margin: 0; } #footer-nav .login-btn .sub-menu li:last-child { border: 0; } #footer-nav .login-btn .sub-menu li a { background: #fff; display: block; font: normal 11px/3.8 'Sanchez', serif; height: 35px; padding: 5px 20px; text-decoration: none; text-transform: none; } #footer-nav .login-btn .sub-menu li a:hover { background: #e7e6e4; color: #000; } #social-media-btns { overflow: hidden; } #social-media-btns li { float: left; margin: 0 0 0 5px; } #linkedin-badge {float:left;} .sm-sprite {background: url(/wp-content/themes/array/img/sm_sprite.png) no-repeat;width: 35px;} /*** end main layout ***/ /*** form validation overrides ***/ span.wpcf7-not-valid-tip { background: transparent; border: 0; color: #ff0000; font-size: 11px; left: 5px; top: -1px; width: auto; } div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors { background: #fff; } /*** end form validation overrides ***/ /*** helper classes ***/ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } .hidden { display: none !important; } .assistive-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visually-hidden.focusable:active, .visually-hidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clear-fix:before, .clear-fix:after { content: ""; display: table; } .clear-fix:after { clear: both; } .clear-fix { *zoom: 1; } .inner-pad { padding: 15px; } .content-center { margin: 0 auto; max-width: 1004px; position: relative; } /*** end helper classes ***/ /*** wordpress media ***/ img[class*="align"], img[class*="wp-image-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } .site-header img, .entry-content img, img.size-full { max-width: 100%; width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */ } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100% } /*** end wordpress media ***/ /*** header adjustment when logged in ***/ .admin-bar #header { padding-top: 29px; } /*** end header adjustment ***/ /*** Share + Main CTA CSS ***/ #additional_links {clear: both;font-size: 11px;} #knowledge-links-wrapper { margin-left: 265px; } #knowledge-links {padding-top: 15px;border-top:1px solid #e7e6e4;} #knowledge-links .knowledge-transient {text-decoration:none; text-transform: uppercase;} #knowledge-links .knowledge-transient img {height: 30px;padding-right: 5px;} #knowledge-transient-list {padding-right: 10px;} #knowledge-transient-list li {margin-bottom: 10px;} #knowledge-transient-list #case_study_link {background-image: url(/wp-content/themes/array/img/case_study_icon_2x.png);} #knowledge-transient-list #thought_link {background-image: url(/wp-content/themes/array/img/thought_leadership_icon_2x.png);} #knowledge-transient-list #design_link {background-image: url(/wp-content/themes/array/img/design_book_icon_2x.png);} #knowledge-transient-list #webinar_link {background-image: url(/wp-content/themes/array/img/webinar_icon_2x.png);} #knowledge-transient-list #podcast_link {background-image: url(/wp-content/themes/array/img/podcast_icon_2x.png);} #knowledge-transient-list #video_link {background-image: url(/wp-content/themes/array/img/video_icon_2x.png);} #knowledge-transient-list li a {padding-top: 5px;font-size: 11px; text-transform: uppercase;background-repeat: no-repeat;padding-left: 40px;background-position: left center;text-decoration: none;height: 23px;display: inline-block; background-size: 35px;} .single-project #share-post { float: left; max-width: 235px; } .single-service-line #share-post { float: left; max-width: 235px; } .page-template-default #share-post { float: left; max-width: 235px; } #share-post {margin-bottom: 25px;float: none; max-width: none; width: 100%;} #share-links {padding-top: 15px;border-top:1px solid #e7e6e4;} .share-transient {text-decoration:none; text-transform: uppercase;} .share-transient img {height: 30px;padding-right: 5px;} #share-icons {display:none;} /*Advisors Modal*/ .fancybox-inner {width: 100%!important;} .popover-item-image {position: relative;} .popover-item-meta {padding: 20px 20px 0;margin-bottom: 0;} .popover-item-meta p {margin-bottom: 0;} .popover-summary {padding: 20px;} .fancybox-inner .button-wrapper {width: 40%;position: absolute;bottom: 40px;left: 40px;} .fancybox-inner #caption-content {font-size: 30px;color: #fff;width: 60%;top: 200px;left: 20px;} .fancybox-inner .button-primary {padding: 15px 20px 15px 40px;font-size: 14px;} .fancybox-inner .popover-item-image {overflow: hidden;} .fancybox-inner .popover-item-image img {min-width:100%;} .fancybox-inner .#header-headline{text-shadow: 2px 2px 2px #000;} /*** media queries ***/ .imgHolder{position: relative; margin-bottom: 20px;} .leadershipGridItem{margin-bottom: 40px; position: relative;} .leadershipGridItem a, .peopleGridItem a{text-decoration: none;} .leadershipGridItem .certifications{font-size: 16px;} .leadershipGridItem .learnMore{font-size: 18px;} .leadershipGridItem:hover .factOverlay{opacity: 1;} .peopleGridItem{margin-bottom: 20px; position: relative;} .peopleGridItem .certifications{font-size: 16px;} .peopleGridItem .learnMore{font-size: 18px;} .peopleGridItem:hover .factOverlay{opacity: 1;} .factOverlay { opacity: 0; transition: opacity 0.3s; height: 100%; width: 100%; background-color: rgba(0, 0, 0, .65); position: absolute; top: 0; left: 0; color: white; padding: 20px; font-size: 120%; } .peopleGridItem .factOverlay{ text-align: center; } .peopleVertical { position: relative; top: 50%; transform: translateY(-50%); } .bigTitle{margin: 40px 0;} .mediumTitle{margin: 17px 0;} .maxWidthAuto{max-width: auto!important;} .page-template-people .titleWithH2{display:none;} a.linkNoUnderline{text-decoration:none;} .spacerHeight20{height: 20px;} .spacerHeight30{height: 30px;} .spacerHeight40{height: 40px;} .spacerHeight20, .spacerHeight30, .spacerHeight40{width: 100%; display: block;} .modalHolder .modal { position: fixed; } .modalHolder .modal-content{ border-radius: 0; } .modalHolder .modal-content .container{padding: 0; margin: 0;} .modalHolder .modal-content .container .row{padding: 30px;} .modalHolder .modal-content button{ background: none; border: none; } .modalHolder .modal-content button.close{ width: 45px; height: 45px; top: 20px; right: 20px; z-index: 999; } .modalHolder .modal-content button i{ font-size: 30px; color: #6d6d6d; opacity: 1; transition: opacity 0.1s linear 0s; } .modalHolder .modal-content button i:hover{ opacity: 0.8; } .modalHolder .modal-content .peopleGridImg{ margin-bottom: 80px; } .modalHolder .modal-content .peopleGridImg.containsLandscapeImage{ margin-bottom: 400px; } .modalHolder .modal-content .yellowContainer{ background-color: #f0c153; color: black; padding: 30px; right: 0; bottom: 0; margin: 0 20px 20px 0; } .modalHolder .modal-content h2{font-size: 28px;} .modalHolder .modal-content h3.modalTitle{ font-family: "Open Sans"; text-transform: uppercase; margin-top: 15px; font-size: 17px; } .modalHolder .modal-content .modalSectionImage{position: relative;} .modalHolder .modal-content .modalSectionText{position: absolute;} .modalHolder .modal-content .modalSectionText p{line-height: 1.4rem;font-size: 115%;} .editPostLink a{display: inline-block; background: rgba(255, 255, 255, .5); color: blue; text-decoration: none; padding: 3px 5px; border-radius: 5px; font-weight: bold; margin: 20px 0;} .editPostLink a:hover{background: rgba(255, 255, 255, 1); color: blue;} form#leadershipDropdownChange:hover{ cursor: pointer; } form#leadershipDropdownChange .form-select{ background-color: #e7e6e4; } form#leadershipDropdownChange .form-select-sm{ padding-top: .5rem; padding-bottom: .5rem; } .sortByText{display: inline-block; margin-right: 10px;} hr.darkHR{border-bottom: 2px solid black; margin: 40px 0;} .careerModuleRepeater img{opacity: 1; transition: opacity 0.2s linear 0s;} .careerModuleRepeater img:hover{opacity: 0.8;} .careerModuleRepeater p{line-height: 1.4rem; font-size: 110%;} @media (min-width: 1200px) { .container{ max-width: 1044px; } } /*Desktop*/ @media screen and (min-width: 1025px) { #menu-main-navigation li .sub-menu {margin-top: 45px; direction: rtl; box-sizing: content-box; overflow-y: auto;overflow-x: hidden;padding-top:0;} #menu-main-navigation li .sub-menu::-webkit-scrollbar {-webkit-appearance: none;} #menu-main-navigation li .sub-menu::-webkit-scrollbar:vertical {width: 15px;} #menu-main-navigation li .sub-menu::-webkit-scrollbar:horizontal {height: 11px;} #menu-main-navigation li .sub-menu::-webkit-scrollbar-thumb { border: 2px solid #f6f6f6; background-color: rgba(0, 0, 0, .25);} #menu-main-navigation li .sub-menu::-webkit-scrollbar-track{ background-color:#f6f6f6; } #menu-main-navigation li .sub-menu li a { padding: 5px 20px; text-align: left; text-transform: none;direction:ltr;} #menu-main-navigation li .sub-menu li .sub-menu {overflow: hidden;} #menu-main-navigation .sub-menu .sub-menu li a {padding: 5px 0px 5px 40px!important;font: normal 12px'Sanchez', serif; line-height: 2;} #menu-main-navigation li .sub-menu .sub-menu { margin-top: 0; } #menu-main-navigation li .sub-menu::-webkit-scrollbar-button:vertical:decrement{ background-image: url(/wp-content/themes/array/img/scroll-arrow-up.png); background-repeat: no-repeat; background-position: 3px 5px, 0 0; background-color: background-color:#f6f6f6; } #menu-main-navigation li .sub-menu::-webkit-scrollbar-button:vertical:increment{ background-image: url(/wp-content/themes/array/img/scroll-arrow-down.png) ; background-repeat: no-repeat; background-position: 3px 5px, 0 0; background-color: background-color:#f6f6f6; } } @media screen and (max-width: 1075px) { .single-service-line .project-block { width: 32%; } .page-template-projects-overview-php .project-block, .single-project .project-block, .shareholder, .single-careers .post-block { width: 23.5%; } .value-block {width: 15%;} #header-video { height: 450px!important; } .page-template-careers-php #video-container #text #playbutton .rectangle { width: 90px!important; height: 60px!important; display: block; } .page-template-careers-php #video-container #text #playbutton .triangle { border-width: 12px 0 12px 20px!important; bottom: 42px!important; } .page-template-careers-php .career-desc-image { width: 100%; margin-bottom: 15px; height: 180px; } .page-template-careers-php .description { margin-right: 0%; } .page-template-careers-php .career-area { padding-bottom: 25px; } .single-careers .post-block { width: 23.5%; } .single-careers .career-posts-image { width: 100%; height: 111px; } .single-careers .career-posts-image img { min-height: 111px; } .single-careers .teammember { width: 48%; } .single-careers .teammember.row-end { margin: 0 2% 2% 0; } .page-template-media-collection-php .popover-item-image {max-height: 400px;} #footer-nav ul {max-width: 580px;} } @media screen and (max-width: 991px) { .modalHolder .modal-content .modalSectionText{position: relative;} .modalHolder .modal-content .peopleGridImg, .modalHolder .modal-content .peopleGridImg.containsLandscapeImage{margin-bottom: 0px;} .modalHolder .modal-content .yellowContainer{margin: -15px 0 0;} .modalHolder .modal-content button{background: rgba(255,255,255,0.75);} .modalHolder .modal-content button.close{top: 5px; right: 5px;} } @media screen and (max-width: 768px) { #header-image { height: 450px; } .single-service-line #caption-content { bottom: 10px; font-size: 16px; top: auto; } .page-template-default #caption-content, .page-template-practice-areas-php #caption-content, .page-template-contact-php #caption-content, .page-template-shareholders-php #caption-content, .page-template-careers-php #caption-content { top: -285px; } .page-template-press-release-collection-php #blog-posts {width: 100%;} .blog .post-thumb, .archive .post-thumb {width:100%;float: none;max-width: none;} .blog .post-content, .archive .post-content {margin-right:0;} .page-template-media-collection-php .popover-item-image {max-height: none;} .fancybox-inner {height:auto!important;} #footer-nav ul {max-width: none;} } @media screen and (max-width: 767px) { input[type="text"], textarea { padding: 5px 0; width: 100%; } .value-block {margin: 0 0 10px 0;width: 50%;} .single-service-line .project-block { float: none; margin: 0 0 10px 0; width: auto; } .single-service-line .project-block img { width: 100%; } .page-template-projects-overview-php .project-block, .single-project .project-block { margin: 0; width: 49%; } .single-project .project-block:nth-child(odd) { margin: 0 0 2% 2%; } .page-template-projects-overview-php .project-block:nth-child(even) { margin: 0 0 2% 2%; } .page-template-projects-overview-php .project-block img, .single-project .project-block img { width: 100%; } .shareholder { margin: 0 0 10px 0; min-height: 260px; width: 49%; } .shareholder:nth-child(even) { margin: 0 0 2% 2%; } .shareholder img { width: 100%; } .practice-area { padding-bottom: 15px; } .area-image, .practice-area:nth-child(even) .area-image { float: none; margin-bottom: 15px; max-width: 100%; width: auto; } .area-description, .practice-area:nth-child(even) .area-description { margin: 0; } .blog .post { float: none; margin: 0 0 10px 0; min-height: 0; width: auto; } .blog .post .more-link { bottom: 0; position: relative; } #footer-logo, #footer-nav { float: none; } .career-area { padding-bottom: 15px; } .button-wrapper {width:100%;} } @media screen and (max-width: 640px) { #page { border: 0; } #header-image { height: 300px; } #header-video { height: 300px!important; } .page-template-careers-php #video-container #text h1 { font-size: 25px!important; } .rectangle { display:block!important; } .page-template-careers-php #video-container #text #playbutton { margin-top: 10px!important; } .page-template-careers-php #video-container #text #playbutton .rectangle { width: 90px!important; height: 50px!important; } .page-template-careers-php #video-container #text #playbutton .triangle { border-width: 12px 0 12px 20px!important; bottom: 40px!important; } .page-template-careers-php #video-container #text #actions { height: 50px!important; } .page-template-careers-php .career-area { padding-bottom: 20px; } .page-template-careers-php #post { float: left; max-width: 100%; width: 100%; } .page-template-careers-php #video-container #text h1 { opacity: 1; } .page-template-careers-php .career-desc-image { width: 100%; margin-bottom: 15px; } .page-template-careers-php .description { margin-right: 0%; } .page-template-careers-php .button img { width: auto; display: block; margin: 0 auto; } .page-template-careers-php .button { text-align: center; display: block; } .single-careers .teammember { float: none; margin: 0 0 10px 0; width: 100%; min-height: 215px!important; } .single-careers .teammember #bio { margin-bottom: 20px; } .single-careers .has-media { max-width: 100%; margin-bottom: 15px; } .single-careers .career-media { max-width: 100%; width: 100%; margin-bottom: 15px; } .single-careers .teammember img { height: auto; max-width: 100%; } .single-careers .teammember:hover #fact { visibility:hidden; } .single-careers .post-block { margin: 0 0 10px 0!important; width: 100%; min-height: 0; } .single-careers .career-posts-image { width: 100%; } .single-careers .post-block-meta { min-height: 0; } .single-careers .career-posts-image { height: 235px; } .single-careers .career-posts-image img { min-height: 100%; } .value-block {min-height: 175px;} } @media screen and (max-width: 639px) { #caption-content, .single-profile #caption-content { bottom: 10px; top: auto; text-align: left; width: auto; } #header-caption h2 { font-size: 20px; margin-bottom: 0; } #certifications { font-size: 12px; margin-bottom: 8px; } .page-template-default #caption-content, .page-template-careers-php #caption-content, .page-template-shareholders-php #caption-content, .page-template-profile-page-php #caption-content, .single-service-line #caption-content { display: none; } #header-headline br { display: none; } .home .article-excerpt, .home .article-excerpt.excerpt-2 { float: none; margin: 0 0 15px 0; min-height: 0; padding: 20px; width: auto; } #announcement .post-date { float: none; margin-bottom: 15px; padding: 3px 5px; } #announcement-full { border: 0; margin-left: 0; padding: 0; } .single-service-line #post, .single-project #post { float: none; max-width: none; width: auto; } .single-service-line #project-list, #project-gallery{ margin-left: 0; } .page-template-projects-overview-php .project-block, .single-project .project-block { margin: 0 0 10px 0!important; width: 100%; } .project-meta { min-height: 0; } .single-job #post { float: none; max-width: none; width: auto; } .page-template-careers-php #post { float: none; max-width: none; width: auto; } .shareholder { float: none; margin: 0 0 10px 0!important; min-height: 0; width: auto; } .page-template-default #post { float: none; max-width: none; width: auto; } .page-template-default #gallery { margin-left: 0; } .single-profile #post { float: none; max-width: none; width: auto; } #related-posts { margin-left: 0; max-width: none; width: auto; } .page-template-locations-php .location, .page-template-locations-php .location.location-2, .location.location-5 { float: none; margin: 0 0 15px 0; min-height: 0; padding: 20px; width: auto; } #contact-info { float: none; width: auto; } #contact-form { margin-left: 0; width: auto; } #blog-posts, .single-post #post, #comments, .archive #listing { float: none; max-width: none; width: auto; } #right-sidebar { clear: both; margin: 40px 0 0 0; max-width: none; } .single-post .header { max-width: none; width: auto; } #footer { padding: 35px 15px; } #footer-nav ul { float: none; margin-bottom: 15px; } #footer-nav li { margin-right: 5%; } #footer-nav .login-btn .sub-menu li { margin-right: 0; } #social-media-btns { margin-bottom: 0; } #social-media-btns li { margin: 0 5px 0 0; } .page-template-press-release-collection-php .post-thumb {float: none;max-width: none;} .page-template-press-release-collection-php .post-content {margin-left: 0;} .page-template-press-release-collection-php .divider-header span {background-color: #f8f7f5;} .single-press-release #post {float: none;width: 100%;} } @media screen and (max-width: 480px) { #header { position: relative; left: 0; top: 0; width: 100%; } #menu-main-navigation li { width: 50%; } #menu-main-navigation li a { height: 45px; width: 100%; box-shadow: 0 0px 1px #ccc inset; } #menu-main-navigation li .sub-menu { padding-top: 0; top: 130px; } #menu-main-navigation li .sub-menu li { width: 100%; } #menu-main-navigation li .sub-menu li a { box-shadow: none; } #menu-main-navigation .sub-menu .sub-menu li a {line-height: 4em;} #menu-item-7492 > a, #menu-item-7493 > a, #menu-item-7494 > a, #menu-item-7992 > a { width: 100%; } #menu-main-navigation li.thirds-for-mobile{width: 33.33%;} #menu-main-navigation li.for-mobile-40{width: 40%;} #menu-main-navigation li.for-mobile-30{width: 30%;} #menu-item-7493 ul li a {width:80%;padding-right: 43px!important;} #menu-item-7492 .sub-menu .sub-menu li {width:100%;} #page-content { padding: 20px } #searchform { position: relative; top: 0; width: auto; } #s { background: url(../img/icon-search.png) no-repeat 10px center; border-bottom: 1px solid #ddd; height: 25px; margin: 0; padding-left: 32px; width: 90%; box-shadow: none; } #s:focus { box-shadow: none; } #search-btn { display: none; } #additional_links {text-align: center;font-size: 15px;padding-top: 20px;} .single-service-line #share-post, .single-project #share-post, #share-post { display: inline-block;max-width: 45%; float: none;} #knowledge-links, #share-links {padding-top: 20px;} #knowledge-links-wrapper {margin-left: 0; width: 45%; display: inline-block;} } @media screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5) { #s { background: url(../img/icon-search@2x.png) no-repeat 10px center; background-size: 18px 18px; } } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #site-title a { background-image: url(../img/array-logo@2x.jpg); background-size: contain; } #search-btn { background: #e7e6e4 url(../img/icon-search@2x.png) no-repeat center center; background-size: 18px 18px; } /* #s { background: url(../img/icon-search@2x.png) no-repeat 10px center; background-size: 18px 18px; } */ .expand-btn { background: url(../img/expand-btn@2x.png) no-repeat; background-size: 34px 27px; } .login-btn a { background: url(../img/icon-login-arrow@2x.png) no-repeat right center; background-size: 7px 5px; } } /*** end mobile/media queries ***/