/*
Theme Name: Purdue - Employment Outlook Report
Theme URI: https://www.purdue.edu/usda/employment/
Author: Jackson Sky Web Design & Development
Author URI: https://jacksonsky.com/
Description: This is a custom responsive theme designed and developed exclusively for Purdue's Employment Outlook Report.
Tags: one-column, two-columns, custom-menu, full-width-template
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: "Figtree", Helvetica, Arial, sans-serif;
	font-size:16px;
	color:#000;
	font-weight: 500;
	font-style:normal;
	line-height:1.6;
	letter-spacing:.025em;	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-optical-sizing: auto;
}

h1, h2, h3, h4, h5, h6, .intro-large{font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; color:#000; line-height:1.1; margin:0; padding:0; margin-bottom:.5em; letter-spacing: .025em; font-weight: 600;}
h1, .intro-large{font-size: 28px; text-transform: uppercase}
h2{font-size:28px; }
h3{ font-size:26px; margin-bottom:.5em;}
h4{ font-size:24px; font-family: "Figtree", Helvetica, Arial, sans-serif; margin-bottom:.5em;}
h5{ font-size: 23px; font-family: "Figtree", Helvetica, Arial, sans-serif; margin-bottom: .5em;}
h6{ font-size:21px; font-family: "Figtree", Helvetica, Arial, sans-serif; margin-bottom: .3em; text-transform: uppercase; font-weight: 700;}
.intro-large{line-height: 1.1;}

/*** Mimic styles ***/
.mimic-h1{font-size: 28px !important; text-transform: uppercase !important;}
.mimic-h2{font-size:28px !important; }
.mimic-h3{ font-size:26px !important; margin-bottom:.5em !important;}
.mimic-h4{ font-size:24px !important; font-family: "Figtree", Helvetica, Arial, sans-serif !important; margin-bottom:.5em !important;}
.mimic-h5{ font-size: 23px !important; font-family: "Figtree", Helvetica, Arial, sans-serif !important; margin-bottom: .5em !important;}
.mimic-h6{ font-size:21px !important; font-family: "Figtree", Helvetica, Arial, sans-serif !important; margin-bottom: .3em !important; text-transform: uppercase !important; font-weight: 700 !important;}

.intro-content-section{font-size: 1.25rem;}

h2.callout{font-size:32px; }

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

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

#content{font-size: 16px;}

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

blockquote {
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
	color: #8e6f3e;
	font-size: 1.5rem;
	line-height: 1.35;
	overflow: hidden;
	margin-bottom:1.5em;
	font-weight: 300;
}


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 {
	color: #676767;
	display: block;
	font-weight: 600;
	margin-bottom: 0.35em;
	
}

legend{color:#676767;}

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: #000;
	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"] {
	margin-right: 0.5em;
}

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



/************* Buttons **********/
button,.button, .buttonAlt, a.button, .gform-footer .gform_button.button input[type="submit"],
input[type="button"],
input[type="submit"]{
	font-family: "Figtree", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	background-color: #daaa00;
	border: 0;
	color: #000;
	cursor: pointer;
	display: inline-flex;
  align-items: center; 
	font-size: 14px;
	font-weight: 700; 
	letter-spacing: .05em;
	line-height: 1.2;
	padding: .85em 1.6em;
	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;
	text-align: center;
	border-radius: 9999px ;
}



button:hover,.button:hover, .buttonAlt:hover, a.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover{ color:#000;  background-color:#DDB945 !important;}

button.buttonAlt, .button.buttonAlt, .buttonAlt, a.buttonAlt, a.button.alt{background:#124039 !important; color:#fff;  }
button.buttonAlt:hover, .button.buttonAlt:hover, .buttonAlt:hover, a.buttonAlt:hover, a.button.alt:hover{ background: #081e1b !important; color:#fff !important; text-decoration: none !important;}
button.buttonAlt:after, .button.buttonAlt:after, .buttonAlt:after, a.buttonAlt:after, a.button.alt:after{content:none;}



.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: "Figtree", Helvetica, Arial, sans-serif;
}

:-moz-placeholder {
	color: #9f9f9f;
	font-family: "Figtree", Helvetica, Arial, sans-serif;
}

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

:-ms-input-placeholder {
	color: #9f9f9f;
	font-family: "Figtree", Helvetica, Arial, sans-serif;
}

/******* Gravity Forms *********/
#main section p.gform_description:last-of-type{margin-bottom: 2em;}
#content .gform_wrapper.gravity-theme .gfield{padding:.75em;}
.container .gform_wrapper.gravity-theme .gfield_label{margin-bottom: 0;}
.container .gform_wrapper.gravity-theme .gfield_label{margin-bottom: 0;}
.container .gform_wrapper.gravity-theme .ginput_complex label{padding-top: 0; font-weight: 300;}
.container .gform_wrapper.gravity-theme .field_description_above .gfield_description{padding-bottom:0; }

.gform_wrapper.gravity-theme #gform_2 .gfield_label{font-size: 140%;}
.gform_wrapper.gravity-theme #gform_2 legend{font-weight: 300 !important; line-height: 1.4; margin-bottom: .5em !important;}
#gform_2 .gfield_radio{margin-bottom: 1em;}
#gform_2 .gfield--input-type-html{font-size: 1.25em;}
#gform_2 ol.fancy-list li, #gform_2 ul.fancy-list li{font-size: 1em;}

#gform_2 ul.fancy-list{margin-left: 0;}
#gform_2 ul.fancy-list li{}
#gform_2 ul.fancy-list li::before{font-size: 1.25em;}

#gform_2 ul.fancy-list ol.fancy-list{padding-top: .75em; padding-left: 1em;}
#gform_2 ul.fancy-list ol.fancy-list li{padding-left: .5em;}
#gform_2 ul.fancy-list ol.fancy-list li::before{ font-size: .85em;  } 

/************* Gravity Forms Buttons **********/
input[type="submit"].gform_button.button {
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif !important;
	text-transform:uppercase !important;
	background-color: #ffcb27 !important;
	border: 0 !important;
	color: #1b2539 !important;
	cursor: pointer !important;
	display: inline-flex !important;
  align-items: center !important; 
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: .05em !important;
	line-height: 1.2 !important;
	padding: .85em 1.6em !important;
	text-shadow: none !important;
		-o-transition: all .2s linear !important;
  -moz-transition: all .2s linear !important;
  -webkit-transition: all .2s linear !important;
  transition: all .2s linear !important;
	margin-right: 10px !important;
	margin-bottom: 7px !important;
	text-decoration: none !important;
	text-align: center;
	border-radius: 9999px !important;
}



input[type="submit"].gform_button.button:hover{ color:#fff;  background-color:#ffbd0c !important;}



#content ul.fancy-list{list-style: none; margin-left: .5em;}
ul.fancy-list li{padding-left:1.5em; position: relative;}
ul.fancy-list li::before{ content: "\f058"; /* FontAwesome Unicode */
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  margin-left: -1.5em;
  width: 1.5em;
position: absolute;
font-size: 110%;}


ol.fancy-list {
margin: 0 0 2em .2em !important;
  counter-reset: li;
  list-style-type: none;
}
ol.fancy-list li {
    position: relative;   
    padding-left: 2em ;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 1em;
}
ol.fancy-list li:before {
      content: counter(li);
      counter-increment: li;
      height: 1.5em;
      width: 1.5em;
      border: 2px solid #1b2539;
      border-radius: 50%;
      text-align: center;
      position: absolute;      
      left: 0;
      
	line-height: 1.4em;
    }

/** SECTION 1 **/

/* Hide the OS/Browser checkboxes/radio buttons */
input[type=checkbox], input[type=radio] {
  visibility: hidden!important;
  margin: 0!important;
  width: 0!important;
}

/* Set Font Awesome font, size, & positioning for the checkboxes/radio buttons plus the cursor on hover */
input[type=checkbox] + label:before,
input[type=checkbox] + span.woocommerce-terms-and-conditions-checkbox-text:before,
input[type=radio] + label:before {
  visibility: visible;  
  font-family: "FontAwesome"!important;
  font-size: 25px;
  position: relative;
  top: 5px;
  padding-right: 8px;
}

input[type=checkbox] + label:hover,
input[type=checkbox] + span.woocommerce-terms-and-conditions-checkbox-text:hover,
input[type=radio] + label:hover { 
  cursor: pointer; 
}

/** SECTION 2 **/

/** SECTION 1 **/

/* Hide the OS/Browser checkboxes/radio buttons */
input[type=checkbox], input[type=radio] {
  visibility: hidden!important;
  margin: 0!important;
  width: 0!important;
	display: none !important;
}

/* Set Font Awesome font, size, & positioning for the checkboxes/radio buttons plus the cursor on hover */
input[type=checkbox] + label:before,
input[type=checkbox] + span:before,
input[type=radio] + label:before {
  visibility: visible;  
  font-family: "Font Awesome 6 Sharp"!important;
  font-size: 140%;
  position: relative;
  top: 0.1em;
  padding-right: 8px;

}

input[type=checkbox] + label:hover,
input[type=checkbox] + span:hover,
input[type=radio] + label:hover { 
  cursor: pointer; 
}

/** SECTION 2 **/

/* Set checkbox to FA icons: normal, hover, checked, & checked hover */
input[type=checkbox] + label:before,
input[type=checkbox] + span:before { 
  content: '\f096'!important;
}
input[type=checkbox] + label:hover:before,
input[type=checkbox] + span:before {
  content: '\f046';
  filter: alpha(opacity=20); 
  opacity: 0.2;
}
input[type=checkbox]:checked + label:before,
input[type=checkbox]:checked + span:before {
  content: '\f046'!important;
}
input[type=checkbox]:checked + label:hover:before,
input[type=checkbox]:checked + span:hover:before, input[type=checkbox]:checked + label:before,
input[type=checkbox]:checked + span:before { 
  filter: alpha(opacity=100); opacity: 1; 
}

/* Set radio buttons FA icons: normal, hover, checked, & checked hover */
input[type=radio] + label:before { 
  content: '\f10c'!important; color: #BBBBBB !important;
}
input[type=radio] + label:hover:before { 
  content: '\f192'!important; 
  color: #00944d !important;
}
input[type=radio]:checked + label:before { 
  content: '\f192'!important;  color: #1D9AD6 !important;
}
input[type=radio]:checked + label:hover:before { 
  filter: alpha(opacity=100); opacity: 1; color: #00944d !important; 
}

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

hr {
	background-color:#c4bfc0;
	border: 0;
	height: 8px;
	margin-top: 2.5em;
	margin-bottom: 2.5em;
	opacity: 100%;
}

hr.short{ max-width: 140px; width: 25%; margin-left: 0; background-color:#c4bfc0;}
hr.alt{background-color:#f89e23;}


::-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;}
#content ul, #content ol{margin: .75em 0 2em 2em;}

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%;}
thead th { border-bottom: 2px solid #bbb; padding-bottom: 0.5em;}
th { padding: 0.4em; text-align: left; }
tr { border-bottom: 1px solid #eee;}
td {padding: 0.4em;}
th:first-child,td:first-child {padding-left: 0;}
th:last-child,td:last-child {padding-right: 0;}

.ml-responsive-table {padding-bottom: 30px !important;}
.ml-responsive-table dd {margin-bottom: 0 !important;}
.ml-table {padding: 0 10px 0 10px !important;}
.ml-grid{padding:1em 2em .25em 0 !important;;}
.ml-grid.ml-row-0{display: none;}
.ml-value{padding-bottom: .75em !important;}

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

.table-maker table{border-left: 1px solid #c4bfc0; border-top: 1px solid #c4bfc0;}
.table-maker table td{border-right: 1px solid #c4bfc0; border-bottom: 1px solid #c4bfc0; vertical-align: top; font-size: 90%;}
.table-maker table th{border-right: 1px solid #fff; line-height: 1.3; background-color: #e7e5e6;}
.table-maker table th:last-child{border-right: 1px solid #e7e5e6;}
.table-maker th:first-child, .table-maker td:first-child {padding-left: .4em;}
.table-maker th:last-child, .table-maker td:last-child {padding-right: .4em;}
.table-maker thead th { border-bottom: 2px solid #c4bfc0;}

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

a{color:#8e6f3e; text-decoration: underline;}
a:hover{color:#000; text-decoration: underline;}
#content p a:hover{background-color:#c4bfc0;
	color: #000;
-o-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -webkit-transition: all .1s linear;
  transition: all .1s linear;}
a.alt{color:#44697d; text-decoration: none; text-transform: uppercase; font-weight: 700; font-size: 90%;}
a.alt:hover{color:#44697d; text-decoration: underline;}
a:active, a:focus{outline:none;}

a.alt:after{font-family: 'FontAwesome';
    content: '\f0a9';
    padding-left: 8px;
	position: relative;
font-size: 120%;}
#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a{text-decoration: none;}

/*--------------------------------------------------------------
11.0 Navigation
--------------------------------------------------------------*/
/********* Main Navigation ********/
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{background-color: #DDB945; color:#000;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:hover, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:hover{color:#000; border:none; background-color: #c4bfc0;}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-ancestor:hover > a.mega-menu-link,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-page-ancestor:hover > 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[aria-expanded="true"],
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link[aria-expanded="true"] {
    background-color: #c4bfc0;
}



/*--------------------------------------------------------------
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 {
	
	background: #fff;
	background: rgba(255,255,255,1);
	
}

#page.site {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

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



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

/***** Main Header *****/
#site-header{position: fixed; background-color: #fff; 
	width: 100%; z-index: 200; border-bottom: 0 solid #fff;}
#site-header.shrink{border-bottom: 1px solid #c4bfc0;}
#site-header #nav-main-row{-moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
transition: all .2s linear;}
#site-header.shrink #nav-main-row{padding-bottom: 0px !important; padding-top: 0px !important;}
#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%;}
#site-header h1.site-title{margin-bottom: 0; line-height:0;}
#site-header .nav-con{-moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
transition: all .2s linear;}
#site-header.shrink .nav-con{/*margin-top: 10px !important;*/}

#site-header .mega-search input{font-family: "Figtree", Helvetica, Arial, sans-serif;} 


/********* Placeholders **********/
/* Placeholder text color -- selectors need to be separate to work. */
#site-header ::-webkit-input-placeholder {
	color: #9f9f9f;
	font-family: "Figtree", Helvetica, Arial, sans-serif;
}

#site-header :-moz-placeholder {
	color: #9f9f9f;
	font-family: "Figtree", Helvetica, Arial, sans-serif;
}

#site-header ::-moz-placeholder {
	color: #9f9f9f;
	font-family: "Figtree", Helvetica, Arial, sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

#site-header :-ms-input-placeholder {
	color: #9f9f9f;
	font-family: "Figtree", Helvetica, Arial, sans-serif;
}

.intro-button a.button:hover{color: #1b2539;}

/*** Mobile Navigation ****/
#mainNav button.mega-toggle-animated {
	background-color: transparent !important;
}
#mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-3 .mega-toggle-animated-inner, #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-3 .mega-toggle-animated-inner::before, #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-3 .mega-toggle-animated-inner::after{background-color: #8e6f3e;}

/* Change Max Mega Menu mobile toggle icon and text color */
#mega-menu-wrap-main-menu .mega-menu-toggle,
#mega-menu-wrap-main-menu .mega-menu-toggle:hover,
#mega-menu-wrap-main-menu .mega-menu-toggle:focus {
    color: #8e6f3e !important;
}

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



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



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


/*--------------------------------------------------------------
12.5 Footer
--------------------------------------------------------------*/
footer.site-footer {font-size: 14px; line-height: 1.6; flex-shrink: 0;}
footer .footer-info-section{background-color: #555960; color: #fff; font-size: 12px;}
footer .footer-address p:last-of-type{margin-bottom: 0;}
footer .footer-bottom-section{font-size: 12px; line-height: 1.4;}
footer .footnote{}

footer .footer-text-links p{margin-bottom: 0;}
footer .footer-text-links a{color: #000;}
footer .footer-text-links a:hover{color:#8e6f3e;}

/*--------------------------------------------------------------
12.6 Home Page
--------------------------------------------------------------*/

#home-banner-section{padding-top:59px;}

#home-banner {
	background-color: #555960;
	position: relative;
	overflow: hidden;
	min-height: 150px; 
}

.banner-background-image {
	position: relative;
	overflow: hidden;
	min-height: 150px; 
}

.banner-background-image::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 55%;
	height: 100%;
	background-image: var(--banner-bg);
	background-size:contain;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 0;
}

#home-banner .banner-overlay {
	position: relative;
	z-index: 1;
}

.home .intro-title h2{color:#fff; text-transform: none;}
.home .intro-content{color:#fff; border-left:10px solid #44494f; padding-left: 1.25em;}
.home .intro-button .button{font-weight: 700; font-size: 16px;}

.home #home-link-boxes .link-box, .home #home-link-boxes a{text-decoration: none; color: #fff;  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
transition: all .2s linear;}
.home #home-link-boxes .link-box, .home #home-link-boxes a .link-box{background-color: #124039;}
.home #home-link-boxes .link-box, .home #home-link-boxes a:hover .link-box{background-color: #072621;}
.home .circle-center{background-color: #14af8d; border: 0 #14af8d solid;}
.home #home-link-boxes a .circle-center img{padding: 23%;  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
transition: all .2s linear;}
.home #home-link-boxes a:hover .circle-center img{padding: 19%;}
.home #home-link-boxes hr{height: 4px; background-color: #ffcb27;}
.home #home-link-boxes h4{font-size: 20px; color:#fff;}
.home #home-link-boxes a h4{color: #fff;}
.home #content.site-content{padding-top: 0;}
.banner-background-image::before {
	opacity: .15;
}

.home .gold-box{background-color: #ebd99f; font-size: 12px;}

/*--------------------------------------------------------------
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;}

/**** Bottom News section *****/
a.page-news-link{text-decoration: none;}
a.page-news-link .page-news-box{background-color: #eaf2fa; text-decoration: none; -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
transition: all .2s linear;}
a.page-news-link:hover .page-news-box{background-color: #cfdbe7;}
a.page-news-link .title{color: #1b2539; font-weight: 500;}
.page-news-box hr{background-color:#14af8d; max-width: 140px; width: 40%; height: 4px; }
a.page-news-link .date{font-style: normal !important; font-size: 12px; text-transform: uppercase; color: #5b5b5b; font-weight: 500; font-family: 'Lexend Deca', Helvetica, Arial, sans-serif;}

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

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




/*--------------------------------------------------------------
12.8 Page Sections
--------------------------------------------------------------*/
/***** Page Intro Section ****/
#page-intro-section .intro-background{background-color:#555960; }
#page-intro-section .left-bar{border-left:10px solid #44494f; padding-left: 25px;}
#page-intro-section h1.page-title, .page-title h1{ font-weight: 600; color:#fff; margin-bottom: 0; line-height: 1; text-transform: none; letter-spacing: .005em;}
#page-intro-section .intro-content-section{font-size: 16px; line-height: 1.4; color:#1b2539;}
#page-intro-section .intro-section-title{text-transform: uppercase; font-size: 14px; font-weight: 500; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;}
#page-intro-section .intro-section-title a{color: #fff; text-decoration: none;}
#page-intro-section .intro-section-title a:hover{color: #fff; text-decoration: underline;}



/***** Accordion Section ******/
.accordion-background {background-color:#fff; font-weight: 400;}
.accordion-background.background-white{background-color: #fff;}
.accordion-background.background-grey{background-color: #c4bfc0;}

.accordion{background-color: #bba783;}
.accordion .card{border-radius: 0; border: 0 none; padding-bottom: 1px; background-color: transparent;}
.accordion .card .card-header{padding: 0; border-bottom: 0 none; }
.accordion .card h2 button.btn{font-family: "Figtree", Helvetica, Arial, sans-serif !important;}
.accordion .card button.btn{border-radius: 0; margin: 0; font-size: 16px; background-color:#cfb991; color:#000; font-weight: 500; padding: .75em 1.85em .75em .9em; text-transform: none; letter-spacing: .03em;}
.accordion .card button.btn:hover{background-color:#ebd99f !important;}
.accordion .card button.btn::after{content: '-'; position: absolute; right: .75em; top:.75em; font-weight: 700; background: none; width: auto; height: auto; transition: none;}
.accordion .card button.btn.collapsed::after{content: '+';}
.accordion .card .card-body{background-color: #fff; padding: 1.75rem 1.75rem;}
.accordion-background.background-white .card .card-body{background-color: #e7e5e6; color: #000;}
#content .accordion .card .card-body p:last-of-type{margin-bottom: 0;}
.accordion .btn:focus{box-shadow: none;}
#content .accordion .card .card-body a.button{color:#fff;}

/***** Callout *****/
.callout-section{}
.callout-section .callout-button a{text-decoration: none; font-weight: 600; font-size: 14px; text-transform: uppercase;}
.callout-section h2, .callout-section h3{color:#ebd99f;}

/******** Report Icon Links Secton ******/
#ril-section ul.report-icon-links{list-style: none; margin: 0; padding: 0;
column-count: 1;
	column-gap: 20px;}
#ril-section ul.report-icon-links li{padding: 0; margin: 0;
break-inside: avoid;
	-webkit-column-break-inside: avoid;}
#ril-section ul.report-icon-links img{height: auto; width: 40px;}
#ril-section ul.report-icon-links a{background-color: transparent; text-decoration: none; display: block;}
#ril-section ul.report-icon-links a .report-link{color:#000; line-height: 1.1; background-color: transparent; padding: 8px; border-radius: 9999px !important; display: flex;
	align-items: center;
	gap: 12px;
}
#ril-section ul.report-icon-links a:hover .report-link{background-color:#c4bfc0;}

/******* Two Column Report Downloads *******/
.report-column{border-left: 10px solid #c4bfc0; font-size: 14px;}
.report-column h3{font-size:30px; margin-bottom: .55em;}
.report-column p{margin-bottom: 1.25em;}
.report-column a{color:#8e6f3e; font-weight: 700; text-transform: uppercase; font-size: 13.5px;}
.report-column a:hover{color:#000;}

/******* Box Grid *******/
a.grid-item{text-decoration: none; }
a.grid-item.rect{width:100%;}
a .rectangle {border: 1px solid #e7e5e6;
-o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;}
a:hover .rectangle {border: 1px solid #daaa00;}
.rectangle.bord{border: 1px solid #C4BFC0;}
a .grid-content{color:#504f51;}
.grid-content{line-height: 1.4; font-size: 15px;}
.grid-content p:last-of-type{margin-bottom: 0;}
.report-title{line-height: 1.2; font-weight: 600;}

.button.button-small{font-size: 80%;}
.button.button-small i{padding-left: 5px; font-size: 120%;}


/****** People Grid ******/
.team img{width: 100%; height: auto;}
.team .box{background:#e7e5e6;}
.team .hs-box{font-size: 12px; line-height: 1.3; }
.team .hs-name{font-size: 16px; font-weight: 700;}
#content .team .hs-name a{text-decoration: none; color:#8e6f3e; }
#content .team .hs-name a:hover{text-decoration: underline;}

/***** ---- BACKGROUND OPTIONS *****/


/**** White Background *****/
.background-white{background-color:#fff;}
.background-white h1, .background-white h2, .background-white h3, .background-white h4, .background-white h5, .background-white h6{}


/**** Grey Background *****/
.background-grey{background-color:#c4bfc0; }
.background-grey h1, .background-grey h2, .background-grey h3, .background-grey h4, .background-grey h5, .background-grey h6{color: #000;}
.background-grey a:hover{color:#000; background-color: #555960;}
.background-grey a.button{color:#fff !important; background-color: #000 !important; }
.background-grey a.button:hover{color:#fff !important; background-color: #555960 !important; }

/**** Grey Background Light ****/
.background-grey-light{background-color:#e7e5e6;}

/**** Gold Background *****/
.background-gold h1, .background-gold h2, .background-gold h3, .background-gold h4, .background-gold h5, .background-gold h6{color: #000;}
.background-gold{background-color:#cfb991; }
.background-gold a:hover{color:#000; background-color: #555960;}
.background-gold a.button{color:#fff !important; background-color: #000 !important; }
.background-gold a.button:hover{color:#fff !important; background-color: #555960 !important; }


/****** Image Only Section *****/
.embed-image img{width: 100%; height: auto;}
.caption-text{font-size: 77.7777777%; color:#555960; }


/**** Accordion - People Grid *****/
.accordion .team .box{background:#fff;}

/******* Logo Grid ******/
.square {
  position: relative;
  flex-basis: 100%;
  margin: 5px;
  
  box-sizing: border-box;
}

.square::before {
  content: '';
  display: block;
  padding-top: 100%;
}

.square .content {
	border: 1px solid #dedfe0;
  position: absolute;
  top: 0; left: 0;
  height: 100%;
  width: 100%;

  display: flex;                /*added for centered text */
  justify-content: center;      /*added for centered text */
  align-items: center;          /*added for centered text */
}

.square .content .box-content{text-align: center; line-height: 1.3;}
.square a .content .box-content{color: #504f51;} 
.square a .content {border: 1px solid #C4BFC0;
-o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;}
.square a:hover .content {border: 1px solid #ffcb27;}



/*--------------------------------------------------------------
12.9 Posts
--------------------------------------------------------------*/
#post-list a{text-decoration: none !important;}
#post-list .card-news{background-color:#eaf2fa; position: relative; padding-bottom: 25px !important;
-moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
transition: all .2s linear;}
#post-list .card-news:hover{background-color: #cfdbe7;}
#post-list .card-news img{}
#post-list .card-news .post-content{}
#post-list .card-news h4{font-size: 18px; text-transform: none;}
#post-list .card-news h4 a{color:#5B57A6; font-weight: 700; }
#post-list .card-news .post-info{font-weight: 600; color:#757575; font-size: 14px; text-transform: uppercase; position: absolute; bottom: 8px}
.card-news .news-image-holder{padding-bottom: 66.666666667%; background-position: center center; background-repeat: no-repeat; background-size: cover;}

.post-info{font-size: 80%; color: #757575;}

#postTitle h2 a{text-decoration: none;}
#postTitle h2 a:hover{text-decoration: underline;}

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

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

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

#paging-bottom .alignleft {
	float: left;
}
#paging-bottom .alignright {
	float: right;
}
#paging-bottom .alignleft a, #paging-bottom .alignright a {
	color: #000;
	background-color: #daaa00;
	text-decoration: none;
	font-weight: 600;
	display: block;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 0;
	font-size: 14px;
	-o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
	border-radius: 9999px;
	
}
#paging-bottom .alignleft a:hover, #paging-bottom .alignright a:hover {
	background: #DDB945;
}

/******************* Blog Single ************************/


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

#postInfo {color:#757575; 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;
}

#paging a{text-decoration: none;}
#paging a:hover{text-decoration: underline;}


/*--------------------------------------------------------------
12.10 MISC Universal Styles
--------------------------------------------------------------*/
#content ul.fancy-list{list-style: none; margin-left: .5em;}
ul.fancy-list li{padding-left:1.5em; position: relative;}
ul.fancy-list li::before{ content: "\f058"; /* FontAwesome Unicode */
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  margin-left: -1.5em;
  width: 1.5em;
position: absolute;}

#content ul.link-list{list-style: none; border-left: 10px solid #00944d; margin-left: 0; padding-left: 1.5em;}
#content ul.link-list li{margin-bottom: .75em;}
#content ul.link-list li a{text-transform: uppercase; font-weight: 600; text-decoration: none;}
#content ul.link-list li a::after{ content: "\f0a9"; /* FontAwesome Unicode */
   font-family: 'Font Awesome 6 Pro';
  display: inline-block;
 margin-left: .5em;
 /* width: 1.5em;
position: absolute;*/}

ol.fancy-list {
margin: 0 0 2em .2em !important;
  counter-reset: li;
  list-style-type: none;
}
ol.fancy-list li {
    position: relative;   
    padding-left: 2em ;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 1em;
}
ol.fancy-list li:before {
      content: counter(li);
      counter-increment: li;
      height: 1.5em;
      width: 1.5em;
      border: 2px solid #1b2539;
      border-radius: 50%;
      text-align: center;
      position: absolute;      
      left: 0;
      
	line-height: 1.4em;
    }


.text-enlarged{font-size: 115%;}
.text-enlarged-133{font-size: 110%;}
.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;}
.largetext{font-size: 1.25rem;}
.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%;}

.extra-large-text{}

.word-wrap {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
}

.image-shadow{
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}

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


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

/*--------------------------------------------------------------
15 Media
--------------------------------------------------------------*/
img {vertical-align: middle; max-width:100%; height:auto;}
img.size-full{width: 100%; height: auto;}
img.alignleft {float:left; display:inline; margin:5px 20px 15px 0; max-width:50%; height:auto;}
img.alignright {float:right; display:inline; margin:5px 0 15px 20px; max-width:50%; 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:50%; height:auto;}
  
.wp-caption.alignleft{float:left; margin:5px 5% 15px 0; max-width:50%; 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:77.7777777%; color:#555960;}


.wp-caption img{margin:5px 15px 5px 0;}
.wp-caption {margin-bottom:2em; font-size:77.7777777%; color:#555960; 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%;
	}


	#content .epyt-gallery-title{font-size: 12px;}


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

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



/*--------------------------------------------------------------
16.1 Query sm - Over 576px
--------------------------------------------------------------*/ 
    @media only screen and (min-width : 576px) {
		
		body, input, select, textarea{}
		button, .button, .buttonAlt, a.button, input[type="button"], input[type="submit"]
		{font-size:16px; padding: 1em 1.5em;}
		
		/*----- Typography -------*/
		h1{ font-size:40px;}
		h2{ font-size:40px;}
		h3{ font-size:32px;} 
		h4{ font-size:21px;}
		h5{ font-size:20px;}
		h6{ font-size:18px;}
		
		/******* Mimic Styles ********/
		.mimic-h1{ font-size:40px !important;}
		.mimic-h2{ font-size:40px !important;}
		.mimic-h3{ font-size:32px !important;} 
		.mimic-h4{ font-size:21px !important;}
		.mimic-h5{ font-size:20px !important;}
		.mimic-h6{ font-size:18px !important;}
		
		h2.callout{font-size:36px;}
		
		blockquote {font-size: 2.25rem;}
		.intro-content-section{font-size: 1.5rem;}
		hr{}
		
		/************* Buttons **********/
		
		
		
		/*------ Header ---------*/
		
		
		/*------ Sidebar Content --------*/
		
		
		/*----- Footer -----*/
		
		
		/*------------ Home Page ---------*/
		
			.banner-background-image::before {
	opacity: .15;
}
		.home .gold-box{font-size: 14px;}
		
		/*----- Page Sections ------*/
		/***** Intro Banner Section ****/
		#intro-banner-section button, #intro-banner-section .button, #intro-banner-section .buttonAlt, #intro-banner-section a.button{font-size: 24px;}
		#page-intro-section .intro-content-section, .intro-content{font-size: 1.1rem;}
		
		/***** Accordion *****/
		.accordion .card button.btn{font-size: 18px;}
		

		/***** Callout *****/
		.callout-section{}
		
		/**** Bottom News Section ****/
		a.page-news-link .page-news-box{min-height: 190px;}
		
		/*----- MISC ------*/
		.smalltext{font-size: 14px;}
		.text-enlarged-133{font-size: 115%;}
		.text-enlarged{font-size:120%;}
		.extra-large-text{font-size: 50px;}
		
		#content .epyt-gallery-title{font-size: 14px;}
		
		img.alignleft {float:left; display:inline; margin:5px 20px 15px 0; max-width:60%; height:auto;}
		img.alignright {float:right; display:inline; margin:5px 0 15px 20px; max-width:60%; height:auto;}
		.wp-caption.alignright{float:right; margin:5px 0 15px 5%; max-width:60%; height:auto;}
		.wp-caption.alignleft{float:left; margin:5px 5% 15px 0; max-width:60%; height:auto;}
    }


/*--------------------------------------------------------------
16.2 Query md - Over 768px
--------------------------------------------------------------*/ 
    @media only screen and (min-width : 768px) {
		
		/*----- Typography -------*/
		body, input, select, textarea{}
		
		
		h1{ font-size:40px;}
		h2{ font-size:40px;}
		h3{ font-size:32px;} 
		h4{ font-size:24px;}
		h5{ font-size:21px;}
		h6{ font-size:18px;}
		
		h2.callout{font-size:48px;}
		
		#content {}
		
		/************* Buttons **********/	
		button, .button, .buttonAlt, a.button, input[type="button"], input[type="submit"]{font-size: 16px; padding: 1em 2em; }
		
		/*------ Header ---------*/
		
		
		/*------ Sidebar Content --------*/
		
		
		/*----- Footer -----*/
		
		
		/*------------ Home Page ---------*/
		
		.home .intro-title h2{font-size: 44px;}
		.banner-background-image::before {
	opacity: .15;
}
		.home .gold-box{font-size: 16px;}
		
		/*----- Interior Pages -------*/
		
		
		/*----- Page Sections ------*/
		#page-intro-section .intro-content-section, .intro-content{font-size: 1.3rem;}
		
		/***** Accordion *****/
		.accordion .card button.btn{font-size: 20px;}
		
		#ril-section ul.report-icon-links a .report-link{padding: 13px; font-size: 24px;}
		#ril-section ul.report-icon-links img{height: auto; width: 50px;}
		
		/*----- MISC ------*/
		.largetext{font-size: 1.5rem;}
		.extra-large-text{font-size: 60px;}
		.text-enlarged{font-size: 135%;}
		.text-enlarged-133{font-size: 133.333333%;}
		
		img.alignleft {float:left; display:inline; margin:5px 30px 15px 0; max-width:65%; height:auto;}
		img.alignright {float:right; display:inline; margin:5px 0 15px 30px; max-width:65%; height:auto;}
		.wp-caption.alignright{float:right; margin:5px 0 15px 3%; max-width:65%; height:auto;}
		.wp-caption.alignleft{float:left; margin:5px 3% 15px 0; max-width:65%; height:auto;}
}
		
		
/*--------------------------------------------------------------
16.3 Query lg - Over 992px
--------------------------------------------------------------*/ 
    @media only screen and (min-width : 992px) {
		
		/*----- Typography -------*/
		
		h1{ font-size:46px;}
		h2{ font-size:46px;}
		h3{ font-size:34px; margin-bottom: .75em;} 
		h4{ font-size:28px; margin-bottom: .75em;}
		h5{ font-size:22px;}
		h6{ font-size:18px;}
		
		/***** Mimic Styles *****/
		.mimic-h1{ font-size:46px !important;}
		.mimic-h2{ font-size:46px !important;}
		.mimic-h3{ font-size:34px !important; margin-bottom: .75em !important;} 
		.mimic-h4{ font-size:28px !important; margin-bottom: .75em !important;}
		.mimic-h5{ font-size:22px !important;}
		.mimic-h6{ font-size:18px !important;}
		
		h2.callout{font-size:60px;}
		
		/************* Buttons **********/	
		button, .button, .buttonAlt, a.button, input[type="button"], input[type="submit"]{padding: 1em 2.25em; }
		
		/*------ Header ---------*/
		#site-header #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{display: none;}
		
		/***** Navigation *******/
		/*** Two Lined Items ****/
		.mega-menu-item-31 a.mega-menu-link{line-height: 1.2 !important; padding-top: 7px !important; padding-bottom: 7px !important;}

		/*--------------------------------------------------------------
12.2 Regular Content
--------------------------------------------------------------*/

		#content.site-content{padding-top: 138px;}
		/*------ Sidebar Content --------*/
		
		

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

		/*------------ Home Page ---------*/
		#home-banner-section{padding-top:138px;}
		.home .intro-title h2{font-size: 52px;}
		.home .intro-content{font-size: 1.3rem;}
		
		.banner-background-image::before {
	opacity: .15;
}
		
		.home #home-link-boxes h4{font-size: 32px;}
		
		/*----- Interior Pages -------*/
		
		
		/*----- Page Sections ------*/
		
		#page-intro-section .intro-content-section, .intro-content{font-size: 1.4rem;}
		.featured-stories h2{font-size: 40px;}
		
		/******* Report Icon Links ******/
		#ril-section ul.report-icon-links{
		column-count: 2;
	}
		#ril-section ul.report-icon-links img{height: auto; width: 58px;}

		/******** Misc ********/
		.text-enlarged{font-size: 150%;}
		.extra-large-text{font-size: 72px;}
		
    }

/*--------------------------------------------------------------
16.4 Query xl - Over 1200px
--------------------------------------------------------------*/ 
    @media only screen and (min-width : 1200px) {
		
		#content.site-content{padding-top: 138px;}
		
		/*----- Typography -------*/
		.page-title h1{font-size: 56px;}
		h1{ font-size:48px;}
		h2{ font-size:48px;}
		h3{ font-size:36px;} 
		h4{ font-size:30px;}
		h5{ font-size:24px;}
		h6{ font-size:18px;}
		
		/****** Mimic Styles *******/
		.mimic-h1{ font-size:48px !important;}
		.mimic-h2{ font-size:48px !important;}
		.mimic-h3{ font-size:36px !important;} 
		.mimic-h4{ font-size:30px !important;}
		.mimic-h5{ font-size:24px !important;}
		.mimic-h6{ font-size:18px !important;}
		
		
		
		/*------ Header ---------*/
		
		
		
		
		/*------ Sidebar Content --------*/
		
		
		/*----- Footer -----*/
		
		
		/*------------ Home Page ---------*/
		.home .intro-title h2{font-size: 56px;}
		#home-banner-section{padding-top:151px;}
		
		.home #home-link-boxes h4{font-size: 36px;}
		
		.banner-background-image::before {
	opacity: 1;
}
		
		/*----- Interior Pages -------*/
		/****** Toolkit ******/
		#toolkit .results-section-title h4{font-size: 56px;}
		
		/*----- Page Sections ------*/
		#page-intro-section .intro-content-section, .intro-content{font-size: 1.5rem;}
#intro-banner-section .intro-content{font-size: 18px;}
		
		
		
}

/*--------------------------------------------------------------
16.4 Query xxl - Over 1400px
--------------------------------------------------------------*/ 
    @media only screen and (min-width : 1400px) {
		
		/*----- Typography -------*/
		h1{}
		h2{}
		h3{} 
		h4{}
		h5{}
		h6{}
		
		/*------ Header ---------*/
		/***** Navigation *******/
		#site-header #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{font-size: 14px; padding: 0 15px;}
		
		/*------ 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;
    }
}