/*
Theme Name: Lutheran West (Multisite Main Theme)
Author: Paragram
Author URI: https://paragram.co
Description: Lutheran West theme which is the main theme of the multisite environment.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* 0.0: NORMALIZE - https://necolas.github.io/normalize.css/ ---- */

progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}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:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[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-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}


/* 1.0: CORE CLASSES -------------------------------------------- */
h1,
h2.big { 
  color: var(--clhsa-primary);
  font-size: 72px;
  font-weight: 400;
  line-height: 1.24em;
}
h2,
h1.blog-post { 
  color: var(--clhsa-primary);
  font-size: 36px;
  font-weight: 400;
  line-height: 1.33em;
}
h3 { 
  font-size: 36px;
  font-weight: 400;
  line-height: 1.33em;
}
h4 { 
  font-size: 21px;
  font-weight: 700;
  line-height: 1.43em;
}
h5 { 
  font-size: 21px;
  font-weight: 700;
  line-height: 1.14em;
}
p { }
ul { }
ul li { }
ol { }
ol li { }
a { }
a:hover { }
img { max-width: 100%; }


/* 1.1: CUSTOM CLASSES ------------------------------------------ */
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}


/* 1.2: BUTTONS ------------------------------------------------- */
.btn,
.btn-wrap a,
input[type="submit"],
.wp-block-buttons .wp-block-button .wp-block-button__link {
  display: inline-block;
  height: auto;
  margin: 0;
  padding: 0.5em 1em;
  border: none;
  border-radius: 0;
  outline: none;
  background: var(--clhsa-primary);
  color: #fff;
  font-size: 21px;
  font-weight: 700;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.btn:hover,
.btn-wrap a:hover,
input[type="submit"]:hover,
.wp-block-buttons .wp-block-button .wp-block-button__link:hover {
  text-decoration: none;
  background: #000;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.btn.invert,
.btn-wrap.invert a,
input[type="submit"].invert,
.wp-block-buttons.invert .wp-block-button .wp-block-button__link {
  background-color: #fff;
  color: var(--clhsa-primary);
}
.btn.invert:hover,
.btn-wrap.invert a:hover,
input[type="submit"].invert:hover,
.wp-block-buttons.invert .wp-block-button .wp-block-button__link:hover {
  background-color: #000;
  color: #fff;
}

/* secondary buttons */
.btn-alt,
.btn-alt-wrap a,
input[type="submit"].btn-alt,
.wp-block-buttons.btn-alt-wrap .wp-block-button .wp-block-button__link {
  display: inline-block;
  position: relative;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  border-bottom: 4px solid var(--clhsa-primary);
  border-radius: 0;
  outline: none;
  background: transparent;
  color: #000;
  font-size: 21px;
  font-weight: 700;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.btn-alt:hover,
.btn-alt-wrap a:hover,
input[type="submit"].btn-alt:hover,
.wp-block-buttons.btn-alt-wrap .wp-block-button .wp-block-button__link:hover {
  text-decoration: none;
  border-bottom-color: #000;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}


/* 1.3: SOCIAL MEDIA NAVIGATION --------------------------------- */
/* https://icons8.com/icons/set/social-media */
ul.social-media,
ul.social-media * {
  box-sizing: border-box;
}
ul.social-media {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ul.social-media li { 
  display: block;
}
ul.social-media li.icon {
  height: 50px;
  width: 50px;
}
ul.social-media li a {
  display: block;
  height: 100%;
  width: 100%;
  color: #000;
}
ul.social-media li a > .label {
  display: none;
}
ul.social-media li.icon a svg {
  display: block;
}
ul.social-media li.icon a svg .fill {
  fill: #0000ff;
}
ul.social-media li.icon a:hover svg .fill {
  fill: #ff0000;
}


/* 2.0: GLOBAL -------------------------------------------------- */
/* #wpadminbar is 32px tall */
body {
  background-color: #fff;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.3em;
}
#page {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
body.admin-bar #page {
  padding-top: 32px;
}


/* 2.1: HEADER -------------------------------------------------- */
#header,
#header * {
  box-sizing: border-box;
}
#header {
  position: relative;
  z-index: 10;
  width: 100%;
  background-color: #fff;
}
#header.sticky {
  position: sticky;
  top: 0;
}
body.admin-bar #header.sticky {
  top: 32px;
}
#header > .wrap {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
  height: 115px;
  width: 100%;
  padding: 0 115px;
}
#header .logo {
  display: block;
  position: relative;
  z-index: 1;
  height: 71px;
  width: 187px;
  margin-left: 10px;
  background: transparent url('img/logo-lutheran-west.v2.png') 0 0 no-repeat;
  background-size: 100% 100%;
}
#header .logo .logo-link {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #000;
  text-align: left;
  text-indent: -9999em;
}

/* red alternative */
body.primary-header #header {
  background-color: var(--clhsa-primary);
}
body.primary-header #header .logo {
  background-image: url('img/logo-lutheran-west.v2.white.png');
}


/* 2.2: BANNER -------------------------------------------------- */
.banner,
.banner * {
  box-sizing: border-box;
}
.banner { 
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  padding: 100px 125px;
  background: #333 url('img/spacer.gif') center center no-repeat;
  background-size: cover;
}
.banner.bgcolor {
  background-color: var(--clhsa-primary);
}
.banner.image,
.banner.video {
  min-height: 540px;
}
.banner.video .video-bg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 1;
  transform: translateX(-50%) translateY(-50%);
  background: url('img/spacer.gif') no-repeat;
  background-size: cover;
  -webkit-transition: 1s opacity;
  -moz-transition: 1s opacity;
  -o-transition: 1s opacity;
  transition: 1s opacity;
}
.banner.video .video-bg.horizontal-left.vertical-top {
  left: 0;
  top: 0;
  transform: translateX(0) translateY(0);
}
.banner.video .video-bg.horizontal-center.vertical-top {
  left: 50%;
  top: 0;
  transform: translateX(-50%) translateY(0);
}
.banner.video .video-bg.horizontal-right.vertical-top {
  left: auto;
  right: 0;
  top: 0;
  transform: translateX(0) translateY(0);
}
.banner.video .video-bg.horizontal-left.vertical-center {
  left: 0;
  top: 50%;
  transform: translateX(0) translateY(-50%);
}
.banner.video .video-bg.horizontal-right.vertical-center {
  left: auto;
  right: 0;
  top: 50%;
  transform: translateX(0) translateY(-50%);
}
.banner.video .video-bg.horizontal-left.vertical-bottom {
  left: 0;
  top: auto;
  bottom: 0;
  transform: translateX(0) translateY(0);
}
.banner.video .video-bg.horizontal-center.vertical-bottom {
  left: 50%;
  top: auto;
  bottom: 0;
  transform: translateX(-50%) translateY(0);
}
.banner.video .video-bg.horizontal-right.vertical-bottom {
  left: auto;
  top: auto;
  bottom: 0;
  right: 0;
  transform: translateX(0) translateY(0);
}
.banner .content { 
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}
.banner .content > *:first-child {
  margin-top: 0;
}
.banner .content > *:last-child {
  margin-bottom: 0;
}
.banner .banner-text { }
.banner .banner-text h1 {
  margin: 0;
  color: #fff;
  font-size: 72px;
  line-height: 1.2em;
}
.banner.image .banner-text h1,
.banner.video .banner-text h1 {
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}
.banner .banner-text + .banner-buttons { 
  margin-top: 15px;
}
.banner .banner-buttons .btn {
  margin-top: 15px;
  margin-right: 15px;
}


/* 2.2.1: BANNER QUICK LINKS ------------------------------------ */
.banner-quick-links {
  display: none;
  padding: 0 125px;
}
.banner-quick-links.show {
  display: block;
}
.banner-quick-links > ul { 
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  list-style-type: none;
  padding: 15px 0;
  margin: 0;
  border-bottom: 1px solid #000;
}
.banner-quick-links > ul ul {
  display: none;
}
.banner-quick-links > ul > li { }
.banner-quick-links > ul > li > a {
  display: block;
  padding: 10px 45px;
  color: #000;
  font-size: 21px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
.banner-quick-links > ul > li.current-item > a {
  color: var(--clhsa-primary);
 }
.banner-quick-links > ul > li > a:hover {
  color: var(--clhsa-primary);
  text-decoration: none;
}

/* 2.3: CONTENT ------------------------------------------------- */
#main {
  box-sizing: border-box;
  clear: both;
  position: relative;
  z-index: 1;
}
#main-wrap {
  box-sizing: border-box;
}
#content {
  box-sizing: border-box;
}


/* 2.4: PRE-FOOTER ---------------------------------------------- */
.pre-footer,
.pre-footer * {
  box-sizing: border-box;
}
.pre-footer { 
  padding: 60px 125px 36px;
  background-color: #000;
  text-align: center;
}
.pre-footer > .wrap { }
.pre-footer .title {
  margin: 0 0 0.25em;
  color: #fff;
  font-size: 120px;
  font-weight: 600;
  line-height: 1em;
}
.pre-footer .button-wrap { }
.pre-footer .button-wrap .btn {
  margin: 0 12px 24px;
}


/* 2.5: FOOTER -------------------------------------------------- */
#footer,
#footer * {
  box-sizing: border-box;
}
#footer {
  clear: both;
  position: relative;
  z-index: 1;
  padding: 60px 125px 20px;
  background-color: #fff;
}
#footer > .wrap {
  position: relative;
  height: 100%;
  width: 100%;
}
#footer .row-top {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin: 0 0 60px;
}
#footer .row-top .col-left {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  gap: 100px;
}
#footer .row-top .col-left .org { }
#footer .row-top .col-left .org a {
  display: block;
  height: 61px;
  width: 187px;
  background: transparent url('img/logo-lutheran-west.v1.png') 0 0 no-repeat;
  background-size: 100% 100%;
  text-indent: -9999em;
}
#footer .row-top .col-left .adr,
#footer .row-top .col-left .adr a {
  color: #000;
  font-size: 21px;
  text-decoration: none;
}
#footer .row-top .col-left .adr .street-address {
  margin-bottom: 5px;
}
#footer .row-top .col-left .adr .tel,
#footer .row-top .col-left .adr .email {
  margin-top: 5px;
}
#footer .row-top .col-left .adr .locality {
  content: ',';
  display: inline,
}
#footer .row-top .col-right { }
#footer .row-top .col-right > ul.menu { 
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#footer .row-top .col-right > ul.menu ul {
  display: none;
}
#footer .row-top .col-right > ul.menu > li { 
  margin: 0 0 5px;
}
#footer .row-top .col-right > ul.menu > li > a { 
  color: var(--clhsa-primary);
  font-size: 21px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
#footer .row-bottom {
  font-size: 14px;
}
#footer .row-bottom .copyright {
  margin-right: 5px;
}
#footer .row-bottom a {
  display: inline-block;
  margin: 0 5px;
  color: #000;
  text-decoration: none;
}
#footer .row-bottom a:hover {
  text-decoration: underline;
}


/* 3.0: POSTS LISTING PAGE -------------------------------------- */
.post-grid,
.post-grid * {
  box-sizing: border-box;
}
.post-grid { 
  position: relative;
  margin: 0 -18px;
}
.post-grid > .wrap {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
.post-grid article.item {
  width: 25%;
  margin: 0 0 100px;
}
.post-grid article.item > .wrap {
  padding: 0 18px;
}
.post-grid article.item .thumbnail { 
  overflow: hidden;
  border: 1px solid #eee;
}
.post-grid article.item .thumbnail a {
  display: block;
  position: relative;
  height: 0;
  width: 100%;
  padding: 0 0 125%;
  background: transparent url('img/spacer.gif') center center no-repeat;
  background-size: cover;
  text-align: left;
  text-indent: -9999em;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: transform 100ms ease-in-out;
  -moz-transition: transform 100ms ease-in-out;
  -o-transition: transform 100ms ease-in-out;
  transition: transform 100ms ease-in-out;
}
.post-grid article.item .thumbnail a:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: transform 100ms ease-in-out;
  -moz-transition: transform 100ms ease-in-out;
  -o-transition: transform 100ms ease-in-out;
  transition: transform 100ms ease-in-out;
}
.post-grid article.item .content .date {
  margin: 1em 0 0.65em;
  color: #000;
  font-size: 21px;
  font-weight: 700;
} 
.post-grid article.item .content h2 {
  margin: 0 0 0.5em;
  font-size: 36px;
}
.post-grid article.item .content h2 a { }
.post-grid article.item .content .blurb {
  margin: 0 0 1.5em;
  font-size: 24px;
}
.post-grid article.item .content .btn-wrap { }
.post-grid article.item .content .btn-wrap .btn { }


/* 3.1: BLOG PAGINATION ----------------------------------------- */
.post-grid-pagination { }
.post-grid-pagination .navigation { }
.post-grid-pagination .navigation h2 {
  display: none;
}
.post-grid-pagination .nav-links {
  text-align: center;
}
.post-grid-pagination .page-numbers {
  display: inline-block;
  position: relative;
  padding: 0 0.2em;
  color: #000;
  font-weight: 700;
  text-decoration: none;
}
.post-grid-pagination .page-numbers:hover {
  color: var(--clhsa-primary);
  text-decoration: none;
}
.post-grid-pagination .page-numbers.current {
  color: var(--clhsa-primary);
}
.post-grid-pagination .page-numbers.next,
.post-grid-pagination .page-numbers.prev {
  top: 3px;
  padding: 0;
  height: 18px;
  width: 46px;
  background: transparent url('img/spacer.gif') center center no-repeat;
  background-size: auto 100%;
  text-align: left;
  text-indent: -9999em;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
.post-grid-pagination .page-numbers.next:hover,
.post-grid-pagination .page-numbers.prev:hover {
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
.post-grid-pagination .page-numbers.next { 
  margin-left: 10px;
  background-image: url('img/icons/arrow-black-right.png');
  background-position: left -10px center;
}
.post-grid-pagination .page-numbers.next:hover {
  background-position: left center;
}
.post-grid-pagination .page-numbers.prev { 
  margin-right: 10px;
  background-image: url('img/icons/arrow-black-left.png');
  background-position: right -10px center;
 }
 .post-grid-pagination .page-numbers.prev:hover {
   background-position: right center;
 }


/* 4.0: FACULTY MEMBER LISTING PAGE ----------------------------- */
.faculty-members-grid,
.faculty-members-grid * {
  box-sizing: border-box;
}
.faculty-members-grid { }
.faculty-members-grid > .wrap { 
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  position: relative;
  margin: 0 -18px;
}
.faculty-members-grid .faculty-member { 
  width: 16.6%;
  margin: 0 0 65px;
}
.faculty-members-grid .faculty-member > .wrap { 
  display: block;
  padding: 0 18px;
  color: #000;
  text-decoration: none;
}
.faculty-members-grid .faculty-member > .wrap:hover {
  color: #000;
  text-decoration: none;
}
.faculty-members-grid .faculty-member .image-wrap { 
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0;
  padding: 0 0 120%;
}
.faculty-members-grid .faculty-member .image-wrap .image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: var(--clhsa-grey) url('img/default-faculty-member-thumbnail.v2.jpg') center top no-repeat;
  background-size: cover;
}
.faculty-members-grid .faculty-member > a.wrap .image-wrap .image {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: transform 100ms ease-in-out;
  -moz-transition: transform 100ms ease-in-out;
  -o-transition: transform 100ms ease-in-out;
  transition: transform 100ms ease-in-out;
}
.faculty-members-grid .faculty-member > a.wrap .image-wrap:hover .image {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: transform 100ms ease-in-out;
  -moz-transition: transform 100ms ease-in-out;
  -o-transition: transform 100ms ease-in-out;
  transition: transform 100ms ease-in-out;
}
.faculty-members-grid .faculty-member .content {
  display: block;
  margin-top: 1em;
  font-size: 20px;
  line-height: 1.2em;
}
.faculty-members-grid .faculty-member .content .name {
  display: block;
  font-weight: 700;
}
.faculty-members-grid .faculty-member .content .title {
  display: block;
  font-size: 16px;
  line-height: 1.25em;
}


/* 10.0: RSS FEED BLOCK ----------------------------------------- */
.rss-feed-block,
.rss-feed-block * {
  box-sizing: border-box;
}
.rss-feed-block { }
.rss-feed-block .rss-feed-item { }
.rss-feed-block .rss-feed-item .rss-feed-item-link { }
.rss-feed-block .rss-feed-item .rss-feed-item-link .rss-feed-item-date {
  display: block;
}
.rss-feed-block .rss-feed-item .rss-feed-item-link .rss-feed-item-image {
  display: block;
}
.rss-feed-block .rss-feed-item .rss-feed-item-link .rss-feed-item-image img {
  display: block;
  max-width: 100%;
}
.rss-feed-block .rss-feed-item .rss-feed-item-link .rss-feed-item-title {
  display: block;
}
.rss-feed-block .rss-feed-item .rss-feed-item-link .rss-feed-item-description {
  display: block;
}


/* 11.0: SEARCH FORM -------------------------------------------- */
/* generated via get_search_form() */
#searchform,
#searchform * {
  box-sizing: border-box;
}
#searchform { }
#searchform .searchform-wrap { 
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  gap: 20px;
}
#searchform .searchform-wrap label.search-reader-text { }
#searchform .searchform-wrap input#s { 
  width: 100%;
  max-width: 400px;
  height: 42px;
  padding: 0 0.5em;
  border-radius: 0;
  border: 1px solid #000;
}
#searchform .searchform-wrap input#searchsubmit { }


/* 11.1: SEARCH RESULTS ----------------------------------------- */
#search-results,
#search-results * { box-sizing: border-box; }
#search-results { 
  margin: 0 0 40px;
}
#search-results .search-result { 
  margin: 40px 0 0;
}
#search-results .search-result .title { 
  font-size: 24px;
}
#search-results .search-result .title a { 
  font-weight: 700;
}
#search-results .search-result .blurb { 
  margin: 0.25em 0;
}
#search-results .search-result .more { }
#search-results .search-result .more a { }


/* 12.0: ACCESSIBILITY - SKIP TO MAIN CONTENT ------------------- */
a.skip-main {
  overflow: hidden;
  position: absolute;
  z-index: -999;
  left: -999px;
  top: auto;
  width: 1px;
  height: 1px;
  background-color: #000;
  color: #fff;
}
a.skip-main:focus,
a.skip-main:active {
  overflow: auto;
  z-index: 999;
  left: auto;
  top: auto;
  width: 30%;
  height: auto;
  padding: 5px;
  border: 4px solid red;
  border-radius: 15px;
  margin: 10px 35%;
  font-size: 1.2em;
  text-align: center;
}


/* 12.1: WORDPRESS CORE OVERRIDES ------------------------------- */


/* 12.2: CUSTOM DEBUGGING --------------------------------------- */
.debug,
.debug * {
  box-sizing: border-box;
}
.debug {
  padding: 20px;
}
.debug .debug-section + .debug-section {
  margin-top: 1em;
}
.debug .debug-title {
  margin: 0 0 0.25em;
  font-weight: 700;
}
.debug .debug-value { }


/* 13.0: FONTS -------------------------------------------------- */
body {
  font-family: 'Arimo', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1, h2 {
  font-family: 'Libre Baskerville', serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}