@font-face {
font-family: 'awiNav';
font-weight: normal;
font-style: normal;
src: url(//whycms.com/wp-content/themes/awi/fonts/awiNav.woff2?24x2p5) format('woff2'), url(//whycms.com/wp-content/themes/awi/fonts/awiNav.woff?24x2p5) format('woff');
font-display: swap;
}
@font-face {
font-family: 'Open Sans';
font-weight: 700;
font-style: normal;
src: url(//whycms.com/wp-content/themes/awi/fonts/opensans-bold-webfont.woff2) format('woff2'), url(//whycms.com/wp-content/themes/awi/fonts/opensans-bold-webfont.woff) format('woff');
font-display: swap;
}
@font-face {
font-family: 'Open Sans';
font-weight: 600;
font-style: normal;
src: url(//whycms.com/wp-content/themes/awi/fonts/opensans-semibold-webfont.woff2) format('woff2'), url(//whycms.com/wp-content/themes/awi/fonts/opensans-semibold-webfont.woff) format('woff');
font-display: swap;
}
@font-face {
font-family: 'Open Sans';
font-weight: normal;
font-style: normal;
src: url(//whycms.com/wp-content/themes/awi/fonts/opensans-regular-webfont.woff2) format('woff2'), url(//whycms.com/wp-content/themes/awi/fonts/opensans-regular-webfont.woff) format('woff');
font-display: swap;
} html {
box-sizing: border-box;
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
progress {
vertical-align: baseline;
}
template,
[hidden] {
display: none;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
text-decoration: underline;
text-decoration: underline dotted;
border-bottom: none;
}
b,
strong {
font-weight: inherit;
font-weight: bolder;
}
dfn {
font-style: italic;
}
mark {
color: #000;
background-color: #ff0;
}
small {
font-size: .75em;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
button,
input,
select,
textarea {
margin: 0;
font: inherit;
}
optgroup {
font-weight: bold;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
padding: 0;
border-style: none;
}
fieldset {
padding: .35em .625em .75em;
margin: 0 2px;
border: 1px solid #c0c0c0;
}
legend {
display: table;
box-sizing: border-box;
max-width: 100%;
padding: 0;
color: inherit;
white-space: normal;
}
textarea {
overflow: auto;
}
[type='checkbox'],
[type='radio'] {
box-sizing: border-box;
padding: 0;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
height: auto;
}
[type='search'] {
outline-offset: -2px;
-webkit-appearance: textfield;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-input-placeholder {
color: inherit;
opacity: .54;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=54)';
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
::-moz-selection {
color: #000;
text-shadow: none;
background: #0f70ac;
background: rgba(15, 112, 172, .6);
}
::selection {
color: #000;
text-shadow: none;
background: #0f70ac;
background: rgba(15, 112, 172, .6);
} html {
font-family: sans-serif;
font-size: 18px;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
font: 100%/1.5 'Open Sans', Arial, Helvetica, sans-serif; color: #000;
background: #fff;
}
p,
h1,
h2,
h3,
h4,
.alpha,
.beta,
.gamma,
.delta,
form,
table,
hr,
pre,
blockquote {
margin: 0 0 20px;
}
h1,
h2,
h3,
h4,
.alpha,
.beta,
.gamma,
.delta {
margin-top: 40px;
font-weight: 400;
line-height: 1.2;
}
h1 {
font-size: 2.5em;
color: #00609c;
}
.alpha {
font-size: 2.5em;
color: #00609c;
}
h2 {
font-size: 2.5em;
color: #00609c;
}
.beta {
font-size: 2.5em;
color: #00609c;
}
h3,
.gamma {
font-size: 1em;
color: #ff9012;
font-weight: bold;
}
h4,
.delta {
font-size: 1em;
}
h5 {
font-size: .875em;
}
h6 {
font-size: .75em;
}
ul,
ol,
dl,
menu {
padding: 0;
margin: 0 0 20px 40px;
}
ul,
ol,
dl{
font-weight: bold;
}
a {
color: #00609c;
text-decoration: none;
}
a:focus {
outline: 0;
}
a:active,
a:hover {
text-decoration: underline;
outline: 0;
}
strong,
b {
font-weight: bold;
}
em,
i {
font-style: italic;
}
img {
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
display: block;
height: 1px;
padding: 0;
border: 0;
border-top: 1px solid #ccc;
}
small,
sub,
sup {
font-size: 80%;
}
sub,
sup {
position: relative;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
table {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
}
td {
vertical-align: top;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
blockquote {
padding: 20px;
color: #00609c;
border-left: 8px solid;
}
blockquote a{
color:#ff9012;
}
blockquote p {
margin: 0;
}
blockquote h2 {
font-size: 1.5em;
font-weight: 700;
} .hidden,
.tablet-view,
.mobile-view {
display: none !important;
visibility: hidden;
}
.desktop-view {
display: block !important;
visibility: visible;
}
.clearfix:after,
.container:after {
content: '';
display: block;
clear: both;
}
.browserupgrade {
padding: 5px 0;
color: #000;
text-align: center;
background: #ccc;
}
[style*='background-image'] {
background-position: center;
background-size: cover;
}
.inlineblock-fix {
font-size: 0;
}
.inlineblock-reset {
font-size: 16px;
font-size: 1rem;
}
:active {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:first-child {
margin-top: 0;
}
:last-child {
margin-bottom: 0;
}
.list--unstyled {
margin: 0;
list-style: none;
}
.icon {
display: inline-block;
width: 1em;
height: 1em;
vertical-align: middle;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
.icon-buildings {
width: .93359375em;
}
.icon-facebook {
width: .4951171875em;
}
.icon-folder {
width: 1.2041015625em;
}
.icon-gears {
width: 1.0947265625em;
}
.icon-letter {
width: 1.375em;
}
.icon-linkedin {
width: .9736328125em;
}
.icon-lock {
width: .7138671875em;
}
.icon-logo {
width: 3.294921875em;
}
.icon-print {
width: 1.037109375em;
}
.icon-twitter {
width: 1.234375em;
} legend {
margin-left: -7px;
white-space: normal;
}
label {
display: block;
margin: 0 0 4px;
}
input,
textarea,
select,
button,
.button {
width: 100%;
height: 60px;
padding: 0 18px;
font: inherit;
color: #8a8c8c;
background: #f2f2f2;
border: 0;
border-radius: 0;
}
input,
textarea {
-webkit-appearance: none;
}
select {
padding: 0 0 0 5px;
background: #e6e6e6;
}
textarea {
height: 150px;
padding: 18px;
vertical-align: top;
overflow: auto;
resize: vertical;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'],
.button {
overflow: visible;
cursor: pointer;
-webkit-appearance: button;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
input[type='radio'],
input[type='checkbox'] {
width: auto;
height: auto;
padding: 0;
margin: 0 4px 0 0;
border: none;
}
input[type='radio'] {
-webkit-appearance: radio;
}
input[type='checkbox'] {
-webkit-appearance: checkbox;
}
input[type='file'] {
height: auto;
height: 32px\9;
background: none;
background: #fff\9;
border: none;
border: 1px solid #ccc\9;
}
input[type='file']::-ms-value {
background: #fff;
border: none;
}
input[type='search'] {
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'],
.button {
width: auto;
height: auto;
padding: 1em 1.5em;
font-size: 1.125em;
line-height: 1.2;
color: #fff;
cursor: pointer;
background: #ff9012;
border: none;
border-radius: 0;
-webkit-appearance: none;
}
.button--ghost {
padding: .5538em 1em;
color: #00609c;
background: none;
border: 1px solid #00609c;
}
br + .button--ghost {
margin-top: 10px;
}
form button,
form input[type='reset'],
form input[type='submit'],
form .button {
padding: .5538em 1em;
font-size: 1.625em;
}
.button {
display: inline-block;
text-align: center;
}
button:hover,
html input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover,
.button:hover {
text-decoration: none;
background: #ec8209;
}
.button--ghost:hover {
color: #fff;
background: #00609c;
}
button:active,
html input[type='button']:active,
input[type='reset']:active,
input[type='submit']:active,
.button:active {
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px);
}
button[disabled],
html input[disabled] {
cursor: default;
}
form .list--unstyled li + li {
margin-top: 15px;
}
.form-field--one-third {
float: left;
width: calc((100% - 16px) / 3);
}
.form-field--two-thirds {
float: left;
width: calc((100% - 16px) / 3 * 2);
}
.form-field--half {
float: left;
width: calc((100% - 16px) / 2);
}
.form-field--half + .form-field--half,
.form-field--one-third + .form-field--two-thirds,
.form-field--two-thirds + .form-field--one-third {
margin-left: 15px;
}
.form-field--half:nth-child(2),
.form-field--one-third:nth-child(2),
.form-field--two-thirds:nth-child(2) {
margin-top: 0;
}
li:not(.form-field--half) + .form-field--half,
li:not(.form-field--two-thirds) + .form-field--one-third,
li:not(.form-field--one-third) + .form-field--two-thirds {
margin-left: 0;
}
.form-field--half + li:not(.form-field--half),
.form-field--one-third + li:not(.form-field--two-thirds),
.form-field--two-thirds + li:not(.form-field--one-third) {
padding-top: 15px;
margin-top: 0;
clear: left;
} .container {
max-width: 1080px;
padding: 0 30px;
margin: 0 auto;
}
.full-width {
float: none;
width: 100%;
max-width: 54em;
margin: 0 auto;
}
.form-list {
max-width: 500px;
margin: 0;
list-style: none;
}
.form-list li {
margin: 10px 0 0;
}
.form-list li:first-child {
margin: 0;
} header {
padding: 20px 0; }
header .container {
position: relative;
left: 0;
max-width: 1160px;
transition: left .2s ease-out;
}
header .tagline {
position: absolute;
top: 28px;
clear: both;
left: 126px;
text-transform: uppercase;
font-size: 20px !important;
color: #005798;
font-weight: bold; }
header .logo { height: 80px;
width: 80px;
}
.header__right {
float: right;
text-align: right;
margin-top: 20px;
}
.header__right a.phone {
margin-right: 15px;
color: inherit;
vertical-align: middle;
}
.header__right a.phone:hover {
color: #00609c;
text-decoration: none;
}
.header__right svg {
margin-left: 10px;
font-size: 1.5em;
color: #000;
}
.header__right--mobile {
display: none;
}
.header__right--mobile svg {
margin-left: 10px;
font-size: 1.5em;
} nav{
text-align: left;
}
.nav {
float: right;
margin-top: 25px;
}
.nav .container {
padding: 0;
}
.awiNav__trigger,
.awiNav-wrap .awiNav__close,
.awiNav-wrap .awiNav__togglesub,
.awiNav-cover {
display: none;
}
.awiNav {
position: relative;
z-index: 200;
padding: 0;
margin: 0;
font-size: 0;
list-style: none;
}
.awiNav.collapsable {
white-space: nowrap;
}
.awiNav li {
position: relative;
margin: 0;
}
.awiNav > li {
display: inline-block;
height: 50px;
font-size: 1rem;
line-height: 50px;
}
.awiNav a {
display: block;
padding: 0 15px;
color: #8a8c8c;
white-space: nowrap;
text-decoration: none;
text-transform: uppercase;
}
.awiNav a:hover {
color: #ff9012;
}
.awiNav li.phone a:hover {
color: #00609c;
}
.awiNav ul {
position: absolute;
top: 100%;
left: 0;
display: none;
padding: .5em 0;
margin: 0;
line-height: 1;
list-style: none;
background: #333;
}
.awiNav > li:last-child ul {
right: 0;
left: auto;
}
.awiNav ul ul {
top: -.5em;
right: auto;
left: 100%;
}
.awiNav > li:last-child ul ul {
right: 100%;
left: auto;
}
.awiNav ul a {
padding-top: .5em;
padding-bottom: .5em;
color: #fff;
}
.awiNav ul a:hover {
color: #ff9012;
}
.awiNav li a.awiNav__alsotoggle:after {
content: '';
position: absolute; width: 0;
height: 0;
top: 20px;
right: -1px;
border-width: 8px 5px 0 5px; border-style: solid;
border-color: currentColor transparent transparent transparent;
}
.child-menu-trigger.active:before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.child-menu-trigger:hover {
color: #fb9c30;
}
@media screen and (min-width: 881px) {
.awiNav li:hover > ul {
display: block;
}
}
@media screen and (max-width: 1100px) {
.awiNav a {
padding: 0 10px;
font-size: 16px;
}
}
@media screen and (max-width: 1023px) {
.nav {
margin-top: 15px;
}
}
@media screen and (max-width: 880px) {
.awiNav-cover {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: calc(100vh + 200px);
cursor: pointer;
background: rgba(0, 0, 0, .6);
}
.awiNav__trigger {
position: relative;
display: block;
width: 50px;
height: 50px;
padding: 0;
margin: 0 10px 0 0;
line-height: 0;
cursor: pointer;
background: transparent;
border: 0;
border-radius: 0;
outline: 0;
}
.awiNav__trigger:hover{
background: transparent
}
.awiNav__trigger:active {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.awiNav__trigger span {
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 4px;
margin: -2px 0 0 -20px;
background: #333;
border-radius: 2px / 50%;
-webkit-box-shadow: 0 -8px 0 #333, 0 8px 0 #333;
box-shadow: 0 -8px 0 #333, 0 8px 0 #333;
}
.awiNav__trigger:hover span{
background: #fb9c30;
-webkit-box-shadow: 0 -8px 0 #fb9c30, 0 8px 0 #fb9c30;
box-shadow: 0 -8px 0 #fb9c30, 0 8px 0 #fb9c30;
transition: .3s;
}
.awiNav li a.awiNav__alsotoggle:after{
content: none;
}
.awiNav-wrap {
position: fixed;
top: 0;
left: 100%;
z-index: 999999;
width: calc(100% - 45px);
max-width: 320px;
height: calc(100vh + 200px);
padding-bottom: 200px;
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition:         transform .3s ease-out;
transition: -webkit-transform .3s ease-out;
transition:         transform .3s ease-out;
transition:         transform .3s ease-out, -webkit-transform .3s ease-out;
background: #333;
}
.awiNav-wrap.nav-shown {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.awiNav-wrap .awiNav__close {
position: relative;
display: block;
width: 100%;
height: 45px;
padding-left: 50px;
font-size: .9rem;
font-weight: 700;
text-align: left;
text-transform: uppercase;
background: none;
border-bottom: 1px solid #fff;
border-radius: 0;
}
.awiNav-wrap .awiNav__close:hover {
background: rgba(255, 255, 255, .1);
}
.awiNav-wrap .awiNav__close:active {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.awiNav__close span {
position: absolute;
top: 10px;
left: 10px;
width: 20px;
height: 3px;
-webkit-transform: rotate(45deg) translateX(4px);
-ms-transform: rotate(45deg) translateX(4px);
transform: rotate(45deg) translateX(4px);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
background: #fff;
border-radius: 2px;
}
.awiNav__close span ~ span {
-webkit-transform: rotate(-45deg) translateX(-4px);
-ms-transform: rotate(-45deg) translateX(-4px);
transform: rotate(-45deg) translateX(-4px);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.awiNav {
width: 100%;
max-height: calc(100% - 45px);
text-align: left;
overflow-y: auto;
}
.awiNav.nav-hidden,
.awiNav .nav-hidden {
display: none;
}
.awiNav.nav-shown,
.awiNav .nav-shown {
display: block;
}
.awiNav li,
.awiNav > li {
display: block;
width: 100%;
height: auto;
font-size: 0;
line-height: 1.2;
border-bottom: 1px dotted rgba(255, 255, 255, .1);
}
.awiNav__links {
position: relative;
}
.awiNav a,
.awiNav ul a {
display: block;
padding: calc(22.5px - .6rem) 15px;
font-size: 1rem;
color: #fff;
white-space: normal;
}
.awiNav .awiNav__links > a {
display: inline-block;
width: calc(100% - 45px);
vertical-align: middle;
}
.awiNav-wrap .awiNav .awiNav__togglesub {
position: absolute;
top: 0;
right: 0;
display: inline-block;
width: 45px;
height: 100%;
font-size: 0;
vertical-align: middle;
text-indent: -9999px;
background: rgba(255, 255, 255, .1);
}
.awiNav-wrap .awiNav__togglesub.nav-hidden {
display: none;
}
.awiNav__togglesub::before {
content: '';
position: absolute;
top: calc(50% - 5px);
left: calc(50% - 5px);
width: 0;
height: 0;
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition:         transform .3s ease-out;
transition: -webkit-transform .3s ease-out;
transition:         transform .3s ease-out;
transition:         transform .3s ease-out, -webkit-transform .3s ease-out;
border-width: 10px 5px 0 5px;
border-style: solid;
border-color: #fff transparent transparent transparent;
}
.sub-shown > .awiNav__links > .awiNav__togglesub::before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.awiNav ul {
position: static;
padding: 0;
background: rgba(255, 255, 255, .1);
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media screen and (max-width: 567px) {
.nav {
margin-top: 10px;
}
} .banner {
height: 450px;
position: relative;
z-index: 1;
}
.home .banner{
height: 500px;
}
.banner:after {
content: ''; background: rgba(0, 0, 0, .2);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
} .flexslider .slides, .flexslider .slides li, .slide,.flex-viewport {
height: 100%;
}
.banner .container {
display: table;
width: 100%;
height: 100%;
}
.banner__content {
display: table-cell;
vertical-align: middle;
}
.banner svg {
margin: -1em 0 10px;
font-size: 82px;
color: #fff;
}
.banner h3 {
margin: 0;
font-size: 2.5em; color: #ffffff;
text-shadow: 0px 3px 8px rgb(0 0 0);
}
.banner h1 {
margin: 0;
font-size: 2.5em;
color: #ffffff;
text-shadow: 0px 3px 8px rgb(0 0 0);
}
.banner p {
font-size: 1.5em;
font-weight: 600;
color: #fff;
text-shadow: 0px 3px 8px rgb(0 0 0);
}
.content-banner {
padding: 50px 0;
}
.content-banner__bottom {
padding-top: 50px;
clear: both;
}
.content-banner__bottom h1 {
width: 575px;
max-width: 100%;
font-weight: 700;
color: #0055b8;
}
.content-banner__bottom h1 strong {
color: #00a8e1;
}
.content-banner__bottom p {
float: left;
width: 575px;
max-width: calc(100% - 260px);
margin: 0;
font-size: 1.5em;
font-weight: 300;
font-style: oblique;
line-height: 1.2;
}
.content-banner__bottom .button {
float: right;
width: 234px;
font-size: 1.5625em;
color: #fff;
padding: .65em 10px;
background: #0055b8;
border: 0;
border-radius: 8px;
white-space: nowrap;
}
.content-banner__bottom .button:hover {
background: #00a8e1;
} .benefits {
padding: 50px 0 0;
}
.benefits .container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
} .benefits ul {
float: left;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.benefits li {
display: inline-block;
max-width: 110px;
text-align: center;
vertical-align: top;
}
.benefits li + li {
margin-left: 25px;
}
.benefits svg {
display: block;
width: 75px;
height: 75px;
margin: 0 auto 15px;
}
.benefits .button {
float: right;
font-size: 1.4706em;
color: #fff;
background: #00a8e1;
border: 0;
border-radius: 8px;
}
.benefits .button:hover {
background: #0055b8;
}
.sectioned-content > .container > article >:not(section) h2 {
font-size: 2.875em;
font-style: oblique;
line-height: 1;
color: #0055b8;
}
.sectioned-content section:not(:first-child) {
margin-top: 50px;
}
.sectioned-content section {
width: 100%;
display: table;
}
.section__content,
.section__figure {
display: table-cell;
vertical-align: top;
}
.section__content { width: calc(100% - 340px);
max-width: 536px;
}
.section__figure { padding-left: 30px;
width: 300px;
max-width: 100%;
p
}
.section__content h2 {
font-size: 1.8125em;
font-weight: 600;
color: #00a8e1;
}
.section__content h2,
.section__content p {
margin-bottom: 10px;
}
.sectioned-content .button {
padding: .65em 1.25em;
font-size: 1em;
color: #00a8e1;
background: none;
border: 1px solid #00a8e1;
}
.sectioned-content .button:hover {
color: #fff;
background: #00a8e1;
}
.section__content .subtitle {
margin-top: -10px;
font-size: 1.2941em;
font-style: oblique;
} .services {
padding: 60px 0;
text-align: center;
overflow: hidden;
}
.services h1 {
margin-bottom: 10px;
}
.home .services p{
font-size: 21px
}
.services-list {
text-align: center;
}
.services .services-list {
margin: 90px 0;
}
.services-list li { display: inline-block;
vertical-align: top;
position: relative;
width: 18%; }
.services-list li:last-child { }
.services-list a {
position: relative;
z-index: 1;
display: block;
color: inherit;
transition: -webkit-transform .15s ease-out;
transition: transform .15s ease-out;
transition: transform .15s ease-out, -webkit-transform .15s ease-out; color: #00609c
}
.services-list li.blue a{
color: #00609c;
}  .services-list li.faded { -webkit-filter: grayscale(1);
filter: grayscale(1);
}
.services-list li.highlighted[data-filter='1'] a {
color: #ff9012;
}
.services-list li.highlighted[data-filter='2'] a {
color: #00609c;
}
.services-list a:hover, .services-list li:first-child a:hover {
text-decoration: none; color: #ff9012;
transition: .3s; }
.services-list li:last-child a:hover, .services-list li.blue a:hover { -webkit-transform: none;
-ms-transform: none;
transform: none;
transition: .3s;
}
.services-list li:last-child a:hover:before {
background: #00609c;
transition: .3s;
}
.services-list svg {
display: block;
width: 85px;
height: 85px;
margin: 0 auto;
}
.services-list h4 { margin: 10px auto 0; font-size: 16px;
font-weight: bold;
}
.services__filter {
text-align: center;
border-radius: 10px;
}
.services__filter li {
display: inline-block;
vertical-align: middle;
border-top: 2px solid #f2f2f2;
border-bottom: 2px solid #f2f2f2;
}
.services__filter li:first-child {
border-left: 2px solid #f2f2f2;
border-radius: 10px 0 0 10px;
}
.services__filter li:last-child {
border-right: 2px solid #f2f2f2;
border-radius: 0 10px 10px 0;
}
.services__filter button {
font-size: 1em;
color: #8a8c8c;
background: none;
border-radius: 10px;
}
.services__filter li:nth-child(2) button {
color: #ff9012;
}
.services__filter li:nth-child(3) button {
color: #00609c;
}
.services__filter li:hover {
background: #f2f2f2;
}
button.services__filter-active {
position: relative;
z-index: 1;
margin: -1px;
background: #f2f2f2;
border: 1px solid #ff9012;
}
.services__filter li:nth-child(3) button.services__filter-active {
border-color: #00609c;
}
.services-inner {
padding: 30px 0;
background: #f2f2f2;
border-top: 1px solid #ff9012;
border-bottom: 1px solid #ff9012;
}
.services-inner .services-list li {
width: 13.6667%;
}
.services-inner .services-list li:last-child {
width: 13.6667%;
margin: 0;
} .services-inner .services-list li:last-child a:hover { color: #2387c5;
}
.services-inner .services-list svg {
color: inherit;
} .page-id-14 .services-inner .services-list li:nth-child(1),
.page-id-16 .services-inner .services-list li:nth-child(2),
.page-id-15 .services-inner .services-list li:nth-child(3),
.page-id-18 .services-inner .services-list li:nth-child(4),
.page-id-19 .services-inner .services-list li:nth-child(5) {
color: #ff9012;
} .services-inner .services-list li:last-child {
color: #00609c;
}
.services-inner .services-list li:hover a:before {
top: -15px;
height: calc(100% + 30px);
} .govt-contractors {
overflow: hidden;
background: #f2f2f2;
border-top: 1px solid #ff9012;
border-bottom: 1px solid #ff9012;
}
.govt-contractors__inner {
display: table;
width: 100%;
}
.govt-contractors__content {
display: table-cell;
width: 73.75%;
padding: 30px 0;
vertical-align: middle;
}
.govt-contractors__content h3 {
padding-right: 20px;
margin: 0;
font-size: 2em;
font-weight: 700;
}
.govt-contractors__content p {
padding-right: 20px;
font-size: 1.25em;
}
.govt-contractors__link {
position: relative;
display: table-cell;
width: 26.25%;
vertical-align: middle;
}
.govt-contractors__link a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 1.625em;
font-weight: 600;
color: #fff;
text-align: center;
vertical-align: middle;
background: #ff9012;
}
.govt-contractors__link span {
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.govt-contractors__link a:hover,
.govt-contractors__link a:hover:after {
text-decoration: none;
background: #ec8209;
}
.govt-contractors__link a:after {
content: '';
position: absolute;
top: 0;
left: 100%;
width: 100vw;
height: 100%;
background: #ff9012;
}
.schedule-cta {
padding: 40px 0;
color: #fff;
text-align: center;
background: #00609c;
border-top: 2px solid #ff9012;
border-bottom: 2px solid #ff9012;
}
.schedule-cta h3 {
margin: 0 0 10px;
font-size: 2.5em;
}
.flexbox .schedule-cta h3 {
margin: 0;
}
.flexbox .schedule-cta .container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: left;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
} .govt-contractors-alt {
padding: 40px 0;
text-align: center;
}
.govt-contractors-alt .container > * {
display: inline-block;
margin: 0;
font-size: 1.125em;
vertical-align: baseline;
}
.govt-contractors-alt h3 {
font-weight: 700;
} .govt-contractors-alt a {
color: #ff9012;
font-weight: bold;
text-decoration: underline;
}
.govt-contractors-alt a:hover {
text-decoration: none;
} main { padding: 60px 0;
}
.top-text {
padding: 40px 0;
font-size: 24px;
text-align: center;
border-bottom: 8px solid #fe9111;
color: #ffffff;
background: #005798;
}
.top-text h1{
color: #ffffff;
}
.sectioned {
padding: 0;
}
.sectioned section {
padding: 90px 0;
}
.sectioned .section--sm {
padding: 30px 0;
}
.section--grey {
background: #f2f2f2;
border-top: 1px solid #ff9012;
border-bottom: 1px solid #ff9012;
}
article,
aside {
float: left;
width: 70%;
width: calc(100% - 330px);
}
.flush-img {
display: table;
width: 100%;
}
.flush-img__content,
.flush-img__aside {
float: none;
display: table-cell;
vertical-align: middle;
}
.flush-img__content {
width: calc(100% - 370px);
}
.home-banner-title{
background: #00609c;
padding: 30px 0;
}
.home-banner-title h2{
font-size: 44px;
text-align: center;
color: #ffffff;
}
.home main p { }
.colspan-img {
margin-bottom: 20px;
}
.colspan-img img {
display: block;
width: 100%;
}
.text-cols {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
} aside {
width: 30%;
width: calc(100% - (100% - 330px));
padding: 0 0 0 30px;
}
.flush-img__aside {
width: 400px;
padding-right: 30px;
margin-left: -30px;
}
.flush-img__content ~ .flush-img__aside {
padding-right: 0;
padding-left: 30px;
margin-right: -30px;
margin-left: 0;
}
.sidebar {
margin-bottom: 30px;
}
.sidebar--dynamic {
padding-left: 20px;
border-left: 8px solid #015082;
}
.sidebar--dynamic ul {
margin-left: 0;
list-style: none;
}
.sidebar--dynamic > ul > li {
margin: 0 0 30px;
}
.sidebar--dynamic ul ul li {
margin: 0 0 20px;
line-height: 1.2;
}
.sidebar--dynamic li:last-child {
margin-bottom: 0;
} .our-customers {
padding: 40px 0;
text-align: center;
border-top: 2px solid #f2f2f2;
}
.our-customers h3 {
font-size: 2.625em;
} .our-customers li {
display: inline-block;
padding: 20px;
}
.our-customers li img{
width: auto;
max-height: 50px;
} footer {
padding: 40px 0;
color: #2e2e2e;
background: #d5d7d9;
}
footer .tagline {
text-align: center;
clear: both;
text-transform: uppercase;
font-size: 20px !important;
color: #005798;
font-weight: bold; }
footer a {
color: inherit;
}
footer .clearfix:after,
footer .container:after {
content: '';
display: block;
clear: both;
}
.footer-logo {
height: 90px;
width: 125px;
}
footer address {
font-style: normal;
}
.footer-phone {
font-size: 2em;
}
.footer-phone:hover {
text-decoration: none;
color: #ff9012;
transition: .3s;
}
.footer-col {
float: right;
width: 20%;
}
.footer-col--l {
float: left;
width: 25%;
}
.footer-col--m {
width: 55%;
padding: 0 15px;
text-align: center;
}
.footer-col--m h3 {
font-size: 2.25em;
}
.footer-col--m h3,
.footer-col--m p {
margin-bottom: 15px;
}
.social-media li {
display: inline-block;
vertical-align: middle;
}
.social-media li + li {
margin-left: 8px;
}
.social-media a {
display: block;
transition: -webkit-transform .15s ease-out;
transition: transform .15s ease-out;
transition: transform .15s ease-out, -webkit-transform .15s ease-out;
}
.social-media a:hover {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.social-media svg {
width: 26px;
height: 26px;
}
.footer-links {
margin-top: -20px;
font-size: 16px;
}
.copyright {
margin: 15px 0 0;
font-size: 14px;
list-style: none;
}
.copyright li{
margin: 5px 0;
}
.cms-group {
padding: 20px 0;
font-size: 1.125em;
color: #00609c;
text-align: center;
}
.cms-group img {
vertical-align: middle;
}
.footer-alt {
color: #fff;
background: #00609c;
}
.footer-alt a {
color: inherit;
}
.footer-alt__left {
float: left;
margin-top: 7px;
}
.footer-alt__left .footer-logo {
font-size: 24px;
vertical-align: middle;
margin: 0 10px 0 0;
}
.footer-alt__left .footer-logo:hover {
text-decoration: none;
color: #008fbe;
}
.footer-alt__left address {
display: inline-block;
font-style: normal;
vertical-align: middle;
}
.footer-alt__right {
float: right;
}
.footer-alt__right {
font-weight: 600;
font-size: 1.4375em;
}
.footer-alt__right a[href^='tel'] {
color: #008fbe;
}
.footer-alt__right .button {
padding: .65em 1em;
margin-left: 10px;
vertical-align: middle;
font-size: .6956em;
background: none;
border: 1px solid #fff;
border-radius: 10px;
}
.footer-alt__right .button:hover {
color: #00609c;
background: #fff;
}
.copyright-alt {
font-size: 0;
margin: 0;
text-align: center;
color: #fff;
background: #1a1a1a;
}
.copyright-alt li {
display: inline-block;
font-size: .625rem;
vertical-align: middle;
padding: 6px;
}
.copyright-alt li + li {
border-left: 1px solid;
}
.copyright-alt a {
color: inherit;
} .wpcf7-form.sent * {
display: none;
}
.wpcf7-response-output {
padding: 0 !important;
margin: 0 !important;
font-size: 80%;
line-height: 1.2;
}
.wpcf7-mail-sent-ok {
padding: 4px 6px !important;
color: #318a1c;
background: #d2f7ad;
border: 1px solid #aedb2e !important;
}
.wpcf7-validation-errors {
color: #f00;
border: none !important;
}
.wpcf7-not-valid-tip {
top: 0 !important;
left: auto !important;
width: auto !important;
padding: 0 !important;
font-size: 80% !important;
background: none !important;
border: none !important;
}
.wpcf7-captchac {
display: inline-block;
vertical-align: text-bottom;
}
span.wpcf7-form-control-wrap {
position: static !important;
width: 100%;
}
input.wpcf7-not-valid,
textarea.wpcf7-not-valid,
select.wpcf7-not-valid {
background: #f6c1c1;
border: 1px solid #f00;
}
div.wpcf7 img.ajax-loader {
position: absolute;
display: inline-block;
}
span.wpcf7-list-item {
margin: 0 !important;
} .jetpack_subscription_widget form,
.jetpack_subscription_widget label[for='subscribe-field'] {
margin: 0;
}
.jetpack_subscription_widget label[for='email'],
#subscribe-text {
display: none;
}
#subscribe-email {
margin: 0 0 10px;
}
#subscribe-submit {
margin: 0;
}
#subscribe-email input {
width: 100% !important;
}
div.success p {
margin: 0 0 10px;
font-size: 16px;
font-size: 1rem;
line-height: 1.2;
}
div.sharedaddy div.sd-block {
padding: 0 !important;
margin: 0 0 15px !important;
border: none !important;
}
div.sharedaddy .sd-content {
width: 100% !important;
margin: 0 !important;
}
.widget_rss_links p {
margin: 0;
text-align: center;
}
.widget_rss_links img {
display: inline;
margin-right: 5px;
vertical-align: middle;
}
#wpstats,
.home div.sharedaddy,
.archive div.sharedaddy,
.search div.sharedaddy {
display: none;
}
.comment-subscription-form {
margin: 0;
}
.embed-youtube,
.embed-vimeo {
position: relative;
max-width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
}
.embed-youtube iframe,
.embed-vimeo iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}  @media screen and (max-width: 1120px) {
.services-list li,
.services-inner .services-list li,
.services-inner .services-list li:last-child {
width: 33.3333%;
}
.services-list li:nth-child(2) ~ li {
padding-top: 40px;
} .services-list li:last-child {
width: 33.3333%;
margin: 0;
}
}
@media screen and (max-width: 1023px) {
.container {
padding: 0 20px;
}
.content-banner {
padding: 40px 0;
}
.content-banner__bottom {
padding-top: 40px;
}
.benefits {
padding: 40px 0 0;
}
.services {
padding: 70px 0;
}
.services .services-list {
margin: 70px 0;
}
.services-list h4 {
font-size: 1em;
}
main {
padding: 70px 0;
}
.top-text {
padding: 50px 0;
}
.sectioned section {
padding: 70px 0;
}
.sectioned-content section:not(:first-child) {
margin-top: 40px;
}
aside {
padding-left: 20px;
}
.flush-img__aside {
width: 390px;
margin-left: -20px;
}
.flush-img__content ~ .flush-img__aside {
margin-right: -20px;
margin-left: 0;
}
}
@media screen and (max-width: 940px) {
header .tagline{
left: 110px;
font-size: 17px !important;
}
.awiNav a{
font-size: 15px;
}
.services-list li,
.services-inner .services-list li,
.services-inner .services-list li:last-child {
width: 33.3333%;
}
.services-list li:nth-child(3) ~ li {
padding-top: 40px;
}
.services-list li:last-child {
width: 33.3333%;
margin: 0;
} .govt-contractors .inlineblock-reset {
font-size: .75rem;
}
.govt-contractors__content {
width: 65%;
}
.govt-contractors__link {
width: 35%;
}
.home main p { }
.flush-img .container {
display: table;
width: 100%;
}
.flush-img__content,
.flush-img__aside,
.flush-img__content ~ .flush-img__aside {
display: block;
width: 100%;
padding: 0;
margin: 0;
}
/
.flush-img__aside,
.flush-img__content ~ .flush-img__aside {
margin: 30px 0 0;
}
.flush-img__aside img {
display: block;
margin: 0 auto;
}
.footer-alt__left,
.footer-alt__right {
float: none;
text-align: center;
}
.footer-alt__left {
margin: 0 0 15px;
}
}
@media screen and (max-width: 900px) {
.benefits .container {
display: block;
text-align: center;
}
.benefits ul {
margin: 0 auto 20px;
}
.benefits ul,
.benefits .button {
float: none;
}
}
@media screen and (max-width: 767px) {
header .tagline {position: absolute;
font-size: 18px !important;
left: 120px;}
blockquote {
padding: 15px;
}
.container {
padding: 0 10px;
}
.banner {
height: 300px;
font-size: .9em;
}
.banner p {
font-size: 1.25em;
}
.banner svg {
font-size: 60px;
}
.content-banner {
padding: 30px 0;
}
.content-banner__bottom {
padding-top: 30px;
}
.content-banner__bottom p {
float: none;
max-width: 100%;
}
.content-banner__bottom .button {
float: none;
margin-top: 20px;
}
.benefits {
padding: 30px 0 0;
}
.services {
padding: 50px 0;
}
.services .services-list {
margin: 50px 0;
}
.services-list li:last-child a:before {
top: -15px;
height: calc(100% + 30px);
border-radius: 23px;
}
.flexbox .schedule-cta .container {
display: block;
text-align: center;
}
.flexbox .schedule-cta h3 {
margin: 0 0 10px;
}
main {
padding: 50px 0;
}
.top-text {
padding: 35px 0;
}
.sectioned section {
padding: 50px 0;
}
.sectioned-content section:not(:first-child) {
margin-top: 30px;
}
.section__figure,
.section__content {
display: block;
margin: 0 auto;
}
.section__content {
width: 100%;
max-width: none;
margin: 10px auto 0;
}
.section__figure {
width: 100%;
padding-left: 0;
display: table-header-group;
}
.section__figure img {
margin: 0 auto 20px;
display: block;
}
article,
aside {
float: none;
width: 100%;
}
.text-cols {
-webkit-columns: 1;
-moz-columns: 1;
columns: 1;
}
aside {
padding: 0;
margin-top: 20px;
}
.sidebar {
padding: 15px;
}
footer {
padding: 30px 0;
}
.footer-col {
float: none;
width: 100%;
padding: 0;
text-align: center;
}
.footer-col--l {
margin-top: 30px;
}
.footer-col--r {
display: none;
}
.footer-col--m h3 {
font-size: 1.5em;
}
.copyright-alt {
padding: 3px 0;
}
.copyright-alt li {
display: block;
padding: 3px 10px;
}
.copyright-alt li + li {
border: 0;
}
}
@media screen and (max-width: 567px) {
header .tagline {
font-size: 18px !important;
left: 100px;
}
header .logo{
height: 75px;
width: 75px;
}
h1 {
font-size: 2.5em;
}
.alpha {
font-size: 2.5em;
}
h2 {
font-size: 2.5em;
}
.beta {
font-size: 2.5em;
}
html {
font-size: 1rem;
}
.form-field--half,
.form-field--one-third,
.form-field--two-thirds {
float: none;
width: 100%;
}
.form-field--half + .form-field--half,
.form-field--one-third + .form-field--two-thirds,
.form-field--two-thirds + .form-field--one-third {
margin-left: 0;
}
.form-field--half:nth-child(2),
.form-field--one-third:nth-child(2),
.form-field--two-thirds:nth-child(2) {
margin-top: 15px;
}
header {
padding: 15px 0;
}
.header__right--mobile {
display: block;
margin-top: 15px;
font-size: .75em;
}
.menu-trigger {
height: 30px;
margin: 0;
}
.banner h3 {
font-size: 2.5em;
}
.banner h1 {
font-size: 2.5em;
}
.banner {
height: 200px;
font-size: .75em;
}
.banner p {
font-size: 1em;
}
.banner svg {
font-size: 30px;
}
.content-banner {
padding: 20px 0;
}
.content-banner__bottom {
padding-top: 20px;
}
.content-banner h1 {
font-size: 2.7059em;
}
.content-banner p,
.content-banner .button {
width: auto;
font-size: 1em;
}
.benefits {
padding: 20px 0 0;
}
.benefits ul {
max-width: 250px;
margin: 0 auto 20px;
}
.benefits li {
width: calc((100% - 25px) / 2);
max-width: none;
margin-top: 20px;
}
.benefits li:nth-child(1),
.benefits li:nth-child(2) {
margin-top: 0;
}
.benefits li:nth-child(2n+1) {
margin-left: 0;
clear: left;
}
.services {
padding: 30px 0;
}
.services .services-list {
margin: 30px 0;
}
.services-list li,
.services-inner .services-list li,
.services-inner .services-list li:last-child {
width: 50%;
}
.services-list li:last-child {
width: 50%;
margin: 0;
}
.services-list li:nth-child(2) ~ li {
padding-top: 30px;
}
.services-list h4 {
font-size: .875em;
}
.services__filter li {
display: block;
border: 0;
border-right: 2px solid #f2f2f2;
border-left: 2px solid #f2f2f2;
}
.services__filter li:first-child {
border-top: 2px solid #f2f2f2;
border-radius: 10px 10px 0 0;
}
.services__filter li:last-child {
border-bottom: 2px solid #f2f2f2;
border-radius: 0 0 10px 10px;
}
.services__filter button {
width: 100%;
}
.schedule-cta h3 {
font-size: 2.5em;
}
.govt-contractors__inner {
display: block;
}
.govt-contractors__content,
.govt-contractors__link {
display: block;
width: 100%;
}
.govt-contractors__link a {
position: static;
display: block;
width: calc(100% + 20px);
padding: 15px 0;
margin: 0 -10px;
}
.govt-contractors__link a:after {
display: none;
}
.govt-contractors__link span {
position: static;
margin: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.schedule-cta {
padding: 30px 0;
font-size: .8em;
}
.govt-contractors-alt {
padding: 20px 0;
}
main {
padding: 30px 0;
}
.top-text {
padding: 20px 0;
}
.sectioned section {
padding: 30px 0;
}
.sectioned-content section:not(:first-child) {
margin-top: 20px;
}
.top-text {
font-size: 1.3333em;
text-align: left;
}
.colspan-img {
position: relative;
height: 180px;
overflow: hidden;
}
.colspan-img img {
position: absolute;
top: 0;
left: 50%;
width: auto;
max-width: none;
height: 100%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.our-customers {
padding: 20px 0;
}
.our-customers h3 {
font-size: 2em;
}
footer .links {
display: none;
}
footer address {
float: none;
width: 100%;
text-align: center;
}
.copyright li {
display: block;
padding: 0;
line-height: 1;
border: none;
}
.footer-alt__left .footer-logo {
margin: 0 0 15px;
}
.footer-alt__right .button {
margin: 15px 0 0;
display: block;
}
}
@media print {
@page {
margin: .5cm !important;
}
*,
*:before,
*:after {
color: #000 !important;
text-shadow: none !important;
background: transparent !important;
box-shadow: none !important;
}
body {
padding: .75cm !important;
font: 10pt/1.2 Arial, Helvetica, sans-serif !important;
}
article,
.container {
display: block;
width: 100%;
padding: 0;
margin: 0;
}
nav,
aside,
footer {
display: none;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: ' (' attr(href) ')';
}
abbr[title]:after {
content: ' (' attr(title) ')';
}
a[href^='#']:after,
a[href^='javascript:']:after {
content: '';
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 18pt !important;
font-weight: bold !important;
}
h2 {
font-size: 16pt !important;
}
h3 {
font-size: 14pt !important;
}
h4 {
font-size: 12pt !important;
}
h5,
h6 {
font-size: 10pt !important;
}
code {
font: 10pt Courier, monospace;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
} ul.news{
margin: 0 auto;
list-style-type: none;
} .apply-banner{
background: #488dd7;
padding: 50px 0;
text-align: center;
}
.apply-banner h2{
color: #ffffff;
}@font-face {
font-family: 'flexslider-icon';
src: url(//whycms.com/wp-content/themes/awi/fonts/flexslider-icon.eot);
src: url(//whycms.com/wp-content/themes/awi/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'), url(//whycms.com/wp-content/themes/awi/fonts/flexslider-icon.woff) format('woff'), url(//whycms.com/wp-content/themes/awi/fonts/flexslider-icon.ttf) format('truetype'), url(//whycms.com/wp-content/themes/awi/fonts/flexslider-icon.svg#flexslider-icon) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
} .flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flex-pauseplay span {
text-transform: capitalize;
} .flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
width: 100%;
display: block;
}
.flexslider .slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .flexslider .slides {
display: block;
}
* html .flexslider .slides {
height: 1%;
}
.no-js .flexslider .slides > li:first-child {
display: block;
} .flexslider {
position: relative;
zoom: 1;
overflow: hidden;
}
.flexslider .slides {
zoom: 1;
}
.flexslider .slides img {
height: auto;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
.carousel li {
margin-right: 5px;
}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 50px;
margin: -25px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
font-family: "flexslider-icon";
font-size: 40px;
display: inline-block;
content: '\f001';
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
content: '\f002';
}
.flex-direction-nav .flex-prev {
left: -50px;
}
.flex-direction-nav .flex-next {
right: -50px;
text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
opacity: 0.7;
right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0!important;
filter: alpha(opacity=0);
cursor: default;
}
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before {
font-family: "flexslider-icon";
font-size: 20px;
display: inline-block;
content: '\f004';
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play:before {
content: '\f003';
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
height: auto;
display: block;
opacity: .7;
cursor: pointer;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
} @media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
}.alignnone { display: inline-block; margin: 5px 20px 20px 0; vertical-align: middle; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 20px auto; }
.alignright { display: inline-block; float: right; margin: 5px 0 20px 20px; }
.alignleft { display: inline-block; float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 20px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin: 5px auto 20px auto; }
.wp-caption { background: #fff; border: 1px solid #ccc; max-width: 100%; padding: 5px 5px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 1.2; margin: 0; padding: 5px 0 0; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.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: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
.navigation { margin: 0 0 20px; display: block; }
.navigation .alignleft, .navigation .alignright { width: 50%; margin: 0; display: block; }
.navigation .alignright { text-align: right; }
.pagination { margin: 0 0 20px; text-align: center; }
.page-numbers { padding: 0 1px; }
.wp-posts-list, .wp-search-list { margin: 0; padding: 0; list-style: none; }
.wp-posts-list > li:nth-child(n+2), .wp-search-list > li:nth-child(n+2) { margin-top: 30px; }
.postmetadata-list { margin: 0 0 5px; padding: 0; font-size: 0; list-style: none; }
.postmetadata-list > li { padding-right: 6px; font-size: .75rem; line-height: 1.2; display: inline-block; }
.postmetadata-list > li:nth-child(n+2) { padding-left: 6px; border-left-width: 1px; border-left-style: solid; }
#searchform input:nth-child(n+2) { margin-top: 10px; }
@media only screen and (max-width: 767px) { img.alignnone, img.aligncenter, img.alignright, img.alignleft, a > img.alignnone, a > img.aligncenter, a > img.alignright, a > img.alignleft, .wp-caption, .wp-caption.alignnone, .wp-caption.alignleft, .wp-caption.alignright { display: block; margin: 0 auto 20px; float: none; } }
@media only screen and (max-width: 567px) { .postmetadata-list > li, .postmetadata-list > li:nth-child(n+2) { margin-top: 2px; padding: 0; display: block; border: none; } .search-results-url { display: none; } }