@charset "utf-8";
/* CSS Document */

body,
html {
    margin: 0;
    min-height: 100vh;
    min-width: 100%;
    padding: 0;
    position: relative;
    text-align: center
}

body {
    background: #f8f8f8
}

body.home {
    background: #fff
}

body.is-cardShown {
    height: 100%;
    overflow: hidden
}

svg.u-icon {
    display: inline-block;
    vertical-align: baseline
}

svg use {
    pointer-events: none
}

::-moz-selection {
    background: #101d49;
    color: #fff
}

::selection {
    background: #101d49;
    color: #fff
}

a {
    color: #101d49;
    text-decoration: underline
}

a:active,
a:focus,
a:hover {
    color: #122254
}

a:link {
    -webkit-tap-highlight-color: rgba(18, 34, 84, .5)
}

hr {
    clear: both;
    border: 0;
    border-bottom: 1px solid #101d49;
    display: block;
    margin: 0 0 1em;
    padding: 0;
    width: 100%
}

img {
    max-width: 100%
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.Main {
    overflow: hidden;
    position: relative
}

.post-header {
    margin-top: 20px !important;
    padding: 0 20px !important;
    position: relative
}

.post-title {
    border-bottom: 1px solid #101d49;
    padding: 0
}

.post-back {
    display: block;
    clear: both;
    float: left;
    margin: 20px 0 0;
    text-decoration: none;
    text-transform: uppercase
}

.form-edit {
    padding-bottom: 60px !important;
    padding-top: 60px !important;
    text-align: left
}

.Update {
    padding: 10px;
    position: relative
}

.Update,
.Update-image {
    margin-bottom: 20px
}

.Update-title {
    line-height: 1.25
}

.Update-title span {
    color: #5a2a74;
    font-weight: 700
}

.Update-subtitle,
.Update-title span {
    font-family: Proxima Nova, Helvetica, Arial, sans-serif
}

.Update-subtitle {
    text-align: left;
    margin-bottom: 20px;
    text-transform: none
}

.Update-links a.Button {
    margin-bottom: 10px
}

.FrontAdmin {
    background: #101d49;
    color: #fff;
    padding: 10px;
    position: fixed;
    width: 100%;
    z-index: 100
}

.FrontAdmin-link {
    color: #fff;
    font-weight: 700;
    xtext-decoration: none
}

.FrontAdmin-link:focus,
.FrontAdmin-link:hover {
    color: #fff;
    opacity: .75
}

#wp-submit,
.action button,
.button,
.Button,
a.Button {
    background-color: #fff;
    border: none;
    border-radius: .833333333em;
    color: #101d49;
    cursor: pointer;
    display: inline-block;
    font-family: SackersGothicStd-Medium, Proxima Nova, Helvetica, Arial, sans-serif;
    font-size: .75em;
    font-weight: 400;
    letter-spacing: 1.5px;
    line-height: 1.2;
    margin: 0;
    min-height: 40px;
    outline: none !important;
    padding: 11px 12px 9px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: background .3s ease-in-out;
    width: 120px
}

#wp-submit:focus,
#wp-submit:hover,
.action button:focus,
.action button:hover,
.Button:focus,
.button:focus,
.button:hover,
.Button:hover,
a.Button:focus,
a.Button:hover {
    background-color: #abbbed;
    color: #101d49;
    text-decoration: none
}

@import url("//hello.myfonts.net/count/348026");
@font-face {
    font-family: SackersGothicStd-Medium;
    src: url(../fonts/348026_0_0.eot);
    src: url(../fonts/348026_0_0.eot?#iefix) format("embedded-opentype"), url(../fonts/348026_0_0.woff2) format("woff2"), url(../fonts/348026_0_0.woff) format("woff"), url(../fonts/348026_0_0.ttf) format("truetype")
}

/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */

*,
:after,
:before {
    background-repeat: no-repeat;
    box-sizing: inherit
}

:after,
:before {
    text-decoration: inherit;
    vertical-align: inherit
}

html {
    box-sizing: border-box;
    cursor: default;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

nav ol,
nav ul {
    list-style: none
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

::-moz-selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none
}

::selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg {
    fill: currentColor
}

svg:not(:root) {
    overflow: hidden
}

table {
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    margin: 0
}

button,
input,
select,
textarea {
    background-color: transparent;
    color: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto;
    resize: vertical
}

[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] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[tabindex],
a,
area,
button,
input,
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

[hidden] {
    display: none
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-hidden=false][hidden]:not(:focus) {
    clip: rect(0, 0, 0, 0);
    display: inherit;
    position: absolute
}

[aria-disabled] {
    cursor: default
}

body {
    font-size: 75%;
    font-weight: 400;
    line-height: 1.5;
    color: #101d49;
    /* font-family: SackersGothicStd-Medium, Proxima Nova, Helvetica, Arial, sans-serif; */
	font-family: Arial, sans-serif;
    fill: #101d49
}

.h1 a,
.h2 a,
h1 a,
h2 a {
    text-decoration: none
}

.h1 br,
.h2 br,
h1 br,
h2 br {
    display: none
}

.h1,
h1 {
    color: #101d49;
    /* font-family: SackersGothicStd-Medium, Proxima Nova, Helvetica, Arial, sans-serif; */
	font-family: Arial, sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    /* text-transform: uppercase */
}

.h1 span,
h1 span {
    font-weight: 300
}

.h2,
h2 {
    line-height: 2.25;
    margin: 0;
    text-align: left
}

.h2,
.h3,
h2,
h3 {
    color: #101d49;
    /* font-family: SackersGothicStd-Medium, Proxima Nova, Helvetica, Arial, sans-serif; */
	font-family: Arial, sans-serif;
    font-size: 1.5em;
    /* font-weight: 400; */
	font-weight: 600;
    /* text-transform: uppercase */
}

.h3,
h3 {
    margin: 0 0 10px
}

.h3,
.h4,
h3,
h4 {
    line-height: 1.2
}

.h4,
h4 {
    color: #101d49;
    /* font-family: SackersGothicStd-Medium, Proxima Nova, Helvetica, Arial, sans-serif; */
	font-family: Arial, sans-serif;
    font-size: 1em;
    font-weight: 400;
    margin: 0;
    /* text-transform: uppercase */
}
.home .Main h3 {
	text-align: left;
}

ol,
ul {
    list-style: none
}

li,
ol,
ul {
    margin: 0;
    padding: 0
}

p {
    margin: 0 0 20px
}

dfn,
em,
i {
    font-style: italic
}

cite {
    font-style: normal;
    padding: 8px 0
}

address {
    margin: 0 0 20px
}

strong {
    font-weight: 700
}

.u-wrap {
    position: relative;
    margin: 0 auto;
    max-width: 800px;
    padding: 0 10px;
    width: 100%
}

.u-wrap:after {
    content: "";
    display: block;
    clear: both
}

.BannerSlide {
    margin: 0 auto;
    max-width: 960px;
    width: 100%
}

.BannerSlide img,
.Brand {
    width: 100%;
	margin-left: 30px;
}

.Brand {
    margin: 20px auto; 
    max-width: 275px;
	padding: 0 20px 
}

.Brand,
.Brand a {
    color: #101d49;
    display: block
}

.Brand-logo {
    width: 100%
}

.Brand--home {
    max-width: 300px;
}
.home .Brand--home {
	display: none;
}

.home .Header-wrap {
	display: none;
}

.Cards-front-title {
	max-width: 800px;
	margin: 0 auto;
	padding: 0px 20px;
}
.Cards-front-title h3 {
	color: #0a1d48;
}
.Card .CardThumb {
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.Card .CardFull-wrap,
.Card .CardThumb {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.Card .CardFull-wrap {
    opacity: 0;
    transition: opacity .4s
}

.Card .CardFull {
    visibility: hidden;
    z-index: -1
}

.Card .CardFull:before {
    opacity: 0;
    transition: opacity .3s
}

.Card .CardFull .CardFull-wrap {
    -webkit-transform: translate(-50%, -50%) rotateY(180deg);
    transform: translate(-50%, -50%) rotateY(180deg)
}

.Card--show .CardThumb {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.Card--show .CardFull {
    visibility: visible;
    z-index: 1000
}

.Card--show .CardFull:before {
    opacity: .4
}

.Card--show .CardFull .CardFull-wrap {
    opacity: 1;
    -webkit-transform: rotateY(1turn);
    transform: rotateY(1turn)
}

.Button--dark,
a.Button--dark {
    background: #fff;
    border: 2px solid #fff;
    color: #101d49
}

.Button--dark:after,
a.Button--dark:after {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(1);
    filter: brightness(1)
}

.Button--dark:focus,
.Button--dark:hover,
a.Button--dark:focus,
a.Button--dark:hover {
    background-color: #2543a7;
    border-color: #2543a7;
    color: #fff;
    cursor: pointer
}

.Button--dark:focus:after,
.Button--dark:hover:after,
a.Button--dark:focus:after,
a.Button--dark:hover:after {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="10" /><feFuncG type="linear" slope="10" /><feFuncB type="linear" slope="10" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(1000%);
    filter: brightness(1000%)
}

.Button--banner,
a.Button--banner {
    background: #101d49;
    border-radius: 0;
    color: #fff;
    min-height: auto;
    padding-bottom: 3px;
    padding-top: 3px;
    width: 148px !important
}

.Button--banner:focus,
.Button--banner:hover,
a.Button--banner:focus,
a.Button--banner:hover {
    background: #fff;
    color: #101d49
}

.Button--right,
a.Button--right {
    float: right;
    margin-left: 10px;
    margin-right: 0
}

.Button--left,
a.Button--left {
    float: left;
    margin-left: 0;
    margin-right: 10px
}

.entry-content .Button {
    margin-left: 0
}

.Breadcrumb {
    font-size: 1.0em;
    padding: 20px 0;
    text-align: left;
    /* text-transform: uppercase; */
    width: 100%
}

.Breadcrumb-link {
    color: #000;
    display: block;
    float: left;
    padding: 0 5px
}

.Breadcrumb-link:focus,
.Breadcrumb-link:hover {
    color: vary(--blue)
}

.Breadcrumb-link:first-child {
    padding-left: 0
}

.Breadcrumb-divider {
    clear: left;
    float: left
}

.CardFull {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.CardFull:before {
    background: #000;
    content: "";
    display: block;
    transition: all .3s linear;
    z-index: 1
}

.CardFull-wrap,
.CardFull:before {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.CardFull-wrap {
    background: #fff;
    max-height: 100%;
    overflow: auto;
    padding: 60px 20px 20px;
    -webkit-transform: translate(0);
    transform: translate(0);
    z-index: 2
}

.CardFull-wrap a {
    text-decoration: none
}

.CardFull-wrap a:focus,
.CardFull-wrap a:hover {
    text-decoration: underline
}

.CardFull-subtitle {
    text-transform: uppercase
}

.CardFull-content {
    color: #000
}

.CardFull-item {
    margin-bottom: 20px
}

.CardFull-itemTitle {
    margin: 5px 0
}
.Tags.CardFull-itemTitle {
	display: none;
}

.CardFull-itemWrap,
.CardFull-notes {
    font-family: Proxima Nova, Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    line-height: 1.2
}
.Tags.CardFull-itemWrap {
	display: none;
}

.CardFull-itemWrap,
.CardFull-itemWrap a,
.CardFull-notes,
.CardFull-notes a {
    color: #000
}

.CardFull-notes {
    font-size: 1em
}

.CardFull-itemWrap {
    margin-bottom: 0;
    word-wrap: break-word
}

.CardFull-itemWrap>img {
    margin: 5px auto;
    max-width: 300px
}

.Cards {
    margin: 0 auto;
    max-width: 410px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    transition: all .6s ease-in-out;
    width: 100%
}

.Cards-wrap {
    padding-bottom: 10px;
    padding-top: 10px
}

.Cards--divider {
    margin-bottom: 10px;
    padding-bottom: 0
}

.Cards--divider:after {
    border-bottom: 1px solid #101d49; 
    clear: both;
    content: "";
    display: block;
    margin: 0 auto;
    width: 90%
}

.Cards--divider .Cards-wrap {
    margin-bottom: 10px
}

.Close {
    display: block;
    float: left;
    height: 20px;
    left: 20px;
    position: absolute;
    top: 20px;
    width: 20px
}

.Close:focus,
.Close:hover {
    opacity: .75
}

.Close-icon {
    height: 100%;
    vertical-align: top;
    width: 100%
}

.CardsSection {
    padding: 0 0 20px
}

.CardsSection:first-child {
    padding-top: 0
}

.CardsSection-header {
    cursor: pointer;
    margin-top: 20px;
    padding: 0 20px;
    position: relative
}

.CardsSection-title {
    border-bottom: 1px solid #101d49;
    padding: 0
}

.CardsSection-toggle {
    font-size: 0;
    margin: 0;
    padding-right: 20px;
    right: 20px;
    text-align: right;
    text-transform: uppercase;
    width: auto;
    z-index: 1
}

.CardsSection-toggle,
.CardsSection-toggle svg {
    float: right;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.CardsSection-toggle svg {
    display: block;
    height: 12px;
    right: 0;
    width: 12px
}

.CardsSection .Cards {
    max-height: 0
}

.CardsSection--show .Cards {
    max-height: 1000px
}

.CardThumb {
    display: inline-block;
    float: left;
    height: auto;
    padding: 10px;
    position: relative;
    text-align: center;
    width: 50%
}

.CardThumb:nth-child(odd) {
    text-align: right
}

.CardThumb:nth-child(odd) .CardThumb-wrap {
    float: right
}

.CardThumb:nth-child(2n) {
    text-align: left
}

.CardThumb:nth-child(2n) .CardThumb-wrap {
    float: left
}

.CardThumb-editLink {
    bottom: 10px;
    display: block;
    height: 12px;
    margin: 0 3px 3px 0;
    position: absolute;
    right: 10px;
    width: 12px;
    z-index: 100
}

.CardThumb-editLink svg {
    display: block;
    height: 100%;
    top: 0;
    width: 100%
}

.CardThumb-editLink:focus,
.CardThumb-editLink:hover {
    opacity: .75
}

.CardThumb-wrap {
    background: #fff;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .1);
    display: block;
    height: 175px;
    margin: 0;
    max-width: 175px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.CardThumb-wrap:focus .Button,
.CardThumb-wrap:hover .Button {
    background-color: #abbbed
}

.CardThumb-header {
    xalign-items: center;
    background: #101d49;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    min-height: 28%;
    height: auto !important;
    height: 28%;
    overflow: auto;
    padding: 5px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1
}
/* hidden in Sept 2022 revamp */
.archive .Cards .CardThumb-header,
/* .search .Cards .CardThumb-header, */
/* .card-template-default .Cards .CardThumb-header, */
.home .Cards .CardThumb-header {
	display: none !important;
}
.home .Cards.Cards--divider .CardThumb-header {
	display: flex !important;
}

.CardThumb-title {
    color: #fff;
    font-size: 2.8vw
}

.CardThumb-subtitle {
    color: #fff;
    font-size: .75em;
    margin: 0;
    text-transform: uppercase
}

/* buncha stuff changed 09/22 */
.CardThumb-image {
    /* bottom: 0; */
    /* height: 72%; */
	height: 100%;
    /* left: 0; */
    overflow: hidden;
    /* padding: 10px; */
    /* position: absolute; */
    width: 100%
}

/* so now we have two different layots for cards, 3rd layer and all others */
.card-template-default .CardThumb-image,
.search .CardThumb-image {
    bottom: 0; 
	height: 72%; 
	left: 0; 
    overflow: hidden;
    padding: 10px; 
    position: absolute; 
    width: 100%
}

.home .CardThumb-image img,
.archive .CardThumb-image img {
    /* left: 50%;
    max-height: 90%;
    max-width: 90%;
    position: absolute;
    top: 50%; */
	height: 100%;
	width: 100%;
    /* -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%) */
}

.card-template-default .CardThumb-image img,
.search .CardThumb-image img {
    left: 50%;
    max-height: 90%;
    max-width: 90%;
    position: absolute;
    top: 50%;	
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%) 
}

.CardThumb--button .CardThumb-title {
    font-size: 1em
}

.CardThumb--button .CardThumb-subtitle {
    font-size: .9em
}

.CardThumb--button .CardThumb-wrap {
    background: #101d49;
    box-shadow: none
}
.home .Cards.Cards--divider .Cards-wrap .CardThumb-header,
.home .Cards.Cards--divider .Cards-wrap .Button {
	display: none !important;
}
.home .Cards.Cards--divider .Cards-wrap .CardThumb-wrap {
	background-color: transparent; 
}
/* .home .Cards.Cards--divider .Cards-wrap .Card:nth-child(1) .CardThumb-header, */
.home .Cards.Cards--divider .Cards-wrap .Card:nth-child(1) .CardThumb-wrap {    
	background-image: url("/wp-content/uploads/2022/09/Abbvie-2022-TRCRefresh_R4_USEmployee-248x250.png") !important;
	background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center;     
}
.home .Cards.Cards--divider .Cards-wrap .Card:nth-child(2) .CardThumb-header, 
.home .Cards.Cards--divider .Cards-wrap .Card:nth-child(2) .CardThumb-wrap {
    background-image: url("/wp-content/uploads/2022/09/Abbvie-2022-TRCRefresh_R4_Global-from-US-248x250.png") !important;
	background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center;    
}
.home .Cards.Cards--divider .Cards-wrap .Card:nth-child(3) .CardThumb-header, 
.home .Cards.Cards--divider .Cards-wrap .Card:nth-child(3) .CardThumb-wrap {
    background-image: url("/wp-content/uploads/2022/09/Abbvie-2022-TRCRefresh_R4_Global-to-US-248x250.png") !important;
	background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center;  
}
.home .Cards.Cards--divider .Cards-wrap .Card:nth-child(4) .CardThumb-header, 
.home .Cards.Cards--divider .Cards-wrap .Card:nth-child(4) .CardThumb-wrap {
    background-image: url("/wp-content/uploads/2022/09/Abbvie-2022-TRCRefresh_R4_Retiree-248x250.png") !important;
	background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center; 
} 

.CardThumb--button .CardThumb-header {
    min-height: 108px;
    height: auto !important;
    height: 108px
}

.CardThumb--button .Button {
    bottom: 20px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.CardThumb--gray .CardThumb-wrap {
    background: #e5e5e5;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .1)
}

.CardThumb--gray .CardThumb-header {
    background: transparent
}

.CardThumb--gray .CardThumb-title {
    color: #101d49
}

.CardThumb--shadow .CardThumb-wrap {
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .1)
}

.FilterBar {
    overflow: auto
}

.Header {
    background: #fff;
    text-align: center;
    width: 100%;
    z-index: 100
}

.Header-description {
    /* text-transform: uppercase; */
    margin: 0 auto 20px;
    max-width: 560px;
    padding: 20px 10px
}

.Header-description p {
    line-height: 1.2;
    margin: 0
}

.Search {
    width: 100%;
    z-index: 1
}

.Search-wrap {
    padding: 10px 10px 0
}

.searchform {
    background: #fff;
    position: relative
}

.searchform input {
    border: 1px solid #e5e5e5;
    font-size: 1.2em;
    padding: 4px 25px 4px 5px;
    width: 100%
}

#searchsubmit {
    border: none !important;
    cursor: pointer;
    height: 20px;
    padding: 0;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 20px;
    z-index: 1
}

#searchsubmit svg {
    height: 100%;
    width: 100%
}

@media(min-width:768px) {
    .Update-image {
        position: absolute;
        right: 0;
        top: 0;
        width: 25%;
        z-index: 1
    }
    .Update-title {
        z-index: 2
    }
    .Update-subtitle,
    .Update-title {
        font-size: 1.1em;
        padding-left: 160px
    }
    .Update-subtitle {
        font-weight: 700
    }
    .Update-links {
        left: 10px;
        position: absolute;
        top: 0
    }
    .Update-links a.Button {
        display: block;
        margin-bottom: 10px
    }
    .Brand {
        float: left
    }
    .Brand--home {
        float: none
    }
    .Breadcrumb {
        float: left;
        width: 60%
    }
    .Breadcrumb-link {
        display: inline-block;
        float: none
    }
    .Breadcrumb-divider {
        clear: none;
        float: none
    }
    .Header--internal .Header-wrap {
        height: 170px
    }
    .Header--internal .Brand,
    .Header--internal .Header-description {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .Header--internal .Brand {
        left: 0;
        margin: 0
    }
    .Header--internal .Header-description {
        float: right;
        margin: 0;
        max-width: 400px;
        right: 0;
        text-align: right
    }
    .Search {
        float: right;
        width: 30%
    }
    .Search-wrap {
        padding-top: 20px
    }
    .Search .searchform {
        float: right;
        margin-right: 0;
        width: 250px
    }
}

@media (min-width:480px) {
    .h1,
    h1 {
        font-size: 1.5em
    }
    .h2,
    h2 {
        font-size: 1.8em;
        line-height: 1.2
    }
    .h4,
    h4 {
        font-size: 1.125em
    }
    .Card .CardFull-wrap {
        transition: -webkit-transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s
    }
    .Card--show .CardFull {
        transition: all .4s
    }
    .Card--show .CardFull .CardFull-wrap {
        -webkit-transform: translate(-50%, -50%) rotateY(1turn);
        transform: translate(-50%, -50%) rotateY(1turn)
    }
    .CardFull-wrap {
        bottom: auto;
        height: auto;
        left: 50%;
        padding-left: 60px;
        padding-right: 60px;
        right: auto;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 440px
    }
    .CardFull-title {
        margin-bottom: 20px
    }
    .CardsSection-toggle {
        font-size: 1.65em;
        padding-right: 30px
    }
    .CardsSection-toggle svg {
        height: 18px;
        width: 18px
    }
    .CardThumb-header {
        padding-left: 10px;
        padding-right: 10px
    }
    .CardThumb-title {
        font-size: .85em
    }
    .CardThumb-subtitle {
        font-size: .75em
    }
    .CardThumb--button .CardThumb-title {
        font-size: 1em
    }
    .CardThumb--button .CardThumb-subtitle {
        font-size: .9em
    }
}

@media(min-width:800px) {
    .Cards {
        max-width: 800px
    }
    .Cards--divider:after {
        width: 95%
    }
    .CardThumb {
        width: 25%
    }
    .CardThumb-wrap {
        float: none
    }
}