/*  
Theme Name: 2017 Child – For TECH VALLEY HIGH SCHOOL
Description: CHILD THEME using Twentyseventeen theme by Wordpress.
Author: Capital Region BOCES Communications Service Web Team
Template: twentyseventeen
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
   12.1 Secondary Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page and Showcase Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
    15.1 Widget Forms
    15.2 Widget Lists
    15.3 Widget Lists of Links
    15.4 Widget Markup
    15.5 Text Widget
    15.6 RSS Widget
    15.7 Contact Info Widget
    15.8 Gravatar
    15.9 Recent Comments
    15.10 Recent Posts Widget
    15.11 Search
    15.12 Tag Cloud Widget
    15.13 Calendar Widget
    15.14 Gallery Widget
    15.15 Metaslider
    15.16 Connect Menu
    15.17 Ultimate Posts
    15.18 Spotlight
    15.19 Featured Video
    15.20 Simple Calendar or ICS Calendar
    15.21 Stats
    15.22 Grad Characteristics
    15.23 Grad Characteristics Menu
16.0 Media
   16.1 Galleries
   16.2 Google Calendar
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

b,
strong {
	font-weight: 500;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/
.no-svg .search-submit {
	clip: auto;
	height: 39.5px;
	overflow: hidden;
	position: absolute !important;
	width: 39.5px;
	word-wrap: normal !important;
}


.skip-to-main {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.skip-to-main:focus {
	background-color: #000;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #69bc1e;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.translate-header {
	float: right;
    max-height: 18px !important;
    margin: 10px;
}

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

/*--------------------------------------------------------------
5.0 Typography

font-family: 'name', serif;
font-family: 'name', sans-serif;
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #222;
	font-family: "Rubik", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 300;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.25;
}

h1 {
	font-size: 30px;
	font-size: 1.875rem;
	font-weight: 300;
    color: #222;
	margin: 0 0 1em;
    padding: 1.75em 0 0;
    text-transform: uppercase;
}

h2,
.home.blog .entry-title {
	color: #3d8000;
	font-size: 26px;
	font-size: 1.625rem;
	font-weight: 400;
    margin: 0 0 0.75em;
    padding: 1.5em 0 0;
}

h3 {
	color: #333;
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: 400;
    color: #0063b0;
    margin: 0 0 0.625em;
    padding: 1.25em 0 0;
}

h4 {
	color: #3d8000;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 500;
    margin: 0 0 0.5em;
    padding: 1em 0 0;
}

h5 {
	color: #767676;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 500;
    color: #0063b0;
	letter-spacing: normal;
	text-transform: none;
    margin: 0 0 0.25em;
    padding: 0.75em 0 0;
}

h6 {
	color: #333;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 500;
    margin: 0 0 0.125em;
    padding: 0.5em 0 0;
}
    
.intro { /* used for large text on showcase pages */
    font-size: 20px;
    font-size: 1.25rem;
}

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #333;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #242424;
	-webkit-border-radius: 0;
	border-radius: 0;
	display: block;
	padding: 0.5em;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #222;
	border-color: #333;
    outline: 2px solid #0063b0;
    background: #fafafa;
}

.header-top-bar input[type="search"]:focus {
	outline: 2px solid #69bc1e;
}

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

li {  
    margin-left: 1em;
    margin-bottom: 0.3em;
}

li > ul,
li > ol {
	margin-bottom: 0.3em;
	margin-left: 0;
}

li > ul {
    margin-bottom: 0.3em;
	margin-left: 0;
}

li > ul li:first-child,
li > ol li:first-child {
	margin-top: 0.3em;
}

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a {
	color: #222;
	text-decoration: none;
}

.entry-content a,
.entry-summary a,
.widget a {
	color: #0000FF;
}

.site-footer .widget-area a,
.site-footer .widget-area ul li a {
	color: #fff;
}

a:focus {
	color: #0000FF;
	outline: 1px solid;
}

a:hover,
a:active {
	color: #0000FF;
	outline: 0;
    text-decoration: underline;
}

a:visited {
    color: #800080;
}

/* Hide continue reading links after entry summaries on archive pages */

.entry-summary a.more-link {
    display: none;
}

/* External and pdf link indicators */

a[rel="nofollow"]:after,
a[rel="nofollow noreferrer"]:after,
a[rel="nofollow noreferrer noopener"]:after {
    font-family: FontAwesome;
    font-size: 12px;
    font-size: 0.75rem;
    content:' \f08e';
    margin: 0;
}

a[rel="nofollow noopener"]:after {
    font-family: FontAwesome;
    font-size: 12px;
    font-size: 0.75rem;
    content:' \f08e';
    margin: 0;
}

a[href$=".pdf"]:after {
    font-family: FontAwesome;
    font-size: 13px;
    font-size: 0.8125rem;
    content:' \f1c1';
    margin: 0;
}

/* Hover effects */

.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	box-shadow: none;
    -webkit-box-shadow: none;
    text-decoration: underline;
}

.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	box-shadow: none;
    -webkit-box-shadow: none;
    text-decoration: underline;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: #0000FF;
	box-shadow: none;
    -webkit-box-shadow: none;
}

.site-footer .widget-area a:hover,
.site-footer .widget-area a:active,
.site-footer .widget-area ul li a:hover,
.site-footer .widget-area ul li a:active {
	color: #e3e3e3;
}

.entry-content a:focus,
.entry-summary a:focus,
.widget a:focus,
.posts-navigation a:focus,
.comment-metadata a:focus,
.comment-metadata a.comment-edit-link:focus,
.comment-reply-link:focus,
.widget_authors a:focus strong,
.entry-title a:focus,
.entry-meta a:focus,
.page-links a:focus .page-number,
.entry-footer a:focus,
.entry-footer .cat-links a:focus,
.entry-footer .tags-links a:focus,
.post-navigation a:focus,
.pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):focus,
.logged-in-as a:focus,
a:focus .nav-title,
.edit-link a:focus,
.site-info a:focus,
.widget .widget-title a:focus,
.widget ul li a:focus {
	outline: 2px solid;
}

.site-footer .widget-area a:focus,
.site-footer .widget-area ul li a:focus {
	color: #e3e3e3;
	outline: 2px solid;
}

/* Fixes linked images */
.entry-content a img,
.widget a img {
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* More Link Buttons */

a.more-button,
.widget a.more-button,
.widget-area a.more-button {
    color: #00346c;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    text-shadow: none;
    text-decoration: none;
    display: inline-block;
    border: 2px solid #00346c;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 1em 1em;
    letter-spacing: 0.08em;
}

a.more-button:after {
    content: "\f061";
    font-family: 'FontAwesome';
    font-size: 0.8125rem;
    font-size: 13px;
    margin-left: 0.5em;
    vertical-align: top;
}

a.more-button:hover,
a.more-button:focus {
    background: #333;
    color: #fff;
}

/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/

.navigation-top {
	background: #e3e3e3;
	border-top: none;
	font-size: 14px;
	font-size: 0.875rem;
	position: relative;
    text-transform: uppercase;
}

.navigation-top a {
	color: #222;
	font-weight: 400;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
    border-top: 4px solid transparent;
}

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
	color: #0063b0;
    border-top: 4px solid #69bc1e;
}

.main-navigation ul {
	background: transparent;
	list-style: none;
	margin: 0;
	padding: 0 1.5em;
	text-align: left;
}

/* Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 */

.main-navigation > div > ul {
	border-top: none;
	padding: 0.75em 2em;
}

.main-navigation ul ul {
	padding: 0 1em 0 1em;
}

.main-navigation ul ul a {
	letter-spacing: 0;
	padding: 0.3em 0 0.4em 0;
	position: relative;
	text-transform: none;
}

.main-navigation li {
	border-bottom: 1px solid #fff;
	position: relative;
    margin: 0;
}

.main-navigation li li {
	border-bottom: 1px solid #fff;
}

.main-navigation a {
	display: block;
	padding: 0.4em 0 0.5em 0;
	text-decoration: none;
}

.main-navigation a:hover {
	color: #0063b0;
    border-top: 4px solid #69bc1e;
    text-decoration: none;
}

/* Menu toggle */

.menu-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: none;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	margin: 0 auto;
	padding: 0.5em 2em;
	text-shadow: none;
    text-transform: uppercase;
}

/* Display the menu toggle when JavaScript is available. */

/* Dropdown Toggle */

/* Scroll down arrow */

/*--------------------------------------------------------------
12.1 Secondary Navigation
--------------------------------------------------------------*/

.navigation-secondary {
	font-size: 12px;
	font-size: 0.75rem;
    color: #69bc1e;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-weight: 400;
    padding: 0 0;
}

.navigation-secondary ul {
    list-style: none;
    margin-bottom: 0.5em;
}

.navigation-secondary ul li {
    width: 33%;
    display: inline-block;
    float: left;
    margin: 0.3em 0 0.3em 0;
}

.navigation-secondary a {
	color: #69bc1e;
}

.navigation-secondary a:hover {
	color: #fff;
    text-decoration: underline;
}

/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

body {
    background-color: #333;
	background: #333 url(/wp-content/themes/twentyseventeen-child/images/dotpattern_dark.svg) center center repeat;
    background-size: 12px 12px;
}

/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/

.site-header {
	background-color: #fff;
	position: relative;
    border-bottom: 1px solid #f7f7f7;
}

.header-top-bar {
    background-color: #333;
	background: #333 url(/wp-content/themes/twentyseventeen-child/images/dotpattern_dark.svg) center center repeat;
    background-size: 12px 12px;
    padding: 0.5em 0 0.75em 0;
}

/* Site branding */

/* Header logo */

.header-logo {
    width: 100%;
}

/* Tagline */

.header-tagline {
    color:#0063b0;
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: 300;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    line-height: 1.25;
    padding: 0.5em 0 0 0;
    border-top: 1px solid #e3e3e3;
    margin-top: 0.5em;
    text-align: center;
}

.header-tagline .widget {
    padding-bottom: 0;
}

.tagmedium {
    font-weight: 500;
}

.tagbold {
    font-weight: 600;
}

/*--------------------------------------------------------------
13.2 Front Page and Showcase Home pages
--------------------------------------------------------------*/

.panel-content .wrap {
	padding-bottom: 1em;
	padding-top: 1.5em;
}

/* Panel edit link */

/* Front Page - Recent Posts */

/* FRONT PAGE */

.home-section1 {
    background: linear-gradient(rgba(0,52,108,1), rgba(0,99,176,1));
}

.home-section1 .wrap {
    padding: 0;
}

.home-section3 {
    background-color: #e3e3e3;
    background: #e3e3e3 url(/wp-content/themes/twentyseventeen-child/images/dotpattern_light.svg) center center repeat;
    background-size: 12px 12px;
}

.home-section3 .wrap {
    padding-bottom: 0;
}

/* SHOWCASE PAGE */

.grad-showcase-section1 {
    background-color: #e3e3e3;
}

.grad-showcase-section1 .wrap {
    padding: 0 2em 1em;
}

.grad-showcase-section1.engaged {
    background-color: #69bc1e;
    background: #69bc1e url(/wp-content/themes/twentyseventeen-child/images/gradicon_compass_large.svg) no-repeat;
    background-position: top 50% left 1em;
    background-size: 366px 435px;
}

.grad-showcase-section1.articulate {
    background-color: #5aabe8;
    background: #5aabe8 url(/wp-content/themes/twentyseventeen-child/images/gradicon_mic_large.svg) no-repeat;
    background-position: top 50% left 1em;
    background-size: 366px 435px;
}

.grad-showcase-section1.effective {
    background-color: #f5891d;
    background: #f5891d url(/wp-content/themes/twentyseventeen-child/images/gradicon_puzzle_large.svg) no-repeat;
    background-position: top 50% left 1em;
    background-size: 366px 435px;
}

.grad-showcase-section1.informed {
    background-color: #a88ff2;
    background: #a88ff2 url(/wp-content/themes/twentyseventeen-child/images/gradicon_tech_large.svg) no-repeat;
    background-position: top 50% left 1em;
    background-size: 366px 435px;
}

.grad-showcase-section1.global {
    background-color: #edd028;
    background: #edd028 url(/wp-content/themes/twentyseventeen-child/images/gradicon_globe_large.svg) no-repeat;
    background-position: top 50% left 1em;
    background-size: 366px 435px;
}

.grad-showcase-section1.successful {
    background-color: #0fbfa5;
    background: #0fbfa5 url(/wp-content/themes/twentyseventeen-child/images/gradicon_beaker_large.svg) no-repeat;
    background-position: top 50% left 1em;
    background-size: 366px 435px;
}

.grad-showcase-section3 {
    background: linear-gradient(rgba(0,52,108,1), rgba(0,99,176,1));
}

.grad-showcase-section3 .wrap {
    padding-bottom: 0;
    padding-top: 0;
}

/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/

.site-content {
	padding: 0 0 0;
}

/* Advanced Custom Fields */

#wrap_moreinfo {
    padding: 1em;
    margin-bottom: 1em;
    border-top: 4px solid #69bc1e;
    background: #f1f1f1;
}

#moreinfo-title h2 {
    color: #222;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 600;
	letter-spacing: 0.3em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

#moreinfo a {
	box-shadow: none;
    -webkit-box-shadow: none;
    text-decoration: underline;
}

#moreinfo a:focus,
#moreinfo a:hover {
	color: #0000FF;
	box-shadow: none;
    -webkit-box-shadow: none;
}

#moreinfo a:focus {
	outline: 2px solid;
}


/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/

/* Post Landing Page */

.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
	color: #222;
	font-size: 30px;
	font-size: 1.875rem;
	font-weight: 300;
	letter-spacing: normal;
	text-transform: uppercase;
}

.entry-meta {
	color: #3d8000;
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: 300;
	letter-spacing: normal;
	padding-bottom: 0.25em;
	text-transform: uppercase;
}

.page-numbers.current {
	color: #555;
	display: inline-block;
}

.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
	background-color: #555;
	color: #fff;
}

/* Aligned blockquotes */

/* Blog landing, search, archives */

/* More tag */

/* Single Post */

.single-featured-image-header {
	background: linear-gradient(rgba(0,52,108,1), rgba(0,99,176,1));
	border-bottom: none;
    max-height: 460px;
}

.single-featured-image-header img {
	display: block;
	margin: auto;
}

/* Entry footer */

.entry-footer {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin-top: 1em;
	padding: 1em 0;
}

.entry-footer .cat-links,
.entry-footer .tags-links {
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 300;
	letter-spacing: normal;
	padding-left: 2.5em;
	position: relative;
	text-transform: uppercase;
}

.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
	color: #0063b0;
	left: 0;
	margin-right: 0.5em;
	position: absolute;
	top: 2px;
}

/* Post Formats */

/* Post Navigation */

.post-navigation {
	font-weight: 300;
	margin: 0.5em 0;
    display: block;
}

.post-navigation .nav-links {
	padding: 1em 0;
}

.nav-subtitle {
	background: transparent;
	color: #3d8000;
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	letter-spacing: normal;
	margin-bottom: 0.5em;
	text-transform: uppercase;
    font-weight: 500;
}

.nav-title {
    color: #1e5732;
	font-size: 15px;
	font-size: 0.9375rem;
}

.post-navigation a:hover, .post-navigation a:focus{
    text-decoration: underline;
}

div.nav-links.previous {
	float: none;
	width: 100%;
}

div.nav-links.next {
	float: none;
	width: 100%;
}
/* Post Archive Pagination Styles */

.wrap-post-navigation {
    display: block;
    padding-top: 0.5em;
	padding-bottom: 1em;
}

.nav-previous,
.nav-next {
    color: #222;
	font-size: 11px;
	font-size: 0.6875rem;
	line-height: 0.9375rem;
    font-weight: 400;
    text-transform: uppercase;
    padding: 2em 0 2em;
    letter-spacing: 0.15rem;
    width: 48%;
    display: inline-block;
}

.nav-next {
    text-align: right;
}

.nav-previous {
    text-align: left;
}

.nav-previous a:hover,
.nav-next a:hover {
    text-decoration: underline;
    color: #0000ff;
}

.nav-previous a:before {
    color: #222;
    content: "\f060";
    font-family: 'FontAwesome';
    font-size: 0.75rem;
    font-size: 12px;
    margin-right: 0.5em;
    vertical-align: top;
}

.nav-next a:after {
    color: #222;
    content: "\f061";
    font-family: 'FontAwesome';
    font-size: 0.75rem;
    font-size: 12px;
    margin-left: 0.5em;
    vertical-align: top;
}
/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/

.page:not(.home) #content {
	padding-bottom: 0;
}

/* 404 page */

/* Breadcrumbs */

.breadcrumbs {
	font-size: 11px;
	font-size: 0.6875rem;
	line-height: 0.9375rem;
    font-weight: 400;
    text-transform: uppercase;
    padding: 2em 0 2em;
}

.breadcrumbs a {
	color: #000;
    font-weight: 400;
    text-decoration: underline;
}

.breadcrumbs a:focus,
.breadcrumbs a:hover {
	color: #222;
	box-shadow: none;
    -webkit-box-shadow: none;
}

.breadcrumbs a:focus {
	outline: 2px solid;
}

/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/

.site-footer {
    border-top: 5px solid #fff;
    color: #fff;
	background: #333 url(/wp-content/themes/twentyseventeen-child/images/dotpattern_dark.svg) repeat center center;
    background-size: 12px 12px;
    padding: 0 0;
    font-size: 15px;
    font-size: 0.9375rem;
}

.site-footer .wrap {
	padding-bottom: 0;
	padding-top: 0;
}

/* Footer widgets */

.site-footer .widget-area {
	padding-bottom: 0;
	padding-top: 0;
}

.site-footer .widget {
	padding-bottom: 1em;
}

.site-footer h2.widget-title {
    color: #69bc1e;
}

.site-footer p {
    margin-bottom: 0.75em;
}

.footer-widget-1,
.footer-widget-2,
.footer-widget-3 {
    padding: 2em 1em 1em 1em;
}

.footer-widget-3 {
    font-size: 13px;
    font-size: 0.8125rem;
}

.footer-widget-3 p {
    margin-top: 1em;
}

/* Footer logos */

.logo-column-wrap-flex {
    display: flex;
    flex-direction: column;
    margin-bottom: 2em;
}

.logo-column-flex {
    border-bottom: 1px solid #69bc1e;
    padding: 1em 0 0.5em 0;
}

.logo-column-flex.tvhs img {
    width: 133px;
    height: 45px;
}

.logo-column-flex.crb img {
    width: 123px;
    height: 45px;
}

.logo-column-flex.questar img {
    width: 243px;
    height: 45px;
}

/* Social nav */

/* Site info */

/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/

/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/

#secondary {
	padding: 0;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.5;
}

#secondary .widget {
	padding: 1em;
    margin-bottom: 1em;
    border-top: 4px solid #69bc1e;
    background: #f1f1f1;
}

h2.widget-title {
	color: #222;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 600;
	letter-spacing: 0.3em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.home-section2 h2.widget-title,
.home-widget-3-left h2.widget-title,
.home-section4 h2.widget-title {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 300;
    letter-spacing: 0.1em;
    margin-bottom: 0.5em;
    line-height: 1;
}

/* 15.1 widget forms */

/* 15.2 widget lists */

.widget ul {
	list-style: disc;
	margin: 0 0 1.5em;
}

.widget ol {
	margin: 0 0 1.5em;
    padding: 0;
}

.widget ul li {
	border-bottom: none;
	border-top: none;
	padding: 0;
    margin-left: 1em;
    margin-bottom: 0.3em;
}

.widget ol li {
	border-bottom: none;
	border-top: none;
	padding: 0;
    margin-left: 1em;
    margin-bottom: 0.3em;
    list-style-position: outside;
}

.widget li > ul,
.widget li > ol {
	margin-bottom: 0.3em;
	margin-left: 0;
}

.widget li > ul li:first-child,
.widget li > ol li:first-child {
	margin-top: 0.3em;
} 

.widget ul li + li {
	margin-top: 0;
}

.widget:not(.widget_tag_cloud) ul li + li {
	margin-top: -1px;
}

.widget ul li ul {
	margin: 0 0 0;
	padding: 0;
	position: relative;
}

.widget ul li li {
	border: 0;
	padding-left: 0;
	padding-left: 0;
}

/* 15.3 Widget lists of links */

.widget_archive ul {
    list-style: none;
	margin: 0 0 0.5em;
    padding: 0;
    text-transform: uppercase;
}

.widget_archive ul li {
	border-bottom: 1px solid #fff;
	border-top: none;
	padding-bottom: 0.5em;
    margin-left: 0;
    margin-bottom: 0.5em;
}

.widget_archive li::before {
    content: "\f061";
    font-family: 'FontAwesome';
    font-size: 0.8125rem;
    font-size: 13px;
    margin-right: 0.5em;
    vertical-align: top;
}

.widget_archive ul li a {
    color: #000;
	text-decoration: none;
}

.widget_archive ul li a:hover {
	text-decoration: underline;
}

/* News Archive lists of links */

ul.archives-by-cat {
    list-style: none;
	margin: 0 0 2em;
    padding: 0;
}

ul.archives-by-cat li {
	border-bottom: 1px solid #fff;
	border-top: none;
	padding-bottom: 0.25em;
    margin-left: 0;
    margin-bottom: 0.25em;
    text-indent: -1.5em;
    padding-left: 1.5em;
}

ul.archives-by-cat li::before {
    content: "\f061";
    font-family: 'FontAwesome';
    font-size: 0.8125rem;
    font-size: 13px;
    margin-right: 0.5em;
    vertical-align: top;
}

ul.archives-by-cat li a {
    color: #000;
	text-decoration: underline;
}

ul.archives-by-cat li a:hover {
	color: #0000FF;
}

ul.archives-by-cat li a:visited {
    color: #800080;
}

ul.archives-by-cat h3 {
    padding-top: 0.75em;
}

/* 15.4 Widget markup */

/* 15.5 Text widget */

/* 15.6 RSS Widget */

/* 15.7 Contact Info Widget */

.footer-widget-1 {
    color: #000;
    background: #69bc1e;
}

.footer-widget-1 a.more-button {
    border-color: #000;
}

.site-footer .widget-area .footer-widget-1 a.more-button:hover,
.site-footer .widget-area .footer-widget-1 a.more-button:focus {
    color: #fff;
}

.site-footer .footer-widget-1 h2.widget-title {
    color: #000;
}

.site-footer .widget-area .footer-widget-1 a,
.site-footer .widget-area .footer-widget-1 ul li a {
    color: #000;
}

.site-footer .widget-area .footer-widget-1 a:hover,
.site-footer .widget-area .footer-widget-1 a:active,
.site-footer .widget-area .footer-widget-1 ul li a:hover,
.site-footer .widget-area .footer-widget-1 ul li a:active {
    color: #333;
}

/* 15.8 Gravatar */

/* 15.9 Recent Comments */

/* 15.10 Recent Posts widget */

.widget_recent_entries ul {
    list-style: none;
	margin: 0 0 0.5em;
    padding: 0;
}

.widget_recent_entries ul li {
	border-bottom: 1px solid #fff;
	border-top: none;
	padding-bottom: 0.5em;
    margin-left: 0;
    margin-bottom: 0.5em;
    text-indent: -1.5em;
    padding-left: 1.5em;
}

.widget_recent_entries ul li a {
    color: #000;
	text-decoration: none;
}

.widget_recent_entries ul li::before {
    content: "\f061";
    font-family: 'FontAwesome';
    font-size: 0.8125rem;
    font-size: 13px;
    margin-right: 0.5em;
    vertical-align: top;
}

.widget_recent_entries ul li a:hover {
	text-decoration: underline;
}

.widget_recent_entries ul li a:visited {
    color: #800080;
}

/* 15.11 Search */

.search-form-wrap {
    width: 50%;
    margin: 0 auto;
    float: left;
}

.search-form .search-submit {
	bottom: 0;
	padding: 0.5em 0.5em;
	position: absolute;
	right: 0;
	top: 0;
}

.header-top-bar .search-form .search-submit {
    background: #242424;
}

.header-top-bar .search-form .search-submit:hover {
    background: #000;
}

.header-top-bar .search-form .search-submit:focus {
    background: #000;
    outline: 2px solid #69bc1e;
}

.search-form .search-submit .icon {
    color: #69bc1e;
	height: 24px;
	top: -2px;
	width: 24px;
}

/* 15.12 Tag cloud widget */

/* 15.13 Calendar widget */

/* 15.14 Gallery widget */

/* 15.15 Metaslider */

#content .home-section1 .metaslider .flexslider {
    margin-bottom: 0;
}

#content .home-section1 .metaslider .caption {
    font-size: 20px;
    font-size: 1.25rem;
    padding: 2em 2em;
    line-height: 1.5;
}

#content .home-section1 .metaslider h1 {
    font-size: 32px;
    font-size: 2rem;
    color: #fff;
    margin: 0 0 0.5em;
}

#content .home-section1 .metaslider .flexslider .flex-control-paging {
    left: 2em;
	position: absolute;
}

#content .home-section1 .metaslider .flexslider .flex-direction-nav .flex-next,
#content .home-section1 .metaslider .flexslider .flex-direction-nav .flex-prev {
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
}

#content .home-section1 .metaslider ul li a {
    color: #fff;
    font-weight: 500;
}

#content .home-section1 .metaslider ul li a:hover {
    color: #e3e3e3;
}

/* Quote Sliders */

#content .grad-showcase-section3 .metaslider .flexslider {
    padding-top: 3em;
    margin-bottom: 0;
}

#content .grad-showcase-section3 .metaslider .flexslider .flex-control-paging {
    top: 0.5em;
    left: -12px;
	position: absolute;
}

#content .grad-showcase-section3 .metaslider .flexslider .flex-direction-nav .flex-next,
#content .grad-showcase-section3 .metaslider .flexslider .flex-direction-nav .flex-prev {
    top: 14em;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
}

#content .grad-showcase-section3 .metaslider .slides img {
    width: 100px;
}

#content .grad-showcase-section3 .metaslider .caption {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.5;
    text-transform: uppercase;
    padding: 1em 0 0 0;
}

#content .grad-showcase-section3 .metaslider .flexslider .slides p.quote {
    margin-bottom: 1em;
}

#content .quote-name {
    text-transform: none;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 500;
}

#content .quote-title {
    text-transform: none;
    font-size: 15px;
    font-size: 0.9375rem;
}

#content .grad-showcase-section3 ul li a {
    color: #fff;
}

#content .grad-showcase-section3 .metaslider ul li a:hover {
    color: #e3e3e3;
}

/* FOR INTERIOR PAGE AND POST SLIDERS */

#content .metaslider .flexslider .flex-control-paging {
  position: relative;
}

/* 15.16 Connect Menu */

.widget_nav_menu.widget ul {
    list-style: none;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1;
}

.widget_nav_menu.widget ul li {
    margin: 0 0 0.3em 0;
    padding: 0 0 0.3em 36px;
    text-indent: -38px;
}

.widget_nav_menu.widget ul li:first-child {
    padding-top: 0.3em;
}

.widget_nav_menu.widget ul li a {
    text-decoration: none;
}

.widget_nav_menu.widget ul li a:hover {
    text-decoration: underline;
}

.widget_nav_menu .menu-item img._before {
    width: 30px;
    height: 26px;
}

/* 15.17 Ultimate Posts */

#content .upw-posts {
    display: flex;
    flex-direction: column;
}

#content .upw-posts article {
    background: #fff;
    border-bottom: none;
    padding: 1em;
    margin-bottom: 1em;
}

#content .upw-posts .entry-summary {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.3;
}

#content .upw-posts h4.entry-title,
#content .panel-content .upw-posts h4.entry-title,
#secondary .upw-posts h4.entry-title {
    color: #3d8000;
    font-size: 22px;
	font-size: 1.375rem;
	font-weight: 300;
    line-height: 1.3;
    margin-bottom: 0;
}

#content .upw-posts h4.entry-title a,
#content .panel-content .upw-posts h4.entry-title a,
#secondary .upw-posts h4.entry-title a {
    color: #3d8000;
    text-decoration: underline;
}

#content .upw-posts h4.entry-title a:hover,
#content .panel-content .upw-posts h4.entry-title a:hover,
#secondary .upw-posts h4.entry-title a:hover {
    color: #0000ff;
    text-decoration: underline;
}


/* 15.18 Spotlight */

.home-widget-3-right .widget {
    padding-bottom: 0;
}

.home-widget-3-right {
    color: #fff;
    background: linear-gradient(rgba(0,52,108,1), rgba(0,99,176,1));
    padding: 1em;
}

.home-widget-3-right h2.widget-title {
    color: #fff;
}

#content .home-widget-3-right .upw-posts article {
    background: transparent;
    padding: 0;
    margin-bottom: 0;
    width: 100%;
}

#content .home-widget-3-right .upw-posts h4.entry-title {
    color: #fff;
    font-size: 24px;
	font-size: 1.5rem;
    line-height: 1.4;
}

#content .home-widget-3-right .upw-posts h4.entry-title a,
#content .home-widget-3-right .upw-posts h4.entry-title a:hover,
#content .home-widget-3-right .upw-posts h4.entry-title a:focus,
#content .home-widget-3-right .upw-posts h4.entry-title a:visited {
    color: #fff;
}


/* 15.19 Featured Video */

#wysiwyg_widgets_widget-8,
#wysiwyg_widgets_widget-9,
#wysiwyg_widgets_widget-10,
#wysiwyg_widgets_widget-11,
#wysiwyg_widgets_widget-7,
#wysiwyg_widgets_widget-12 {
    padding: 1em 1em;
}

#wysiwyg_widgets_widget-8 { /*--engaged--*/
    background-color: #69bc1e;
}

#wysiwyg_widgets_widget-9 { /*--articulate--*/
    background-color: #5aabe8;
}

#wysiwyg_widgets_widget-10 { /*--effective--*/
    background-color: #f5891d;
}

#wysiwyg_widgets_widget-11 { /*--informed--*/
    background-color: #a88ff2;
}

#wysiwyg_widgets_widget-7 { /*--global--*/
    background-color: #edd028;
}

#wysiwyg_widgets_widget-12 { /*--successful--*/
    background-color: #0fbfa5;
}

/* 15.20 Simple Calendar */

#content .simcal-default-calendar .simcal-current h3 {
    color: #333;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 600;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    
}

#content .simcal-default-calendar-light .simcal-nav-button {
    color: #0063b0;
}

#content .simcal-default-calendar-list {
    padding: 0;
}

#content .simcal-default-calendar-list dt.simcal-day-label {
    color: #0063b0 !important;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    list-style: none;
    margin: 1em 0 0.5em 0;
    text-transform: uppercase;
}

#content .simcal-default-calendar-list dt.simcal-day-label > span {
    background: transparent !important;
    padding: 0;
}

span.simcal-date-format {
    color: #0063b0;
}

#content .simcal-default-calendar-list ul.simcal-events {
    margin: 0;
}

#content .simcal-default-calendar-list ul.simcal-events li.simcal-event {
    list-style-type: none;
    margin: 0 0 5px 0;
    word-wrap: break-word;
}

#content .simcal-default-calendar-list .simcal-event-details {
    font-size: 1rem;
    font-size: 16px;
    line-height: 1.5rem;
}

#content .simcal-default-calendar-list .simcal-event-details p {
    margin: 0 0 0.3em;
}

.simcal-description {
    font-size: 0.8125rem;
    font-size: 13px;
    line-height: 0.9375rem;
}

/* 15.20b - ICS Calendar */

#content .ics-calendar {
    margin: 1em 0;
}

#content .ics-calendar-list-wrapper .ics-calendar-date {
	border-top: 1px solid #0063b0;
    margin: 0.5em 0 0 0;
	padding: 0.5em;
}

#content .ics-calendar-list-wrapper .ics-calendar-label {
    margin: 0.5em 0 0.25em 0 !important;
	font-size: 18px;
	font-size: 1.125rem;
    }

#content h4.ics-calendar-date {
    background: #0063b0;
    border-top: 1px solid #69bc1e;
	color: #f1f1f1;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-size: 1rem;
    letter-spacing: normal;
	line-height: 1.5;
    text-transform: uppercase;
}

#content .ics-calendar dl.events {
	display: flex;
	flex-direction: column;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5;
    margin: 0 0 1em 0;
	padding-left: 0.5em;
}

#content .ics-calendar dl.events span.title {
	font-size: 18px;
	font-size: 1.125rem;
}

#content .ics-calendar dl.events dt.time,
#content .ics-calendar dl.events dt.all-day-indicator {
	font-size: 18px;
	font-size: 1.125rem;
    font-weight: bold;
    padding: 0.5em 1em 0 0;
}

#content .ics-calendar .events .time .end_time {
	font-size: 100%;
}

/* 15.20c - ICS Calendar - Full Calendar page */

#content .ics-calendar-color-key {
    border: 2px solid #0063b0;
    clear: both;
    display: block;
    font-size: 85%;
    padding: 1em;
    margin: 0 0 1.5em 0;
}

#content .ics-calendar-color-key-header, 
#content .ics-calendar-color-key-item {
    border-left: none;
    line-height: 2em;
    padding: 0;
}

#content .ics-calendar-color-key.inline .ics-calendar-color-key-item {
    display: inline-block;
    width: 100%;
}

#content .ics-calendar-arrow-nav {
    clear: both;
    display: block;
	font-size: 18px;
	font-size: 1.125rem;
    font-weight: normal;
    margin: 0;
    text-transform: none;
    margin-bottom: 1em;
}

#content .ics-calendar-arrow-nav > *.inactive {
    opacity: 1;
	background: #333333 !important;
    cursor: not-allowed !important;
}

#content .ics-calendar-arrow-nav > .prev {
    cursor: pointer;
	margin-right: 1em;
}

#content .ics-calendar-arrow-nav > .next {
    cursor: pointer;
    float: left;
}

#content .ics-calendar-arrow-nav > a.prev,
#content .ics-calendar-arrow-nav > a.next {
    background: #333333;
	border-radius: 5px;
	color: #ffffff;
	font-size: 18px;
	font-size: 1.125rem;
	padding: calc(0.667em + 2px) calc(1.333em + 2px);
	text-decoration: none;
}

#content .ics-calendar-arrow-nav > a.prev:hover,
#content .ics-calendar-arrow-nav > a.prev:focus,
#content .ics-calendar-arrow-nav > a.next:hover,
#content .ics-calendar-arrow-nav > a.next:focus {
    background: #0063b0;
	text-decoration: underline;
}

#content .ics-calendar-month-grid th {
    background: #0063b0;
	color: #ffffff;
}

#content .ics-calendar-label {
    clear: none !important;
    margin: 0 !important;
    padding-bottom: 0.5em;
}

#content .ics-calendar-month-grid th, 
#content .ics-calendar-month-grid td {
    border-color: #0063b0;
}

#content .ics-calendar-month-grid .past {
    background: transparent;
}

#content .ics-calendar-month-grid .off {
    background: #f1f1f1;
}

#content .ics-calendar-month-grid .day {
    background: #ffffff;
    border-top: 1px solid #0063b0;
	color: #0063b0;
	font-size: 16px;
	font-size: 1rem;
    letter-spacing: normal;
    text-transform: uppercase;
}

#content .ics-calendar:not(.nomobile) .ics-calendar-month-grid .day {
    padding: 0;
	margin-top: 1em;
}

#content .ics-calendar-month-grid .today .day, 
#content .ics-calendar-month-grid .current .day {
    background: #0063b0;
    color: #ffffff;
}

#content .ics-calendar-month-grid ul.events li.all-day {
    font-weight: normal;
    padding: 0.4em 0;
}

#content .ics-calendar-month-grid ul.events li {
    border-bottom: 1px solid #f1f1f1;
    list-style: none !important;
    margin: 0;
    padding: 0.4em 0;
}

#content .ics-calendar:not(.nomobile) .ics-calendar-month-grid .events .all-day-indicator {
    font-size: 100%;
	font-weight: bold;
	text-transform: none;
}

#content .ics-calendar-month-grid .events .time {
    display: block;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.2em;
}



/* 15.21 Stats */

.home-widget-4 .widget {
    padding-bottom: 0;
}

.widget ul.stat-column-wrap-flex {
    display: flex;
    flex-direction: column;
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    line-height: 1.125;
    list-style: none;
    margin: 0 0 0.5em 20px;
}

.widget ul li.stat-column-flex {
    padding: 0.75em 0 0.75em 0;
    text-indent: -50px;
    margin-bottom: 0;
}

img.stat-icon {
    width: 36px;
    height: 28px;
    margin-right: 14px;
}

.stat-emphasis {
    font-weight: 500;
}

/* 15.22 Grad Characteristics */

.home-widget-2 .widget {
    padding-bottom: 0;
}

.home-widget-2 h2.widget-title a {
    color: #222;
}

.widget ul.grad-column-wrap-flex {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    list-style: none;
    margin: 0 0 0.5em 0;
    text-transform: uppercase;
    letter-spacing: 0.15em;
}

.widget ul li.grad-column-flex {
    width: 100%;
    margin: 0 0 0.5em 0;
}

.widget ul.grad-column-wrap-flex li a {
    color: #222;
    padding: 1em;
    display: block;
}

.widget ul.grad-column-wrap-flex li a::after {
    content: "\f061";
    font-family: 'FontAwesome';
    vertical-align: top;
    font-size: 14px;
    font-size: 0.875rem;
}

.widget ul li.grad-column-flex.engaged a:hover,
.widget ul li.grad-column-flex.articulate a:hover,
.widget ul li.grad-column-flex.effective a:hover,
.widget ul li.grad-column-flex.informed a:hover,
.widget ul li.grad-column-flex.global a:hover,
.widget ul li.grad-column-flex.successful a:hover {
    color: #fff;
    background: #333;
}

.widget ul li.grad-column-flex.engaged a:focus,
.widget ul li.grad-column-flex.articulate a:focus,
.widget ul li.grad-column-flex.effective a:focus,
.widget ul li.grad-column-flex.informed a:focus,
.widget ul li.grad-column-flex.global a:focus,
.widget ul li.grad-column-flex.successful a:focus {
    color: #fff;
    background: #333;
}

.widget ul li.grad-column-flex.engaged a {
    background-color: #69bc1e;
    background: #69bc1e url(/wp-content/themes/twentyseventeen-child/images/gradicon_compass_large.svg) no-repeat;
    background-position: top 50% right -1em;
    background-size: 122px 145px;
}

.widget ul li.grad-column-flex.articulate a {
    background-color: #5aabe8;
    background: #5aabe8 url(/wp-content/themes/twentyseventeen-child/images/gradicon_mic_large.svg) no-repeat;
    background-position: top 50% right -1em;
    background-size: 122px 145px;
}

.widget ul li.grad-column-flex.effective a {
    background-color: #f5891d;
    background: #f5891d url(/wp-content/themes/twentyseventeen-child/images/gradicon_puzzle_large.svg) no-repeat;
    background-position: top 50% right -1em;
    background-size: 122px 145px;
    padding-top: 1.75em;
    padding-bottom: 1.75em;
}

.widget ul li.grad-column-flex.informed a {
    background-color: #a88ff2;
    background: #a88ff2 url(/wp-content/themes/twentyseventeen-child/images/gradicon_tech_large.svg) no-repeat;
    background-position: top 50% right -1em;
    background-size: 122px 145px;
    padding-top: 1.75em;
    padding-bottom: 1.75em;
}

.widget ul li.grad-column-flex.global a {
    background-color: #edd028;
    background: #edd028 url(/wp-content/themes/twentyseventeen-child/images/gradicon_globe_large.svg) no-repeat;
    background-position: top 50% right -1em;
    background-size: 122px 145px;
}

.widget ul li.grad-column-flex.successful a {
    background-color: #0fbfa5;
    background: #0fbfa5 url(/wp-content/themes/twentyseventeen-child/images/gradicon_beaker_large.svg) no-repeat;
    background-position: top 50% right -1em;
    background-size: 122px 145px;
}

/* 15.23 Grad Characteristics Menu */

.gradshowcase-widget-2a .widget {
    padding-bottom: 1em;
}

.gradshowcase-widget-2a .widget ul {
    margin-bottom: 0.5em;
}

#nav_menu-3.widget_nav_menu .menu-item img._before {
    width: 30px;
    height: 30px;
}

#nav_menu-3 a,
#nav_menu-3 a:visited {
    color: #333;
}

#nav_menu-3 a:hover {
    color: #0000FF;
}

#nav_menu-3 .current-menu-item > a,
#nav_menu-3 .current_page_item > a {
	font-weight: 500;
}

/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/

/* Make sure embeds and iframes fit their containers. */

/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */

.wp-caption,
.gallery-caption {
	color: #555;
	font-size: 12px;
	font-size: 0.75rem;
	font-style: normal;
    text-transform: uppercase;
	margin-bottom: 1.5em;
	max-width: 100%;
}

/* Media Elements */

/* Audio Player */

/* Playlist Color Overrides: Light */

/* Playlist Color Overrides: Dark */

/* Playlist Style Overrides */

/* SVG Icons base styles */

/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
16.2 Google Calendar
--------------------------------------------------------------*/

/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
	display: none;
}

/* Social Menu fallbacks */

/* Show screen reader text in some cases */

/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

/* Show screen reader text in some cases */
@media screen and (min-width: 20em) {
/* 20em = 320 pixels */
    

    
}

@media screen and (min-width: 30em) {
/* 30em = 480 pixels */
    

    /* Secondary Navigation */
    
    .navigation-secondary {
        font-size: 12px;
        font-size: 0.8125rem;
        letter-spacing: 0.15em;
    }
    
    .navigation-secondary ul li {
        width: auto;
        display: inline;
        padding: 0 1em;
        margin: 0;
    }

    .navigation-secondary ul li:first-child {
        padding-left: 0;
    }
    
    /* Typography */
    
    /* Fix image alignment */
    
    /* Site Branding */
    
    .site-branding {
		padding: 2em 0;
	}
    
    /* Front Page */
    
    /* Blog Index, Archive, Search */
    
    /* Site Footer */
    
    /* Gallery Columns */
    
}

@media screen and (min-width: 40em) {
/* 40em = 640 pixels */
    
    /* Header logo */

    .header-logo {
        width: 278px;
        margin-right: 2em;
        float: left;
    }

    /* Tagline */

    .header-tagline {
        width: 265px;
        font-size: 18px;
        font-size: 1.125rem;
        float: right;
        text-align: right;
        padding: 0.9em 0 0 0;
        border-top: none;
        margin-top: 0;
    }
    
    /* Showcase Page */
    
    .gradshowcase-widget-3a {
        width: 50%;
        float: left;
    }
    
    .gradshowcase-widget-3b {
        width: 45%;
        float: right;
    }
    
    /* Site Footer */
    
    .footer-widget-1 {
        width: 50%;
        float: left;
        margin-right: 5%;
    }
    
    .footer-widget-2 {
        width: 45%;
        float: left;
    }
    
    .footer-widget-3 {
        width: 100%;
        float: left;
    }
    
    .logo-column-wrap-flex {
        flex-direction: row;
        justify-content: flex-start;
    }
    
    .logo-column-flex {
        margin-right: 1em;
        padding: 0 1em 0 0;
        border-bottom: none;
        border-right: 1px solid #69bc1e;
    }
    
    .logo-column-flex.questar {
        margin-right: 0;
        padding-right: 0;
        border-right: none;
    }
    
    /* Grad Characteristics */
    
    .widget ul.grad-column-wrap-flex {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;     
    }
    
    .widget ul li.grad-column-flex {
        width: 49%;
        margin: 0 0 1em 0;
    }   
    
}

@media screen and (min-width: 48em) {
/* 48em = 768 pixels */
    
    /* Typography */
    
    /* Layout */
    
    .wrap {
		max-width: 1320px;
		padding-left: 1.875em;
		padding-right: 1.875em;
	}    
    
    .has-sidebar:not(.error404) #primary {
		float: left;
		width: 66.5%;
        padding-right: 0;
	}

	.has-sidebar #secondary {
		float: right;
		padding-top: 0;
		width: 30.5%;
	}
    
    #wrap_sidebar {
		float: right;
		padding-top: 0;
		width: 30.5%;
	}
    
    #wrap_sidebar #secondary {
		width: 100%;
        float: none;
	}
    
    #primary.content-area {
        float: left;
		width: 66.5%; 
    }
    
    #primary.content-area.full-width {
        float: left;
		width: 100%; 
    }
    
    /* Site Branding */
    
    /* Navigation */
    
    .navigation-top {
        background: transparent;
    }
    
    .navigation-top .wrap {
		max-width: 1320px;
		padding: 0 1em;
	}
    
    .navigation-top nav {
		margin-left: 0;
	}
    
    .site-navigation-fixed.navigation-top {
		bottom: auto;
		position: relative; /* Changing this from fixed to relative keeps nav in place. */
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 7;
	}
    
    /* Main Navigation */
    
    .main-navigation {
        background: #e3e3e3;
    }
    
    .main-navigation > div > ul {
        padding: 0 0;
    }
    
    .main-navigation a {
        padding: 0.8em 0.4em 0.8em 0.4em;
    }
    
    .main-navigation li {
        border-bottom: none;
    }
    
    .main-navigation li li:hover,
	.main-navigation li li.focus {
		background: transparent;
	}
    
    .main-navigation li li.focus > a,
	.main-navigation li li:focus > a,
	.main-navigation li li:hover > a,
	.main-navigation li li a:hover,
	.main-navigation li li a:focus,
	.main-navigation li li.current_page_item a:hover,
	.main-navigation li li.current-menu-item a:hover,
	.main-navigation li li.current_page_item a:focus,
	.main-navigation li li.current-menu-item a:focus {
		color: #0063b0;
	}
    
    
    /* Secondary Navigation */
    
    .navigation-secondary {
        width: 40%;
        float: left;
        padding: 1.25em 1em 0.8em 0.2em;
    }
    
    .navigation-secondary ul {
        margin-bottom: 0;
    }
    
    /* Search */

    .search-form-wrap {
        width: 220px;
        margin: 0 auto;
        float: right;
    }
    
    .header-top-bar .search-form input[type="search"] {
        width: 85%;
    }
    
    .header-top-bar .search-form .search-submit {
        background: transparent;
    }

    
    /* Scroll down arrow */
    
    /* Front Page */
    
    .home-section3 .wrap {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .home-widget-3-left {
        width: 60%;
        float: left;
        margin-right: 5%;
        padding-top: 2.5em;
    }
    
    .home-widget-3-right {
        width: 35%;
        float: right;
    }
    
    .home-section4 .wrap {
        padding-top: 3em;
        padding-bottom: 0;
    }
    
    
    /* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
    
    .page-two-column .panel-content .entry-content {
		float: none;
		width: 100%;
	}
    
    /* Front Page - Recent Posts */
    
    /* Posts */
    
    .site-content {
		padding: 0 0 0;
	}
    
    div.nav-links.previous {
        float: left;
        width: 45%;
    }

    div.nav-links.next {
        float: right;
        width: 45%;
        text-align: right;
    }
    
    /* Blog, archive, search */
    
    body:not(.has-sidebar):not(.page-one-column) .page-header,
	body.has-sidebar.error404 #primary .page-header,
	body.page-two-column:not(.archive) #primary .entry-header,
	body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
		float: left;
		width: 100%;
	}

	.blog:not(.has-sidebar) #primary article,
	.archive:not(.page-one-column):not(.has-sidebar) #primary article,
	.search:not(.has-sidebar) #primary article,
	.error404:not(.has-sidebar) #primary .page-content,
	.error404.has-sidebar #primary .page-content,
	body.page-two-column:not(.archive) #primary .entry-content,
	body.page-two-column #comments {
		float: left;
		width: 100%;
	}
    
    .navigation.pagination {
		clear: both;
		float: right;
		width: 100%;
	}
    
    /* Entry content */

	/* without sidebar */
    
    /* with sidebar */
    
    /* blog and archive */
    
    /* Post formats */
    
    /* Pages */
    
    .page:not(.home) #content {
		padding-bottom: 0;
	}
    
    /* 404 page */
    
    /* Comments */
    
    /* Posts pagination */
    
    /* Secondary */
    
    #secondary {
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.5;
        width: 30.5%;
        float: right;
        padding-top: 0;
    }   
    
    /* Widgets */
    
    .home-widget-3-left .widget,
    .home-widget-3-right .widget {
        padding-bottom: 0;
    }
    
    /* Footer */
    
    .site-footer {
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 1.6;
        margin-top: 0;
	}
    
    .footer-widget-1 {
        width: 50%;
        float: left;
        margin-right: 5%;
    }
    
    .footer-widget-2 {
        width: 45%;
        float: left;
    }
    
    /* Gallery Columns */
}

@media screen and (min-width: 783px) {
/* This query is for the ICS calendar only because the is the point where it switches from list to grid view. */ 
	
	/* 9.4 Features - ICS Calendar - Full Calendar Page */
	
	#content .ics-calendar-month-grid .day {
		border-top: none;
		font-size: 18px;
		font-size: 1.125rem;
	}
	
	#content .ics-calendar:not(.nomobile) .ics-calendar-month-grid .day {
		padding: 0 0.5em 0.5em;
		margin-top: 0;
	}
	
	#content .ics-calendar-month-grid th {
		padding: 0.5em 0.8em 0.5em 0.8em;
		font-size: 90%;
	}
	
	#content .ics-calendar-month-grid td {
		font-size: 100%;
	}
	
	#content .ics-calendar-month-grid ul.events {
		list-style: none !important;
		margin: 0;
		padding: 0 0.5em 0.5em;
	}
	
	#content .ics-calendar-month-grid .events .title {
		display: block;
		line-height: 1.2em;
	}
	


	
}


@media screen and ( max-width: 782px ) and ( min-width: 300px ) {
/* This query is for the mobile view of secondary nav/search */ 
	
	.navigation-secondary {
        width: 100%;
        float: none;
        padding: 1.25em 1em 0.8em 0.2em;
    }
	
.search-form-wrap {
  width: 100%;
  margin: 0 auto;
  float: left;
}
	
.translate-header{
	float: left;
    max-height: 18px !important;
    margin: 10px 0;
}
	
}
	
	

@media screen and ( min-width: 50.625em ) {
/* 50.625em - >= 810px */
    
  
}

@media screen and ( min-width: 61.250em ) {
/* 61.250em - >= 980px */
    
    /* Typography */
    
    .intro { /* used for large text on showcase pages */
        font-size: 24px;
        font-size: 1.5rem;
    }
    
    /* FRONT PAGE */

    .home-section1 .wrap {
        max-width: 1320px;
    }
    
    /* SHOWCASE PAGE */

    .grad-showcase-section1 h1.entry-title {
        font-size: 36px;
        font-size: 2.25rem;
    }
    
    .gradshowcase-widget-3a {
        width: 66.5%;
    }
    
    .gradshowcase-widget-3b {
        width: 30.5%;
    }
    
    /* Navigation */
    
    .main-navigation a {
        padding: 0.8em 0.8em 0.8em 0.8em;
    }
    
    /* Tagline */

    .header-tagline {
        width: 600px;
        font-size: 20px;
        font-size: 1.25rem;
        padding-top: 1.5em;
    } 
        
    /* Footer */
    
    .footer-widget-1,
    .footer-widget-2,
    .footer-widget-3 {
        padding-top: 3.5em;
        padding-bottom: 2em;
    }
    
    .site-footer .widget-column.footer-widget-1 {
		width: 25%;
        padding-left: 2em;
        padding-right: 2em;
	}
    
    .site-footer .widget-column.footer-widget-2 {
		width: 20%;
        float: left;
	}
    
    .site-footer .widget-column.footer-widget-3 {
		width: 50%;
	}
    
    /* Metaslider */
    
    #content .home-section1 .widget {
        padding-bottom: 0;
    }
    
    #content .home-section1 .metaslider .caption {
        padding: 1.5em 2.5em 1.5em 1.5em;
    }
    
    #content .home-section1 .metaslider .flexslider .caption-wrap {
        position: absolute;
        top: 2em;
        left: 0;
        width: 35%;
    }
    
    #content .home-section1 .metaslider .slides img {
        width: 65%;
        float: right;
    }
    
    #content .home-section1 .metaslider .flexslider .flex-control-paging {
        left: 1.5em;
        top: 1.5em;
        bottom: auto;
    }
    
    /* Quote Sliders */
    
    #content .grad-showcase-section3 .metaslider .slides img {
        width: 130px;
    }
    
    #content .grad-showcase-section3 .metaslider .flexslider .caption-wrap {
        position: absolute;
        top: 0;
        left: 11em;
        width: 70%;
    }
    
    #content .grad-showcase-section3 .metaslider .caption {
        font-size: 22;
        font-size: 1.375rem;
        padding: 0 0 0 0;
    }
    
    
    /* Ultimate Posts */
    
    #content .upw-posts {
        flex-direction: row;
        justify-content: space-between;
    }
    
    .home-widget-3-left .upw-posts article {
        width: 32%;
    }
    
    /* Stats */

    .widget ul.stat-column-wrap-flex {
        flex-direction: row;
        margin-left: 0;
        margin-top: 2em;
        margin-bottom: 1em;
    }
    
    .widget ul li.stat-column-flex {
        flex-grow: 1;
        width: 33%;
        padding: 0 0.5em 0 2em;
        text-indent: -50px;
        margin-bottom: 0;
        margin-left: 20px;
        border-right: 1px solid #e3e3e3;
    }
    
    .widget ul li.stat-column-flex:first-child {
        padding-left: 1em;
    }
    
    .widget ul li.stat-column-flex:last-child {
        border-right: none;
    }
    
    /* Grad Characteristics */
    
    .widget ul li.grad-column-flex {
        width: 32%;
        margin-bottom: 1.25em;
    }
    
    .widget ul li.grad-column-flex a {
        padding: 2em;
    }
    
    .widget ul li.grad-column-flex.engaged a,
    .widget ul li.grad-column-flex.articulate a,
    .widget ul li.grad-column-flex.effective a,
    .widget ul li.grad-column-flex.informed a,
    .widget ul li.grad-column-flex.global a,
    .widget ul li.grad-column-flex.successful a {
        background-size: 244px 290px;
    }
    
    .widget ul li.grad-column-flex.effective a,
    .widget ul li.grad-column-flex.informed a {
        padding-bottom: 3.75em;
    }
    
  
}

@media screen and ( min-width: 67em ) {
/* 67em = 1072 pixels */
    
    /* Layout */
    
    /* Front Page */
    
    .home-section2 .wrap {
        padding-top: 3em;
        padding-bottom: 1.5em;
    }
    
    /* Tagline */
    
    .header-tagline {
        width: 700px;
        font-size: 24px;
        font-size: 1.5rem;
        padding-top: 1.25em;
    }
    
    /* Navigation */
    
    .navigation-top .wrap {
		padding: 0 0;
	}
    
    /* Sticky posts */
    
    /* Pagination */
    
    /* Comments */
    
    /* Widgets */
    
    .home-section2 h2.widget-title,
    .home-widget-3-left h2.widget-title,
    .home-section4 h2.widget-title {
        font-size: 40px;
        font-size: 2.5rem;
    }
    
    /* Stats */

    .widget ul.stat-column-wrap-flex {
        font-size: 30px;
        font-size: 1.875rem;
    }
    
}

@media screen and ( min-width: 79em ) {
/* 79em = 1264 pixels */

    
    /* Front Page */
    
    .home-widget-3-left {
        width: 65%;
        margin-right: 3%;
        padding-top: 2em;
    }
    
    .home-widget-3-right {
        width: 32%;
    }
    
    /* SHOWCASE PAGE */

    .grad-showcase-section1 h1.entry-title {
        font-size: 45px;
        font-size: 2.8125rem;
    }

    .grad-showcase-section1.engaged,
    .grad-showcase-section1.articulate,
    .grad-showcase-section1.effective,
    .grad-showcase-section1.informed,
    .grad-showcase-section1.global,
    .grad-showcase-section1.successful {
        background-position: top 50% left 5%;
        background-size: 488px 580px;
    }

    
    /* Metaslider */
    
    #content .home-section1 .metaslider .flexslider .flex-control-paging {
        left: 2.25em;
    }
    
    #content .home-section1 .metaslider .caption {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.3;
    }

    #content .home-section1 .metaslider h1 {
        font-size: 50px;
        line-height: 1.125;
        margin-bottom: 0.4em;
    }
    
    /* Grad Characteristics */

    .widget ul.grad-column-wrap-flex {
        font-size: 20px;
        font-size: 1.25rem;
    }
    
    .widget ul.grad-column-wrap-flex li a::after {
        font-size: 18px;
        font-size: 1.125rem;
    }
    
}

@media screen and ( min-width: 81.25em ) {
/* 81.25em = 1300 pixels */
    
    /* Navigation */
    
    .navigation-top {
		font-size: 16px;
        font-size: 1rem;
	}
    
    /* Single Post */
    
    .single-featured-image-header img {
        display: block;
        margin: auto;
        max-width: 1320px;
    }
    
}

@media screen and ( min-width: 85em ) {
/* 85em = 1360 pixels */
    
    /* Typography */
    
    .intro { /* used for large text on showcase pages */
        font-size: 30px;
        font-size: 1.875rem;
    }
    
    /* Header */
    
    .header-top-bar .wrap {
        padding-left: 0;
        padding-right: 0;
    }
    
    /* Tagline */
    
    .header-tagline {
        width: 900px;
        font-size: 28px;
        font-size: 1.75rem;
        padding-top: 1em;
    }
    
    /* SHOWCASE PAGE */

    .grad-showcase-section1.engaged,
    .grad-showcase-section1.articulate,
    .grad-showcase-section1.effective,
    .grad-showcase-section1.informed,
    .grad-showcase-section1.global,
    .grad-showcase-section1.successful {
        background-position: top 50% left 10%;
        background-size: 488px 580px;
    }
    
    /* Footer */
    
    .logo-column-flex {
        margin-right: 2em;
        padding: 0 2em 0 0;
    }
    
    /* Metaslider */
    
    #content .home-section1 .metaslider .caption {
        font-size: 28px;
        font-size: 1.75rem;
    }

    #content .home-section1 .metaslider h1 {
        font-size: 60px;
        font-size: 3.75rem;
    }
    
    /* Quote Sliders */
    
    #content .grad-showcase-section3 .metaslider .slides img {
        width: 170px;
    }
    
    #content .grad-showcase-section3 .metaslider .flexslider .caption-wrap {
        left: 13em;
    }
    
    #content .grad-showcase-section3 .metaslider .caption {
        font-size: 24;
        font-size: 1.5rem;
        padding: 0 0 0 0;
    }
    
    #content .quote-name {
        font-size: 18px;
        font-size: 1.125rem;
        letter-spacing: 0.04em;
    }

    #content .quote-title {
        font-size: 18px;
        font-size: 1.125rem;
    }
    
    /* Grad Characteristics */
    
    .widget ul li.grad-column-flex {
        width: 31.75%;
    }
    
    .widget ul li.grad-column-flex {
        margin-bottom: 1.5em;
    }
    
    .widget ul li.grad-column-flex a {
        margin-bottom: 0;
        padding: 3em;
    }
    
    .widget ul li.grad-column-flex.effective a,
    .widget ul li.grad-column-flex.informed a {
        padding-top: 3em;
        padding-bottom: 4.5em;
    }
    
    /* 15.19 Featured Video */

    #wysiwyg_widgets_widget-8 p,
    #wysiwyg_widgets_widget-9 p,
    #wysiwyg_widgets_widget-10 p,
    #wysiwyg_widgets_widget-11 p,
    #wysiwyg_widgets_widget-7 p,
    #wysiwyg_widgets_widget-12 p {
        font-size: 18px;
        font-size: 1.125rem;
    }
    
}

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {
    
}

/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/

@media print {
    
    /* Hide elements */
    
    /* Font sizes */
    
    /* Layout */
    
    /* Site Branding */
    
    /* Posts */
    
    /* Colors */

}