@import url(/assets/styles/libs/components-font-awesome/font-awesome.css);
@import url(/assets/styles/libs/components-font-awesome/font-awesome.css);
@font-face { font-family: 'NoSpace'; font-weight: normal; font-style: normal; src: url("/assets/fonts//zerowidthspaces.eot"); src: url("/assets/fonts//zerowidthspaces.woff") format("woff"), url("/assets/fonts//zerowidthspaces.ttf") format("truetype"), url("/assets/fonts//zerowidthspaces.svg#NoSpace") format("svg"); }
/**
* Media Queries
* Media Queries for global elements based on screen variants:
*/
@font-face { font-family: 'NoSpace'; font-weight: normal; font-style: normal; src: url("/assets/fonts//zerowidthspaces.eot"); src: url("/assets/fonts//zerowidthspaces.woff") format("woff"), url("/assets/fonts//zerowidthspaces.ttf") format("truetype"), url("/assets/fonts//zerowidthspaces.svg#NoSpace") format("svg"); }
/**
* Media Queries
* Media Queries for global elements based on screen variants:
*/
p { margin: 0 0 24px; }
.button { background-color: #578270; padding: .575em .7em; border: 2px solid #c1e1d4; color: #c1e1d4; font-weight: bold; text-transform: uppercase; }
a { color: #578270; text-decoration: none; }
a:hover { color: #4B4B4B; }
a:active, a:focus { color: #4B4B4B; outline: none; }
hr { border-bottom: 1px solid #DDD; border-left: none; border-right: none; border-top: none; margin: 24px 0; }
img,
video { margin: 0; max-width: 100%; height: auto; }
abbr, acronym { border-bottom: 1px dotted #DDD; cursor: help; }
address { display: block; margin: 0 0 12px; }
hgroup { margin-bottom: 12px; }
del { color: #717171; }
blockquote { border: 0 none; color: #595959; margin: 0 0 24px 24px; }
@media screen and (min-width: 48em) {
blockquote { border-left: 3px solid #DDD; padding-left: 36px; }
}
cite { color: #8b8b8b; font-style: italic; }
cite:before { content: '\2014 \00A0'; }
input, textarea { -webkit-appearance: none; -webkit-border-radius: 0; }
/**
* Heading groups and generic any-heading class.
* To target any heading of any level simply apply a class of `.hN`, e.g.:
*
inuit.css
Best. Framework. Ever!
*
*/
hgroup .hN { margin-bottom: 0; }
/**
* A series of classes for setting massive type; for use in heroes, mastheads,
* promos, etc.
*/
/*------------------------------------*\
$SMALLPRINT
\*------------------------------------*/
/**
* A series of classes for setting tiny type; for use in smallprint etc.
*/
/** ClearFix **/
/** Buttons Base **/
/** Homepage Section Overviews **/
/** Interior Page Header **/
/** Interior Page Title **/
.content--section > h4 { font: 1.875rem/1em Sentinel Ssm A, Sentinel Ssm B, serif; font-size: 1.75rem; line-height: 1em; font-family: Sentinel Ssm A, Sentinel Ssm B, serif; margin-bottom: 15px; }
.content--section { margin-bottom: 1.5em; }
.listing { list-style: none; padding: 0; margin: 0; }
.listing > li { margin-bottom: 1.5rem; }
.listing__title { font: 1.35rem/1.2em Sentinel Ssm A, Sentinel Ssm B, serif; font-size: 1.35rem; line-height: 1.2em; font-family: Sentinel Ssm A, Sentinel Ssm B, serif; margin-bottom: 0px; }
.listing__date { font-size: 0.8em; font-weight: 700; color: #999999; }
.listing__tag { font-style: italic; }
.listing__tag a { color: #999999 !important; }
.listing__tag a:hover { color: black; }
p { margin: 0 0 24px; }
a { color: #578270; text-decoration: none; }
a:hover { color: #4B4B4B; }
a:active, a:focus { color: #4B4B4B; outline: none; }
hr { border-bottom: 1px solid #DDD; border-left: none; border-right: none; border-top: none; margin: 24px 0; }
img,
video { margin: 0; max-width: 100%; height: auto; }
abbr, acronym { border-bottom: 1px dotted #DDD; cursor: help; }
address { display: block; margin: 0 0 12px; }
hgroup { margin-bottom: 12px; }
del { color: #717171; }
blockquote { border: 0 none; color: #595959; margin: 0 0 24px 24px; }
@media screen and (min-width: 48em) {
blockquote { border-left: 3px solid #DDD; padding-left: 36px; }
}
cite { color: #8b8b8b; font-style: italic; }
cite:before { content: '\2014 \00A0'; }
input, textarea { -webkit-appearance: none; -webkit-border-radius: 0; }
/**
* Heading groups and generic any-heading class.
* To target any heading of any level simply apply a class of `.hN`, e.g.:
*
inuit.css
Best. Framework. Ever!
*
*/
hgroup .hN { margin-bottom: 0; }
/**
* A series of classes for setting massive type; for use in heroes, mastheads,
* promos, etc.
*/
/*------------------------------------*\
$SMALLPRINT
\*------------------------------------*/
/**
* A series of classes for setting tiny type; for use in smallprint etc.
*/
/** Social Icon Mixin **/
.contactus.form .box { max-width: 1152px; margin: 0 auto; padding: 10px; }
.contactus.form ul.inputs { padding-left: 0; }
.contactus.form ul.inputs li { list-style-type: none; margin-bottom: 10px; }
.contactus.form ul.inputs li input, .contactus.form ul.inputs li textarea { box-sizing: border-box; background-color: #c1e1d4; padding: 10px 0px 10px 25px; border: 1px solid #578270; width: 100%; color: #578270; }
.contactus.form ul.inputs li textarea { height: 180px; }
.contactus.form ul.inputs li input { height: 60px; }
.contactus.form ul.inputs li .company, .contactus.form ul.inputs li .industry, .contactus.form ul.inputs li .phone, .contactus.form ul.inputs li .email { display: inline-block; width: 48.9%; vertical-align: top; }
.contactus.form ul.inputs li .company, .contactus.form ul.inputs li .phone { margin-right: 1.4%; }
@media all and (max-width: 30em) {
.contactus.form ul.inputs li .company, .contactus.form ul.inputs li .phone { margin-right: 0; margin-bottom: 10px; }
}
.contactus.form ul.inputs ul.practice-areas li { width: 31%; margin-left: 2%; float: left; }
.contactus.form ul.inputs ul.practice-areas li input { height: 20px; width: auto; }
.contactus.form ul.inputs ul.practice-areas li div.input { position: absolute; margin-top: 3px; width: 30px; }
.contactus.form ul.inputs ul.practice-areas li div.area-name,
.contactus.form ul.inputs ul.practice-areas li label { margin-left: 35px; }
.contactus.form .selectone-message { clear: both; }
.contactus.form ul.buttons { padding: 0; }
.contactus.form ul.buttons li { list-style-type: none; }
.contactus.form ul.buttons li input[type=submit] { background-color: #578270; padding: .575em .7em; border: 2px solid #c1e1d4; color: #c1e1d4; font-weight: bold; text-transform: uppercase; }
.contactus.form ul.buttons li input[type=button] { background-color: #578270; padding: .575em .7em; border: 2px solid #c1e1d4; color: #c1e1d4; font-weight: bold; text-transform: uppercase; }
.clear:after { content: " "; display: table; clear: both; }
.contactus_page-addressblock-wrapper { padding-bottom: 25px; }
.contactus_page-addressblock { float: left; }
.contactus_page-phoneblock { float: left; padding-left: 50px; }
.contactus_page-spacing { padding: 23px 0px 0px; }
@media screen and (max-width: 30em) {
.contactus_page-phoneblock { padding-left: 0px; width: 100%; }
.contactus.form ul.inputs li .company, .contactus.form ul.inputs li .industry, .contactus.form ul.inputs li .phone, .contactus.form ul.inputs li .email { width: 100%; }
.company, .phone { margin-bottom: 10px; }
}