/*
Theme Name: Milligan College
Theme URI: http://www.milligan.edu
Author: Milligan College Public Relations and Marketing Office
Author URI: http://www.milligan.edu/pr
Description: A custome template designed for use by Milligan College.
Version: 1.0
License: Creative Commons Attribution 3.0 
License URI: http://creativecommons.org/licenses/by/3.0/us/
Tags: responsive-layout, Milligan College
Text Domain: milligan

This theme is licensed under the Creative Commons Attribution 3.0 license.
Use it to make something cool, have fun, and share what you've learned with others.
Give us a little love in the process and link back to our site.

==========================================================================

						TABLE OF CONTENTS

==========================================================================

1.0 HTML 5 BOILERPLATE
	1.1 BASE FONT

2.0 HEADER
	2.1 NAV
	2.2 Search
	2.3 Emergency Announcement

3.0 MAIN
	3.1 News & Events Blurbs
	3.2 Card/Mini-Card

4.0 SECTION
	4.1 Secondary Menus / Dynamic Sidebars
	4.2 Archive List
	4.3 Courses

5.0 FOOTER

6.0 EXTRAS
	6.1 Tables
	6.2 Forms
	6.3 Shadow box
	6.4 Fluid Iframes
	6.5 Wrappers
	6.6 Images
	6.7 Helper classes
		6.7.1 AI1EC Events
		6.7.2 Post Meta
		6.7.3 SFS Glossary
		6.7.4 News Captions
		6.7.5 Jumbotron
	6.8 Loading
	6.9 Accordions (Expandable content)

7.0 Media Queries
	7.1 Print Styles

8.0 WP Job Manager Plugin

*/

/* 
==========================================================================

1.0 HTML BOILERPLATE

==========================================================================

  ! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
   
/* Import 'Cabin' font for headers */
@import url(//fonts.googleapis.com/css?family=Cabin:400,700);
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,300italic,400italic,600italic);

html,
button,
input,
select,
textarea {
    color: #222;
	background-color: rgb(247,247,247);
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

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

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

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
	max-width: 100%;
	height: auto;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #292425;
    padding: 0.2em 0;
}

/* ==========================================================================
   
1.1 BASE FONT

   ========================================================================== */

html, body {
	height: 100%;
	font-family: 'Source Sans Pro', Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4;
}

body {
	overflow-x: hidden;
}

p {
	margin: 0 0 1em 0;
}

h1, h2 {
	position: relative;
	font-family: 'Source Sans Pro', Helvetica, sans-serif;
	font-size: 2em;
	font-weight: 400;
	margin: 0 0 .5em 1.25em;
	margin: 0 0 .5em 0;
	margin-left: 1.25em !important;
}
.h3-lookalike {
	margin-left: 0 !important;
}

h2 {
	font-size:2em;
	margin-top: 1em;
}

h3, .h3-lookalike {
	font-family: 'Source Sans Pro', Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: 400;
	margin-bottom: .25em;
	line-height: 1.25;
}

.compact-lists h3 {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

h4 {
	font-family: 'Source Sans Pro', Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 1.2em;
	letter-spacing: 2px;
	font-weight: 600;
	margin: .5em 0;
	color: #000;
}

h1:before, h2:before {
	content: '';
	position: absolute;
	height: 1em;
	width: 1em;
	left: -1.25em;
	top: .25em;
	background-image:url(images/circles.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.h3-lookalike:before {
	content: none;
}

label {
	cursor: pointer;
}

a {
	-webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
	color: rgb(61,61,62);
	text-decoration: underline;
}

a:hover {
	color: rgb(234,113,37); /* orange */
	text-decoration: underline;
}

strong {
	font-weight: 600;
}

article, div.page {
	position: relative;
}

.post-edit-link {
	-webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	background: rgb(202,202,200);
	padding: 10px;
	opacity: 0;
}

.timely .post-edit-link {
	position: relative;
	top: auto;
	right: auto;
	display: inline;
	padding: 0;
	opacity: 1;
	background: none !important;
	background-color: transparent !important;
}

article:hover .post-edit-link, div.page:hover .post-edit-link,
.card:hover .post-edit-link, .mini-card:hover .post-edit-link {
	display: inline;
	background: rgb(202,202,200);
	opacity: 100;
}

p.edit-link .post-edit-link {
	display: inline-block;
	position: relative;
	top: auto;
	right: auto;
	color: white;
	text-decoration: none;
	opacity: 100;
}
/* 
==========================================================================

2.0 HEADER

==========================================================================
*/

header {
	width: 100%;
	border-top: 10px solid rgb(234,113,37); /* orange */
	box-sizing: border-box;
	position: relative;
	padding: 10px;
}

header a, nav a {
	text-decoration: none;
}

#logo {
	display: block;
	width: 25%;
	float: left;
	margin: 10px 0 10px 0;
}

.quick-nav {
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
}

.quick-nav li {
	list-style: none;
	display: block;
	height: 30px;
	float: left;
	line-height: 30px;
}

.quick-link {
	margin-left: 1em;
}

.social {
	display: block;
	height: 30px;
	width: 30px;
	background-image: url(images/social-media-sprite.gif);
	background-size: 90px 120px;
	margin-right: 10px;
}

.facebook {background-position: -60px -5px; margin-right: 5px;}
.facebook:hover {background-position: -60px -65px;}

.twitter {background-position: 0 -5px;}
.twitter:hover {background-position: 0 -65px;}

.instagram {background-position: -30px -35px;}
.instagram:hover {background-position: -30px -95px;}

.youtube {background-position: -60px -35px;}
.youtube:hover {background-position: -60px -95px;}

.pinterest {background-position: -30px -5px;}
.pinterest:hover {background-position: -30px -65px;}

.linkedin {background-position: 0 -35px;}
.linkedin:hover {background-position: 0 -95px;}

/* ==========================================================================
   2.1 NAV#Main-Nav
   ========================================================================== */
   
.fixed-nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	background: rgb(185, 177, 169);
	font-size: .8rem;
}

.fixed-nav .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
	font-size: .8rem !important;
	font-weight: 600 !important;
	padding: 0.5rem 1.5rem;
}

.ubermenu .ubermenu-target:hover > a, .ubermenu .ubermenu-target:hover > span {
	text-decoration: underline !important;
}

/*.ubermenu a:hover, .ubermenu a span:hover {
	text-decoration: underline;
} */

.fixed-nav .secondary {
	width: 100%;
	background: rgb(234,113,37); /* orange */
	box-shadow:  0px 2px 4px 0px #999;
	box-shadow:  0px 2px 4px 0px rgba(0,0,0,0.4);
}

.fixed-nav .secondary li {
	float: right;
}

.fixed-nav .section-nav li {
	float: left;
}

.fixed-nav .secondary li a, .section-nav li a {
	display: block;
	padding: .25em 1em;
	border: 1px solid rgb(234,113,37); /* orange */
	margin: 0;
	font-weight: 600;
}

.fixed-nav .secondary li a:hover,.fixed-nav .secondary li a.active {
	color: #222;
	text-decoration: none;
	background-color: rgb(247,247,247);
}

.section-nav {
	display: none;
}

.mobile-nav {
	float: right;
	font-size: 1.5rem;
	padding: 10px !important;
	text-transform: uppercase !important;
}

.ubermenu-responsive-toggle .fa {
	margin-right: 0 !important;
}

/* ==========================================================================
   2.2 Search
   ========================================================================== */

#search-form {
	position: fixed;
	top: 100px;
	right: 0;
	padding: 5px;
	-webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
	background-color: rgb(247,247,247);
	color: #222;
	text-decoration: none;
	z-index: 20;
	max-width: 380px;
}

.gsib_a {
	padding-top: 0 !important;
}

.gsc-webResult {
	padding: 2rem 1rem !important;
	border-bottom: 1px solid rgb(235,232,228) !important;
}

.gsc-promotion {
	background-color: rgb(235,232,228) !important;
}

.search-result {
	padding: 20px;
	display: block;
	border: 1px solid rgb(61, 61, 62);
	border-radius: 5px;
	margin: 1em;
	text-decoration: none;
}

.search-result:nth-child(even) {
	background-color: rgb(247,247,247);
}

.search-result:hover {
	color: rgb(61, 61, 62);
	background-color: rgb(185, 177, 169);
	text-decoration: none;
}

.search-term {
	background: none;
	color: rgb(234,113,37); /* orange */
	font-weight: 600;
}

.search-thumb {
	width: 150px;
}



@media only screen and (max-width: 799px) {
	#search-form {
		position: absolute;;
		top: -40px;
		left: 0;
		right: auto;
		width: 100%;
		background-color: rgb(34,34,34);
		color: rgb(247,247,247);
	}
}

/* ==========================================================================
   2.3 Emergency Announcement
   ========================================================================== */

.notification-wrapper {
	position: fixed;
	display: none;
	box-sizing: border-box;
	top: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	padding-left: 92px;
	height: 40px;
	font-weight: 600;
	z-index: 101;
}

.notification-exit {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	padding: 4px 20px;
	font-size: 1.5rem;
}

.notification-small {
	display: none;
}

.emergency-note {
	background-color: rgb(255,203,0);
	background-image: url(images/caution-bg.png);
	background-position: left;
	background-repeat: repeat-y;
}

.buffalo-drive-alert{
	background-color: rgb(188,188,188);
	background-image: url(images/buffalo-drive-car.png);
	background-position: left;
	background-repeat: repeat-y;
}


.snow-note {
	background-color: rgb(0,181,255);
	background-image: url(images/snow-bg.png);
	background-position: left;
	background-repeat: repeat-y;
	color: #FFF;
}

@media only screen and (max-width: 450px) {
	.notification-small {
		display: block;
	}
	.notification-large {
		display: none;
	}
}


/* 
==========================================================================

3.0 MAIN

==========================================================================
*/

main {
	width: 100%;
	min-height: 66%;
	padding-bottom: 148px;
}

.learn-more:hover {
	color: white;
}


/* ==========================================================================
   3.1 Tile
   ========================================================================== */

#read-more-container {
	position: fixed;
	bottom: 0;
	left: 2em;
	background: #222;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-weight: 600;
	text-transform: uppercase;
	z-index: 100;
}

#read-more-container a {
	display: block;
	padding: 1em;
	color: rgb(247,247,247);
}

#read-more-container a:hover {
	color: rgb(234,113,37); /* orange */
}

@media only screen and (max-width: 1150px) {
	#read-more-container {display: none;}
}

#news {
	margin: 20px 0 40px 0;
	padding: 15px 0;
	clear: both;
}

.tile-wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
}

.tile-container {
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
	display: block;
	float: left;
    position: relative;
    width: 100%;
	overflow: hidden;
	margin: .5em 0;
	padding: 0;
}

.tile-container:hover {
	box-shadow: 2px 2px 8px #222; /*, -2px -2px 5px rgb(175, 167, 159); */
}

.tile-container:after {
    content: '';
    display: block;
    margin-top: 68%;
}

.tile {
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 0px;
    right: 0px;
	background: #292425;
	background-size: 100% auto;
	-webkit-filter: opacity(90%);
	-moz-filter: opacity(90%);
	filter: opacity(90%);
}

.tile:hover {
	-webkit-filter: opacity(100%);
	-moz-filter: opacity(100%);
	filter: opacity(100%);
}

.overlay-caption {
	z-index: 2;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	color: rgb(61,61,62);
	padding: .5em;
}

.overlay-title {
    display : block;
	text-align: center;
	text-transform: uppercase;
	line-height: 1em;
	font-weight: 600;
	padding: .5em 0;
	margin: 0;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.7);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.overlay-description {
    display : none;
	font-size: .8em;
	width: 100%;
}

/* .tile:hover .overlay-description {
	display: block;
}

.tile:hover .overlay-title {
	display: none;
}

.tile:hover .overlay-caption {
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.8);
} */
/* ==========================================================================
   3.2 Card/Mini-Card
   ========================================================================== */
.card, .mini-card {
	-webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
	
	display: block;
	box-sizing:border-box;
	float: left;
	width: 23%;
	min-height: 310px;
	overflow: hidden;
	margin: 10px 2% 10px 0;
	padding: 20px;
	font-size: .9em;
	line-height: 1.2em;
	position: relative;
}

.mini-card {
	width: 33%;
	padding: 10px;
	margin: 0;
	height: auto;
	min-height: 0;
}

.card h3, .mini-card h3 {
	margin: 0 0 .25em 0;	
}
	
.card:last-child {
	margin-right: 0;
}

a.mini-card {
	text-decoration: none;
}

a.card:hover, a.mini-card:hover {
	background: rgb(202,202,200);
	color: #222;
	text-decoration: none;
}

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

.card .headshot {
	border-radius: 5px;
	border: 1px solid rgb(238,234,227);
	max-width: 50%;
	height: auto;
}

.program-card {
	min-height:  160px;
	height: 160px;
}


.card.directory-card {
	background-color:rgb(247,247,247);
	height: 310px;
	border: 1px solid rgb(225,225,225);
}

.program-card.william-b-greene-jr-school-of-business-technology {
	background-color: rgb(0,197,142);
}

.program-card.school-of-sciences-allied-health {
	background-color: rgb(244,237,115);
}

.program-card.school-of-bible-ministry {
	background-color: rgb(255,144,112);
}

.program-card.school-of-social-sciences-education {
	background-color: rgb(102,204,255);
}

.program-card.school-of-arts-humanities {
	background-color: rgb(205,205,205);
}

.program-card:hover {
	background-color: rgb(234,113,37); /* orange */
	cursor: pointer;
}

.program-card.active {
	z-index: 11;
	border: 1px solid rgb(247,247,247);
	background: url(images/arrow-white.png);
	background-color: rgb(234,113,37); /* orange */
	background-repeat: no-repeat;
	background-position: center 101%;
	overflow: visible;
}

.program-expanded {
	display: none;
	clear: left;
	box-sizing:border-box;
	width: 100%;
	padding: 20px;
	border: 1px solid rgb(234,113,37); /* orange */
	background-color: rgb(247,247,247);
	position: absolute;
	cursor: auto;
	left: 0;
	z-index: 11;
}

.activity-card {
	min-height: 0;
	top: 5px;
	padding: 1rem;
	width: 30%;
	margin-right: 1rem;
	margin-bottom: 1rem;
	box-sizing: border-box;
}

.mini-card.anchor:hover span.button {
	background: rgb(234,113,37); /* orange */
}

.related-news-wrapper {
	padding: 1.5em;
	margin: 1.5em 0;
	background: rgb(247,247,247);
	border: 1px solid rgb(217,214,211);
	border-radius: 5px;
}

.image-card {
	margin-top: 15px;
	margin-bottom: 15px;
}

@media only screen and (min-width:0) and (max-width: 650px) {
	.card {width: 98%; height: auto; min-height: 0;}
	.mini-card {width: 100%; height: auto;}
	.card .headshot {width: 40px; height: 40px;}
	.directory-info.directory {display: none;}
	.directory-card {padding: 10px 10px 0; line-height: 40px; font-size: 1.2em; cursor: pointer;}
	.directory-card:hover, .directory-card.active {background-color: rgb(202,202,200);}
	.card .directory {height: auto;}
	.program-card {height: auto;}
	.program-expanded {width: 100%;}
}

@media only screen and (min-width: 650px) and (max-width: 800px) {
	.card {width: 48%;}
	.mini-card {width: 50%;}
}

@media only screen and (min-width: 800px) and (max-width: 1400px) {
	.card { width: 31%;}
}


/* ==========================================================================

   4.0 SECTION

   ========================================================================== */
   
section {
	margin: 0;
	position: relative;
	width: 100%;
	clear: both;
	float: left;
}

section:nth-child(odd){
	background:rgb(235,232,228);
	padding: 40px 0;
	box-shadow:  3px 2px 5px 0px rgb(200,200,200), 3px -2px 5px 0px rgb(200,200,200);
	z-index: 2;
}

section:nth-child(even){
	background: rgb(247,247,247);
	padding: 40px 0 60px 0;
}

section:nth-child(odd):before {
	display: block;
	content: '';
	position: absolute;
	height: 30px;
	top: -30px;
	left: 0;
	width: 40%;
	background-image: url(images/border-upper2.png);
	background-position: right;
	clear: both;
	z-index:3;
}

section:nth-child(odd):after {
	content: '';
	display: block;
	position: absolute;
	height: 30px;
	bottom: -30px;
	width: 40%;
	right: 0;
	background-image:url(images/border-lower2.png);
	background-position: left;
	clear: both;
	z-index:3;
}

section:first-child {
	padding-top: 20px;
	margin-top: 20px;
	box-shadow:  3px 2px 5px 0px rgb(200,200,200), 3px -2px 5px 0px rgb(240,240,240);
}

section:last-child {
	padding-bottom: 80px;
}

section:first-child:before, section:last-child:after {
	display: none;
	visibility: hidden;
}

section.showcase {
	background: rgb(235,232,228);
	padding: 40px 0;
	margin: 20px 0;
	box-shadow:  3px 2px 5px 0px rgb(225,225,225), 3px -2px 5px 0px rgb(240,240,240);
}

section.showcase:before, section.showcase:after {
	display: none;
	visibility: hidden;
}

section ul, section ol {
	margin-left: 2em;
	margin-bottom: 1em;
}

section li {
	margin-bottom: .5em;
}

.compact-lists ul {
	margin-top: 0;
	margin-bottom: 0;
}

.compact-lists li {
	margin-bottom: .2rem;
}

.compact-lists p {
	margin: 1rem 0;
}

.compact-lists li p {
	margin: 0;
}

/* ==========================================================================
   4.1 Secondary Menus / Dynamic Sidebars
   ========================================================================== */

.link-menu {
	margin-top: 2em;
	padding: 20px;
	background: rgb(175,167,159);
}

.link-menu li {
	margin-top: .5em;
	list-style: disc;
}

/* ==========================================================================
   4.2 Archive List
   ========================================================================== */

.archive-list {
	margin: 1em 0;
	padding: 0;
	width: 100%;
	list-style: none;
}

.archive-list li {
	-webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;

	margin: 0;
	padding: 10;
	width: 100%;
	background-color:rgb(247,247,247);
}

.archive-list li:nth-child(even) {
	background-color: rgb(235,232,228);
}

.archive-list li a {
	display: block;
	padding: 1em;
	text-decoration: none;
}

.archive-list li:hover {
	background-color: rgb(175,167,159);
}

.archive-list li a:hover {
	color: #222;
}

h4.archive-date {
	margin: 0;
	padding: 0;
}

/* ==========================================================================
   4.3 Courses
   ========================================================================== */

.course-title {
	display: inline-block;
}

.emphases {
	padding: 1rem;
	border-bottom: 1px dashed rgb(175,167,159);
}

#engineering-program {
	background-image: url(images/engineering-bg.jpg);
	background-position: right top;
	background-size: contain;
}

.pull-quote {
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.5;
	text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
	margin-bottom: 0 !important;
}

.pull-quote-attr {
	font-size: 1rem;
	text-align: right;
	margin-top: -1rem !important;
}

/* ==========================================================================
   4.3.1 Program Titles
   ========================================================================== */

.program-title {
	font-size: 1.2rem;
	font-weight: 600;
  }

/* ==========================================================================
   4.4 Admissions
   ========================================================================== */

.admissions-info {
	min-height: 200px;
	border-bottom: 1px solid #222;
}

@media only screen and (min-width:0) and (max-width: 650px) {
	.admissions-info {
		height: auto;
	}
}

/* ==========================================================================
   
   5.0 FOOTER

   ========================================================================== */
   
#main-footer {
	position: relative;
	bottom: 118px;
	margin: 0;
	padding: 0;
	width: 100%;
	background: rgb(234,113,37); /* orange */
	font-size: .8em;
	box-shadow:  3px 2px 5px 0px rgb(200,200,200), 3px -2px 5px 0px rgb(200,200,200);
	z-index: 10;
}

#main-footer:before {
	display: block;
	content: '';
	position: absolute;
	height: 30px;
	top: -30px;
	right: 0;
	width: 60%;
	background-image: url(images/border-footer.png);
	background-position: left;
	clear: both;
	z-index:10;
}

#main-footer a {
	color: #222;
	text-decoration: underline;
}

#main-footer a:hover {
	color: rgb(247,247,247);
}

#main-footer .clearfix {
	max-height: 500px;
}

.footer-cell {
	display: inline-block;
	margin: 2em 5% 1em 0;
	padding: 0;
	float: left;
	max-width: 20%;
}

.footer-cell:first-child {
	margin-top: 2.5em;	
}

.footer-cell p {
	margin: .5em 0;
}

.footer-cell p:first-child {
	margin-top: 0;
}


/* ==========================================================================
   
   6.0 EXTRAS

   ========================================================================== */

/* ==========================================================================
   6.1 Tables
   ========================================================================== */
   
article table {
	box-sizing: border-box;
	width: 100%;
	margin: 15px;
	border: 1px solid rgb(227,227,227);
	border-radius: 5px;
	overflow: hidden;
	border-collapse: separate;
	border-spacing: 0px;
}

article tr:nth-child(odd) {
	background: rgb(237,237,237);
}

article tr:nth-child(even) {
	background: rgb(247,247,247);
}

article th {
	font-weight: 600;
}

article td, article th {
	vertical-align: top;
	padding: 10px;
	text-align: left;
}

/* ==========================================================================
   6.1.1 Display Tables
   ========================================================================== */

.display-table {
	display: table-cell; 
	vertical-align: middle; 
	float: none; 
	width: 46%; 
	padding: 2%;
}

/* ==========================================================================
   6.2 Forms
   ========================================================================== */

.form-wrapper {
	max-width: 800px;
	display: block;
	padding: 2em !important;
	box-shadow: 3px 2px 5px 0px rgb(200,200,200), 3px -2px 5px 0px rgb(240,240,240);
	background: rgb(247,247,247); /* hex: #F7F7F7 */
}
input, select {
	padding: 5px;
	line-height: 1.2em;
	border: 1px solid #222;
}

textarea:focus, input:focus { 
	outline: 2px solid rgb(234,113,37); /* orange */
}

.button, input[type=submit] {
	-webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
	display: inline-block;
	padding: 0.75rem 1rem;
	background:rgb(0,181,255);
	background: #009dee; /* Old browsers */
	background: -moz-linear-gradient(top,  #009dee 0%, #009dee 81%, #0097ea 85%, #0083dd 91%, #007dd8 93%, #007ad7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009dee), color-stop(81%,#009dee), color-stop(85%,#0097ea), color-stop(91%,#0083dd), color-stop(93%,#007dd8), color-stop(100%,#007ad7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #009dee 0%,#009dee 81%,#0097ea 85%,#0083dd 91%,#007dd8 93%,#007ad7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #009dee 0%,#009dee 81%,#0097ea 85%,#0083dd 91%,#007dd8 93%,#007ad7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #009dee 0%,#009dee 81%,#0097ea 85%,#0083dd 91%,#007dd8 93%,#007ad7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #009dee 0%,#009dee 81%,#0097ea 85%,#0083dd 91%,#007dd8 93%,#007ad7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009dee', endColorstr='#007ad7',GradientType=0 ); /* IE6-9 */
	color: white;
	text-transform: uppercase;
	margin: 1.5em 0;
	border-radius: 8px;
	border: 1px solid black;
	text-decoration: none;
}

.button.schedules {
	width: 200px;
	float: left;
	text-align: center;
	margin: 2em;
	min-height: 44px;
    font-size: 95%;
}

input[type=submit]{
	background: rgb(234, 113, 37); /* orange */
	color: rgb(247,247,247);
	padding: 0.75rem 1rem;
}

input[type=submit].search-submit {
	padding: 5px;
}

input[type=submit]:hover {
	background:rgb(0,181,255);
	text-decoration: underline;
	color: white;
}

.button:hover {
	background: rgb(234, 113, 37); /* orange */
	text-decoration: underline;
	color: rgb(247,247,247);
}


.gform_wrapper .gform_fields ul {
	margin-left: 2rem !important;
}

.LL-image {
	width: 100%;
}

.LL-checkbox ul.gfield_checkbox {
	margin: 0 !important;
}

.gform_wrapper .LL-checkbox ul.gfield_checkbox li {
	float: left;
	text-align: left;
}

.gform_wrapper .LL-checkbox .gfield_checkbox li label{
	margin-left: 0;
	width: 350px;
	padding: 20px !important;
	margin: 0px !important;
}

.LL-checkbox label p {
	margin-top: 15px;
	font-size: 0.8rem;
}

.LL-checkbox li input {
	display: none;
}

.LL-checkbox li input[type="checkbox"]:checked+label {
	background: rgb(191,188,184); /* hex: #bfbcb8 */
	font-weight: normal !important;
}

.LL-checkbox li label:hover {
	background: rgb(235,232,228); /* hex: #ebe8e4 */
}

@media only screen and (max-width: 750px) {
	.gform_wrapper {
		width: 98%;
	}
}



/* ==========================================================================
   6.3 Shadow Box
   ========================================================================== */

.shadow-box {
	-webkit-transition: background 0.25s ease;
    -moz-transition: background 0.25s ease;
    -o-transition: background 0.25s ease;
    transition: background 0.25s ease;
	z-index: -1;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
}

.shadow-box.active {
	-webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
	background: rgb(34,34,34);
	background: rgba(34,34,34,.95);
	z-index: 150;
	display: block;
}

.exit {
	position: absolute;
	top: 20px;
	right: 20px;
	height: 24px;
	width: 20px;
	cursor: pointer;
	background:url(images/exit.png);
	background-size: contain;
}

.exit.dark-exit {
	background-image: url(images/dark-exit.png);
}

#modal-window {
	position: fixed;
	top: 25%;
	right: 25%;
	bottom: 25%;
	left: 25%;
	background: rgb(247,247,247);
	overflow: auto;
	padding: 20px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: 10px 10px 15px rgba(0,0,0, 0.2);
}

#modal-window .loading {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -64px;
	margin-left: -64px;
}

@media only screen and (max-width: 750px) {
	#modal-window {
		top: 10%;
		right: 10%;
		bottom: 10%;
		left: 10%;
	}
}

/* ==========================================================================
   6.4 Fluid Iframes
   ========================================================================== */

/* For embedded map iframes */
.map-container {
    position: relative;
    padding-bottom: 40%;
    height: 0;
    overflow: hidden;
	border: 2px solid black;
}

.map-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 2rem;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* ==========================================================================
   6.5 Wrappers
   ========================================================================== */

.wrapper {
	position:relative;
	margin: 0 15%;
	padding: 0;
}

.wrapper-15, .wrapper-20, .wrapper-25, .wrapper-33, .wrapper-50,
.wrapper-66, .wrapper-75, .wrapper-80, .wrapper-85 {
	position:relative;
	margin: 0;
	padding-right:3%;
	float: left;
	box-sizing: border-box;
}

.wrapper-15 {
	width: 15%;	
}

.wrapper-20 {
	width: 20%;	
}

.wrapper-25 {
	width: 25%;
}

.wrapper-33 {
	width: 33%;
}

.wrapper-50 {
	width: 50%;
}

.wrapper-66 {
	width: 66%;
}

.wrapper-75 {
	width: 75%;
}

.wrapper-80 {
	width: 80%;
}

.wrapper-85 {
	width: 85%;
}

/* ==========================================================================
   6.6 Images
   ========================================================================== */

.milligan-day-banner {
	background: url(images/Milligan1Day_webHeader.png);
	height: 250px;
	background-repeat: no-repeat;
	background-position: center;
}

.forward-ever-banner {
	background: url(images/forward-ever/banner.png);
	height: 140px;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 2rem;
}

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/* =Images (Courtesy of the WordPress Team)
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 1em;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	line-height: 18px;
	margin-bottom: 1em;
	padding: 4px;
	text-align: left;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: .9em;
	margin: 3px;
}
.wp-smiley {
	margin: 0;
}
img.badge {
	margin-top: 15px;
	margin-bottom: 15px;
}
img.framed {
	border: 3px solid rgb(116,118,121);
	-webkit-box-shadow: 4px 4px 10px 0px rgb(175, 167, 159);
	-moz-box-shadow:    4px 4px 10px 0px rgb(175, 167, 159);
	box-shadow:         4px 4px 10px 0px rgb(175, 167, 159);
	margin-bottom: 1em;
}

img {
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

a img:hover {
	-webkit-filter: opacity(80%);
	-moz-filter: opacity(80%);
	filter: opacity(80%);
}

/* ==========================================================================
   6.7 Helper classes
   ========================================================================== */

.directory {
	font-size: .8em;
	line-height: 1.3;
}

.dashicons:hover {
	text-decoration: none;
	border: none;
}

.align-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

.underline {
	text-decoration:underline;
}

.align-center {
	position: relative;
	display: block;
	margin: 0 auto;
}

.background-1 {
	background: rgb(235,232,228); /* hex: #ebe8e4 */
}

.background-2 {
	background: rgb(247,247,247); /* hex: #F7F7F7 */
}

.vertical-center-wrapper {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.vertical-center {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
	opacity: 0;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
	opacity: 0;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
	opacity: 0;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

.page-nav {
	position: relative;
	margin-top: 3em;
	margin-bottom: 3em;
	height: 3em;
	float: left;
	width: 70%;
}

/* ==========================================================================
   6.7.1 AI1EC Events
   ========================================================================== */
/* Hide the read more button */

.ai1ec-agenda-view .ai1ec-event-avatar img {
	max-width: 300px !important;
	height: auto !important;
	max-height: none !important;
}

.timely, .ai1ec-posterboard-view .ai1ec-event-title {
	font-family: 'Source Sans Pro', Helvetica, sans-serif !important;
}

.ai1ec-col-sm-3 {
	width: auto !important;
}

.ai1ec-agenda-widget-view .ai1ec-date, .ai1ec-agenda-view .ai1ec-date {
	background: none !important;
	border-top: 1px solid rgb(200, 200, 200) !important;
}

/* ==========================================================================
   6.7.2 Post Meta
   ========================================================================== */

.post-meta {
	font-size: .8em;
	padding: .5em;
	border-top: 1px dashed  rgb(175,167,159);
}

/* ==========================================================================
   6.7.3 SFS Glossary
   ========================================================================== */

.sfs-glossary:after {
	content: "\f473";
	font-family: 'dashicons';
}

/* ==========================================================================
   6.7.4 News Articles
   ========================================================================== */

.news-caption {
	margin: .25rem 0 1rem 0;
	font-size: .8rem;
	text-align: center;
}

/* ==========================================================================
   6.7.5 Jumbotron
   ========================================================================== */

.jumbotron {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	z-index: 101;
	width: 80%;
	margin: 0 10%;
}

.jumbo-title {
	font-size: 6rem;
	line-height: 1.2;
	font-weight: 200;
	color: #fff;
}

.jumbo-body {
	font-size: 1.8rem;
	margin: 2rem 0 4rem 0;
	font-weight: 200;
	color: #fff;
}

.jumbo-link {
	font-size: 2em;
	padding: 0.75rem 1rem;
	margin: 0.5rem;
	background: #ea7125 !important;
}
.jumbo-link:hover {color: #222 !important; background: rgb(247,247,247) !important; text-decoration: none !important;}

@media only screen and (max-width: 1800px) {
	.jumbotron img {max-width: 100%;}
	.jumbo-title { font-size: 8rem; }
	.jumbo-body { font-size: 1.6rem; }
}

@media only screen and (max-width: 1700px) {
	/*.jumbotron img {max-width: 95%;}*/
	.jumbo-title { font-size: 7.5rem; }
	.jumbo-body { font-size: 1.5rem; }
}

@media only screen and (max-width: 1600px) {
	/*.jumbotron img {max-width: 90%;}*/
	.jumbo-title { font-size: 7rem; }
	.jumbo-body { font-size: 1.4rem; }
}

@media only screen and (max-width: 1500px) {
	/*.jumbotron img {max-width: 85%;}*/
	.jumbo-title { font-size: 6.5rem; }
	.jumbo-body { font-size: 1.3rem; }
}

@media only screen and (max-width: 1400px) {
	/*.jumbotron img {max-width: 80%;}*/
	.jumbo-title { font-size: 6rem; }
	.jumbo-body { font-size: 1.2rem; }
	.jumbo-link { font-size: 1.8rem; }
}

@media only screen and (max-width: 1300px) {
	/*.jumbotron img {max-width: 75%;}*/
	.jumbo-title { font-size: 5.5rem; }
	.jumbo-body { font-size: 1.1rem; }
	.jumbo-link { font-size: 1.5rem; }
}

@media only screen and (max-width: 1200px) {
	/*.jumbotron img {max-width: 70%;}*/
	.jumbo-title { font-size: 4.5rem; }
	.jumbo-body { font-size: 1rem; }
	.jumbo-link { font-size: 1.2rem; }
}

@media only screen and (max-width: 1100px) {
	/*.jumbotron img {max-width: 65%;}*/
	.jumbo-title { font-size: 4rem; }
}

@media only screen and (max-width: 1000px) {
	/*.jumbotron img {max-width: 60%;}*/
	.jumbo-title { font-size: 3.5rem; }
}

@media only screen and (max-width: 900px) {
	/*.jumbotron img {max-width: 55%;}*/
	.jumbo-title { font-size: 3rem; }
}

@media only screen and (max-width: 480px) {
	.jumbotron {top: 50%;}
	/*.jumbotron img {max-width: 50%;}*/
	.jumbo-title { font-size: 2rem; }
	.jumbo-body { font-size: 1rem; margin: 1rem 0 2rem 0; }
	.jumbo-link { font-size: 1.2rem; padding: 0.5rem; margin: 0.25rem; }
}

/* ==========================================================================
   6.8 Loading
   ========================================================================== */
#loading {
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -32px;
}

/* ==========================================================================
   6.9 Accordions (Expandable content)
   ========================================================================== */

.accordion {
	padding: 1em;
}

.accordion-item {
	background-color: rgb(235,232,228);
	border: 1px solid rgb(175,167,159);
	margin: -1px;
}

.accordion-item:nth-child(odd) {
	background-color:rgb(247,247,247);
}

.accordion-title {
	-webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
	cursor: pointer;
	padding: 1em;
	position: relative;
	margin: 0;
}

.accordion-title:after {
	font: normal 20px/1 'dashicons';
	content: "\f347";
	position: absolute;
	top: 1em;
	right: 1em;
}

.accordion-title.open:after {
	font: normal 20px/1 'dashicons';
	content: "\f343";
	position: absolute;
	top: 1em;
	right: 1em;
}

.accordion-title:hover, .accordion-title.open {
	background: rgb(175,167,159);
}

.accordion-content {
	padding: 1em 2em;
}


/* ==========================================================================
   
	7.0 Media Queries

   ========================================================================== */

@media only screen and (max-width: 1460px) {
	.wrapper {
		width: 95%;
		margin: 0 2.5%;
	}
	#nav-wrapper {
		width: 95%;
		margin: 0 2.5%;
	}
	
}

@media only screen and (max-width: 1150px) {
    /* Style adjustments for viewports that meet the condition */
	html, body {
	height: 100%;
	font-family: 'Source Sans Pro', Helvetica, sans-serif;
	font-size: .9em;
	margin-top: 10px;
	}
	
	.directory {
		font-size: 1em;
	}
	
	footer {
		margin-bottom: 35px;
		padding-bottom: 35px;
	}
	
	.wrapper {
		width: 96%;
		margin: 0 2%;
	}
	
	#nav-wrapper {
		margin: 0;
	}
	
	#logo {
		position: fixed;
		top: 10px;
		left: 10px;
		width: 150px;
		z-index: 12;
		margin: 0;
	}
	
	.quick-nav {
		display: block;
		position: fixed;
		bottom: 0;
		right: 0;
		background: #222;
		color: rgb(247,247,247);
		z-index: 10;
		float: none;
		padding-top: 5px;
		width: 100%;
	}
	
	.quick-link {
		color: rgb(247,247,247);
		padding: 0;
		margin-left: 1em;
		font-size: .8em;
	}

	.quick-link a {
		color: rgb(247,247,247);
	}

	.quick-link a:hover {
		color: rgb(234,113,37); /* orange */
	}
	
	.social {
		display: none;
	}
	
	header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 46px;
		z-index: 11;
		background: rgb(234,113,37); /* orange */
		border-top: none;
		box-shadow:  0px 2px 4px 0px #999;
		box-shadow:  0px 2px 4px 0px rgba(0,0,0,0.4);
		padding: 0;
	}

	#nav-placeholder {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#Main-Nav {
		background: #222222; /*rgb(235,232,228);*/
		position: fixed;
		top: 46px;
		z-index: 1000;
		width: 100%;
		margin: 0;
		padding: 0;
		box-shadow:  0px 2px 4px 0px #999;
		box-shadow:  0px 2px 4px 0px rgba(0,0,0,0.4);
	}
	
	.ubermenu-target:after {
		width: 45px;
		height: 20px;
		text-align: center;
	}

	.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
		color: rgb(247,247,247) !important;
	}

	.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target {
		color: rgb(234,113,37) !important; /* orange */
	}

	.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
		background: #222222 !important; /*rgb(235,232,228);*/
	}
}


@media only screen and (max-width: 750px) {
	
	.wrapper-15, .wrapper-20, .wrapper-25 {
		width: 48%;
		margin: 0;
		margin-right: 2%;
		padding: 0;
		float: left;
		clear: right;
	}
	
	.wrapper-33, .wrapper-50,
	.wrapper-66, .wrapper-75, .wrapper-80, .wrapper-85 {
		width: 100%;
		margin: 0;
		padding: 0;
		float: left;
		clear:both;
	}
	
	.map-container {
		width: 90%;
		position: relative;
		padding-bottom: 40%;
		height: 0;
		overflow: hidden;
		border: 2px solid black;
	}

	.wrapper {
		width: 96%;
		padding: 0;
		margin: 0 2%;
	}
	#main-footer {
		padding-bottom: 100px;
	}

	.footer-cell {
		width: 100%;
		max-width: none;
		font-size: 1.2em;
	}
	
}

@media only screen and (max-width: 400px) {
	.wrapper-15, .wrapper-20, .wrapper-25 {
		width: 100%;
		margin: 0;
		padding: 0;
		float: left;
		clear:both;
	}
}

/* ==========================================================================
   7.1 Print Styles
   ========================================================================== */

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
        font-size: 0.95em;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    #logo {
    	width: 50%;
    }

    .post-edit-link {
    	display: none;
    	visibility: hidden;
    	opacity: 0;
    }

    h1, h2 {
    	margin-left: 0 !important;
    	padding-left: 0 !important;
    }

    #nav-placeholder, .quick-nav {
    	display: none;
    }

    .wrapper {
    	margin: 0 2.5%;
    	width: 95%;
    }

    section {
    	border-bottom: 1px dashed black;
    	width: 100%;
    	margin: 0;
    	padding: 0;
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    /*tr,
    img,
    .directory-card,
    .mini-card {
        page-break-inside: avoid;
    }*/

    img {
        max-width: 100% !important;
        height: auto;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* ==========================================================================
   8.0 WP Job Manager Plugin
   ========================================================================== */

select#search_state, select#job_state { /* attr: codepen.io/herrfischer/pen/aNpWwy */
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    background-size: 10px;
    background-position: calc(100% - 6px) 60%;
    background-repeat: no-repeat;
    background-color: rgb(247,247,247);
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 2em;
    border-radius: 0;
}

select#job_state {
    width:100px;
}

input#search_keywords {
    height: 2em
}

select#search_state:invalid {
    color:gray;
}
select#search_state option[value=""][disabled] {
    display: none;
}
select#search_state option {
    color: black;
}
/* fix hiding listings on mobile after 'load more listings' clicked */
.job_listings {
    display: block !important;
}