/*
Theme Name: EHE Versat
Theme URI: http://ehe.osu.edu/
Description:  A wordpress theme designed for The College of Education and Human Ecology,
made to be versatile and changable.  It fits multiple options and has broad utility in 
displaying multiple different site types and layouts.
From the Ablative case of the latin Versus, meaning to change, to turn. Created 02/2018.
Version: .86
Author: John Arcadian
Author URI: http://ehe.osu.edu/
Tags: Advanced Custom Fields, Modular, Custom Page Templates, responsive, multiple layouts, bootstrap
*/
/*****************************WAIT!!!!!!!!!***********************************	

ARE YOU MODIFYING THE CSS OR THE SCSS? 
PERFORM ALL CHANGES TO THE SCSS FILES FOR THE PROJECT THEN RECOMPILE  

******************************************************************************	

*/
/* ############ Table of Contents ############ */
/* ############ Fonts Include ############ */
/* ############ General ############ */
/* ############ Typography  ############ */
/* ### Typography - General Text ### */
/* ### Typography - Headings ### */
/* ### Typography - Links ### */
/* ### Typography -  Lists ### */
/* ### Typography - Label ### */
/* ############ Layout ############ */
/* ### Layout - Bootstrap Overrides ### */
/* ### Layout - Body and content ### */
/* ### Layout - Columns ### */
/* ### Layout - Alignments ### */
/* ### Layout - EHE GRID SYSTEM  ### */
/* ############ Elements  ############ */
/* ### Elements - Accordian ### */
/* ### Elements - Announcements  ### */
/* ### Elements - Blockquote  ### */
/* ### Elements - Boxes ### */
/* ### Elements - Breadcrumbs ### */
/* ### Elements - Buttons ### */
/* ### Elements - Buttons - EHE ### */
/* ### Elements - Contact Box  ### */
/* ### Elements - Forms ### */
/* ### Elements - Slideshows  ### */
/* ### Elements - Tabs  ### */
/* ### Elements - Tables ### */
/* ### Elements - Questions and Comments  ### */
/* ############ Page Sections ############ */
/* ### Page Sections - Header ### */
/* ### Page Sections -  Header Search ### */
/* ### Page Sections - Navigation - Header ### */
/* ### Page Sections - Posts ### */
/* ### Page Sections - Pages ### */
/* ### Page Sections - Sidebar ### */
/* ### Page Sections - Widgets ### */
/* ### Page Sections - Comments ### */
/* ### Page Sections - Footer ### */
/* ############  Specific Pages  ############ */
/* ### Pages - Search Page  ### */
/* ### Pages - 404  ### */
/* ### Pages - 404 Search Styling ### */
/* ### Pages - Blog Pages ### */
/* ### Pages - Blog Pages Image Setup ### */
/* ### Pages - Blog Pages  Single Post  ### */
/* ############  Specific Styles  ############ */
/* ### Wordpress Captions ### */
/* ### Specific Styles - OSU NAVBAR ### */
/* ############ Accessibility ############ */
/*******************************************************************************/
/* ############ Fonts Include ############ */
/* Include Webfont for OSU */
@import url("https://www.osu.edu/assets/fonts/webfonts.css");
/* Include Glyphicons for Bootstrap */
/* ############ General ############ */
body {
  background: #ffffff;
  position: relative;
  margin: 0;
  padding: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top-width: 0px;
  border-top-style: none;
  border-top: 1px solid #000;
  padding: 0; }

img {
  display: block;
  max-width: 100%;
  height: auto; }

@media screen and (max-width: 768px) {
  #content_wrapper img {
    display: block;
    max-width: 100% !important;
    height: auto !important; } }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  background-color: transparent;
  border: none;
  border-radius: 4px; }

code {
  display: block;
  background-color: #5d5d5d;
  color: #ffffff;
  width: 100%;
  padding: 10px;
  font-size: 12px;
  margin: 20px 0;
  clear: both; }

/* ############ Typography  ############ */
/* ### Typography - General Text ### */
body {
  font-family: "proximanova", Arial, sans-serif, sans-serif;
  font-size: 16px;
  margin: 0;
  color: #000000; }

html, button, input, select, textarea, body {
  font-family: "proximanova", Arial, sans-serif; }

#content_wrapper p {
  margin-bottom: 15px; }

/* ### Typography - Headings ### */
h1, h2, h3, h4, h5, h6 {
  font-family: "proximanova", Arial, sans-serif, sans-serif; }

#content_wrapper h1,
#content_wrapper h2,
#content_wrapper h3,
#content_wrapper h4,
#content_wrapper h5,
#content_wrapper h6 {
  padding: 0;
  font-weight: 600;
  color: #bb0000;
  text-transform: uppercase;
  clear: both; }

#content_wrapper h1 {
  font-size: 38px; }

#content_wrapper h2 {
  font-size: 32px; }

#content_wrapper h3 {
  font-size: 28px; }

#content_wrapper h4 {
  font-size: 22px; }

#content_wrapper h5 {
  font-size: 16px; }

#content_wrapper h6 {
  font-size: 14px; }

#content_wrapper h1,
#content_wrapper h2,
#content_wrapper h3,
#content_wrapper h4,
#content_wrapper h5,
#content_wrapper h6 {
  margin: 0px 0px 5px 0px; }

/* ### Typography - Links ### */
a {
  color: #bb0000; }

a:active {
  color: #bb0000; }

a:hover {
  opacity: .8;
  color: #bb0000;
  text-decoration: none; }

a:visited {
  color: #bb0000; }

/* ### Typography -  Lists ### */
ul, ol {
  padding: 0px; }

#content_wrapper ul, #content_wrapper ol {
  margin: 10px 0px 10px 35px; }

#content_wrapper ul li, #content_wrapper ol li {
  margin: .5em 0px 0px 0px; }

#content_wrapper ul li li, #content_wrapper ol li li {
  margin: 1em 0px 0px 0px; }

/* ### Typography - Label and Other ### */
label {
  font-family: "proximanova", Arial, sans-serif, sans-serif; }

dd {
  margin: 10px 0 10px 40px; }

/* ############ Layout ############ */
/* ### Layout - Bootstrap Overrides ### */
/* Majority of bootstrap overrides done through customizer and inline css */
/* ### Layout - Body and content ### */
/* Content Layout */
#bg_layer_one {
  background-attachment: fixed;
  background-repeat: none;
  background-size: cover; }

#site_header,
#content_wrapper,
#site_footer section {
  margin: 0 auto; }

#content_wrapper {
  overflow: hidden; }

#inner_content_wrapper {
  padding: 0px;
  overflow: hidden;
  padding: 20px;
  min-height: 400px; }

#content {
  float: left; }

/* ### Layout - Columns ### */
/* ### Layout - Content Columns ### */
.two-column,
.three-column,
.four-column {
  -webkit-column-gap: 1em;
  /* Chrome, Safari, Opera */
  -moz-column-gap: 1em;
  /* Firefox */
  column-gap: 1em; }

@media only screen and (min-width: 600px) {
  .two-column {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2; }
  .three-column {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2; }
  .four-column {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2; } }

@media only screen and (min-width: 800px) {
  .three-column {
    -webkit-column-count: 3;
    /* Chrome, Safari, Opera */
    -moz-column-count: 3;
    /* Firefox */
    column-count: 3; }
  .four-column {
    -webkit-column-count: 3;
    /* Chrome, Safari, Opera */
    -moz-column-count: 3;
    /* Firefox */
    column-count: 3; } }

@media only screen and (min-width: 1000px) {
  .four-column {
    -webkit-column-count: 4;
    /* Chrome, Safari, Opera */
    -moz-column-count: 4;
    /* Firefox */
    column-count: 4; } }

/* ### Layout - Alignments ### */
.aligncenter,
div.aligncenter,
p.aligncenter,
img.aligncenter,
span.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.alignleft {
  float: left; }

img.alignleft {
  margin: 0 20px 20px 0; }

.alignright {
  float: right; }

img.alignright {
  margin: 0 0 20px 20px; }

a.alignnone {
  display: inline-block; }

a.alignleft,
a.alignnone,
a.alignright {
  max-width: 100%; }

.right {
  float: right; }

.left {
  float: left; }

.clear {
  clear: both;
  height: 0;
  overflow: hidden; }

.alpha {
  margin-left: 0; }

.omega {
  margin-right: 0; }

@media screen and (max-width: 768px) {
  img.alignright,
  img.alignleft,
  img.aligncenter {
    float: none;
    margin: 0 auto; } }

@media screen and (max-width: 500px) {
  img.alignright,
  img.alignleft,
  img.aligncenter {
    float: none;
    margin: 0 auto; }
  .right,
  .left,
  .alignleft,
  .alignnone,
  .alignright {
    float: none; } }

/* ############ Elements  ############ */
/* ### Elements - Accordian ### */
/* ### Elements - Anchortag ### */
.anchortag {
  height: 100px;
  margin-top: -100px;
  visibility: hidden;
  display: block; }

.anchortagtop {
  height: 100px;
  margin-top: -100px;
  visibility: hidden;
  display: block; }

/* ### Elements - Blockquote  ### */
blockquote {
  padding: 10px 20px;
  margin: 10px 20px;
  position: relative;
  display: block;
  border-left: 5px solid #bb0000; }

blockquote p {
  font-family: "proximanova", Arial, sans-serif, sans-serif;
  font-size: 22px;
  font-weight: 400; }

blockquote cite {
  clear: both;
  display: block; }

blockquote cite::before {
  content: ' - '; }

/* ### Elements - Boxes ### */
.box {
  padding: 1.5em 1.5em 1em 1.5em;
  border: none;
  margin-bottom: 1em;
  width: 100%;
  display: inline-block; }

.box.orange h2,
.box.dark-gray h2,
.box.red h2,
.box.green h2,
.box.brown h2,
.box.orange h3,
.box.dark-gray h3,
.box.red h3,
.box.green h3,
.box.brown h3,
.box.orange h4,
.box.dark-gray h4,
.box.red h4,
.box.green h4,
.box.brown h4 {
  color: #fff; }

.box.orange a,
.box.dark-gray a,
.box.red a,
.box.green a,
.box.brown a {
  color: #fff;
  text-decoration: underline; }

.box.gray {
  background-color: #e0e0e0; }

.box.blue {
  background-color: #9db8db;
  color: #fff; }

.box.orange {
  background-color: #da693e;
  color: #fff; }

.box.dark-gray {
  background-color: #666666;
  color: #fff; }

.box.red {
  background-color: #bb0000;
  color: #fff; }

.box.green {
  background-color: #26686d;
  color: #fff; }

.box.brown {
  background-color: #453831;
  color: #fff; }

/* ### Elements - Breadcrumbs ### */
/* ### Elements - Buttons ### */
button, input[type="button"], input[type="reset"], input[type="submit"], input[type="file"] {
  background: #bb0000;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 10px 0px; }

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="file"]:hover {
  opacity: .8; }

button[disabled], input[disabled] {
  background: #5d5d5d; }

.button.full-width, .button.full-width {
  clear: both;
  margin-bottom: 1em;
  width: 100%; }

.button.red, .button.red {
  background-color: #bb0000; }

.button.gray, .button.gray:hover {
  background-color: #5d5d5d; }

.button.gray:hover, .button.gray:hover {
  background-color: #333333; }

.button.dark-gray, .button.dark-gray {
  background-color: #333333; }

.button.dark-gray:hover, .button.dark-gray:hover {
  background-color: #bb0000; }

.button.green, .button.green {
  background-color: #26686d; }

.button.green:hover, .button.green:hover {
  background-color: #333333; }

.button.yellow, .button.yellow {
  background-color: #dcaa38; }

.button.yellow:hover, .button.yellow:hover {
  background-color: #333333; }

.button.brown, .button.brown {
  background-color: #453831; }

.button.brown:hover, .button.brown:hover {
  background-color: #333333; }

/* ### Elements - Contact Box  ### */
/* ### Elements - Forms ### */
textarea {
  overflow: auto;
  resize: both !important; }

/* ### Elements - Search Input ### */
input#s {
  padding: 17px 5px;
  font-size: 20px;
  background-color: #efefef;
  color: #333333;
  border: 1px solid #efefef;
  border-radius: 0px;
  border-radius: 0; }

input#searchsubmit {
  background: #bb0000;
  border: none;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 15px 20px;
  font-size: 20px; }

.searchresults {
  padding: 20px 0px 10px 0px;
  border-bottom: 1px solid #efefef;
  overflow: hidden; }

/* ### Elements - Search Popover ### */
.searchpopover {
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  padding: 20% 0;
  display: none;
  z-index: 999; }

.searchpopoverholder {
  display: block;
  z-index: 1000;
  max-width: 625px;
  margin: 0 auto; }

.searchpopoverholder input#s {
  padding: 17px 5px;
  font-size: 20px;
  background-color: rgba(255, 255, 255, 0.8);
  color: #333333;
  border: none;
  border-radius: 0px;
  min-width: 400px;
  border-radius: 0; }

.searchpopoverholder input#searchsubmit {
  background: #bb0000;
  border: none;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 15px 20px;
  font-size: 20px; }

.bigx {
  font-size: 48px;
  color: #ffffff;
  cursor: pointer;
  float: right;
  display: inline-block; }

/* ### Elements - Widget Search ### */
.widget_search {
  padding: 20px 15px; }

.widget_search input#s {
  width: 100%;
  max-width: 250px;
  padding: 5px 2px;
  border: 1px solid #ccc;
  color: #333333;
  font-size: 16px;
  line-height: 25px;
  display: block; }

.widget_search input#s:focus {
  color: #333; }

.widget_search input#searchsubmit {
  display: none; }

/* ### Elements - Slideshows  ### */
/* ### Elements - Tabs  ### */
/* ### Elements - Tables ### */
table, th, td {
  border: 1px solid black;
  padding: 1em; }

table {
  border-collapse: collapse;
  width: 100%; }

th {
  color: #ffffff;
  background-color: #333333;
  text-transform: uppercase; }

tfoot th {
  color: #000000;
  background-color: transparent; }

/* ############ Page Sections ############ */
/* ### Page Sections - Header ### */
#site_header {
  width: 100%;
  padding: 0px;
  overflow: hidden; }

/* ### Page Sections -  Headersections  ### */
.site_header .content1 {
  display: block;
  overflow: hidden; }

.site_header .content2 {
  display: block;
  overflow: hidden; }

.site_header .content3 {
  display: block;
  overflow: hidden; }

/* ### Page Sections -  Header Layout A	'1 and 2 split top, 3 full width bottom of header' */
.header_top_layout_div {
  overflow: hidden; }

.site_header.headera .content1 {
  float: left;
  max-width: 50%; }

.site_header.headera .content2 {
  float: right;
  max-width: 50%; }

.site_header.headera .content3 {
  width: 100%; }

/* ### Page Sections - Header Layout B	'1 and 2 split top, 3 at bottom of 1' */
.site_header.headerb .content1 {
  float: left;
  max-width: 50%; }

.site_header.headerb .content2 {
  float: right;
  max-width: 50%; }

.site_header.headerb .content3 {
  width: 100%; }

/* ### Page Sections - Header Layout C	'1 and 2 split top, 3 at bottom of 2'*/
.site_header.headerc .content1 {
  float: left;
  max-width: 50%; }

.site_header.headerc .content2 {
  float: right;
  max-width: 50%; }

.site_header.headerc .content3 {
  width: 100%; }

/* ### Page Sections - Header Layout D	'1 float left or right, 2 center of top, 3 bottom of header'  */
.site_header.headerd .content1 {
  display: inline-block; }

.site_header.headerd .content2 {
  float: none;
  text-align: center;
  display: inline-block; }

/* ### Page Sections - Header Layout E	'1 top, 2 middle, 3 bottom of header' */
.site_header.headere .content1 {
  float: none;
  max-width: 100%; }

.site_header.headere .content2 {
  float: none;
  max-width: 100%; }

.site_header.headere .content3 {
  width: 100%; }

/* ### Page Sections - Header Layout F	'1,2,3 split top by percentages' */
.site_header.headerf .content1 {
  float: left;
  max-width: 33%;
  width: 33%; }

.site_header.headerf .content2 {
  float: left;
  max-width: 33%;
  width: 33%; }

.site_header.headerf .content3 {
  float: left;
  width: 33%;
  width: 33%; }

/* ### Page Sections -  Header Layout G	'1,2 split top, no 3'   */
.site_header.headerg .content1 {
  float: left;
  max-width: 50%; }

.site_header.headerg .content2 {
  float: right;
  max-width: 50%; }

.site_header.headerg .content3 {
  display: none; }

/* Logo */
.site_logo {
  float: left;
  padding: 20px 0px; }

.site_text_logo {
  float: left;
  color: #ffffff;
  padding: 20px 0px;
  text-decoration: none; }

.logoleft .site_logo {
  float: left; }

.logoleft .site_text_logo {
  float: left;
  color: #ffffff; }

.logoright .site_logo {
  float: right; }

.logoright .site_text_logo {
  float: right;
  color: #ffffff; }

.logocenter .site_logo {
  max-width: 100%;
  float: none;
  text-align: center; }

.logocenter .site_text_logo {
  max-width: 100%;
  float: none;
  text-align: center; }

.site_text_logo a {
  color: #ffffff;
  text-decoration: none; }

.simpleoneline .text_logo_first,
.simpleoneline .text_logo_second {
  float: left;
  font-size: 38px;
  text-align: left; }

.titlesubtitle .text_logo_first {
  font-size: 38px;
  text-align: left;
  margin: 0px;
  line-height: 38px; }

.titlesubtitle .text_logo_second {
  font-size: 22px;
  text-align: left;
  margin: 0px;
  line-height: 22px; }

.titlesubtitletwoline .text_logo_first {
  font-size: 38px;
  text-align: left;
  margin: 0px;
  line-height: 38px; }

.titlesubtitletwoline .text_logo_second {
  font-size: 22px;
  text-align: left;
  margin: 0px;
  line-height: 22px; }

.titlesubtitletwoline .text_logo_third {
  font-size: 22px;
  text-align: left;
  margin: 0px;
  line-height: 22px; }

.biglittleoneline .text_logo_first {
  display: inline-block;
  font-size: 38px;
  text-align: left;
  margin: 0px;
  line-height: 38px;
  font-weight: 700; }

.biglittleoneline .text_logo_second {
  display: inline-block;
  font-size: 38px;
  text-align: left;
  margin: 0px;
  line-height: 38px;
  font-weight: 200; }

.biglittleonelinethreeunder .text_logo_first {
  display: inline-block;
  font-size: 38px;
  text-align: left;
  margin: 0px;
  line-height: 38px;
  font-weight: 700; }

.biglittleonelinethreeunder .text_logo_second {
  display: inline-block;
  font-size: 38px;
  text-align: left;
  margin: 0px;
  line-height: 38px;
  font-weight: 200; }

/* Text Logo */
#site_header div#site_title {
  height: 80px;
  padding: 20px; }

#site_header div#site_title h1 {
  margin: 0;
  padding: 0;
  font-family: "proximanova", Arial, sans-serif, sans-serif;
  font-size: 200%;
  font-weight: normal;
  overflow: hidden;
  margin-top: 5px; }

#site_header div#site_title h1#no_tag_line {
  line-height: 80px;
  margin: 0px; }

#site_header div#site_title h1 a {
  color: #333333;
  text-decoration: none; }

#site_header h1#site_title {
  text-shadow: 1px 1.732px 0 #fff; }

/* ### Page Sections -  OSULOGO  ### */
.osulogo {
  display: block;
  overflow: hidden;
  margin-top: 20px; }

.osulogo img {
  max-height: 50px; }

.toprightosulogo {
  max-height: 50px;
  margin: 5px 0px 5px 0px; }

.osulogo img {
  max-height: 50px;
  float: right; }

.topleftosulogo {
  max-height: 50px;
  margin: 5px 0px 5px 0px; }

/* ### Page Sections -  Header Search ### */
/* ### Page Sections - Navigation - Header ### */
#menu-header {
  margin: 0px; }

.menu .menu-item {
  display: inline-block;
  text-align: left; }

.menu li li {
  margin-left: 0; }

.menu a {
  color: #fff;
  display: block;
  letter-spacing: 1px;
  padding: 10px 6px;
  text-transform: uppercase;
  text-decoration: none; }

.menu li.highlight a:hover::before {
  color: #fff; }

.menu > .menu-item > a {
  text-transform: uppercase; }

.menu .sub-menu {
  left: -9999px;
  letter-spacing: 0;
  position: absolute;
  width: 300px;
  z-index: 99; }

.menu .sub-menu a {
  padding: 20px;
  position: relative;
  width: 300px;
  color: #fff; }

.menu .sub-menu li:hover {
  opacity: 1;
  background-color: #5d5d5d; }

.menu .sub-menu .sub-menu {
  margin: -54px 0 0 299px; }

.menu .menu-item:hover > .sub-menu {
  left: auto;
  opacity: 1; }

.sub-menu {
  z-index: 999;
  margin-top: 0px; }

.header_menu_container {
  float: right; }

.header_menu_container .menu a {
  padding: 10px 10px 20px; }

.header_menu_container .menu .sub-menu a {
  padding: 20px 10px; }

.header_menu_container {
  line-height: 1; }

.logoleft .header_menu_container {
  max-width: 74%;
  float: right; }

.logoright .header_menu_container {
  max-width: 74%;
  float: left; }

.logocenter .header_menu_container {
  max-width: 100%;
  float: none;
  text-align: center; }

.logocenter .header_menu_container .menu a {
  padding-top: 0px; }

.logocenter .header_menu_container .menu .sub-menu a {
  padding-top: 20px; }

.megamenu_2col .sub-menu {
  width: 520px;
  column-count: 2; }

.megamenu_2col .sub-menu a,
.megamenu_2col .sub-menu li {
  width: 250px; }

.megamenu_2col .sub-menu li .sub-menu {
  left: -9999px;
  letter-spacing: 0;
  position: absolute;
  z-index: 99; }

.megamenu_2col .sub-menu .sub-menu a,
.megamenu_2col .sub-menu .sub-menu li {
  width: 250px; }

.megamenu_2col .sub-menu .sub-menu {
  width: 250px; }

.megamenu_2col .sub-menu li:hover > .sub-menu {
  left: 220px;
  width: 250px; }

.megamenu_2col .sub-menu li:hover > .sub-menu {
  left: 220px;
  width: 250px; }

.megamenu_3col .sub-menu {
  width: 770px;
  column-count: 3; }

.megamenu_3col .sub-menu a,
.megamenu_3col .sub-menu li {
  width: 250px; }

.megamenu_3col .sub-menu li .sub-menu {
  left: -9999px;
  letter-spacing: 0;
  position: absolute;
  z-index: 99; }

.megamenu_3col .sub-menu .sub-menu a,
.megamenu_3col .sub-menu .sub-menu li {
  width: 250px; }

.megamenu_3col .sub-menu .sub-menu {
  width: 250px; }

.megamenu_3col .sub-menu li:hover > .sub-menu {
  left: auto;
  width: 250px; }

@media screen and (max-width: 768px) {
  .megamenu_2col .sub-menu {
    width: 100%;
    column-count: 1; }
  .megamenu_2col .sub-menu li {
    width: 100%; }
  .megamenu_2col .sub-menu .sub-menu li {
    width: 100%; }
  .megamenu_2col .sub-menu .sub-menu {
    width: 100%; }
  .megamenu_2col .sub-menu li > .sub-menu {
    left: auto;
    width: 100%;
    display: none;
    position: relative;
    margin: 0 auto;
    padding: 0 0 0 20px; }
  .megamenu_2col .sub-menu li:hover > .sub-menu {
    left: auto;
    width: 100%; }
  .megamenu_3col .sub-menu {
    width: 100%;
    column-count: 1; }
  .megamenu_3col .sub-menu li {
    width: 100%; }
  .megamenu_3col .sub-menu .sub-menu li {
    width: 100%; }
  .megamenu_3col .sub-menu .sub-menu {
    width: 100%; }
  .megamenu_3col .sub-menu li > .sub-menu {
    left: auto;
    width: 100%;
    display: none;
    position: relative;
    margin: 0 auto;
    padding: 0 0 0 20px; }
  .megamenu_3col .sub-menu li:hover > .sub-menu {
    left: auto;
    width: 100%; } }

/* ### Page Sections - Navigation - Sub Header Menu ### */
.sub_header_menu_container .menu {
  list-style: none; }

.sub_menu_right .sub_header_menu_container .menu {
  float: right; }

.sub_menu_left .sub_header_menu_container .menu {
  float: left; }

.sub_menu_center .sub_header_menu_container {
  text-align: center; }

.sub_menu_center .sub_header_menu_container .menu {
  float: none;
  display: inline-block; }

.sub_header_menu_container {
  margin: 0 auto; }

/* Sticky Header */
.sticky_header {
  display: none;
  color: #ffffff;
  min-height: 60px;
  position: fixed;
  top: 0px;
  width: 100%;
  text-align: right;
  z-index: 9999; }

.sticky_header .stickyheaderleft {
  max-width: 50%;
  float: left; }

.sticky_header .site_text_logo {
  max-width: 50%;
  float: left;
  color: #fff;
  padding: 10px 0px; }

.sticky_header .stickyheaderright {
  float: right; }

.logoleft.sticky_header .site_logo {
  float: left; }

.logoleft.sticky_header .site_text_logo {
  float: left;
  color: #fff;
  padding: 10px 0px; }

.logoleft.sticky_header .sticky_menu_container {
  float: right; }

.logoright.sticky_header .site_logo {
  float: right; }

.logoright.sticky_header .site_text_logo {
  float: right;
  color: #fff;
  padding: 10px 0px; }

.logoright.sticky_header .sticky_menu_container {
  float: left;
  text-align: left; }

.sticky_menu_container .menu a {
  padding: 20px 10px; }

.sticky_menu_container .menu .sub-menu a {
  padding: 20px 10px; }

/* Sticky Header Logo */
.sticky_header .site_logo img {
  max-height: 40px;
  margin: 10px 0px; }

.sticky_menu_container {
  width: 100%;
  margin: 0 auto; }

@media screen and (max-width: 768px) {
  .sticky_header {
    display: none !important; } }

/* ### Page Sections - Responsive Menu Section ### */
.responsive-menu-icon::before {
  content: "\f333";
  font: normal 60px/1 "dashicons";
  margin: 0 auto; }

@media screen and (min-width: 769px) {
  .responsive-menu-icon {
    display: none; }
  .responsive-menu {
    display: none;
    clear: both; } }

@media screen and (max-width: 768px) {
  .responsive-menu-icon {
    display: block; }
  .header_menu_container,
  .sub-header-menu {
    display: none; }
  .logoleft .responsive-menu-icon {
    min-width: 60px;
    color: #fff;
    float: right;
    max-width: 24%;
    padding-top: 20px; }
  .logoright .responsive-menu-icon {
    min-width: 60px;
    color: #fff;
    float: left;
    max-width: 24%;
    padding-top: 20px; }
  .logocenter .responsive-menu-icon {
    min-width: 60px;
    color: #fff;
    float: none;
    max-width: 24%;
    padding-top: 0px;
    text-align: center;
    margin: 0 auto; }
  .logoleft .site_logo {
    max-width: 76%;
    float: left; }
  .logoleft .site_text_logo {
    max-width: 76%;
    float: left;
    color: #ffffff; }
  .logoright .site_logo {
    max-width: 76%;
    float: right; }
  .logoright .site_text_logo {
    max-width: 76%;
    float: right;
    color: #ffffff; }
  .responsive-menu {
    display: none;
    clear: both;
    background-color: #333333;
    padding: 20px;
    font-size: 18px;
    text-transform: uppercase; }
  .responsive-menu a {
    color: #ffffff; } }

.responsive-menu {
  display: none;
  float: none;
  padding-bottom: 20px; }

.responsive-menu li a {
  border-bottom: 1px solid #5d5d5d; }

.responsive-menu .menu .menu-item {
  display: inline-block;
  text-align: left;
  width: 100%; }

.responsive-menu .menu-item:hover {
  position: static; }

.responsive-menu li.current-menu-item > a,
.responsive-menu li a,
.responsive-menu li a:hover,
.responsive-menu .sub-menu li.current-menu-item > a:hover,
.nav-secondary .responsive-menu .sub-menu a {
  background: none;
  display: block; }

.responsive-menu .menu-item-has-children {
  cursor: pointer; }

.responsive-menu .menu-item-has-children ul {
  display: none;
  padding-left: 30px; }

.responsive-menu .menu-item-has-children::before {
  content: "\f140";
  float: right;
  font: normal 60px/1 "dashicons";
  margin-top: -15px;
  padding: 7px 20px;
  right: 0;
  text-align: right;
  z-index: 499;
  color: #ffffff; }

.responsive-menu .open.menu-item-has-children::before {
  animation: rotatearrow .1s;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

@-webkit-keyframes rotatearrow {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(90deg); } }

@-moz-keyframes rotatearrow {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(90deg); } }

@-o-keyframes rotatearrow {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(90deg); } }

@keyframes rotatearrow {
  0% {
    -ms-transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(90deg); } }

@keyframes rotatearrow {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(90deg); } }

.responsive-menu > .menu-item > .sub-menu {
  display: none; }

.responsive-menu .sub-menu {
  background: none;
  left: auto;
  opacity: 1;
  position: relative;
  width: 100%; }

.responsive-menu .sub-menu .sub-menu {
  margin: 0 auto;
  padding: 0 0 0 20px; }

.responsive-menu .menu .sub-menu a {
  width: 80%; }

/* ### Page Sections - Page Top Section ### */
.page-top-section {
  width: 100%;
  overflow: hidden;
  margin: 0px 0px 0px 0px;
  background-size: cover;
  background-repeat: no-repeat; }

.page-top-section-content-nonresp {
  display: inline-block;
  position: relative;
  top: 30%;
  left: 10%;
  max-width: 600px;
  z-index: 70; }

.page-top-section-title {
  color: #fff;
  display: block;
  font-size: 40px; }

.page-top-section-secondtext {
  color: #fff;
  display: block;
  font-size: 20px; }

a .page-top-section-title {
  text-decoration: none;
  color: #fff;
  font-size: 40px; }

a .page-top-section-secondtext {
  text-decoration: none;
  color: #fff;
  font-size: 20px; }

a .page-top-section-title:hover,
a .page-top-section-secondtext:hover {
  text-decoration: none;
  border: none; }

.page-top-section-content-resp {
  display: none; }

.redbg.page-top-section-content-nonresp,
.redbg.page-top-section-content-resp {
  padding: 15px;
  background: rgba(187, 0, 0, 0.8); }

@media screen and (max-width: 1200px) {
  .page-top-section {
    height: 400px !important;
    overflow: hidden;
    margin: 0px; }
  .page-top-section {
    background-size: cover;
    background-position: center; }
  .page-top-section-content-resp {
    display: block;
    background: #bb0000;
    padding: 20px; }
  .page-top-section-content-nonresp {
    display: none; } }

@media screen and (max-width: 768px) {
  .page-top-section {
    height: 300px !important;
    overflow: hidden;
    margin: 0px; }
  .page-top-section {
    background-size: cover;
    background-position: center; }
  .page-top-section-title {
    font-size: 20px; } }

.page-top-section.video-background {
  background: #000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: relative;
  z-index: 51;
  vertical-align: top; }

iframe.videobackgroundiframe {
  position: relative;
  left: 0;
  width: 100%;
  height: 200%;
  pointer-events: none;
  z-index: 50;
  top: -50%; }

@media (min-aspect-ratio: 16 / 9) {
  .video-foreground {
    height: 300%;
    top: -100%; } }

@media (max-aspect-ratio: 16 / 9) {
  .video-foreground {
    width: 300%;
    left: -100%; } }

@media all and (max-width: 600px) {
  .vid-info {
    width: 50%;
    padding: .5rem; }
  .vid-info h1 {
    margin-bottom: .2rem; } }

@media all and (max-width: 500px) {
  .vid-info .acronym {
    display: none; } }

/* ### Page Sections - Post Pages / Blog Pages ### */
.post_meta {
  display: block;
  margin: 10px 0px; }

.post_taglist {
  display: block; }

.post_taglist .taglist_before {
  font-weight: bold; }

.post_holder {
  margin: 15px auto; }

.blog_image_top {
  clear: both;
  display: block;
  width: 100%; }

.blog_image_top img {
  margin: 15px auto; }

.blog_image_left {
  clear: both;
  display: block;
  float: left; }

.blog_image_left img {
  margin: 0px 10px 0px 0px;
  max-width: 300px; }

.blog_image_right {
  clear: both;
  display: block;
  float: right; }

.blog_image_right img {
  margin: 0px 0px 0px 10px;
  max-width: 300px; }

@media screen and (max-width: 768px) {
  .post_title {
    text-align: center; }
  .post_meta_firstrow {
    text-align: center; }
  .blog_image_left,
  .blog_image_right {
    display: block;
    text-align: center;
    float: none;
    width: 100%; }
  .blog_image_left img,
  .blog_image_right img {
    margin: 0px auto;
    max-width: 100%;
    width: 100%; } }

/* ### Page Sections - Posts ### */
.post {
  margin-top: 60px; }

#content .post:first-child {
  margin-top: 0; }

/* ### Page Sections - Pages ### */
/* Repeater Sections */
.singlerow .content1 {
  width: 98%;
  margin: 1%; }

.singlerow .content2 {
  display: none; }

.singlerow .content3 {
  display: none; }

.leftright .content1 {
  width: 48%;
  margin: 1%;
  float: left; }

.leftright .content2 {
  width: 48%;
  margin: 1%;
  float: left; }

.leftright .content3 {
  display: none; }

.threeboxes .content1 {
  width: 31%;
  margin: 1%;
  float: left; }

.threeboxes .content2 {
  width: 31%;
  margin: 1%;
  float: left; }

.threeboxes .content3 {
  width: 31%;
  margin: 1%;
  float: left; }

.topbottom .content1 {
  width: 98%;
  margin: 1%; }

.topbottom .content2 {
  width: 98%;
  margin: 1%; }

.topbottom .content3 {
  display: none; }

@media screen and (max-width: 768px) {
  .singlerow .content1 {
    width: 98%;
    margin: 1%; }
  .singlerow .content2 {
    display: none; }
  .singlerow .content3 {
    display: none; }
  .leftright .content1 {
    width: 98%;
    margin: 1%;
    float: left; }
  .leftright .content2 {
    width: 98%;
    margin: 1%;
    float: left; }
  .leftright .content3 {
    display: none; }
  .threeboxes .content1 {
    width: 98%;
    margin: 1%;
    float: left; }
  .threeboxes .content2 {
    width: 98%;
    margin: 1%;
    float: left; }
  .threeboxes .content3 {
    width: 98%;
    margin: 1%;
    float: left; } }

/* Box Sections */
.box_column_holder {
  display: block;
  width: 100%;
  height: auto; }

.box_column_holder::after {
  display: block;
  clear: both;
  content: ""; }

.boxcontentholder {
  margin: 1%;
  display: block;
  background-color: #999;
  padding: 0px; }

.boxconentbox {
  position: relative;
  background-size: cover; }

.boxcontenttext {
  background-color: #bb0000;
  color: #fff;
  width: 100%;
  margin: 0;
  padding: 10px; }

.boxcontentbottom .boxcontenttext {
  position: absolute;
  bottom: 10px; }

#content_wrapper .boxcontentholder h1 {
  margin: 0px;
  font-size: 18px;
  color: #fff; }

.threecolumns .boxcontentholder {
  width: 31%;
  float: left; }

.fourcolumns .boxcontentholder {
  width: 23%;
  float: left; }

.sixcolumns .boxcontentholder {
  width: 14%;
  float: left; }

.boxbackgroundcontent {
  padding: 0px;
  background: #000; }

.boxbackgroundcontent iframe {
  width: 100%; }

@media screen and (max-width: 768px) {
  .threecolumns .boxcontentholder {
    width: 98%;
    max-width: 600px;
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .fourcolumns .boxcontentholder {
    width: 98%;
    max-width: 600px;
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .sixcolumns .boxcontentholder {
    width: 98%;
    max-width: 600px;
    float: none;
    margin-left: auto;
    margin-right: auto; } }

/* Lists Sections */
.listitem {
  margin: 15px 0px;
  overflow: hidden; }

.list-blurb-image {
  max-height: 300px;
  margin: 10px; }

#content_wrapper .listitemtitle {
  font-size: 38px;
  color: #bb0000;
  font-weight: bold;
  margin-bottom: 0px; }

.listitemimage {
  max-height: 200px; }

.listimageright .listimageholder {
  float: right;
  margin-left: 1%;
  width: 19%; }

.listimageleft .listimageholder {
  float: left;
  margin-right: 1%;
  width: 19%; }

.listimageright .listcontentholder {
  float: left;
  width: 80%; }

.listimageleft .listcontentholder {
  float: right;
  width: 80%; }

.listextrafirstbold .listextrafirst {
  font-weight: bold; }

@media screen and (max-width: 768px) {
  .list-blurb-image {
    float: none;
    text-align: center; }
  .listimageright .listimageholder,
  .listimageleft .listimageholder {
    float: none;
    text-align: center;
    display: block;
    margin: 1% auto;
    width: 98%; }
  .listimageholder img {
    float: none;
    text-align: center;
    margin: 1% auto; }
  .listimageright .listcontentholder {
    float: none;
    text-align: center;
    display: block;
    margin: 1% auto;
    width: 98%; }
  .listimageleft .listcontentholder {
    float: none;
    text-align: center;
    margin: 1% auto;
    width: 98%; } }

/* ### Page Sections - Sidebar ### */
.sidebar_container {
  margin: 0;
  padding: 0; }

@media screen and (max-width: 768px) {
  .sidebar_container {
    width: 100%;
    float: left;
    margin: 30px; } }

/* ### Page Sections - Widgets ### */
h2.widgettitle {
  margin: 0px 10px;
  border-bottom: 1px solid #333333;
  font-size: 22px !important;
  color: #bb0000; }

.sidebar_container .menu a,
.widget .menu a {
  color: #bb0000;
  padding: 5px 0px; }

#content_wrapper .sidebar_container ul,
#content_wrapper .sidebar_container ol {
  margin: 10px 0px 10px 15px; }

#content_wrapper .sidebar_container ul li,
#content_wrapper .sidebar_container ol li {
  margin: 0px;
  width: 100%;
  display: block; }

/* Widget Styling */
li.widget {
  padding: 0px 20px 30px 0px;
  list-style: none; }

li.widget ul {
  padding-left: 5px;
  margin: 0; }

/* Widget Image */
li.widget_image img {
  height: auto;
  max-width: 100%; }

/* Widget Textwidget */
.textwidget {
  margin: 10px; }

/* Widget Calendar */
li.widget_calendar {
  padding: 20px 15px; }

li.widget_calendar #wp-calendar {
  color: #555;
  width: 100%;
  text-align: center; }

li.widget_calendar #wp-calendar td,
li.widget_calendar #wp-calendar th {
  text-align: center; }

li.widget_calendar #wp-calendar caption {
  text-align: left;
  line-height: 1.25;
  padding: 0;
  font-weight: normal;
  color: #900;
  text-transform: uppercase;
  font-size: 1.40em; }

li.widget_calendar #wp-calendar th {
  background: #f4f4f4;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-weight: bold; }

li.widget_calendar #wp-calendar tfoot td {
  background: #f4f4f4;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

/* ### Page Sections - Comments ### */
#comments {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #eee; }

#comments .comment-content table {
  border-bottom: 1px solid #ddd;
  margin: 0 0 20px;
  width: 100%; }

#comments .comment-content th {
  color: #666;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.6em;
  text-transform: uppercase; }

#comments .comment-content td {
  border-top: 1px solid #ddd;
  padding: 6px 10px 6px 0; }

#comments .comment-content ul,
#comments .comment-content ol {
  margin-bottom: 20px; }

#comments .comment-content ul ul,
#comments .comment-content ol ol,
#comments .comment-content ul ol,
#comments .comment-content ol ul {
  margin-bottom: 0; }

.page-link {
  clear: both;
  display: block;
  margin: 0 0 20px; }

.page-link a {
  background: #eee;
  color: #373737;
  margin: 0;
  padding: 2px 3px;
  text-decoration: none; }

.page-link a:hover {
  background: #888;
  color: #fff;
  font-weight: bold; }

.page-link span {
  margin-right: 6px; }

#comments .commentlist .edit-link a {
  background: #eee;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #666;
  float: right;
  font-size: 12px;
  line-height: 1.5em;
  font-weight: 300;
  text-decoration: none;
  padding: 0 8px; }

#comments .commentlist .edit-link a:hover {
  background: #888;
  color: #fff; }

#comments h2#comments-title {
  color: #666;
  font-size: 1em;
  font-weight: 500;
  line-height: 2.6em;
  padding: 0 0 2.6em;
  text-transform: uppercase; }

#comments .nopassword,
#comments .nocomments {
  color: #aaa;
  font-size: 24px;
  font-weight: 100;
  margin: 26px 0;
  text-align: center; }

#comments .commentlist {
  list-style: none;
  margin: 0 0 0 101px;
  padding: 0; }

#comments .content .commentlist {
  width: 100%;
  /* reset the width for the one-column and sidebar page layout */ }

#comments .commentlist > li.comment {
  background: #f6f6f6;
  border: 1px solid #ddd;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 0 20px;
  padding: 20px;
  position: relative; }

#comments .commentlist .pingback {
  margin: 0 0 20px;
  padding: 0 20px; }

#comments .commentlist .children {
  list-style: none;
  margin: 0;
  padding: 0; }

#comments .commentlist .children li.comment {
  background: #fff;
  border-left: 1px solid #ddd;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  margin: 20px 0 0;
  padding: 20px;
  position: relative; }

#comments .commentlist .children li.comment .fn {
  display: block; }

#comments .comment-meta .fn {
  font-style: normal; }

#comments .comment-meta {
  color: #666;
  font-size: 12px;
  line-height: 2.2em; }

#comments .commentlist .children li.comment .comment-meta {
  line-height: 20px;
  margin-left: 50px; }

#comments .commentlist .children li.comment .comment-content {
  margin: 20px 0 0; }

#comments .comment-meta a {
  font-weight: bold; }

#comments .commentlist .avatar {
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px #ccc;
  -moz-box-shadow: 0 1px 2px #ccc;
  box-shadow: 0 1px 2px #ccc;
  left: -102px;
  padding: 0;
  position: absolute;
  top: 0; }

#comments .commentlist > li:before {
  content: url("img/styles/comment-arrow.png");
  left: -21px;
  position: absolute; }

#comments .commentlist > li.pingback:before {
  content: ''; }

#comments .commentlist .children .avatar {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  left: 2.2em;
  padding: 0;
  top: 2.2em; }

#comments a.comment-reply-link {
  background: #eee;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #666;
  display: inline-block;
  font-size: 12px;
  padding: 0 8px;
  text-decoration: none; }

#comments a.comment-reply-link:hover,
#comments a.comment-reply-link:focus,
#comments a.comment-reply-link:active {
  background: #888;
  color: #fff; }

#comments a.comment-reply-link > span {
  display: inline-block;
  position: relative;
  top: -1px; }

/* Post author highlighting */
#comments .commentlist > li.bypostauthor {
  background: #ddd;
  border-color: #d3d3d3; }

#comments .commentlist > li.bypostauthor .comment-meta {
  color: #575757; }

#comments .commentlist > li.bypostauthor:before {
  content: url("img/styles/comment-arrow-bypostauthor.png"); }

/* Post Author threaded comments */
#comments .commentlist .children > li.bypostauthor {
  background: #ddd;
  border-color: #d3d3d3; }

/* Comment Form */
#comments #respond {
  background: #ddd;
  border-radius: 3px;
  padding: 20px 20px 10px 20px;
  position: relative;
  overflow: hidden; }

#comments #respond input[type="text"],
#comments #respond textarea {
  background: #fff;
  position: relative;
  padding: 10px;
  text-indent: 80px; }

#comments #respond .comment-form-author,
#comments #respond .comment-form-email,
#comments #respond .comment-form-url,
#comments #respond .comment-form-comment {
  position: relative; }

#comments #respond .comment-form-author label,
#comments #respond .comment-form-email label,
#comments #respond .comment-form-url label,
#comments #respond .comment-form-comment label {
  color: #555;
  font-size: 22px;
  left: 4px;
  max-width: 24%;
  display: block;
  padding: 4px 10px;
  z-index: 1; }

#comments #respond input[type="text"]:focus,
#comments #respond textarea:focus {
  text-indent: 0;
  z-index: 1; }

#comments #respond textarea {
  resize: vertical;
  width: 100%; }

#comments #respond .comment-form-author .required,
#comments #respond .comment-form-email .required {
  color: #bd3500;
  font-size: 22px;
  font-weight: bold;
  left: 75%;
  position: absolute;
  top: 45px;
  z-index: 1; }

#comments #respond .comment-notes,
#comments #respond .logged-in-as {
  font-size: 13px; }

#comments #respond p {
  margin: 10px 0; }

#comments #respond .form-submit {
  float: right; }

#comments #respond input#submit {
  background: #666;
  color: #eee;
  cursor: pointer;
  font-size: 15px;
  padding: 10px 50px;
  /*	 position:relative; */
  left: 30px; }

#comments #respond input#submit:active {
  background: #1982d1;
  color: #bfddf3; }

#comments #respond #cancel-comment-reply-link {
  color: #666;
  margin-left: 10px;
  text-decoration: none; }

#comments #respond .logged-in-as a:hover,
#comments #respond #cancel-comment-reply-link:hover {
  text-decoration: underline; }

#comments .commentlist #respond {
  margin: 20px 0 0;
  width: auto; }

#comments #reply-title {
  color: #373737;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px; }

#comments #cancel-comment-reply-link {
  color: #888;
  display: block;
  font-size: 10px;
  font-weight: normal;
  line-height: 2.2em;
  letter-spacing: 0.05em;
  position: absolute;
  right: 20px;
  text-decoration: none;
  text-transform: uppercase;
  top: 1.1em; }

#comments #cancel-comment-reply-link:focus,
#comments #cancel-comment-reply-link:active,
#comments #cancel-comment-reply-link:hover {
  color: #ff4b33; }

#comments #respond label {
  line-height: 2.2em; }

#comments #respond input[type=text] {
  display: block;
  height: 24px;
  width: 75%; }

#comments #respond p {
  font-size: 12px; }

#comments p.comment-form-comment {
  margin: 0;
  position: relative; }

#comments .form-allowed-tags {
  display: none; }

ul.page-numbers {
  text-align: center;
  margin: 40px 0 0 0;
  padding: 0; }

ul.page-numbers li {
  display: inline;
  margin: 0 2px; }

/* ### Page Sections - Footer ### */
.site_footer {
  width: 100%;
  color: #eee;
  display: block; }

.site_footer .creds {
  padding: 0px 20px; }

.site_footer .constrainedfooter {
  padding-top: 26px; }

.site_footer .container {
  padding-left: 0px;
  padding-right: 0px; }

.site_footer a {
  color: #fff; }

.site_footer div {
  text-align: left; }

.site_footer .footer_widget {
  list-style: none;
  margin-left: 0px;
  padding: 0px; }

.site_footer .footer_widget h2 {
  margin-top: 0px;
  font-size: 1em;
  border-bottom: 1px solid #ddd;
  color: #fff; }

.site_footer .footer_widget div {
  text-align: left; }

.site_footer .footer_widget ul {
  padding: 0;
  list-style: none; }

.site_footer .footer_widget ul li {
  padding-top: 0px; }

.site_footer div.copyright {
  text-align: center;
  padding-top: 20px; }

/* ############  Specific Pages  ############ */
/* ### Pages - 404  ### */
.error404 #inner_content_wrapper {
  background-color: #ffffff; }

.page404container {
  width: 100%;
  display: block;
  padding: 100px; }

.page404messagerow {
  clear: both;
  display: flex;
  align-items: center;
  margin-bottom: 30px; }

.page404message {
  display: block;
  float: left;
  width: 48%;
  margin: 1%;
  font-size: 2em;
  line-height: 1em; }

.page404splashrender {
  display: block;
  float: left;
  width: 48%;
  margin: 1%;
  text-transform: uppercase;
  font-size: 14em;
  /* This is important to create 404 typographic image */
  line-height: 1em;
  text-align: center;
  color: #bb0502;
  font-weight: 600; }

.page404urlrow {
  text-align: center;
  font-size: 1.8em;
  line-height: 1.1em;
  clear: both;
  margin-bottom: 50px; }

.page404url {
  color: #bb0502; }

.page404searchrow {
  display: flex;
  align-items: center;
  background-color: #333333;
  clear: both;
  padding: .2em;
  overflow: hidden; }

.page404searchmessage {
  color: #fff;
  float: left;
  display: block;
  width: 63%;
  margin: 1%;
  font-size: 1.6em;
  line-height: 1.1em;
  text-transform: uppercase;
  font-weight: 600;
  padding-left: 2%; }

.page404searchbar {
  float: right;
  width: 36%;
  display: block;
  margin: 1%;
  text-align: right; }

/* ### Pages - 404 Search Styling ### */
.page404searchholder {
  padding: 0px;
  margin: 5px 0px;
  float: left; }

.page404searchholder label {
  display: none; }

.page404searchholder input[type=text] {
  border: 0;
  color: #333333;
  background: transparent;
  text-transform: uppercase;
  border-radius: 3px;
  float: left;
  font-size: 12px;
  padding: 1px 0px 0 5px;
  margin: 4px 0 4px 5px;
  cursor: text; }

.page404searchholder button {
  display: block;
  height: 25px;
  width: 35px;
  color: #000000;
  background-color: #efefef;
  border: 0;
  border-left: 1px solid #333333;
  padding: 0px 5px 0px 10px;
  margin: 0;
  cursor: pointer;
  float: right; }

.page404searchholder button:hover {
  background-color: #5d5d5d;
  color: #ffffff; }

.page404searchholder input#searchsubmit {
  margin: 5px 0px; }

@media only screen and (max-width: 830px) {
  .page404messagerow {
    display: block; }
  .page404message {
    float: none;
    width: 98%;
    text-align: center; }
  .page404splashrender {
    float: none;
    width: 98%;
    text-align: center;
    font-size: 8em; }
  .page404searchrow {
    display: block; }
  .page404searchmessage {
    float: none;
    width: 98%;
    text-align: center; }
  .page404searchbar {
    float: none;
    width: 98%;
    text-align: center; }
  .page404searchholder {
    float: none;
    margin: 0 auto;
    width: 250px; } }

/* ### Pages - Blog Pages  Single Post  ### */
.single-post #inner_content_wrapper {
  background-color: #ffffff;
  padding: 40px; }

/* ############  Specific Styles  ############ */
/* ### Wordpress Captions ### */
.wp-caption {
  margin: 10px;
  padding-top: 4px;
  text-align: center; }

.wp-caption img {
  display: block;
  border: 0 none;
  margin: 0 5px 20px 5px;
  padding: 0; }

.wp-caption p.wp-caption-text {
  font-size: 14px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px; }

/* ############ Accessibility ############ */
#skip-link {
  display: none; }

.assistive-text {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* ############ CSS Built-Ins ############ */
/* Layout Styles */
.left60percent .leftright .content1 {
  width: 58%;
  margin: 1%; }

.left60percent .leftright .content2 {
  width: 38%;
  margin: 1%; }

.left80percent .leftright .content1 {
  width: 68%;
  margin: 1%; }

.left80percent .leftright .content2 {
  width: 28%;
  margin: 1%; }

.right60percent .leftright .content1 {
  width: 38%;
  margin: 1%; }

.right60percent .leftright .content2 {
  width: 58%;
  margin: 1%; }

.right80percent .leftright .content1 {
  width: 28%;
  margin: 1%; }

.right80percent .leftright .content2 {
  width: 68%;
  margin: 1%; }

@media screen and (max-width: 768px) {
  /* Layout Styles */
  .left60percent .leftright .content1 {
    width: 98%;
    margin: 1%; }
  .left60percent .leftright .content2 {
    width: 98%;
    margin: 1%; }
  .left80percent .leftright .content1 {
    width: 98%;
    margin: 1%; }
  .left80percent .leftright .content2 {
    width: 98%;
    margin: 1%; }
  .right60percent .leftright .content1 {
    width: 98%;
    margin: 1%; }
  .right60percent .leftright .content2 {
    width: 98%;
    margin: 1%; }
  .right80percent .leftright .content1 {
    width: 98%;
    margin: 1%; }
  .right80percent .leftright .content2 {
    width: 98%;
    margin: 1%; } }

.desktophide {
  display: none !important; }

.desktopdisplay {
  display: block !important; }

.desktopinline {
  display: inline-block !important; }

@media screen and (max-width: 768px) {
  /* Layout Styles */
  .mobilehide {
    display: none !important; }
  .mobiledisplay {
    display: block !important; }
  .mobileinline {
    display: inline-block !important; } }

.padding30px {
  padding: 30px; }

.paddingtop30px {
  padding-top: 30px; }

.paddingbottom30px {
  padding-bottom: 30px; }

.paddingtopbottom30px {
  padding-top: 30px;
  padding-bottom: 30px; }

.paddingleft30px {
  padding-left: 30px; }

.paddingright30px {
  padding-right: 30px; }

.paddingleftright30px {
  padding-left: 30px;
  padding-right: 30px; }

.padding0px {
  padding: 0px !important; }

.paddingtop0px {
  padding-top: 0px !important; }

.paddingbottom0px {
  padding-bottom: 0px !important; }

.paddingtopbottom0px {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

.paddingleft0px {
  padding-left: 0px !important; }

.paddingright0px {
  padding-right: 0px !important; }

.paddingleftright0px {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.padding60px {
  padding: 60px; }

.paddingtop60px {
  padding-top: 60px; }

.paddingbottom60px {
  padding-bottom: 60px; }

.paddingtopbottom60px {
  padding-top: 60px;
  padding-bottom: 60px; }

.paddingleft60px {
  padding-left: 60px; }

.paddingright60px {
  padding-right: 60px; }

.paddingleftright60px {
  padding-left: 60px;
  padding-right: 60px; }

.padding90px {
  padding: 90px; }

.paddingtop90px {
  padding-top: 90px; }

.paddingbottom90px {
  padding-bottom: 90px; }

.paddingtopbottom90px {
  padding-top: 90px;
  padding-bottom: 90px; }

.paddingleft90px {
  padding-left: 90px; }

.paddingright90px {
  padding-right: 90px; }

.paddingleftright90px {
  padding-left: 90px;
  padding-right: 90px; }

/* Applicable Styles */
.containerwhitebg #inner_content_wrapper .container,
.containerwhitebg #inner_content_wrapper.container,
.containerwhitebg .rowcontentcontainer.container,
.containerwhitebg .rowcontentcontainer,
.containerwhitebg.container {
  background: #ffffff; }

/* Applicable Styles */
.containerwhitetpbg #inner_content_wrapper .container,
.containerwhitetpbg #inner_content_wrapper.container,
.containerwhitetpbg .rowcontentcontainer.container,
.containerwhitetpbg .rowcontentcontainer,
.containerwhitetpbg.container {
  background: rgba(255, 255, 255, 0.85); }

/* Spacers */
.spacer30px {
  height: 30px;
  display: block;
  clear: both; }

.spacer60px {
  height: 60px;
  display: block;
  clear: both; }

.spacer90px {
  height: 90px;
  display: block;
  clear: both; }

/* Typography Styles */
/* https://brand.osu.edu/color */
.whitetext {
  color: #ffffff; }

.blacktext {
  color: #000000; }

.darkgreytext {
  color: #333333; }

.osuredtext {
  color: #bb0000; }

/* Text Color Styles */
.hexbb0000 {
  color: #bb0000; }

/* OSU RED */
.hex666666 {
  color: #666666; }

/* OSU Scarlet */
.hex442369 {
  color: #442369; }

/* Deep Purple */
.hex92b0d7 {
  color: #92b0d7; }

/* Light Blue */
.hexd4df48 {
  color: #d4df48; }

/* Dirty Yellow */
.hex26686d {
  color: #26686d; }

/* Deep Bluish Green */
.hexdcaa38 {
  color: #dcaa38; }

/* Yellow Orange */
.hex453831 {
  color: #453831; }

/* Dark Brown */
.hex909738 {
  color: #909738; }

/* Flat Green*/
.hexd65828 {
  color: #d65828; }

/* Deep Orange */
.hexffeaae {
  color: #ffeaae; }

/* Buttery Cream */
.hex6ebbab {
  color: #6ebbab; }

/* Sea green */
.hexdddec6 {
  color: #dddec6; }

/* Beigish Color */
.hex851e5e {
  color: #851e5e; }

/* Warm Purple */
/* Backbround Colors */
/* Text Color Styles */
.bghexbb0000 {
  background-color: #bb0000; }

/* OSU RED */
.bghex666666 {
  background-color: #666666; }

/* OSU Scarlet */
.bghex442369 {
  background-color: #442369; }

/* Deep Purple */
.bghex92b0d7 {
  background-color: #92b0d7; }

/* Light Blue */
.bghexd4df48 {
  background-color: #d4df48; }

/* Dirty Yellow */
.bghex26686d {
  background-color: #26686d; }

/* Deep Bluish Green */
.bghexdcaa38 {
  background-color: #dcaa38; }

/* Yellow Orange */
.bghex453831 {
  background-color: #453831; }

/* Dark Brown */
.bghex909738 {
  background-color: #909738; }

/* Flat Green*/
.bghexd65828 {
  background-color: #d65828; }

/* Deep Orange */
.bghexffeaae {
  background-color: #ffeaae; }

/* Buttery Cream */
.bghex6ebbab {
  background-color: #6ebbab; }

/* Sea green */
.bghexdddec6 {
  background-color: #dddec6; }

/* Beigish Color */
.bghex851e5e {
  background-color: #851e5e; }

/* Warm Purple */
.largertext {
  font-size: 1.4em; }

.verylargetext {
  font-size: 2em; }

.backgroundfixed {
  background-attachment: fixed; }

/* Display Posts Shortcode */
.postgrid3by3 .listing-item {
  width: 30%;
  margin: 15px 1%;
  float: left;
  height: 620px;
  display: block; }

.postgrid3by3 .listing-item .image {
  width: 100%;
  max-height: 230px;
  overflow: hidden;
  margin: 10px 0px;
  display: block; }

.postgrid3by3 .listing-item img {
  margin: 10px auto;
  width: 100%; }

.postgrid3by3 .listing-item a.title {
  font-size: 28px;
  clear: both;
  height: 60px;
  display: block;
  font-weight: bold;
  line-height: 26px;
  overflow: hidden;
  text-align: center; }

.postgrid3by3 .listing-item .author {
  font-size: 18px;
  clear: both;
  height: 24px;
  display: block;
  font-weight: bold;
  line-height: 20px;
  overflow: hidden;
  text-align: center; }

.postgrid3by3 .listing-item .excerpt-dash {
  display: none; }

.postgrid3by3 .listing-item .excerpt {
  text-align: left;
  display: block;
  margin: 10px 0px;
  height: 160px;
  overflow: hidden; }

.postgrid3by3 .listing-item .excerpt_readmorebutton {
  display: block;
  background: #666666;
  color: #ffffff;
  float: none;
  width: 70%;
  padding: 10px 30px;
  font-weight: bold;
  margin: 25px auto 10px auto;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 14px;
  text-align: center;
  -webkit-transition: width .5s;
  /* Safari */
  transition: width .5s; }

.postgrid3by3 .listing-item .excerpt_readmorebutton:hover {
  width: 90%;
  opacity: .8;
  background: #bb0000; }

@media screen and (max-width: 1000px) {
  .postgrid3by3 .listing-item {
    width: 98%;
    margin: 15px 1%;
    float: left;
    height: auto;
    display: block; }
  .postgrid3by3 .listing-item .excerpt {
    text-align: left;
    display: block;
    margin: 10px 0px;
    height: auto;
    overflow: hidden; }
  .postgrid3by3 .listing-item .excerpt_readmorebutton {
    width: 90%; }
  .postgrid3by3 .listing-item .excerpt_readmorebutton:hover {
    width: 100%; } }
