/*
Theme Name: CARE Consortium
Theme URI: http://jacksonsky.com/
Author: Jackson Sky Web Design & Development
Author URI: https://jacksonsky.com/
Description: This is a custom responsive theme designed and developed exclusively for CARE Consortium.
Tags: custom-post-type, advance custom fields, jackson-sky, light, Indiana, Indianapolis
Version: 1.0
*/

/*--------------------------------------------------------------
>>> 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 Navigation
12.0 Layout
   12.1 Header
   12.2 Regular Content
   12.3 Content Layouts
   12.4 Sidebar Content
   12.5 Footer
   12.6 Home Page
   12.7 Interior Pages
   12.8 Page Sections
   12.9 Posts
   12.10 MISC Universal Styles
13.0 Comments
14.0 Widgets
15.0 Media
   15.1 Galleries
16.0 Media Queries
	16.1 Query sm - Over 576px
	16.2 Query md - Over 768px
	16.3 Query lg - Over 992px
	16.4 Query xl - Over 1200px
	16.5 Query xxl - Over 1400px
17.0 Print
--------------------------------------------------------------*/




/*--------------------------------------------------------------
1.0 Normalize - See Stylesheet normalize.css
--------------------------------------------------------------*/


/* But it is not enough now, below dont hide play button parent div */

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
/* Hide visually and from screen readers */
.hidden {display: none !important;}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

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

/** Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638 */

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

/** Hide visually and from screen readers, but maintain layout */
.invisible {visibility: hidden;}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; 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
--------------------------------------------------------------*/

.alignleft {display: inline; float: left; margin-right: 1.5em;}
.alignright {display: inline; float: right; margin-left: 1.5em;}
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}


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

/**** Clearfix update ****/
.group:before, .group:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	font-family: lato, Helvetica, Arial, sans-serif;
	font-size:18px;
	color:#000;
	font-weight: 400;
	font-style:normal;
	line-height:1.6;
	letter-spacing:.025em;	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-appearance:none;
}

h1, h2, h3, h4, h5, h6{font-family: bebas-neue-pro, sans-serif; font-weight:500; color:#000; line-height:1.2; margin:0; padding:0; margin-bottom:.15em;}
h1{font-size: 36px;}
h2{font-size:30px; font-weight: 500; margin-bottom:.25em; text-transform: uppercase;}
h3{ font-size:28px;}
h4{ font-size:26px; color: #004e98;}
h5{ font-size: 24px; text-transform: uppercase; font-weight: 700; color:#004e98;}
h6{ font-size:22px;}



p {margin: 0 0 2em; padding: 0;}

#main section p:last-of-type{margin-bottom: 0;}

#content{font-size: 16px; font-weight: 300;}

dfn, cite, em, i {font-style: italic;}

blockquote {
	color: #2ea1df;
	font-size: 1.25rem;
	line-height: 1.5;
	overflow: hidden;
	margin-bottom:1.7em;
	font-style: italic;
	font-weight: 400;
}

blockquote p:last-child{margin-bottom: 0;}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}

address { margin: 0 0 1.5em;}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #eee;
	text-decoration: none;
}

.big {font-size: 125%;}
.light{ font-weight:300;}
.normal{font-weight:400;}
.semibold{font-weight:600;}
.strong, strong{font-weight:700;}

blockquote {quotes: "" "";}

q {quotes: "“" "”" "‘" "’";}

blockquote:before,
blockquote:after {content: "";}

:focus {outline: none;}

.uppercase{text-transform: uppercase;}

sup{
  
  position: relative;
  top: 0;
	font-size: 50%;
	vertical-align: super;
}

/*-------------------------------------------------------{-------
6.0 Forms
--------------------------------------------------------------*/
label, legend {
	color: #676767;
	display: block;
	font-weight: 600;
	margin-bottom: 0.35em;
	font-size:14px;
}

fieldset {
	margin-bottom: 1em;
}

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,
select{
	color: #686868;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #bbb;
	display: block;
	padding: 0.5em;
	font-size:14px;
	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;
}

textarea {
    resize: vertical;
}

select {
	border: 1px solid #bbb;
	
	max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
	
	-webkit-appearance:auto; 
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}



/************* Buttons **********/
button,.button, .buttonAlt, a.button,
input[type="button"],
input[type="submit"]{
	font-family: lato, sans-serif;
	text-transform:uppercase;
	background-color: #004e98;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
  align-items: center; 
	font-size: 16px;
	font-weight: 400;
	letter-spacing: .06em;
	line-height: 1.1;
	padding: 1.1em 1.5em;
	text-shadow: none;
		-o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
	margin-right: 10px;
	margin-bottom: 7px;
	text-decoration: none !important;
	 
	
}



button:hover,.button:hover, .buttonAlt:hover, a.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover{ color:#fff;  background-color:#24aadd; }

button.buttonAlt, .button.buttonAlt, .buttonAlt, a.buttonAlt, a.button.alt{background:#fff; color:#000; border: 1px solid #000;}
button.buttonAlt:hover, .button.buttonAlt:hover, .buttonAlt:hover, a.buttonAlt:hover, a.button.alt:hover{ background: #cfb991; color:#000; text-decoration: none !important;}

button.reverse{background-color:#24aadd; }
button.reverse:hover{background-color:#004e98; }

.trans2{-o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;}


/********* Placeholders **********/
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #9f9f9f;
	font-family: 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif;
}

:-moz-placeholder {
	color: #9f9f9f;
	font-family: 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif;
}

::-moz-placeholder {
	color: #9f9f9f;
	font-family: 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #9f9f9f;
	font-family: 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif;
}

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

hr {
	background-color: #eaeaea;
	border: 0;
	height: 6px;
	margin-top: 2.7em;
	margin-bottom: 2.7em;
	
}

hr.short{ max-width: 90px; width: 25%; margin-left: 0;}
hr.hr-white{background-color: #fff;}

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


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

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

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

ul, ol { margin: 0 0 2em 2em; padding: 0;}
ul {list-style: disc;}
ol {list-style: decimal;}

li{ padding-left:0; margin-bottom:.5em;}
li > ul,
li > ol {margin-bottom: 0; margin-left: 1.5em;}

dt {font-weight: 700;}
dd {margin: 0 1.5em 1.5em;}

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

table { border-collapse: collapse; margin: 0 0 1.5em; width: 100%; border:1px solid #eee;}
thead th { border-bottom: 2px solid #bbb; padding-bottom: 0.5em; background: #EAEAEA;}
th { padding: 0.4em; text-align: left; font-weight: 600;}
tr { border-bottom: 1px solid #eee;}
td {padding: 1em;}


.ml-responsive-table {padding-bottom: 30px !important;}
.ml-responsive-table dd {margin-bottom: 0 !important;}
.ml-table {padding: 0 10px 0 10px !important;}


/*** Pseudo Table Styles****/
.table{display:table;}
.tableRow{display:table-row;}
.tableCell{display:table-cell;}
.tableMiddle{ vertical-align:middle;}
.vert50{ height:50%;}

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

a{color:#2ea1df; text-decoration: underline;}
a:hover{color:#004e98; text-decoration: none;}
#content a{text-decoration:underline;
-o-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -webkit-transition: all .1s linear;
  transition: all .1s linear;}
a.alt{color:#35b585;}
a.alt:hover{color:#0b744d;}
a:active, a:focus{outline:none;}


/*--------------------------------------------------------------
11.0 Navigation
--------------------------------------------------------------*/
/********* Main Navigation ********/
#main-nav-section #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #main-nav-section #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{background-color: #6F727B; color:#fff;}

/*** Mega Max Mobile****/
#main-nav-section #mega-menu-wrap-main-menu .mega-menu-toggle{border-radius: 0;}
a.mega-icon{text-decoration: none;} 

/***** Social ******/
ul.social {
    margin-bottom: 0;
}

ul.social .nav-link {
    padding: 8px 0;
}

ul.social .nav-link .fab {
    
}

ul.social a.nav-link {
    color: #000;
    text-decoration: none;
}

ul.social .list-inline-item:not(:last-child) {
    margin-right: 6.4px;
}



/*--------------------------------------------------------------
12.0 Layout
--------------------------------------------------------------*/
html, body {
  height: 100%;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	display: flex;
  	flex-direction: column;
	background: #fff;
	background: rgba(255,255,255,1);
	
}

#content.site-content{flex: 1 0 auto; padding-top: 76px;}



/*--------------------------------------------------------------
12.1 Header
--------------------------------------------------------------*/

/***** Main Header *****/
#site-header{position: fixed; background: #004e98; width: 100%; z-index: 100;}
#site-header.shrink{}
#site-header .site-title{ }
#site-header .site-title img{width: 100%; height: auto; max-height: 100%; max-width: 100%;
-moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
	transition: all .2s linear;}
#site-header.shrink .site-title img{width: 75%; height: auto; max-height: 100%; max-width: 100%;
-moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
	transition: all .2s linear;}
#site-header h1.site-title{margin-bottom: 0; line-height:0;}




/*--------------------------------------------------------------
12.2 Regular Content
--------------------------------------------------------------*/
/******** Page Header ********/



/*--------------------------------------------------------------
12.3 Content Layouts
--------------------------------------------------------------*/



/*--------------------------------------------------------------
12.4 Sidebar Content
--------------------------------------------------------------*/


/*--------------------------------------------------------------
12.5 Footer
--------------------------------------------------------------*/
footer.site-footer {background-color: #004e98; font-size: 14px; color:#fff; line-height: 1.6; flex-shrink: 0;}
footer.site-footer h2{color:#fff; text-transform: none; line-height: 1;}
footer.site-footer a{color:#24aadd; text-decoration:none;}
footer.site-footer a:hover{color:#6cc4e5; text-decoration:underline;}

footer.site-footer form .mc4wp-form-fields input[type="email"]{ border-radius: 0; background: #000; color:#fff; border: 0; box-shadow: none; height: 50px; line-height: 50px; padding-left: 1em;
-moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
	transition: all .2s linear;}
footer.site-footer form .mc4wp-form-fields input[type="email"]::placeholder {color: #fff; opacity: 1;}
footer.site-footer form .mc4wp-form-fields input[type="email"]:-ms-input-placeholder {color:#fff;}
footer.site-footer form .mc4wp-form-fields input[type="email"]::-ms-input-placeholder {color:#fff;}
footer.site-footer form .mc4wp-form-fields input[type="email"]:focus{background: #fff; color:#000;}
footer.site-footer form .mc4wp-form-fields button[type="submit"]{background:#24aadd; font-size: 14px; height: 50px; line-height: 50px;}
footer.site-footer form .mc4wp-form-fields button[type="submit"]:hover{background:#2587bc;}

/*--------------------------------------------------------------
12.6 Home Page
--------------------------------------------------------------*/
#home-statistics .title-large{font-size: 60px; font-family: bebas-neue-pro, sans-serif; font-weight:700; color: #0f5699; line-height: 1.1; letter-spacing: .03em;}
#home-statistics .title-small{font-weight:600; color: #0f5699; line-height: 1.2; text-transform: uppercase; font-size: 14px;}
#home-statistics .stat-content-area{border-top: 6px solid #eaeaea; line-height: 1.4;}
#home-statistics .stat-link a{text-transform: uppercase; font-weight: 900; text-decoration: none; font-size: 14px; color:#0f5699; }
#home-statistics .stat-link a:hover{color:#24aadd;}

/*** Grey Call Out ***/
#home-grey-call-out .image-background{ background-size: contain; background-position: right; background-repeat: no-repeat;}
#home-grey-call-out h2{text-transform: none; line-height: 1.1;}

/*** News Section ***/
#home-news{background: #2ea1df; font-size: 14px; line-height: 1.8;}
#home-news h3{font-size: 14px; font-family: lato, Helvetica, Arial, sans-serif; font-weight: 900; text-transform: uppercase; }
#home-news h3 a{color:#004e98; text-decoration: none;}
#home-news h3 a:hover{color:#013b72; text-decoration: underline;}
#home-news h4{ font-size:24px; line-height: 1.2; letter-spacing: .06em; font-weight: 500;}
#home-news h4 a{ color: #fff; text-decoration: none;}
#home-news h4 a:hover{ color: #fff; text-decoration: underline;}
#home-news .article-date{font-size: 12px; text-transform: uppercase;}
#home-news hr.short{max-width: 160px; background-color: #004e98; margin-top: .75em; margin-bottom: .75em; width: 33%;}
#home-news .article-link a{color:#fff; text-transform: uppercase; font-weight: 700; text-decoration: none;}
#home-news .article-link a:hover{text-decoration: underline;}

/*--------------------------------------------------------------
12.7 Interior Pages
--------------------------------------------------------------*/
/**** Padding Options****/
.v-margin-both{padding-top: 1em; padding-bottom: 1em;}
.v-margin-top{padding-top: 1em; padding-bottom: 0;}
.v-margin-bottom{padding-top: 0; padding-bottom: 1em;}
.v-margin-none{padding-top: 0; padding-bottom: 0;}

/**** News and Stories ****/


/**** 404 ****/
#searchform #s{max-width: 450px; width: 100%; margin-bottom: .8em;}

/*** Search Results ***/
.search-results .smalltext p:last-of-type{margin-bottom: 0}
.search-item{margin-bottom: 1.5em;}

/**** FAQ *****/
.container .wp-faqp-accordion .wp-faqp-accordion-1 .wp-faqp-main h4{font-size: 24px !important;}
.container .wp-faqp-accordion.wp-faqp-design-1 .wp-faqp-main{background: #EAEAEA;}
.container .wp-faqp-title h4{line-height: 1.2 !important;}

/*** Leadership and Structure ****/
#team .team-member{background:#EAEAEA;}
#team .team-member h6{font-weight: 700;}
#team .team-member .team-member-content{font-size: 16px;}

/**** Publications ****/
#publications-section table{font-size: 16px;}
#publications-section .table-title{}
#publications-section th:hover{ text-decoration: underline;}
#publications-section tr{vertical-align: top;}
#publications-section tr.even{}
#publications-section tr a{text-decoration: none;}
#publications-section tr a:hover{text-decoration: underline;}
#publications-section .table-author{ width: 20%;}
#publications-section .cell-title{border-right: 1px #eee solid;}
/*--------------------------------------------------------------
12.8 Page Sections
--------------------------------------------------------------*/
/***** Page Intro Section ****/
#page-intro-section{background-color: #2ea1df; background-repeat: no-repeat; background-position: center center; background-size:cover; /*background-blend-mode: lighten;*/ line-height: 1.4;}
#page-intro-section h1{ font-size: 48px; font-family: bebas-neue-pro, Helvetica, Arial, sans-serif; font-weight: 500; color:#000; text-transform: uppercase; line-height: 1.1;}
#page-intro-section .intro-content-section{font-size: 18px; color:#fff;}
#page-intro-section .intro-content-section a{color:#014E98;}
#page-intro-section .intro-content-section a:hover{color:#003363;}
#page-intro-section .intro-section-button .button{background: #000;}
#page-intro-section .intro-section-button .button:hover{background:#014E98;}

/***** Grey Background section ****/
.grey-background{background-color: #eaeaea; font-size: 1.333334em;}
.grey-background h2{}
.grey-background hr{ background: #8e8e8e;}

/***** Blue Background section ****/
.blue-background{background-color: #2ea1df; font-size: 1.333334em; color:#fff;}
.blue-background h2{ color: #fff;}
.blue-background hr{ background: #8e8e8e;}
.blue-background a{color:#014E98;}
.blue-background a:hover{color:#002e59;}

/*.grey-background a.button{background:#C4BFC0; border: 1px solid #fff; color: #fff;}
.grey-background a.button:hover{background: #fff; color: #c4bfc0;}*/

/***** Three Grey Boxes *******/

.grey-box{background: #eaeaea;}
.grey-box h5{line-height: 1;}
.three-boxes .grey-box{ line-height: 1.4; font-size: 18px;}
.three-boxes .grey-box p{margin-bottom: 1.2em;}

/***** Button Lists ********/
ul.button-list{list-style: none; margin: 0; padding: 0;}
ul.button-list li{margin: 0 0 .48em 0; padding: 0;}
ul.button-list li a.button{width: 100%; margin: 0; text-align: left;}

/****** Image Only Section *****/
.embed-image img{width: 100%; height: auto;}

/***** Background Image Section *****/
section.background-image{background-size: cover; background-position: center center; background-repeat: no-repeat; color:#fff;}
section.background-image h2, section.background-image h3, section.background-image h4, section.background-image h5, section.background-image h6{color:#fff; }
section.background-image a{color:#fff; text-decoration: underline;}

/****** Project Grid ******/
.project-grid .project-box{border-left: 2px solid #cfb991;}
.project-grid .project{font-size: 18px;}
.project-grid .project h4{font-size:26px;}

/***** Findings Lists ******/
.findings-box {border-bottom:#ccc solid 5px;}
.findings-box .care-previous{background: #f9f9f9; border-top:#ccc solid 5px;}
.findings-box .care-indication{background: #eaeaea;}

/*--------------------------------------------------------------
12.9 Posts
--------------------------------------------------------------*/

#content-post{font-size: 18px;}

a.news-link{text-decoration: none !important; color:#303030; }
a.news-link .news-card{background: #f4f4f4;
-o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
font-size: 16px;}
a.news-link:hover .news-card{background:#eaeaea;}
a.news-link h3{font-size: 28px; color:#004E98; font-weight: 500; margin-bottom: 0; line-height: 1.1;}
a.news-link article p:last-of-type{margin-bottom: 0; line-height: 1.5;}
a.news-link hr{width: 40%; max-width: 200px; margin: .75em auto 1em 0; background-color: #004E98;}

#paging-bottom{width:100%; display:block; clear:both;}
#paging-bottom .alignleft, #paging-bottom .alignright{
	background: #4799B5;
	display: block;
	width: 32%;
}

#paging-bottom .alignleft a, #paging-bottom .alignright a{
	background: #3CB7E4;
	display: block;
	width: 100%;
}

#paging-bottom .alignleft {
	float: left;
}
#paging-bottom .alignright {
	float: right;
}
#paging-bottom .alignleft a, #paging-bottom .alignright a {
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	display: block;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 0;
	font-size: 16px;
	-o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}
#paging-bottom .alignleft a:hover, #paging-bottom .alignright a:hover {
	background: #004e98;
}

/******************* Blog Single ************************/
#postTitle h3{font-size: 42px;}
#postTitle a{text-decoration: none;}
#postTitle a:hover{text-decoration: underline;}

/********************* WordPress Styles *********************/

#postInfo {color:#9f9f9f; font-size:14px; margin:0 0 20px 0; clear: both; font-style:italic;}

#paging {
display: block;
text-align: center;
margin-top: 60px;
padding-bottom: 60px;
font-weight:bold;
font-size:14px;
text-transform:uppercase;
}



/*--------------------------------------------------------------
12.10 MISC Universal Styles
--------------------------------------------------------------*/
.center{text-align: center;}
.bold{font-weight: 700;}
.extrabold{font-weight: 800;}
.credit{color: #2d2d2d; font-weight: 700; font-size: 12px;}
.smalltext{font-size: 12px;}
.grey{color:#6f727b;}
.centerBtn{text-align:center; display:block; width:100%;}
.noPad{padding: 0;}
.moreLink{text-transform: uppercase; font-weight: 800;}
hr.hr-small-center{width: 90px; margin-left: auto !important; margin-right: auto !important;}

.trans-2{-o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
	transition: all .2s linear;}

.circle-center{display: flex; border: 6px solid #94a545; border-radius: 50%; width:100%; justify-content: center; align-items: center;}
.circle-center:before{content:""; float: left; padding-top: 100%;}
.circle-center-fill{display: flex; border-radius: 50%; width:100%; justify-content: center; align-items: center; background: #004e98; padding:15%;}
.circle-center-fill:before{content:""; float: left; padding-top: 100%;}


/*--------------------------------------------------------------
13 Comments
--------------------------------------------------------------*/


/*--------------------------------------------------------------
14 Widgets
--------------------------------------------------------------*/

/*--------------------------------------------------------------
15 Media
--------------------------------------------------------------*/
img {vertical-align: middle; max-width:100%; height:auto;}

img.alignleft {float:left; display:inline; margin:5px 20px 15px 0; max-width:38%; height:auto;}
img.alignright {float:right; display:inline; margin:5px 0 15px 20px; max-width:38%; height:auto;}
img.alignnone {margin: 0 0 10px 0; max-width:100%; height:auto;}
img.aligncenter {clear: both; display: block; margin: 0 auto 10px; max-width:100%; height:auto;}

.wp-caption.alignright{float:right; margin:5px 0 15px 5%; max-width:40%; height:auto;}
  
.wp-caption.alignleft{float:left; margin:5px 5% 15px 0; max-width:40%; height:auto;}
  
.alignright {float: right; margin: 0 0 5px 15px; display:inline;}
.alignleft {float: left; margin: 0 15px 5px 0; display:inline;}
.center{text-align:center;}
  

.wp-caption.alignright img{ width:100%; height:auto;}
p.wp-caption-text {margin:.5em 0 1.8em; font-size:14px; color:#5e6a71;}


.wp-caption img{margin:5px 15px 5px 0;}
.wp-caption {margin-bottom:2em; font-size:12px; color:#5e6a71; max-width: 100%;}
.wp-caption p{margin-bottom:5px;}

/******* Video ******/
.embed-container { 
		position: relative; 
		padding-bottom: 56.25%;
		overflow: hidden;
		max-width: 100%;
		height: auto;
		margin-bottom: 1.25em;
	} 

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

.embed-holder { 
		position: relative; 
		padding-bottom: 55.25%;
		overflow: hidden;
		max-width: 100%;
		height: auto;
		margin-bottom: 1.25em;
	} 

	.embed-holder iframe,
	.embed-holder object,
	.embed-holder embed { 
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}




/*--------------------------------------------------------------
15.1 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
16 Media Queries
--------------------------------------------------------------*/



/*--------------------------------------------------------------
16.1 Query sm - Over 576px
--------------------------------------------------------------*/ 
    @media only screen and (min-width : 576px) {
		
		body, button, input, select, textarea{font-size:18px;}
		
		/*----- Typography -------*/
		h1{font-size: 40px;}
		h2{ font-size:36px;}
		h3{ font-size:32px;} 
		h4{ font-size:28px;}
		h5{ font-size:26px;}
		h6{ font-size:24px;}
		
		blockquote {font-size: 1.5rem;}
		
		/************* Buttons **********/
		/************* Buttons **********/
button,.button, .buttonAlt, a.button,
input[type="button"],
		input[type="submit"]{font-size: 18px;}
		
		
		/*------ Header ---------*/
		
		
		/*------ Sidebar Content --------*/
		
		
		/*----- Footer -----*/
		
		
		/*------------ Home Page ---------*/
		.home #areas-of-focus h3.fa-title{font-size: 24px;}
		/*----- Interior Pages -------*/
		
		/*----- Page Sections ------*/
		/***** Page Intro Section ****/
		#page-intro-section h1{ font-size: 54px;}
		#page-intro-section .intro-content-section{font-size: 21px;}
		
		/*----- MISC ------*/
		.smalltext{font-size: 14px;}

    }


/*--------------------------------------------------------------
16.2 Query md - Over 768px
--------------------------------------------------------------*/ 
    @media only screen and (min-width : 768px) {
		
		/*----- Typography -------*/
		body, button, input, select, textarea{font-size:18px;}
		h1{font-size: 48px;}
		h2{ font-size:40px;}
		h3{ font-size:36px;} 
		h4{ font-size:32px;}
		h5{ font-size:26px;}
		h6{ font-size:24px;}
		
		blockquote {font-size: 1.5rem;}
		
		#content {font-size: 18px;}
		
		/*------ Header ---------*/
		
		
		/*------ Sidebar Content --------*/
		
		
		/*----- Footer -----*/
		 footer .card {
        margin-bottom: 0;
		}
		footer .col-lg:nth-child(3) .card,
		footer .col-lg:nth-child(4) .card {
			margin-top: 20px;
		}
		footer .card .card-body {
			padding-left: 0;
		}
		footer .card .collapse {
			display: block;
		}
		footer .card-header i {
			display: none !important;
		}
		
		/*------------ Home Page ---------*/
		
		
		/*----- Interior Pages -------*/
		/**** News and Stories *****/
		
		
		
		/*----- Page Sections ------*/
		/***** Page Intro Section ****/
		#page-intro-section h1{ font-size: 72px;}
		#page-intro-section .intro-content-section{font-size: 28px;}
		
		/*----- MISC ------*/
		.smalltext{font-size: 16px;}
}
		
		
/*--------------------------------------------------------------
16.3 Query lg - Over 992px
--------------------------------------------------------------*/ 
    @media only screen and (min-width : 992px) {
		
		/*----- Typography -------*/
		body, button, input, select, textarea{font-size:24px;}
		h1{font-size: 72px;}
		h2 { font-size:66px;}
		h3{ font-size:60px;} 
		h4{ font-size:40px;}
		h5{ font-size:36px;}
		h6{ font-size:30px;}
		
		blockquote {font-size: 1.9rem;}
		
		/*------ Header ---------*/
		
		#content.site-content{padding-top: 122px;}
		
		/*--------------------------------------------------------------
12.2 Regular Content
--------------------------------------------------------------*/

		
		/*------ Sidebar Content --------*/
		
		

		/*----- Footer -----*/
		footer .logo {
        margin-top: 0;
		}
		footer .col-lg:nth-child(3) .card,
		footer .col-lg:nth-child(4) .card {
			margin-top: 0px;
		}
		footer .bottom {
		overflow: hidden;
		padding: 1rem 1rem 0.5rem;
		background-color: #3b3b3b;
		color: #ccc;
		text-align: center;
		line-height: 1.5em;
		}
		footer .bottom a:link {
			color: #ccc;
		}
		footer .bottom a:active {
			color: #ccc;
		}
		footer .bottom a:hover {
			color: #ccc;
		}

		/*------------ Home Page ---------*/
		.home .hero-content h1{font-size: 60px;}
		#home-news h4{ font-size:30px;}
		#home-news hr.short{margin-top:1.25em; margin-bottom:1.25em;}
		
		/*----- Interior Pages -------*/
		
		/*----- Page Sections ------*/
		/***** Page Intro Section ****/
		#page-intro-section h1{ font-size: 96px;}
		#page-intro-section .intro-content-section{font-size: 32px;}
		
		/**** News and Stories *****/
		
		/*** Leadership and Structure ****/
		#team .team-member h6{font-weight: 400;}
		
		
    }

/*--------------------------------------------------------------
16.4 Query xl - Over 1200px
--------------------------------------------------------------*/ 
    @media only screen and (min-width : 1200px) {
		
		/*----- Typography -------*/
		h1{font-size: 90px;}
		h2{font-size: 72px;}
		h3{font-size: 72px;} 
		h4{font-size: 60px;}
		h5{font-size: 48px;}
		h6{font-size: 36px;}
		
		/*------ Header ---------*/
		
		
		/*------ Sidebar Content --------*/
		
		
		/*----- Footer -----*/
		
		
		/*------------ Home Page ---------*/
		
		
		/*----- Interior Pages -------*/
		
		/*----- Page Sections ------*/
		/***** Page Intro Section ****/
		#page-intro-section h1{ font-size: 124px;}
		#page-intro-section .intro-content-section{font-size: 36px;}

		
}

/*--------------------------------------------------------------
16.4 Query xxl - Over 1400px
--------------------------------------------------------------*/ 
    @media only screen and (min-width : 1400px) {
		
		/*----- Typography -------*/
		h1{}
		h2{}
		h3{} 
		h4{}
		h5{}
		h6{}
		
		/*------ Header ---------*/
		
		
		/*------ Sidebar Content --------*/
		
		
		/*----- Footer -----*/
		
		
		/*------------ Home Page ---------*/
		
		/*----- Interior Pages -------*/
		
		/*----- Page Sections ------*/
		

		
}

/*--------------------------------------------------------------
17 Print
--------------------------------------------------------------*/
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

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

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

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

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

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

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

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

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