/*

Theme Name: Harland
Author: Jeramiah Harland
Platform: Drupal
Updated: 10/5/18

------------
Content
------------
00: Notes
01: Reset
02: General
03: Forms General
04: Header
05: Exterior
06: Interior
07: Footer
08: Mobile
09: Bug Fixes

*/

/* ------------------------------------------------------------------------------
----------------------------------------------------------------- 00: Notes
------------------------------------------------------------------------------ */

/*

------------
Color codes
------------

Orange: #be8044
Blue: #021733
Blue Gray Accent: #6a7785
Light Orange: #EBA04F
Dark Orange: #7f572c
Pale Blue: #d8e1eb
Dark Pale Blue: #7d96b3
Text On White: #2e2e2e
On White Light Divider: #e1e1e1;
Light Blue Text: #193b5e;
Light Blue Link Text: #25568a;

*/

/* ------------------------------------------------------------------------------
----------------------------------------------------------------- 01: Reset
------------------------------------------------------------------------------ */

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 {
	font-size: 100%;
	font: inherit;
	padding: 0;
	border: 0;
	margin: 0;
	vertical-align: baseline
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
select {
    font-family: revert;
}
.clear {
	clear: both
}

/* ------------------------------------------------------------------------------
----------------------------------------------------------------- 02: General
------------------------------------------------------------------------------ */

html {
	height: 100%;
}

body {
	color: #fff;
	min-height: 100%;
	overflow-y: scroll;
	position: relative;
    font-family: 'open_sanslight';
	font-size: 18px;
}

img {
	max-width: 100%;
    width: auto;
}

h1, h2, h3 {
	font-family: 'CooperHewitt-Medium';
	letter-spacing: 1px;
}

h2 {
	text-transform: uppercase;
}

h4, h5, h6 {
	font-family: 'CooperHewitt-Book';
}

strong, b {
	font-family: 'open_sansregular';
}

em {
    font-style: italic;
}

a,
a > span {
    color: #d8e1eb;
	-webkit-transition: color ease-in-out .3s;
	transition: color ease-in-out .3s;
}

a:hover {
	color: #7d96b3;
	text-decoration: none;
}

p, ul, ol {
	padding: 15px 0;
	line-height: 26px;
	font-family: 'open_sanslight';
}

hr {
	margin: 15px auto;
	border-color: #d8e1eb;
}

.box-shadow {
	box-shadow: 0 2px 3px 0 #021733;
}

.box-shadow-medium {
	box-shadow: 0 5px 10px -8px rgba(25,59,94,0.3);
}

.box-shadow-large {
	box-shadow: 0 10px 15px -8px rgba(25,59,94,0.3);
}

.text-shadow {
	text-shadow: 0 2px 3px #021733;
}

.bg-light {
	background-color: #f8f9fb !important;
	color: #2e2e2e;
}

.bg-light h2 {
	color: #021733;
}

.bg-white {
	background-color: #ffffff;
	color: #2e2e2e;
}

.bg-blue {
	background-image: url("../images/blue-gradient-bg.jpg");
	background-size: 100%;
	background-position: center;
	background-repeat: repeat-y;
	background-color: #021733;
	color: #fff;
}

div[class*="-overlay-container"] {
	position: relative;
	z-index: 1;
}

.overlay-bg {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	z-index: -2;
	opacity: 0.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

.normal-overlay-container {
	background-color: #fff;
}

.normal-overlay-container .overlay-bg {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.orange-overlay-container {
	background-color: #a58e67;
}

/*.orange-overlay-container .overlay-bg {
	filter: grayscale(100%);
}*/

.orange-overlay-container:after {
	content: '';
	background-color: #be8044;
	/*background-color: rgba(190, 128, 68, 0.5);*/
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	z-index: -1;
	mix-blend-mode: multiply;
}

.trans-bg-blue:after {
	content: '';
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	display: inline-block;
	background-image: url("../images/blue-gradient-bg.jpg");
	background-size: 100%;
	background-position: center;
	background-repeat: repeat-y;
	background-color: #021733;
	-webkit-transition: opacity ease-in-out 0.3s;
	transition: opacity ease-in-out 0.3s;
}

body.toolbar-fixed #header,
body.toolbar-vertical #header,
body.toolbar-fixed.toolbar-tray-open #header {
	padding-top: 39px;
}

body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open #header {
	padding-top: 79px;
}

body.toolbar-vertical #header.scrolling {
	padding-top: 0;
}

#outer-wrapper {
	overflow: hidden;
	min-height: 100vh;
}

body.path-frontpage #outer-wrapper {
	padding-top: 100px;
}

body.path-frontpage.is-mobile #outer-wrapper {
    padding-top: 50px;
}

#lightbox {
	display: none;
}

.icomoon-manual {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fa-manual {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

.feed-icon:before {
	content: '\f143';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	padding-right: 5px;
	color: #be8044;
}

.footnote {
    font-size: 12px;
    line-height: 20px;
    padding-top: 30px !important;
}

/* ------------------------------------------------------------------------------
----------------------------------------------------------------- 03: Forms General
------------------------------------------------------------------------------ */

.btn {
    padding: 6px 12px;
    white-space: normal;
}

.btn.focus, 
.btn:focus {
    outline: 0;
	box-shadow: none;
}

.btn-default {
    color: #fff;
    background-color: #be8044;
    border-color: #be8044;
}

.btn-default i,
.btn-default span {
    color: #fff;
}

.btn-default i{
    padding-right: 10px;
}

.btn-default:hover {
    color: #fff;
    background-color: #EBA04F;
    border-color: #EBA04F;
}

.btn-default:not(:disabled):not(.disabled).active, 
.btn-default:not(:disabled):not(.disabled):active, 
.show > .btn-default.dropdown-toggle {
    color: #fff;
    background-color: #EBA04F;
    border-color: #EBA04F;
}

.btn-default.focus, .btn-default:focus {
    box-shadow: none;
}

.btn-default:not(:disabled):not(.disabled).active:focus, 
.btn-default:not(:disabled):not(.disabled):active:focus, 
.show > .btn-default.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-danger {
    color: #fff;
    background-color: #8c0202;
    border-color: #8c0202;
}

.btn-danger i,
.btn-danger span {
    color: #fff;
}

.btn-danger i{
    padding-right: 10px;
}

.btn-danger:hover {
    color: #fff;
    background-color: #5f0101;
    border-color: #5f0101;
}

.btn-danger:not(:disabled):not(.disabled).active, 
.btn-danger:not(:disabled):not(.disabled):active, 
.show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #5f0101;
    border-color: #5f0101;
}

.btn-danger.focus, .btn-danger:focus {
    box-shadow: none;
}

.btn-danger:not(:disabled):not(.disabled).active:focus, 
.btn-danger:not(:disabled):not(.disabled):active:focus, 
.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: none;
}

.form-group {
    margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

form .form-group {
	padding-top: 5px;
	padding-bottom: 5px;
}

.form-text {
	margin-top: 0;
}

.control-label {
	padding: 5px 5px 5px 0;
}

.form-required:after {
	color: #7d96b3;
	content: '\f111';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-size: 8px;
	vertical-align: top;
	padding-left: 5px;
}

.form-inline .form-group {
	padding-right: 10px;
}

.form-item .help-block {
    font-size: 12px;
    line-height: 18px;
    display: block;
    color: #10539c;
}



/* ------------------------------------------------------------------------------
----------------------------------------------------------------- 03.1: Forms Specific
------------------------------------------------------------------------------ */

#search-block-form .form-control {
    height: calc(1.75rem + 2px);
	margin-top: 0;
}

#search-block-form .control-label {
	padding: 0;
}

#search-block-form {
	text-align: right;
	max-width: 300px;
	margin: 0 auto 0 0;
	padding: 15px 0;
	position: relative;
}

#search-block-form .help-block {
	display: none;
}

#search-block-form .btn-default {
	border-radius: 0 .25rem .25rem 0;
	height: 100%;
}

#search-block-form input {
	font-size: 12px;
}

#search-block-form input::-webkit-input-placeholder {
	color: #7d96b3;
}

#search-block-form input::-moz-placeholder {
	color: #7d96b3;
}

#search-block-form input::-ms-input-placeholder {
	color: #7d96b3;
}

#search-block-form input::-moz-placeholder {
	color: #7d96b3;
}

#search-block-form p,
#search-block-form .winnefox-radio-class {
	display: inline-block;
    vertical-align: middle;
	font-size: 14px;
	color: #d8e1eb;
    padding: 5px 5px 0 0;
}

#search-block-form p {
	padding-left: 0;
}

#search-block-form .winnefox-radio-class {
	padding-right: 0;
}

#search-block-form .form-group {
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

#search-block-form .search-pref-group {
	position: absolute;
	right: auto;
	left: 0;
	text-align: left;
}

#search-block-form .form-type-radio {
	display: inline-block;
	padding: 0 5px;
}

#search-block-form .form-type-radio:first-of-type {
	border-right: 1px solid #6a7785;
	padding-left: 0;
}

#search-block-form .form-type-radio:last-of-type {
	padding-right: 0;
}

#search-block-form .form-type-radio input {
	display: none;
}

#search-block-form .form-type-radio label {
	cursor: pointer;
	text-transform: lowercase;
}

#search-block-form .form-type-radio label.selected  {
	color: #fff;
}

/* ------------------------------------------------------------- ROI Calc */

#roi-calc {
	padding: 30px 0 15px
}

#roi-calc .calc-item {
	padding: 15px 0;
    position: relative;
}

#roi-calc .calc-item:nth-last-of-type(even):before {
	content: '';
    background-color: #efefef;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    z-index: 0;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

#roi-calc .calc-header h3 {
	font-size: 18px !important;
	line-height: 26px !important;
    padding-top: 0;
}

#roi-calc .calc-label p {
	padding: 15px 0;
}

#roi-calc .calc-summary p {
	padding: 50px 0;
	text-align: center;
}

#roi-calc .btn-default {
	width: 100%;
}

/* ------------------------------------------------------------------------------
----------------------------------------------------------------- 04: Header
------------------------------------------------------------------------------ */

#header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 100;
	font-size: 14px;
    line-height: 22px;
	padding: 15px 0;
	-webkit-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
}

#header .secondary-menu,
#header .primary-menu {
	
}

#header ul.menu {
	padding: 5px 0;
	display: inline-block;
}

#header ul.menu li {
	display: block;
	vertical-align: middle;
	position: relative;
}

#header ul.menu li:last-of-type:after {
	display: none;
}

#header ul.menu li a {
	padding: 10px 5px 10px 0;
	display: inline-block;
	vertical-align: middle;
}

#header .secondary-menu ul.menu li:first-of-type a {
	padding-left: 0;
}

#header .primary-menu ul.menu li:last-of-type a {
	padding-right: 0;
}

#header .secondary-menu ul.menu li i {
	font-size: 16px;
    line-height: 24px;
}

#header hr {
	margin: 0 15px;
	display: block;
	border-top: 1px solid #6a7785;
	width: 100%;
}

#header .secondary-menu {
	
}

#header .primary-menu {
	text-transform: uppercase;
	text-align: left;
}

#header .primary-menu:before,
#header .secondary-menu:before {
	content: '';
	display: block;
	background-color: #6a7785;
	height: 1px;
	width: 100%;
	margin: 5px 0 0;
}

#header a.logo {
    display: none;
    max-width: 200px;
	padding: 5px 0;
}

body:not(.path-frontpage) #header a.logo {
    max-width: 150px;
}

#header a.small-logo {
    display: none;
	padding-right: 0;
	overflow: hidden;
}

#header a.small-logo i {
	font-size: 65px;
	line-height: 24px;
	color: #be8044;
	vertical-align: middle;
}

.num-of-jobs {
	background-color: #be8044;
	padding: 0;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	display: inline-block;
	text-align: center;
	line-height: 17px;
	font-size: 14px;
	color: white;
	font-family: "open_sansbold";
	box-shadow: 0 1px 3px 0px #021733;
	position: absolute;
    right: -15px;
    top: 0;
	z-index: 2;
}

/* ------------------------------------------------------ Scrolling */

#header.transitioning {
	top: -100%;
}

#header.fixed {
	position: fixed;
}

#header.scrolling {
	top: 0;
	padding-bottom: 0;
}

#header.scrolling hr,
#header.transitioning hr {
	display: none;
}

#header.scrolling a.small-logo,
#header.transitioning a.small-logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#header.scrolling.trans-bg-blue:after,
body:not(.path-frontpage) #header.trans-bg-blue:after {
	opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

body.is-mobile #header.trans-bg-blue:after {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#header.scrolling .header-menu-container .logo,
#header.scrolling .header-menu-container .search-box,
#header.transitioning .header-menu-container .logo,
#header.transitioning .header-menu-container .search-box {
	display: none;
}

/* ------------------------------------------------------ Is Mobile */

#mobile-menu-button {
	z-index: 100;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	display: inline-block;
	-webkit-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
}

body.is-mobile #header {
	padding-bottom: 0;
    padding-top: 0;
}

body #header .header-menu-container {
	height: 0;
	overflow: hidden;
}

body.menu-open #header .header-menu-container {
	height: auto;
}

body.is-mobile #mobile-menu-row a.small-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

body.is-mobile #header .header-menu-container a.small-logo {
    display: none;
}

body.is-mobile #search-block-form {
	max-width: none;
}

body.is-mobile #header .header-menu-container .search-box {
	display: block;
}

body.is-mobile #search-block-form .search-pref-group {
    position: relative;
}

body.is-mobile #header .secondary-menu:before {
	display: none;
}

body.is-mobile.menu-open #mobile-menu-row:after {
	content: '';
	height: 1px;
	width: 100%;
	margin: 0 15px;
	background-color: #6a7785;
}

body.is-mobile #mobile-menu-button {
	border-left: 1px solid #6a7785;
	padding: 15px 0 15px 15px;
	font-size: 18px;
}

body.is-mobile #mobile-menu-button i {
	padding-right: 5px;
	width: 20px;
}

/* ------------------------------------------------------------------------------
---------------------------------------------------------- 05: Exterior/Homepage
------------------------------------------------------------------------------ */

#hero.homepage {
	min-height: 100vh;
	position: relative;
}

#hero.homepage .background {
	background-image: url(../images/winnefox-scaffolding-alt.png);
	background-position: top center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 1140px;
	z-index: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#hero.homepage h1 {
	text-align: center;
	font-size: 36px;
	padding-top: 25px; /* TODO: Adjust with JS after page load */
	font-family: 'CooperHewitt-Bold';
}

#hero.homepage h1 .h-sm {
	font-family: 'open_sansregular';
}

#hero.homepage h1 .h-sm i {
	vertical-align: middle;
	display: block;
	color: #be8044;
	font-size: 48px;
}

#hero.homepage h1 .h-md,
#hero.homepage h1 .h-lg {
	text-transform: uppercase;
	display: block;
	padding: 15px 0 0;
	font-size: 48px;
	line-height: 56px;
}


#hero.homepage h1 .h-md {
	padding: 0;
}

#hero.homepage hr {
	margin: 30px auto 15px;
	border-top: 1px solid #fff;
	width: 50%;
	max-width: 400px;
}

#hero.homepage .container:not(#homepage-columns) p {
	font-size: 24px;
	line-height: 32px;
	text-align: center;
	max-width: 80%;
	margin: 0 auto;
}

#hero.homepage .featured-message {
	padding: 30px 0;
	margin: 0 0 15px 0;
}

#hero.homepage .featured-message > div {
	vertical-align: middle;
	line-height: 28px;
	font-size: 18px;
	font-family: 'open_sansbold';
    -webkit-transition: -webkit-transform ease-in-out 0.3s;
    transition: -webkit-transform ease-in-out 0.3s;
    transition: transform ease-in-out 0.3s;
    transition: transform ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

#hero.homepage .featured-message > div:nth-child(1) {
	color: #be8044;
	text-align: center;
}

#hero.homepage .featured-message > div:nth-child(2) {
	text-align: center;
}

#hero.homepage .featured-message > div:nth-child(3) {
	text-align: center;
}

#hero.homepage a.featured-message:hover > div:nth-child(1) {
	-webkit-transform: translateY(-10px) translateZ(0);
	        transform: translateY(-10px) translateZ(0);
}

#hero.homepage a.featured-message:hover  > div:nth-child(2) {
	-webkit-transform: scale(1.1) translateZ(0);
	        transform: scale(1.1) translateZ(0);
}

#hero.homepage a.featured-message:hover  > div:nth-child(3) {
	-webkit-transform: translateY(10px) translateZ(0);
	        transform: translateY(10px) translateZ(0);
}

#hero.homepage .featured-message > div > i {
	font-size: 48px;
	margin: 5px 0;
	display: inline-block;
}

#hero.homepage .featured-message > div > i:after {
	
}

#homepage-columns {
	position: relative;
	color: #2e2e2e;
}

#homepage-columns > .row > div[class*="col-"] {
	bottom: 0;
	padding-bottom: 15px;
}

#homepage-columns > .row > div[class*="col-"] > .content:after {
	content: '';
	width: 0;
	height: 0;
	border-top: 0px solid transparent;
	border-bottom: 25px solid transparent;
	border-left: 25px solid #7d96b3;
	top: 0;
	left: 0;
	position: absolute;
}

#homepage-columns > .row > div[class*="col-"] > .content {
	background-color: #fff;
	padding: 25px 25px 145px;
	height: 100%;
	position: relative;
}

#homepage-columns .content h2 {
	text-transform: uppercase;
	font-size: 28px;
	color: #be8044;
	border-bottom: 1px solid #7d96b3;
	line-height: 36px;
	padding: 0 0 15px;
}

#homepage-columns .content .menu {
	padding-top: 0;
}

#homepage-columns .content .menu li {
	border-bottom: 1px solid #e1e1e1;
}

#homepage-columns .content .menu li:last-of-type {
	border-bottom: none;
}

#homepage-columns .content .menu li a {
	padding: 5px 0;
	display: block;
}

#homepage-columns .content .menu li a i {
	font-size: 36px;
	vertical-align: middle;
	padding-right: 10px;
	display: inline-block;
	color: #7d96b3;
	width: auto;
}

#homepage-columns .content .menu li a span {
	color: #021733;
	vertical-align: middle;
	display: inline-block;
	-webkit-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
	width: 70%;
	line-height: 24px;
	font-family: 'open_sansregular';
}

#homepage-columns .content .menu li a:hover span {
	color: #7d96b3;
}

#homepage-columns .content .footer-image {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 125px;
	background-position: center;
	background-size: cover;
}

#homepage-columns > .row > div[class*="col-"] > .content > .region-content-column-three ul {
	height: 100%;
	max-height: 350px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 0 5px 0 0;
}

#homepage-columns > .row > div[class*="col-"] > .content .feed-item {
	padding: 15px 0;
	border-bottom: 1px solid #e1e1e1;
}

#homepage-columns > .row > div[class*="col-"] > .content .feed-item:first-of-type {
	padding-top: 0;
}

#homepage-columns > .row > div[class*="col-"] > .content .feed-item:last-of-type {
	padding-bottom: 0;
	border-bottom: transparent;
}

#homepage-columns > .row > div[class*="col-"] > .content .feed-source,
#homepage-columns > .row > div[class*="col-"] > .content .feed-date {
	display: inline;
	vertical-align: middle;
	font-size: 12px;
    line-height: 20px;
	color: #25568a;
}

#homepage-columns > .row > div[class*="col-"] > .content .feed-source {
	padding-right: 5px;
	text-transform: uppercase;
}

#homepage-columns > .row > div[class*="col-"] > .content .feed-date {
	display: none;
}

#homepage-columns > .row > div[class*="col-"] > .content .feed-date:before {
	content: '-';
	padding: 0 5px 0 0;
	display: inline;
}

#homepage-columns > .row > div[class*="col-"] > .content .feed-title h6 {
	font-size: 18px;
	line-height: 26px;
	display: block;
	padding: 5px 0;
	color: #183b5d;
}

#homepage-columns > .row > div[class*="col-"] > .content .feed-description {
	font-size: 14px;
	display: block;
	line-height: 22px;
	padding: 0;
}

#homepage-columns > .row > div[class*="col-"] > .content .feed-image {
	height: 75px;
	display: block;
	position: relative;
	overflow: hidden;
	margin-bottom: 5px;
	background-image: url('../images/winnefox-rss-feed-default.jpg');
	background-size: cover;
	background-position: center;
}

#homepage-columns > .row > div[class*="col-"] > .content .feed-image img {
	position: absolute;
	top: -50%;
	bottom: -50%;
	width: 100%;
	height: auto;
	margin: auto;
	background-color: #fff;
}

#homepage-columns > .row > div[class*="col-"] > .content .feed-image img[src*='no_image'],
#homepage-columns > .row > div[class*="col-"] > .content .feed-image img[src*='youtube.com/embed/'] {
	display: none;
}

#content-grid hr,
#highlighted hr {
	max-width: 50%;
	min-width: 150px;
}

#content-grid p,
#highlighted p {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

#content-grid {
	padding: 30px 0 0;
}

#content-grid h2 {
	text-align: center;
	padding: 0 0 15px;
	font-size: 48px;
	line-height: 56px;
}

#content-grid a {
	color: #193b5e;
}

#content-grid a:hover {
	color: #7d96b3;
}

#content-grid .content-grid-boxes {
	padding: 30px 0 15px;
}

#content-grid .content-grid-boxes .row > div[class*="col-"] {
	position: relative;
}

#content-grid .content-grid-box {
	padding: 0;
    border-bottom: 1px solid #d8e1eb;
    margin-bottom: 15px;
}

#content-grid .content-grid-box > .row {
	height: 100%;
	min-height: 196px;
}

#content-grid .content-grid-boxes .content-grid-box > .row > div[class*="col-"]:first-of-type  {
	padding-bottom: 75%;
}

#content-grid .resource-image {
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#content-grid .resource-content {
	padding: 15px 0;
}

#content-grid .resource-content h3 {
	color: #be8044;
	text-transform: uppercase;
	font-size: 24px;
	line-height: 32px;
	display: block;
}

#content-grid .resource-content span {
	font-size: 14px;
	padding: 0 0 10px;
	display: block;
	color: #7d96b3;
}

#content-grid .resource-content p {
	max-width: none;
	margin: 0;
	padding-top: 0;
	font-size: 16px;
	display: block;
	text-align: left;
}

#content-grid .resource-content hr {
	margin-left: 0;
	border-color: #7d96b3;
}

#content-grid .resource-note {
	text-transform: uppercase;
	display: block;
	z-index: 10;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	color: #fff;
	font-size: 12px;
	padding: 10px;
	background-color: #021733;
	line-height: 18px;
}

#content-grid .resource-content a {
	padding: 5px 0;
	display: inline-block;
}

#content-grid .view-more a {
	padding: 15px 0;
	text-align: center;
	display: block;
}

#highlighted {
	padding: 30px 0;
	background-image: url(../images/stack-of-books-bg.jpg);
	background-size: contain;
	background-position: center bottom;
	background-repeat: no-repeat;
}

#highlighted a > span {
	color: #193b5e;
}

#highlighted a:hover > span {
	color: #7d96b3;
}

#highlighted hr {
	margin-top: 0;
}

#highlighted .news-resources {
	padding-bottom: 100px;
}

#highlighted .news-resource-box {
	padding: 15px;
}

#highlighted .news-resource-box > .row {
	background-color: #fff;
}

#highlighted .news-image {
	min-height: 50px;
	height: 75px;
	background-size: cover;
	background-position: center;
}

#highlighted .news-content {
	padding: 15px;
}

#highlighted .news-content h3 {
	display: none;
}

#highlighted .news-content p {
	text-align: left;
	font-size: 14px;
	line-height: 22px;
	padding-top: 0;
}

#highlighted .news-content a {
	font-size: 16px;
	line-height: 24px;
	display: block;
	color: #193b5e;
}

#highlighted .news-content a:hover span {
	color: #7d96b3;
}

#highlighted .news-content a span {
	vertical-align: middle;
	display: inline-block;
}

#highlighted .news-content a i {
	display: inline-block;
	font-size: 14px;
	color: #e0bb96;
}

/* ------------------------------------------------------------------------------
----------------------------------------------------------------- 06: Interior
------------------------------------------------------------------------------ */

body.path-title-board-reports-and-minutes #hero .container > .row {
    position: relative;
}

#winnefox-weekly-image {
    position: absolute;
    right: 15px;
    bottom: 15px;
    max-width: 125px;
    width: 20vw;
}

/* ------------------------------------------------- Admin */

/*
Unfortunate use of !important here because Drupal wants to style the admin
nav list items like they're part of the content on the page which sucks.
*/

.nav-tabs {
    border-bottom: 1px solid #d8e1eb;
	padding: 5px 0 !important;
	margin-left: 0 !important;
}

.nav-tabs > li {
    padding: 5px 5px 5px 0 !important;
}

.nav-tabs > li.active {
    display: none;
}

.nav-tabs > li:before {
    display: none !important;
}

.nav-tabs > li > a {
    background-color: #be8044;
	padding: 6px 12px !important;
	color: #fff !important;
	border-radius: 5px;
	display: inline-block;
	-webkit-transition: ease-in-out all 0.3s;
	transition: ease-in-out all 0.3s;
}

.nav-tabs > li > a:hover {
    background-color: #EBA04F;
}

div.messages__wrapper ul {
	
}

div.messages__wrapper ul li {
	padding: 0 !important;
}

div.messages__wrapper ul li:before {
	display: none !important;
}

/* ------------------------------------------------- General */

img.align-image-right,
img.align-image-left {
    margin: 0 0 1rem;
    height: auto;
    width: 100%;
    max-width: 500px;
}

img.align-image-right {
    float: right;
}

img.align-image-left {
    float: left;
}

#hero.interior {
    padding-top: 49px; /* base padding */
}

#hero.interior .overlay-title {
	padding: 15px 25px;
	margin: 50px 0;
	position: relative;
}

#hero.interior .overlay-title:after {
	content: '';
	background-color: #2e2e2e;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	mix-blend-mode: multiply;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#hero.interior .overlay-title h1 {
	font-size: 28px;
	line-height: 36px;

	text-transform: uppercase;
}


#hero.interior .overlay-title h2 {
	font-family: 'open_sanslight';
	padding: 10px 0 0;
	text-transform: none;
	line-height: 24px;
}

#interior .main-row {
	padding: 30px 0;
}

#interior .main-content {
	background-color: #fff;
	position: relative;
    padding: 0 0 15px;
}

#interior p + .table-responsive {
	padding: 15px 0;
}

#interior table tr:first-of-type td {
    border-top: none;
}

#interior table:not(.table) {
	width: 100% !important;
	height: auto !important;
	margin-bottom: 15px;
	background-color: transparent;
}

#interior table caption {
	font-size: 14px;
	color: #be8044;
	padding: 15px 15px 0;
}

#interior table:not(.table) td, 
#interior table:not(.table) th {
    padding: 5px 0;
    vertical-align: top;
    border-top: none;
	width: auto !important;
}

#interior table td:not(.table) p, 
#interior table th:not(.table) p {
    padding: 1px 10px 1px 0;
}

#interior a:not(.btn),
#interior a:not(.btn) span {
	color: #10539c;
    display: inline-block;
}

#interior p a:not(.btn) {
    display: inline;
}

#interior a:not(.btn):hover,
#interior a:not(.btn):hover span {
	color: #021733;
}

#interior h2 {
	text-transform: uppercase;
	color: #021733;
	font-size: 24px;
	line-height: 32px;
	padding-bottom: 15px;
}

#interior h2.field--subtitle {
	font-size: 24px;
	font-family: 'CooperHewitt-Book';
	text-transform: unset;
	line-height: 32px;
	padding-bottom: 15px;
}

#interior h3 {
	font-size: 22px;
	line-height: 30px;
	padding: 15px 0;
	color: #021733;
	text-transform: uppercase;
}

#interior h4 {
	font-size: 20px;
	line-height: 28px;
	text-transform: uppercase;
}

#interior h5 {
	font-size: 16px;
	line-height: 24px;
	color: #193b5e;
	font-family: 'open_sanslight';
}

#interior h6 {
	padding: 15px 0;
	font-size: 16px;
	line-height: 24px;
	color: #7d96b3;
	font-family: 'open_sanslight';
	display: block;
	text-align: right;
}

#interior .view-use-your-library .views-field-field-featured-image {
    margin-bottom: 5px;
}

#interior .view-use-your-library .views-field-field-featured-image + .views-field-title h2,
#interior .view-use-your-library .views-field-title + .views-field-field-subtitle h3  {
    padding: 0;
    margin-bottom: 5px;
}

#interior article .field--name-field-category .field--label {
    font-family: 'CooperHewitt-Medium';
    margin-bottom: 15px;
}

#interior ul,
#interior ol {
	padding: 15px 0;
	margin: 0;
	margin-left: 25px;
	list-style-position: outside;
}

#interior ul {
	list-style: none;
	position: relative;
}

#interior ul li:before {
	font-size: 10px;
	line-height: 24px;
	position: absolute;
	left: 0;
	color: #6a7785;
	content: '\f111';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
}

#interior ol {
	list-style-type: decimal;
}

#interior ul li, 
#interior ol li {
    padding: 0.5rem 0 0 0.5rem;
}
#interior ul > li {
    padding-left: 1.5rem;
}

#interior ul li > ul {
	padding: 0;
}

#interior ul li > ul li {
	padding-bottom: 0;
}

#interior ul li > ul li:before {
	font-weight: 300;
}

#interior p + ul,
#interior p + ol,
#interior h1 + ul,
#interior h1 + ol,
#interior h2 + ul,
#interior h2 + ol,
#interior h3 + ul,
#interior h3 + ol,
#interior .clear-padding-top ul,
#interior .clear-padding-top ol,
#interior h2 + p,
#interior h3 + p,
#interior hr + p {
	padding-top: 0;
}

#interior h2 + hr {
	margin-top: 0;
}

#interior .sidebar-content {
	padding: 25px;
	background-color: #f3f3f3;
	position: relative;
}

#interior .sidebar-content:after {
	content: '';
	width: 0;
	height: 0;
	border-top: 0px solid transparent;
	border-bottom: 25px solid transparent;
	border-left: 25px solid #7d96b3;
	top: 0;
	left: 0;
	position: absolute;
}

#interior .sidebar-content h4 {
	text-transform: uppercase;
}

#interior .sidebar-content ul {
	display: block;
	margin: 0;
    padding-bottom: 0;
}

#interior .sidebar-content ul li,
#interior .sidebar-content ul li a {
	color: #021733;
	font-size: 14px;
}

#interior .sidebar-content ul li:before {
	display: none;
}

#interior .sidebar-content ul li {
	display: block;
	border-bottom: 1px solid #fff;
	padding: 0;
}

#interior .sidebar-content ul li:first-of-type {
	padding-top: 0;
}

#interior .sidebar-content ul li:last-of-type {
	border-bottom: transparent;
}

#interior .sidebar-content ul li a {
	padding: 5px 0;
	display: inline-block;
}

#interior .sidebar-content ul li a[target="_blank"]:after {
	content: '\f35d';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

#interior .sidebar-content ul li a[href*=".pptx"]:after {
	content: '\f56d';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

#interior .sidebar-content ul li a[target="_blank"]:after,
#interior .sidebar-content ul li a[href*=".pptx"]:after {
	display: inline;
	padding: 0 5px 0;
	font-size: 12px;
	vertical-align: text-bottom;
	line-height: 20px;
	color: #be8044;
}

#interior .featured-image-container {
	height: 175px;
    background-size: cover;
    background-position: center;
}

#interior h3.view-group-title {
	border-bottom: 1px solid #d8e1eb;
}

#interior a.link-with-icon > i {
	vertical-align: middle;
}

#interior a.link-with-icon > span {
	vertical-align: middle;
}

#interior a.link-with-icon.sm > i {
	vertical-align: middle;
	font-size: 12px;
	line-height: 20px;
}

#interior a.link-with-icon.orange i {
	color: #be8044;
}

/*#interior a.link-icon:after {
    content: '';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
    display: inline-block;
	padding: 0 5px 0;
	font-size: 10px;
	vertical-align: text-bottom;
	line-height: 18px;
	color: #be8044;
}

#interior a.link-icon.dload:after {
    content: '\f56d';
}

#interior a.link-icon.pdf:after {
    content: '\f1c1';
}*/

#interior .view-header > p:first-of-type,
#interior .row > .content > p:first-of-type,
#interior article > .content .field--name-body > p:first-of-type,
#interior .sidebar-content section > .field--name-body > p:first-of-type,
#interior .content-alt section > .field--name-body > p:first-of-type {
	padding-top: 0;
}

#interior .image-with-description {
	background-position: center;
	height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
	z-index: 2;
}

#interior .image-with-description .description {
	position: absolute;
	text-align: center;
	color: #fff;
	font-size: 14px;
	-webkit-transition: all ease-in-out 0.5s;
	transition: all ease-in-out 0.5s;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	padding: 15px;
	overflow: hidden;
	z-index: 3;
}

#interior .image-with-description .description:before {
	background-color: #193b5e;
	opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: '';
	position: absolute;
}

#interior .image-with-description .description:after {
	content: '';
	width: 0;
	height: 0;
	border-top: 0px solid transparent;
	border-bottom: 25px solid transparent;
	border-left: 25px solid #7d96b3;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 4;
}

/* ------------------------------------------------- Generic Views */

#interior .views-row-unformatted {
	border-bottom: 1px solid #d8e1eb;
	padding: 15px 0;
}

#interior .views-row-unformatted p {
	padding-top: 0;
}

#interior .views-row-unformatted:first-of-type {
	padding-top: 0;
}

#interior .views-row-unformatted:last-of-type {
	border-bottom: transparent;
}

#interior .views-list ul,
#interior .views-list ol {
	margin-left: 0;
}

#interior .views-view-grid.horizontal .views-col {
	padding-top: 15px;
	padding-bottom: 15px;
}

#interior .views-view-grid.vertical .views-col {

}

/* ------------------------------------------------- Breadcrumb */

#interior .breadcrumb {
	list-style-type: none;
	padding: 5px 0 0;
	margin: 0;
	border-radius: 0;
	background-color: transparent;
}

#interior .breadcrumb li {
	padding: 0 5px 0 0;
	font-size: 14px;
	line-height: 22px;
}

#interior .breadcrumb li:after {
	content: '\f054';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	padding: 0 5px;
	color: #be8044;
}

#interior .breadcrumb li:last-of-type:after {
	display: none;
}

#interior .breadcrumb li a {
	
}

#interior .breadcrumb li,
#interior .breadcrumb li a, 
#interior .breadcrumb li span, 
#interior .breadcrumb li:after {
	vertical-align: middle;
}

/* ------------------------------------------------- Pagination */

#interior .pagination,
#interior .pager {
	margin: 15px 0 0 0;
	padding: 15px 0;
	border-radius: 0;
}

#interior .pagination {
    display: inline-block;
}

#interior .pager {
    display: inline-block;
}

#interior .pagination .pager__item,
#interior .pager li {
    display: inline-block;
	padding: 5px;
	background-color: #be8044;
	border-radius: 5px;
	margin: 0 0 5px 0;
	-webkit-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
    
}

#interior .pagination .pager__item:before,
#interior .pager li:before {
	display: none;
}

#interior .pagination .pager__item a,
#interior .pager li a {
	padding: 5px;
	color: #fff;
}

#interior .pagination .pager__item:hover,
#interior .pager li:hover {
	background-color: #EBA04F;
	color: #fff;
}

#interior .pagination .pager__item span,
#interior .pager li span {
	color: #fff;
}

#interior .pager li:hover a,
#interior .pager li:hover a span {
	color: #fff;
}

/* ------------------------------------------------- Search Results */

#interior form.search-form {
	border-bottom: 1px solid #e1e1e1;
}

#interior form.search-form .input-group {
}

#interior form.search-form .input-group .btn-default {
	border-radius: 0 5px 5px 0;
}

#interior form.search-form .description {
	padding: 10px 0;
}

#interior form.search-form .description {
	padding: 10px 0;
}

#interior form.search-form a {
	padding-bottom: 15px;
	display: inline-block;
}

body.path-search #interior .main-content h2 {
	display: none;
}

body.path-search #interior .main-content ol {
	padding-top: 0;
}

body.path-search #interior .main-content ol > li > h3 {
	padding-bottom: 0;
}

body.path-search #interior .main-content ol > li > p {
	font-size: 16px;
	line-height: 24px;
	padding-top: 0;
}

#edit-advanced .form-item {
	padding: 10px 0;
}

#edit-advanced .form-item.checkbox {
    display: inline-block;
    padding-right: 15px;
}

#edit-advanced .form-item.checkbox .form-checkbox {
    margin-right: 10px;
}

#edit-advanced div.panel-title {
    display: none;
}

#edit-advanced #edit-keywords-fieldset {
	padding-top: 0;
}

/* ------------------------------------------------- Member Libraries */

#interior .member-libraries.row,
#interior .member-libraries .member-library {
	padding-top: 15px;
	padding-bottom: 15px;
}

#interior .member-library .title {
	font-size: 20px;
	line-height: 28px;
	padding: 10px 0 5px;
	display: block;
}

#interior .member-library .address {
	font-size: 16px;
	line-height: 24px;
	font-family: 'open_sanslight';
	padding: 0 0 5px;
}

#interior .member-library .phone-number {
	margin-bottom: 10px;
}

#interior .member-library .phone-number i {
	color: #fff;
    margin-top: -1px;
}

#interior .member-library .external-links {
	text-align: left;
	border-top: 1px solid #d8e1eb;
}

#interior .member-library .external-links a {
	display: inline-block;
	padding: 5px 5px 5px 0;
	font-size: 16px;
	line-height: 24px;
}

#interior .member-library .external-links a i {
	line-height: 24px;
    vertical-align: top;
}

#interior .member-library .image .description {
	top: 100%;
	bottom: 0;
	left: 0;
	right: 0;
}

#interior .member-library .image:hover .description {
	top: 0;
}

#interior .member-library .image .description p {
	font-size: 14px;
	line-height: 22px;
}

#interior .member-library .image .description a {
	color: #fff;
}

#interior .member-library .image .description a:hover {
	color: #d8e1eb;
}

#interior .member-library .image .description a i {
	padding-left: 5px;
}

#member-library-page a.link-with-icon {
	padding: 5px 15px 5px 0;
}

#member-library-page a.link-with-icon i {
	padding-right: 5px;
}

#member-library-page a.link-with-icon span {
	vertical-align: middle;
}


/* ------------------------------------------------- Board of Trustees */

#interior.board-of-trustees .table td, 
#interior.board-of-trustees .table th {
	border: transparent;
	padding-left: 0;
}

/* ------------------------------------------------- Board Meeting and Reports */

#interior .board-reports-list {
	padding: 0 15px;
}

#interior .board-reports-list .board-report {
	padding: 0;
	border-bottom: 1px solid #e1e1e1;
	font-size: 16px;
	line-height: 24px;
}

#interior .board-reports-list .board-report:last-of-type {
	border-bottom: transparent;
}

#interior .board-reports-list .board-report .report-minutes {
	text-align: right;
}

#interior .board-reports-list .board-report .report-minutes .btn {
	margin-bottom: 15px;
    width: 100%;
}

#interior .board-reports-list .board-report .report-date {
	padding-top: 10px;
	padding-bottom: 10px;
}

body.page-node-type-board-report .page-header {
	display: none;
}

#board-report-agenda {
	font-size: 16px;
}

#board-report-agenda table td p {
	padding: 1px 0;
}

#board-report-agenda strong {
	font-family: 'open_sansbold';
	font-size: 18px;
}

#board-report-agenda table {
	width: 100% !important;
	height: auto !important;
}

#board-report-agenda table tr td {
	padding: 5px 0;
	width: auto !important;
}

#board-report-agenda table tr:first-of-type td {
	text-align: center;
}

#board-report-agenda table tr:nth-of-type(n+3){
	border-bottom: #d8e1eb 1px solid;
}

#board-report-agenda table tr:last-of-type {
	border-bottom: none;
}

#board-report-agenda .btn-minutes {
	float: right;
	clear: both;
	margin-bottom: 15px;
}

#board-report-agenda table tr td a {
	text-decoration: underline;
}

/* ------------------------------------------------- Staff Members */

#interior .staff-members.row,
#interior .staff-members.row .staff-member {
	padding-top: 15px;
	padding-bottom: 15px;
}

#interior .staff-member .image.align-image-top {
	background-position: top;
}

#interior .staff-member .image .description {
	top: 100%;
	bottom: 0;
	left: 0;
	right: 0;
}

#interior .staff-member .image:hover .description {
	top: 0;
}

#interior .staff-member .image .description p {
	font-size: 14px;
	line-height: 22px;
}

#interior .staff-member .image .description a {
	color: #fff;
}

#interior .staff-member .image .description a > i {
	padding-left: 5px;
}

#interior .staff-member a.email {
	font-size: 14px;
	line-height: 22px;
}

#interior .staff-member a.email i {
	padding-right: 5px;
    font-size: 14px;
    line-height: 26px;
}

#interior .staff-member .image .description a:hover {
	color: #d8e1eb;
}

#interior .staff-member .name {
	font-size: 20px;
	line-height: 28px;
	padding: 10px 0 5px;
	display: block;
}

#staff-member-page .image img {
	width: 100%;
}

#staff-member-page .content a.link-with-icon i {
	vertical-align: middle;
	padding-right: 5px;
}

#staff-member-page .content a.link-with-icon span {
	vertical-align: middle;
}

/* ------------------------------------------------- Job Opportunities */

#interior .job-opportunities {
	padding-top: 15px;
	padding-bottom: 15px;
}

#interior .job-opportunities > div[class*="col-"] {
    padding-bottom: 30px;
}

#interior .job-opportunities .job-opportunity,
#interior .view-job-opportunities .view-empty {
	border: 1px solid #e1e1e1;
	background-color: #eee;
	height: 100%;
}

#interior .job-opportunities .job-opportunity .content,
#interior .view-job-opportunities .view-empty p {
	padding: 25px;
}

#interior .view-job-opportunities .view-empty {
	display: inline-block;
}

#interior .job-opportunities .job-opportunity .title h3 {
	padding-top: 0;
}

#interior .job-opportunities .job-opportunity .description {
	font-size: 16px;
	line-height: 24px;
	padding: 0 0 15px;
}

#interior .job-opportunities .job-opportunity .job-icon {
	font-size: 35px;
	position: absolute;
	top: -30px;
	left: -5px;
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	-webkit-transition: -webkit-transform ease-in-out 0.3s;
	transition: -webkit-transform ease-in-out 0.3s;
	transition: transform ease-in-out 0.3s;
	transition: transform ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s;
	-webkit-transform-origin: right bottom;
	        transform-origin: right bottom;
	color: #193b5e;
	z-index: 2;
}

#interior .job-opportunities .job-opportunity .content:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 1px;
	background-color: #e1e1e1;
	border-radius: 100%;
	height: 20px;
	width: 20px;
	z-index: 1;
	-webkit-transition: -webkit-transform ease-in-out 0.3s;
	transition: -webkit-transform ease-in-out 0.3s;
	transition: transform ease-in-out 0.3s;
	transition: transform ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s;
	-webkit-transform-origin: center;
	        transform-origin: center;
}

#interior .job-opportunities .job-opportunity .content:hover:after {
	-webkit-transform: scale(0);
	        transform: scale(0);
}

#interior .job-opportunities .job-opportunity .content:hover .job-icon {
	-webkit-transform: rotate(-45deg) translate3d(-2px,-12px,0);
	        transform: rotate(-45deg) translate3d(-2px,-12px,0);
}

#interior .job-opportunities .job-opportunity hr {
	margin: 0 0 15px;
}

#interior .job-opportunities .job-opportunity .btn {
	margin-top: 10px;
    display: block;
}

#interior .job-opportunities .job-opportunity .opportunity-link {
	padding-right: 10px;
    padding-bottom: 15px;
    display: inline-block;
}

#interior #job-opportunity-page .sidebar-content h4 {
	padding-bottom: 15px;
}

#interior #job-opportunity-page .sidebar-content .btn {
	margin-bottom: 15px;
    width: 100%;
}

/* ------------------------------------------------- Library Resources */

#interior .library-resource-list,
#interior .library-resource-list .library-resource {
	padding-top: 15px;
	padding-bottom: 15px;
}

#interior .library-resource-list .library-resource .image-with-description {
	height: auto;
}

#interior .library-resource-list .library-resource .image-with-description .description:after {
	display: none;
}

#interior .library-resource-list .library-resource .image-with-description .description:before {
    background-color: #021733;
	color: #fff;
}

#interior .library-resource-list .library-resource .image-with-description .description {
	bottom: 0;
	left: 0;
	right: 0;
}

#interior .library-resource-list .library-resource h4 {
	padding-top: 15px;
}

#interior .library-resource .resource-notes {
	padding: 15px;
	background-color: #021733;
	color: #fff;
	display: inline-block;
}

#interior #library-resource .image > img {
	width: 100%;
}

#interior #library-resource .image {
	padding-bottom: 15px;
}


/* ------------------------------------------------- Trustee Tale */

#interior .trustee-tale-list {
	
}

#interior .trustee-tale-list .trustee-tale {
	padding-top: 15px;
	padding-bottom: 15px;
}

#interior .trustee-tale-list .trustee-tale-content {
	background-color: #eeeeee;
	border: 1px solid #e1e1e1;
}

#interior .trustee-tale-list .trustee-tale-content .content {
	padding: 15px;
}

#interior .trustee-tale-list .trustee-tale .image .description {
	left: 0;
	padding: 5px 15px 5px 25px;
}

#interior .trustee-tale-list .trustee-tale .content p {
	font-size: 14px;
	line-height: 22px;
	padding-top: 0;
}

#interior .trustee-tale-list .trustee-tale .content p strong {
	padding-right: 5px;
}

#interior .trustee-tale-list .trustee-tale .content .btn {
	width: 100%;
}

#interior #trustee-tale-page .image .btn {
	margin-top: 15px;
	width: 100%;
}

/* ------------------------------------------------- Misc Pages and Blocks */

#block-winnefoxawards p {
	padding: 0;
	text-align: center;
}

#block-winnefoxawards img {
	width: 50%;
	margin: 0;
	box-sizing: border-box;
	padding: 5px;
}

#interior panel .panel-heading {
    
}

#interior panel .panel-body {
    
}

/* ------------------------------------------------- Online Registration FAQ */

#interior.online-card-registration-faq {

}

#interior.online-card-registration-faq .content-block {
    display: none;
    opacity: 0;
    padding: 15px 0;
    border-top: 1px solid #d8e1eb;
}

#interior.online-card-registration-faq .content-block:first-of-type {
    opacity: 1;
    display: block;
    border-top: transparent;
}

#interior.online-card-registration-faq .content-block h4 {
    text-transform: none;
}

#interior.online-card-registration-faq .content-block .form-check {
    border: 1px solid #e1e1e1;
    background-color: #eee;
    padding: 15px;
}

#interior.online-card-registration-faq .content-block .form-check label {
    padding-left: 10px;
    cursor: pointer;
}

/* ------------------------------------------------- Login and User Pages */

body.path-user form {
	
}

body.path-user #interior .main-row {
    padding-top: 15px;
}

body.path-user form .description {
	padding: 5px 0 0;
	font-size: 14px;
	color: #6a7785;
}

body.path-user form p {
	font-size: 16px;
	line-height: 24px;
}

body.path-user form h4 {
	padding-bottom: 5px;
}

body.path-user form.user-login-form,
body.path-user form.user-pass {
	max-width: 50%;
}

body.path-user .views-empty,
body.path-user .empty.message {
    padding: 15px !important;
}

body.path-user .view-filters {
    padding: 0 0 15px;
}

body.path-user div.messages__wrapper {
	width: 50%;
}

/* ------------------------------------------------- Webforms */

#interior .webform-results-table {
    margin: 15px 0;
}

#interior .webform-submission-pager {
    margin: 0;
    list-style-type: none;
    padding-bottom: 30px;
}

#interior .webform-submission-pager li {
    padding: 0;
}

#interior .webform-submission-pager li:before {
    display: none;
}

#interior .webform-submission-navigation {
    border-top: transparent;
    border-bottom: 1px solid #d8e1eb;
    margin: 0 0 15px 0;
}

#interior .panel-heading {
   
}

#interior .panel-heading .panel-title {
    font-family: 'open_sansregular';
    padding: 0 0 15px;
}

#interior .panel-body > div {
    padding: 5px 0;
    font-size: 16px;
    line-height: 24px;
}

/* ------------------------------------------------- Status Messages */

div.messages__wrapper {
    
}

div.messages__wrapper .alert {
    font-size: 16px;
    line-height: 24px;
}

div.messages__wrapper .alert p {
    padding: 5px 0;
}

div.messages__wrapper .alert p:first-of-type {
    padding: 0;
}

div.messages__wrapper .alert a {
    color: inherit !important;
    font-weight: bold;
}

/* ------------------------------------------------------------------------------
----------------------------------------------------------------- 07: Footer
------------------------------------------------------------------------------ */

#footer {
	position: relative;
	z-index: 1;
}

#footer .overlay-bg {
	background-image: url(../images/winnefox-footer-bg-alt.jpg);
}

#footer h4 {
	font-family: 'CooperHewitt-Medium';
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 15px 0;
	font-size: 24px;
	line-height: 32px;
}

#footer > .container > .row {
	padding: 15px 0;
}

#footer > .container > .row:after,
#footer > .container > .row:before {
	display: none;
}

#footer .menu {
	padding: 0;
	display: block;
}

#footer .menu > li {
	border-bottom: 1px solid #fff;
}

#footer  div[class*="col-"]:first-of-type div[class*="col-"]:last-of-type .menu > li:last-of-type {
	border-bottom: transparent;
}

#footer a {
	padding: 15px 0;
	display: inline-block;
	color: #fff;
	line-height: 24px;
}

#footer a:hover {
	color: #ffe5cb;
}

#footer .contact-block .icon i {
	font-size: 28px;
	display: inline-block;
}

#footer .contact-block {
	padding: 15px 0;
}

#footer .contact-block .content p,
#footer .contact-block .content a {
	padding: 0 0 5px;
}

#footer .contact-block .content a > i {
	font-size: 14px;
	line-height: 22px;
	vertical-align: top;
}

#footer .contact-block .content strong {
    padding-bottom: 5px;
    display: block;
}

#footer .contact-block .content .note {
    font-size: 14px;
    line-height: 18px;
    display: block;
}

#footer .contact-block .content .note a {
    text-decoration: underline;
}


#second-footer {
	
}

#second-footer p {
	font-size: 14px;
	line-height: 22px;
	text-align: left;
}

/* -------------------------------------------------------------- Lightbox */

#lightbox {
    position: fixed;
    bottom: -100%;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: #fee24a;
    color: #000;
    font-size: 16px;
    line-height: 22px;
    width: 100%;
}

#lightbox a {
    font-family: 'open_sansbold';
    color: #800000;
    text-decoration: underline;
}

#lightbox a:hover {
    color: #a10000;
}

#winnefox-select-background {
    position: fixed;
    z-index: 10;
    background-color: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.8;
}

#winnefox-select-your-library {
    position: fixed;
    height: auto;
    width: 25vw;
    background-color: #fff;
    margin: auto;
    z-index: 10;
    right: auto;
    font-size: 0;
    padding: 15px;
    min-width: 300px;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
    max-width: 400px;
    border: 1px solid #d8e1eb;
}

#winnefox-select-your-library > select,
#winnefox-select-your-librar > a.btn {
    display: inline-block;
    vertical-align: middle;
}

#winnefox-select-your-library > select {
    width: 70%;
}

#winnefox-select-your-library > select.required {
    border-color: #5f0101;
}

#winnefox-select-your-library > a.btn {
    width: 30%;
}

#winnefox-select-your-library p {
    font-size: 0.85rem;
    line-height: 1;
    padding: 5px 0 0;
    margin: 0;
    color: #1b2e46;
}


/* ------------------------------------------------------------------------------
-------------------------------------------------------------- Using Your Library
------------------------------------------------------------------------------ */

/* Add 6/19/23 */

body.path-title-using-your-library,
body.path-title-using-your-library #header {
    visibility: hidden;
}

body.winnefox-uyl-ready {
    visibility: visible;
    padding-top: 0 !important;
}

#using-your-library {
    overflow: hidden;
}

#using-your-library h1,
#using-your-library h2,
#using-your-library h3 {
    padding: 0;
    margin-bottom: 30px;
}

#using-your-library p, 
#using-your-library ul, 
#using-your-library ol {
    font-size: 1.65rem;
    line-height: 2.15rem;
    padding: 0;
    margin: 30px 0;
    color: #2D2A32;
}

#using-your-library #interior ul li:before {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: #ffd400;
    top: 24px;
    top: 1.5rem;
}

#using-your-library #interior ul li, 
#using-your-library #interior ol li {
  padding: 15px 0 0 35px;
  position: relative;
}

#using-your-library #interior h2,
#using-your-library #interior h3 {
    font-size: 48px;
    font-size: 3rem;
    line-height: 60px;
    line-height: 3.75rem;
    color: #2D2A32;
    padding: 0;
    margin: 15px 0;
}

#using-your-library #interior h2 {
    color: #003469;
}

#using-your-library #interior h3 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 48px;
    line-height: 3rem;
}

#using-your-library #interior a:hover {
    color: #ee200d;
}

#using-your-library #interior a {
    color: #ee3524;
}

#using-your-library #interior .image-container {
    height: 50vh;
    min-height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    margin: 30px 0;
}

#using-your-library a.button, 
#using-your-library a.button > span {
    color: #fff;
}

#using-your-library a.button {
    background-color: #ee3524;
    padding: 15px;
    display: inline-block;
    font-size: 0;
    color: #fff;
    border-radius: 15px;
    margin: auto;
    z-index: 3;
    position: relative;
    box-shadow: 0 2px 8px 2px rgba(0,0,0,0);
    -webkit-transition-property: background-color, box-shadow, -webkit-transform;
    transition-property: background-color, box-shadow, -webkit-transform;
    transition-property: transform, background-color, box-shadow;
    transition-property: transform, background-color, box-shadow, -webkit-transform;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
}

#using-your-library a.button:hover {
    background-color: #ee200d;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    color: #fff;
    box-shadow: 0 2px 8px 2px rgba(0,0,0,0.15);
}

#using-your-library a.button i,
#using-your-library a.button span {
    display: inline-block;
    vertical-align: baseline;
    font-size: 32px;
    font-size: 2rem;
}

#using-your-library a.button i + span,
#using-your-library a.button span + i {
    margin-left: 10px;
}

#exit-page {
    position: absolute;
    top: 15px;
    text-align: left;
}

#lets-go {
    position: absolute;
    bottom: 0;
    text-align: center;
}

#lets-go a.button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#parallax-hero {
    padding: 0;
    overflow: hidden;
    position: relative;
}

#parallax-hero > .container-fluid {
    background-color: #F2F4FF;
    min-height: 100%;
    height: 100vh;
}

#parallax-hero > .container-fluid > .row {
    height: 100%;
}

#parallax-hero #fox {
    display: none;
}

#parallax-hero #cow.parallax-container,
#parallax-hero #fox.parallax-container {
    height: 100%;
    position: relative;
}

#parallax-hero #cow.parallax-container {
    background-color: #0ea2ce;
}

#parallax-hero #fox.parallax-container {
    background-color: #ffd400;
}

#parallax-hero #cow .parallax-layer-0,
#parallax-hero #cow .parallax-layer-1,
#parallax-hero #fox .parallax-layer-0,
#parallax-hero #fox .parallax-layer-1 {
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

#parallax-hero #cow .parallax-layer-0,
#parallax-hero #cow .parallax-layer-1 {
    height: 55%;
    width: 95%;
}

#parallax-hero #fox .parallax-layer-0,
#parallax-hero #fox .parallax-layer-1 {
    height: 75%;
    width: 75%;
}

#parallax-hero #cow .parallax-layer-1,
#parallax-hero #fox .parallax-layer-1 {
    z-index: 2;
}

#parallax-hero #cow .parallax-layer-0 {
    background-image: url('../images/use-your-library/winnefox-cow-bubble.svg');
    top: -5%;
}

#parallax-hero #cow .parallax-layer-1 {
    background-image: url('../images/use-your-library/winnefox-cow.png');
    top: 25%;
}

#parallax-hero #fox .parallax-layer-0 {
    background-image: url('../images/use-your-library/winnefox-fox-bubble.svg');
    top: -20%;
}

#parallax-hero #fox .parallax-layer-1 {
    background-image: url('../images/use-your-library/winnefox-fox.png');
    top: 20%;
}

#page-title h1 {
    font-family: 'CooperHewitt-Bold';
    font-size: 96px;
    font-size: 6rem;
    line-height: 96px;
    line-height: 6rem;
    color: #ee3524;
    text-align: center;
    margin: 50px 0;
}

#find-your-library {
    background-color: #0ea2ce;
}

#find-your-library .content-container {
    position: relative;
    padding: 25px 15px;
    text-align: center;
}

#find-your-library .content-container h2 {
    font-family: 'CooperHewitt-Bold';
    font-size: 64px;
    font-size: 4rem;
    line-height: 64px;
    line-height: 4rem;
    color: #fff;
}

#find-your-library .content-container p {
    color: #F2F4FF;
}

#find-your-library .content-container i.background-icon {
    font-size: 320px;
    font-size: 20rem;
    line-height: 1;
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 80px;
    left: 5rem;
    top: 0;
    height: 320px;
    width: 360px;
    margin: auto;
    opacity: 0.15;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
}

#find-your-library .image-container {
    position: relative;
    background-color: #003469;
}

#find-your-library .image-container .background-image {
    background-image: url('../images/use-your-library/member-libraries.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0.85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    box-shadow: inset 65px 15px 75px 0px rgba(0,52,105,0.35);
}

#google-map {
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

#google-map .container-fluid {
    padding: 0;
}

#google-map iframe {
    width: 100% !important;
    height: 600px !important;
    position: relative;
    margin-top: -65px;
}

#page-footer {
    background-color: #ee3524;
    text-align: center;
    padding: 30px 0;
}

#page-footer div[class^="col-"] {
    padding: 15px;
}

#page-footer div[class^="col-"]:after {
    content: '';
    position: absolute;
    bottom: 0;
    margin: auto;
    background-color: #0ea2ce;
    right: 0;
    left: 0;
    top: auto;
    height: 5px;
    width: 25%;
    border-radius: 5px;
}

#page-footer div[class^="col-"]:first-of-type:after,
#page-footer div[class^="col-"]:last-of-type:after {
    display: none;
}

#page-footer img {
    max-width: 200px;
}

#page-exit {
    background-color: #2D2A32;
    text-align: center;
}

#page-exit .button {
    background-color: transparent !important;
    box-shadow: unset !important;
}

#content-cards > .container-fluid {
    padding: 0 5% 30px;
}

#content-cards .content-card {
    cursor: pointer;
    -webkit-transition: -webkit-transform ease-in-out 0.3s;
    transition: -webkit-transform ease-in-out 0.3s;
    transition: transform ease-in-out 0.3s;
    transition: transform ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s;
    padding-bottom: 30px;

}

#content-cards .content-card:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);

}

#content-cards .content-card.hidden {
    visibility: hidden;
}

#content-cards .content-card .content-card-inner {
    position: relative;
    -webkit-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    border-bottom: 5px solid #e6eafc;
}

#content-cards .content-card .content-card-inner:hover {
    box-shadow: 0 5px 25px -10px rgba(0,0,0,0.25);
}

#content-cards .content-card .content-card-content {
    position: relative;
}

#content-cards .content-card .content-card-content .content-card-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 8vw;
    min-height: 150px;
    background-color:#F5F7FD;
}

#content-cards .content-card .content-card-content .content-card-title {
    position: relative;
    background-color: #ee3524;
    padding: 15px;
}

#content-cards .content-card:nth-child(even) .content-card-content .content-card-title {
    background-color: #0ea2ce;
}

#content-cards .content-card .content-card-content .content-card-title h2 {
    font-size: 29.6px;
    font-size: 1.85rem;
    line-height: 36px;
    line-height: 2.25rem;
    margin-bottom: 5px;
    padding: 0;
} 

#content-cards .content-card .content-card-content .content-card-title h3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
    margin-bottom: 0;
    padding: 0;
    opacity: 0.65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    font-family: 'CooperHewitt-Book';
}

#content-cards .content-card .content-card-body {
    background-color: #F2F4FF;
    padding: 15px;
    margin-top: 0;
}

#content-cards .content-card .content-card-body p {
    color: #2D2A32;
    font-size: 21.6px;
    font-size: 1.35rem;
    line-height: 28px;
    line-height: 1.75rem;
    margin: 0;
}

.loading-indicator {
    display: block;
    max-width: 200px;
    width: 100%;
    text-align: center;
    color: #000;
    font-size: 32px;
    font-size: 2rem;
    margin: 0 auto;
    margin: 5% auto 0;
}

.loading-indicator i {
    color: #0ea2ce;
    font-size: 64px;
    font-size: 4rem;
}

.loading-indicator span {
    color: #2D2A32;
    display: block;
    padding: 15px;
    margin: 0;
}

.rotate{
    -webkit-animation: rotate 1.5s linear infinite;
            animation: rotate 1.5s linear infinite; 
}
@-webkit-keyframes rotate{
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes rotate{
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

/*
 * Medium devices (tablets, 768px and up)
 */
@media (min-width: 768px) {

    #parallax-hero #fox {
        display: inline-block;
    }

    #page-footer {
        padding: 5px 0;
    }

    #page-footer div[class^="col-"]:after {
        width: 10px;
        height: 10px;
        border-radius: 100%;
        right: -5px;
        top: 0;
        bottom: 0;
        left: auto;
    }
}

/*
 * Large devices (desktops, 992px and up)
 */
@media (min-width: 992px) {
    
    #parallax-hero #cow .parallax-layer-0,
    #parallax-hero #cow .parallax-layer-1 {
        height: 75%;
        width: 75%;
    }

    #page-title h1 {
        font-size: 8rem;
        line-height: 8rem;
    }

    #find-your-library .content-container {
        padding: 75px 30px;
        text-align: right;
    }

    #page-footer div[class^="col-"]:after {
        width: 20px;
        height: 20px;
        border-radius: 100%;
        right: -10px;
    }

}

#block-usingyourlibrarybanner .row { 
    text-align: center;
    margin: 30px auto;
    min-height: 25vh;
    max-height: 900px;
}

#block-usingyourlibrarybanner .row > div.cow,
#block-usingyourlibrarybanner .row > div.fox {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#block-usingyourlibrarybanner .row > div.cow  {
    background-color: #0ea2ce;
    background-image: url(/sites/default/files/winnefox-cow-1.png);
}

#block-usingyourlibrarybanner .row > div.fox {
    background-color: #ffd400;
    background-image: url(/sites/default/files/winnefox-fox-1.png);
}

#using-your-library a.button, 
#using-your-library a.button > span {
    color: #fff;
}

#block-usingyourlibrarybanner .row > div.button a  {
    background-color: #ee3524;
    padding: 15px;
    display: inline-block;
    font-size: 0;
    color: #fff;
    margin: auto;
    z-index: 3;
    position: relative;
    box-shadow: 0 2px 8px 2px rgba(0,0,0,0);
    -webkit-transition-property: background-color, box-shadow, -webkit-transform;
    transition-property: background-color, box-shadow, -webkit-transform;
    transition-property: transform, background-color, box-shadow;
    transition-property: transform, background-color, box-shadow, -webkit-transform;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    height: 100%;
}

#block-usingyourlibrarybanner .row > div.button a:hover {
    background-color: #ee200d;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    color: #fff;
    box-shadow: 0 2px 8px 2px rgba(0,0,0,0.15);
}

#block-usingyourlibrarybanner .row > div.button a i,
#block-usingyourlibrarybanner .row > div.button a span {
    display: inline-block;
    vertical-align: baseline;
    font-size: 32px;
    font-size: 2rem;
}

#block-usingyourlibrarybanner .row > div.button a span + i {
    margin-top: 10px;
}

/*
 * Medium devices (tablets, 768px and up)
 */
@media (min-width: 768px) {
    
    #block-usingyourlibrarybanner .row { 
        min-height: 40vh;
    }
    
    #block-usingyourlibrarybanner .row > div.button  {
        position: absolute;
        z-index: 3;
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
    
    #block-usingyourlibrarybanner .row > div.button a {
        border-radius: 15px;
        height: auto;
    }
    
    #block-usingyourlibrarybanner .row > div.cow  {
        padding: 15px 8% 15px 15px;
    }

    #block-usingyourlibrarybanner .row > div.fox {
        padding: 15px 15px 15px 8%;
    }
    
    #block-usingyourlibrarybanner .row > div.button a i + span,
    #block-usingyourlibrarybanner .row > div.button a span + i {
        margin-left: 10px;
        margin-top: 0;
    }

}

/* ------------------------------------------------------------------------------
----------------------------------------------------------------- 08: Mobile
------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------
----------------------------------------------------------------- 09: Bug Fixes
------------------------------------------------------------------------------ */

.visually-hidden {
	display: none !important;
}

@supports (-ms-ime-align: auto) {
    .orange-overlay-container:after {
        background-color: rgba(122, 71, 20, 0.7) !important;
    }
}