/*
Theme Name: Perry Township Schools - Default Theme
Theme URI: https://www.perryschools.org/
Author: Jackson Sky Web Design & Development
Author URI: https://jacksonsky.com/
Description: This is the default theme for Perry Township Schools. This theme is designed and developed exclusively for Perry Township Schools.
Tags: education, one-column, two-columns, custom-menu, editor-style, theme-options
Version: 3.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: 'Poppins', Helvetica, Arial, sans-serif;
	font-size:16px;
	color:#222;
	font-weight: 300;
	font-style:normal;
	line-height:1.6;
	letter-spacing:.025em;	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6{font-family: 'League Gothic', Helvetica, Arial, sans-serif; color:#000; font-weight: 400; line-height:1.1; margin:0; padding:0; margin-bottom:.5em;}
h1{ font-size:36px; margin-bottom:.3em; text-transform: uppercase;}
h2{ font-size:32px; margin-bottom:.3em; text-transform: uppercase;}
h3{ font-size:28px; margin-bottom:.3em; text-transform: uppercase;}
h4{ font-size:25px; margin-bottom:.25em; text-transform: uppercase;}
h5{ font-size:21px; margin-bottom:.2em; font-weight: 600; font-family: 'Poppins', sans-serif;}
h6{ font-size:18px; margin-bottom:.2em; font-weight: 600; font-family: 'Poppins', sans-serif;}


p {margin: 0 0 2.25em; 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: #bb0102;
	font-size: 1.25rem;
	line-height: 1.5;
	overflow: hidden;
	margin-bottom:1.8em;
	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;
}

b{font-weight: 700;}

.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,
input[type="button"],
input[type="submit"]{
	font-family: 'Poppins', sans-serif;
	text-transform:uppercase;
	background-color: #bb0102;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
  align-items: center; 
	font-size: 16px;
	font-weight: 600;
	letter-spacing: .06em;
	line-height: 1.2;
	padding: 1em 1.5em;
	text-shadow: none;
		-o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  transition: all .3s 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:#6b0000; }

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;}


.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: 'Poppins', 'Open Sans', Helvetica, Arial, sans-serif;
}

:-moz-placeholder {
	color: #9f9f9f;
	font-family: 'Poppins', 'Open Sans', Helvetica, Arial, sans-serif;
}

::-moz-placeholder {
	color: #9f9f9f;
	font-family: 'Poppins', '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: 'Poppins', 'Open Sans', Helvetica, Arial, sans-serif;
}

/******* Gravity Forms *********/
.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; }

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/
hr:not([size]){height: 5px;}
hr {
	background-color:#dfdfdf;
	border: 0;
	height: 5px;
	margin-top: 2em;
	margin-bottom: 2em;
	border-radius: 0;
	opacity: 1;
}

hr.short{ max-width: 160px; width: 20%; margin-left: 0; background-color:#bb0102;}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}


::selection {
    background: #b3d4fc;
    text-shadow: none;
}

.inline-block{display: inline-block;}

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul, ol { margin: 1em 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: 0 0 .5em 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; vertical-align: top;}
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;}


/*** 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:#bb0102; text-decoration: underline;}
a:hover{color:#960000; 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:#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%;}


/*--------------------------------------------------------------
11.0 Navigation
--------------------------------------------------------------*/

/***** Main Navigation *****/
/***** Menu Defaults ******/
#main-nav-row #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{padding: 0 15px; font-size: 12px;}
#main-nav-row #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{padding: 0 15px; font-size: 12px;}

/*** Nav Background ***/
#main-nav-row, #main-nav-row #mega-menu-wrap-main-menu #mega-menu-main-menu{background-color:#bb0102;}


/*** Nav Flyout and Hover ***/
#main-nav-row #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:hover, #main-nav-row #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link, #main-nav-row #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{background-color:#960000;}

/*** Nav Flyout Menu Open Hover ***/
#main-nav-row #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover{background-color: #6b0000;}

/***** Mobile Menu *****/
#mega-menu-wrap-main-menu .mega-menu-toggle{align-items: center;}
#main-nav-row #mega-menu-wrap-main-menu.mega-sticky .mega-menu-toggle{padding: 0 12px;}
#main-nav-row .mega-menu-toggle h1 a{color: #fff; text-decoration: none;}
#main-nav-row #mega-menu-wrap-main-menu .mega-menu-toggle{background-color:#bb0102;}
#main-nav-row #mega-menu-wrap-main-menu ul#mega-menu-main-menu, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu {background-color: #960000;}
#main-nav-row #mega-menu-wrap-main-menu .mega-menu-toggle h1{font-family: 'Poppins', Helvetica, Arial, sans-serif; color:#fff; text-transform: uppercase;font-size: 16px; align-items: center; line-height: 1.1; margin-bottom: 0; text-wrap:wrap; width: 200px;}
#main-nav-row #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block{align-items: center;}
#main-nav-row #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-4 .mega-toggle-animated-inner, #main-nav-row #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-4 .mega-toggle-animated-inner::before, #main-nav-row #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-4 .mega-toggle-animated-inner::after{background: #fff;}
/*#main-nav-row #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{padding:0 25px;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{padding: 0 25px 0 30px; }*/
#main-nav-row #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{background-color: rgba(0, 0, 0, .1);}

/*** Nav font ***/
#main-nav-row #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link, #main-nav-row #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link, #main-nav-row .mega-toggle-animated-inner{color:#fff;}
#main-nav-row #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #main-nav-row #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #main-nav-row #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{background-color: #fff;}

/*** Nav Active Link ***/
#main-nav-row #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, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{background-color: rgba(0, 0, 0, 0.3); padding: 0 25px;}


/******* Navigation for quick links inside of main menu *******/
#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-quick-drop ul.mega-sub-menu{padding: 0 !important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-quick-drop ul.mega-sub-menu li{padding: 0 !important;}
li ul#menu-quick-links-1{list-style: none; padding: 0; margin: 0;}
li ul#menu-quick-links-1 li{font-weight: 400; text-transform: none; margin-bottom: 0}
li ul#menu-quick-links-1 li a{padding: 0 25px; line-height: 40px; margin-bottom: 0; display: block; background-color: #960000; text-decoration: none; color: #fff;}
li ul#menu-quick-links-1 li a:hover{background-color:#6b0000; color:#fff;}



/*--------------------------------------------------------------
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;
	min-height: 100vh;
	background: #fff;
	background: rgba(255,255,255,1);
	
}


#content.site-content{padding-top: 79px;}

#site-footer{margin-top:auto;}

/*--------------------------------------------------------------
12.1 Header
--------------------------------------------------------------*/
/**** Header ****/
#site-header {background: #fff; position:fixed; z-index: 100; width: 100%;}

/***** Utility Bar ******/
#utility-bar{background-color: #2B2A29; color:#fff; font-weight: 600; text-transform: uppercase; font-size: 12px; line-height: 30px;}
#utility-bar .social-media ul{list-style: none; padding: 0; margin: 0;}
#utility-bar .social-media ul li{display: inline-block; padding: 0; margin:0; }
#utility-bar .social-media ul li a{color: #fff; padding: 0 .35em; text-decoration: none; line-height: 30px; display: inline-block; }
#utility-bar .social-media ul li a:hover{color: #2B2A29; background: #ebebeb;}

/*** Search Form ***/
form#search-form {position: relative;}
form#search-form  .icon{position: absolute;
  top: 47%;
  left: 10px;
  transform: translateY(-50%);}
#search-form input{background-color: rgba(0, 0, 0, 0); border: 0 none; font-size: 12px; padding-left: 2.25em; color: #fff; width: 125px; padding-bottom: 0; padding-top: 0; line-height: 30px;
-o-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -webkit-transition: all .1s linear;
  transition: all .1s linear;}
#search-form input:hover{background-color:#3C3C3C;}
#search-form input:focus{background-color:#1a1919;}
#search-form input::-webkit-input-placeholder{opacity: 1; color: #fff; font-weight: 600;}


/*** Translate Dropdown ***/
#utility-bar .language:hover{background-color:#3C3C3C;}
#utility-bar .gtranslate_wrapper{display:inline-block; width: 100px;}
#utility-bar .gtranslate_wrapper select{background-color: transparent; border: 0 none; font-size: 12px; font-weight: 600; color:#fff; text-transform: uppercase;}
#utility-bar .gtranslate_wrapper:hover{background-color:#3C3C3C; cursor:pointer; }
#utility-bar .gtranslate_wrapper option{color:#000;}

/*** Quick Links ***/
#utility-bar .quick-links button.dropdown-toggle{margin: 0; padding: 0 5px; border-radius: 0; box-shadow: none; font-size: 12px; text-transform: uppercase; font-weight: 600; line-height: 30px; background: #2B2A29; display: flex; border: 0 none; }
#utility-bar .quick-links button.dropdown-toggle:hover, #utility-bar .quick-links button.dropdown-toggle.show{background-color:#3C3C3C;}
#utility-bar .quick-links .btn-group{display: block;}
#utility-bar .quick-links .dropdown-toggle::after{border: 0 none; font-family: "Font Awesome 6 Pro"; content: "\f0c9"; font-size: 12px;}
#utility-bar .quick-links .dropdown-toggle.show::after{font-family: "Font Awesome 6 Pro"; content: "\f00d"; padding: 0 1px 0 1px; border: 0;}
#utility-bar .quick-links ul.dropdown-menu.dropdown-menu-end.show{top:-3px !important; background-color:#3C3C3C; border-radius: 0; padding: 0; border:0;}
#utility-bar .quick-links ul.dropdown-menu.dropdown-menu-end.show li{margin-bottom: 0;}
#utility-bar .quick-links ul.dropdown-menu.dropdown-menu-end.show li:hover{background-color: #1a1919;}
#utility-bar .quick-links ul.dropdown-menu.dropdown-menu-end.show li a{font-size: 12px; line-height: 1.7; text-transform: none; margin-bottom: 0; color:#fff; width: 100%; display: block; padding: .3em 1em; text-decoration: none;}
#utility-bar .quick-links ul.dropdown-menu.dropdown-menu-end.show li:hover a{background-color:transparent;}



/***** Main Header *****/
#main-header a{text-decoration: none;}
#main-header h1 {font-family: 'Poppins', Helvetica, Arial, sans-serif; font-weight: 600; text-transform: uppercase; margin-bottom:0;}

#resource-nav ul{list-style: none; padding: 0; margin: 0;}
#resource-nav ul li{display: inline-block; padding: 0; margin:0; height: 28px; }
#resource-nav ul li img{height: 100%; width: auto;}


/*--------------------------------------------------------------
12.2 Regular Content
--------------------------------------------------------------*/
/******** Page Header ********/
#page-header .breadcrumbs{font-size: 12px; text-transform: uppercase; font-weight: 400; line-height: 1.2;}
#page-header .breadcrumbs a{text-decoration: none;}
#page-header .breadcrumbs a:hover{text-decoration: underline;}
#page-header h1{margin-bottom: .1em;}
#page-header hr{margin-top: 0; margin-bottom: 0;}


/*--------------------------------------------------------------
12.3 Content Layouts
--------------------------------------------------------------*/



/*--------------------------------------------------------------
12.4 Sidebar Content
--------------------------------------------------------------*/
#sidebar-nav ul{list-style: none; padding: 0; margin: 0; line-height: 1.4;}
#sidebar-nav ul li{text-transform: uppercase; font-weight: 600; margin: 0; padding: 0;}
#sidebar-nav ul li a{text-decoration: none; color: #000;}
#sidebar-nav ul li a:hover{text-decoration: underline;}
#sidebar-nav ul li ul{margin-top: .75em;}
#sidebar-nav ul li ul li{text-transform: none; font-weight: 400; margin-bottom: .65em;}
#sidebar-nav ul li ul li a{text-decoration: none; color:#bb0102;}

/*** calendar ***/
#content .tribe-events-widget-events-list__view-more a{text-decoration: none;}

/*--------------------------------------------------------------
12.5 Footer
--------------------------------------------------------------*/
#site-footer{background-color: #bb0102; color:#fff; font-size: 14px; line-height: 1.7;}
#site-footer ul{margin-top: 0; margin-left: 1.6em;}
#site-footer ul .fa-li{top:-2px;}
#site-footer h1, #site-footer h2{color:#fff; margin-bottom: 0; text-transform: uppercase; font-size: 48px;}
#site-footer h3{color: #fff;}
#site-footer h4{color: #fff; margin-bottom: 0; text-transform: uppercase; font-family: 'Poppins', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600;}
#site-footer a{color:#fff; text-decoration: underline;}
#site-footer a:hover{color:#e4e4e4;}

.copyright{font-size: 11px;}
/*--------------------------------------------------------------
12.6 Home Page
--------------------------------------------------------------*/

.section-title h3, .section-title h3{font-size: 14px; font-family: 'Poppins', Helvetica, Arial, sans-serif; font-weight: 400; }
#content .section-title h3 a{color:#000; text-decoration: none;}
#content .section-title h3 a:hover{text-decoration: underline;}

/**** Hero Banner ****/
#hero-section{background-size: cover; background-position: center; color: #fff;}
#hero-section h1, #hero-section h2, #hero-section h3{color:#fff; margin: 0; line-height: 1;}
#hero-section h2{font-size: 21px; font-weight: 500; font-family: 'Poppins', Helvetica, Arial, sans-serif; margin-bottom: -5px;}
#hero-section h3{font-size: 42px;}
#hero-section .small h2{margin-bottom: 0;}
#hero-section .small h3{font-size: 32px;}
#hero-section .large h3{font-size: 72px;}


/**** Hero Banner Video *****/
#hero-section{margin:0 auto; position: relative;
    overflow: hidden; min-height: 300px;}
#hero-section #intro-video{
 width:100%;
    height:100%;
    /* Use contain instead if you want the object to fit without cropping */
    object-fit: cover; 
	position: absolute;
	opacity: 68%;
    }
#hero-section.video-banner .banner-content{z-index: 10; position: relative;}
#hero-section.video-banner .banner-school-info{position: absolute; bottom: 10%;}

/**** Hero Banner Area - Image*****/
#hero-section.image-banner .banner-content{position: absolute; bottom: 10%;}


/********** Introduction **********/
#introduction{background-color:#f2f2f2; font-size: 120%;;}
#introduction h2{font-size:54px;}

/********** Newsletter ********/
#newsletter hr{background-color: #cdcfd1;}


/*--------------------------------------------------------------
12.7 Interior Pages
--------------------------------------------------------------*/



/**** 404 ****/
#searchform #s{max-width: 450px; width: 100%; margin-bottom: .8em;}

/*** Search Results ***/
.search-results .smalltext p:last-of-type{margin-bottom: 0}

/***** Tax Resource Source *****/
.tax-resource-source #news-list .col-12:last-of-type hr{display: none;}


/*--------------------------------------------------------------
12.8 Page Sections
--------------------------------------------------------------*/
/***** Accordion Section ******/
.accordion .card{border-radius: 0; border: 0 none; padding-bottom: 3px; background-color: transparent;}
.accordion .card .card-header{padding: 0;}
.accordion .card .card-header h2{font-size:inherit;}
.accordion .card button.btn{border-radius: 0; margin: 0; font-size: 16px; background-color:#4b4b4b; color:#fff; font-family: 'Poppins', Helvetica, Arial, sans-serif; font-weight: 500; text-transform: none; padding: .3em 2.25em .3em .7em;}
.accordion .card .card-body{background-color: #f6f6f6; padding-top: 1.75rem;}
.accordion .card button.btn:hover{background-color:#2d2d2d;}
.accordion .card button.btn::after{content: '-'; position: absolute; right: 1em; top:.3em;}
.accordion .card button.btn.collapsed::after{content: '+'}

/****** Image Only Section *****/
.embed-image img{width: 100%; height: auto;}

/***** Text Callout *****/
.box.background-grey{overflow: hidden;}
.background-grey{background-color: #f2f2f2;}

/***** FancyBox ****/
html.fancybox-active:not(.fancybox-allowscroll) body{margin-right:0px !important; margin-bottom:0px !important;} 


/********* Staff Directories ************/
.staff_item{font-size: 14px; line-height: 1.4;}
h4.teacher-name{font-size: 18px; font-weight: 600; font-family: 'Poppins', Helvetica, Arial, sans-serif;}
.teacher-title{font-weight: 500; font-size: 16px;}
.staff_bio{font-size: 18px;}
.directory.table thead th{font-weight: 500; text-transform: uppercase;}
.directory.table tr td strong{font-weight: 600;}

/*** Table Small ***/
.directory.table td.name a{word-break: break-all;}
.directory.table thead th{font-size: 80%;}
.directory.table .staff_item{font-size: 12px;}
.directory.table.small_photo td.staff_photo{width: 15%;}

.directory .hide, .ml-empty{display: none;}

/******** Calendar ********/
#content .one_column .tribe-common { margin-top: 1em;}
#content .tribe-events .tribe-events-l-container{padding-top: 0; }
#content .one_column .tribe-events .tribe-events-l-container{min-height: inherit;}
#content .tribe-events .tribe-events-l-container{padding-bottom: 1.5em;}


/******** Calendar ********/
#content .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container{
	font-family: 'Poppins', Helvetica, Arial, sans-serif;
	padding:0;
}

#content .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container a{text-decoration: none;}

#content { 
	--tec-font-family-sans-serif: 'Poppins', Helvetica, Arial, sans-serif;
	--tec-color-text-primary:#061c3e;
	--tec-color-button-primary:#00447C;
	--tec-color-background-events-bar-submit-button:#00447C;
	--tec-color-accent-primary:#00447C;
	--tec-color-link-accent:#00447C;
	--tec-color-link-accent-hover:#061C3E;
	--tec-color-accent-primary-hover:#061C3E;
	--tec-color-accent-primary-active:#061C3E;
	--tec-color-button-primary-hover:#061C3E;
	--tec-color-button-primary-active:#061C3E;
	--tec-color-background-events-bar-submit-button-hover:#061C3E;
	--tec-color-background-events-bar-submit-button-active:#061C3E;
}
#content h3.tribe-events-calendar-month__day-date, #content .tribe-events-c-top-bar__datepicker-time{font-family: 'League Gothic', "sans serif";}
#content .tribe-common .tribe-common-h4{font-weight: 500;}

/******** Calendar Single ********/
#page #tribe-events-pg-template{margin: 0; max-width: none; padding: 0;}
#page #tribe-events-content a{text-decoration: none; color: #00447c;}
#page #tribe-events-content a:hover{text-decoration: underline; color:#d69e49;}
#page #tribe-events-content .tribe-events-single-event-description a{border: none; text-decoration: underline;}
#page #tribe-events-content .tribe-events-single-event-description a:hover{text-decoration: none;}
#page #tribe-events-content .tribe-events-event-meta h2{font-size: 28px; font-weight: 500;}

/**** Sitemap ****/
ul.list-pages-shortcode, ul.list-pages-shortcode li ul.children{list-style: none; margin: 0; padding: 0;}
#content ul.list-pages-shortcode a{text-decoration: none;}
#content ul.list-pages-shortcode a:hover{text-decoration: underline;}
ul.list-pages-shortcode li{text-transform: uppercase; font-weight: 600; margin-bottom: 0;}
ul.list-pages-shortcode li ul.children{margin-bottom: 1em;}
ul.list-pages-shortcode li ul.children li{text-transform: none; margin-left: 1em; font-weight: 400;}
ul.list-pages-shortcode li ul.children li ul{margin-top: .25em; margin-bottom: 0;}
ul.list-pages-shortcode li ul.children li li{font-size: .8; margin-left: 1.5em; line-height: 1.5; }
ul.list-pages-shortcode li ul.children li li:before{content: "- "}


/*--------------------------------------------------------------
12.9 Posts
--------------------------------------------------------------*/
/****** List Page *****/
#content a.news-card-link{text-decoration: none; background-color: rgba(242, 242, 242, 0); display: block;
-o-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -webkit-transition: all .1s linear;
  transition: all .1s linear;}
#content a.news-card-link:hover{text-decoration: none; background-color: rgba(242, 242, 242, 1);}
.card-news h4{font-size: 16px; text-transform: none; font-weight: 500; font-family: 'Poppins', Helvetica, Arial, sans-serif; margin-bottom: 0; line-height: 1.4;}
.card-news img{border: 1px solid #fff;}
a.news-card-link .card-news .post-info{color:#777; font-size: 12px;}


#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{
	background: #f2f2f2;
	display: block;
	width: 32%;
}

#paging-bottom .alignleft a, #paging-bottom .alignright a{
	background: #f2f2f2;
	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: #d3d3d3;
}

/******************* Blog Single ************************/


/********************* WordPress Styles *********************/

#postInfo {}

#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
--------------------------------------------------------------*/
.text-enlarged{font-size: 110%;}
.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;}
.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;}



.extra-large-text{}



/*--------------------------------------------------------------
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 1em 3%; max-width:40%; height:auto;}
  
.wp-caption.alignleft{float:left; margin:5px 3% 1em 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:12px; color:#5e6a71; line-height: 1.4;}


.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;
		
	} 

	.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
--------------------------------------------------------------*/
/**** --- Query Smaller for small mobile --- ****/
@media only screen and (min-width : 400px) {
	
	/*------ Header ---------*/
		/***** Navigation *****/
		#main-nav-row #mega-menu-wrap-main-menu .mega-menu-toggle h1{width: auto;}
	
		#hero-section h2{font-size: 24px; margin-bottom: -5px;}
		#hero-section h3{font-size: 54px;}
		#hero-section .small h2{margin-bottom: 0;}
		#hero-section .small h3{font-size: 42px;}
		#hero-section .large h3{font-size: 82px;}
	
}


/*--------------------------------------------------------------
16.1 Query sm - Over 576px
--------------------------------------------------------------*/ 
    @media only screen and (min-width : 576px) {
		
		body, input, select, textarea{font-size:18px;}
		button, .button, .buttonAlt, a.button, input[type="button"], input[type="submit"]
{font-size:14px}
		
		/*----- Typography -------*/
		h1{ font-size:42px;}
		h2{ font-size:36px;}
		h3{ font-size:32px;} 
		h4{ font-size:30px;}
		h5{ font-size:22px;}
		h6{ font-size:21px;}
		
		blockquote {font-size: 1.75rem;}
		hr{margin-top: 2.7em; margin-bottom: 2.7em;}
		
		/************* Buttons **********/
		
		
		
		/*------ Header ---------*/
		/***** Navigation *****/
		#main-nav-row #mega-menu-wrap-main-menu .mega-menu-toggle h1{font-size: 20px; width: auto;}
		
		
		/*------ Sidebar Content --------*/
		
		
		/*----- Footer -----*/
		
		
		/*------------ Home Page ---------*/
		#hero-section h2{font-size: 28px; margin-bottom: -5px;}
		#hero-section h3{font-size: 60px;}
		#hero-section .small h2{margin-bottom: 0;}
		#hero-section .small h3{font-size: 48px;}
		#hero-section .large h3{font-size: 96px;}
		
		#introduction{background-color:#f2f2f2; font-size: 133.33333%;}
		
		/*----- Interior Pages -------*/
		
		/*----- Page Sections ------*/
		/****** Accordion Section *****/
		.accordion .card button.btn{font-size: 16px; }
		
		/***** Directories ******/
		.directory .t_phone{width: 125px;}
		
		/*----- MISC ------*/
		.smalltext{font-size: 14px;}
		.text-enlarged-133{font-size: 115%;}
		.extra-large-text{font-size: 50px;}
    }


/*--------------------------------------------------------------
16.2 Query md - Over 768px
--------------------------------------------------------------*/ 
    @media only screen and (min-width : 768px) {
		
		/*----- Typography -------*/
		body, input, select, textarea{font-size:18px;}
		button, .button, .buttonAlt, a.button, input[type="button"], input[type="submit"]{font-size: 14px; padding: 1.1em 1.65em;}

		h1{ font-size:54px;}
		h2{ font-size:48px;}
		h3{ font-size:42px;} 
		h4{ font-size:36px;}
		h5{ font-size:24px;}
		h6{ font-size:22px;}
		
		#content {font-size: 18px;}
		
		/*------ Header ---------*/
		
		/***** Main Header *****/
		#main-header h1 {font-size: 36px;}
		
		
		/***** Navigation *****/
		#main-nav-row #mega-menu-wrap-main-menu .mega-menu-toggle h1{font-size: 22px;}

		/*------ Sidebar Content --------*/
		
		
		/*----- Footer -----*/

		
		/*------------ Home Page ---------*/
		#hero-section h2{font-size: 40px; margin-bottom: -10px;}
		#hero-section h3{font-size: 72px;}
		#hero-section .small h2{margin-bottom: 0;}
		#hero-section .small h3{font-size: 60px;}
		#hero-section .large h3{font-size: 128px;}
		
		/********** Introduction **********/
		#introduction h2{font-size:62px;}
		
		
		/*----- Interior Pages -------*/
		
		/*----- Page Sections ------*/
		/****** Accordion Section *****/
		.accordion .card button.btn{font-size: 18px; }
		
		
		/*----- MISC ------*/
		.extra-large-text{font-size: 60px;}
		.text-enlarged{font-size: 117.5%;}
		.text-enlarged-133{font-size: 120%;}
		p.wp-caption-text {font-size:14px;}
}
		
		
/*--------------------------------------------------------------
16.3 Query lg - Over 992px
--------------------------------------------------------------*/ 
    @media only screen and (min-width : 992px) {
		
		/*----- Typography -------*/
		h1{ font-size:66px;}
		h2{ font-size:60px;}
		h3{ font-size:54px;} 
		h4{ font-size:42px;}
		h5{ font-size:27px;}
		h6{ font-size:24px;}
		
		/*------ Header ---------*/
		#content.site-content{padding-top: 153px;}
		/***** Main Header *****/
		#main-header h1 {font-size: 30px;}
		#resource-nav ul li{height: 21px; }
		
		/******** Navigation *******/
		#main-nav-row #mega-menu-wrap-main-menu ul#mega-menu-main-menu {background-color: #bb0102;}
		#main-nav-row #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{background-color: #960000;}
		
		/*** Nav Arrow ***/
		#main-nav-row #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 ------*/
		#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu{display: none;}
		
		/*--------------------------------------------------------------
12.2 Regular Content
--------------------------------------------------------------*/


		/*------ Sidebar Content --------*/
		
		

		/*----- Footer -----*/


		/*------------ Home Page ---------*/
		#hero-section h2{font-size: 44px; margin-bottom: -10px;}
		#hero-section h3{font-size: 112px;}
		#hero-section .small h2{margin-bottom: 0;}
		#hero-section .small h3{font-size: 72px;}
		#hero-section .large h3{font-size: 180px;}
		
		/********** Introduction **********/
		#introduction h2{font-size:72px;}
		
		/*----- Interior Pages -------*/
		
		/*----- Page Sections ------*/
		
		/****** Staff Directories *******/
		/*** Table Photo Small ***/
		.directory.table td.name a{word-break:normal;}
		.directory.table thead th{font-size: 100%;}
		.directory.table .staff_item{font-size: 14px;}
		.directory.table.small_photo td.staff_photo{width: 10%;}

		
		/******** Misc ********/

		.extra-large-text{font-size: 72px;}
		
    }

/*--------------------------------------------------------------
16.4 Query xl - Over 1200px
--------------------------------------------------------------*/ 
    @media only screen and (min-width : 1200px) {
		
		
		/*----- Typography -------*/
		h1{ font-size:72px;}
		h2{ font-size:68px;}
		h3{ font-size:60px;} 
		h4{ font-size:48px;}
		h5{ font-size:30px;}
		h6{ font-size:24px;}
		

		/*------ Header ---------*/
		#content.site-content{padding-top: 163px;}
		/***** Main Header *****/
		#main-header h1 {font-size: 36px;}
		#resource-nav ul li{height: 24px; }
		
		
		/******** Navigation ********/
		#main-nav-row #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{padding: 0 20px; font-size: 14px;}
		#main-nav-row #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{padding: 0 20px; font-size: 14px;}
		
		/*------ Sidebar Content --------*/
		
		
		/*----- Footer -----*/
		
		
		/*------------ Home Page ---------*/

		
		/*----- Interior Pages -------*/
		
		/*----- Page Sections ------*/
		
		
}

/*--------------------------------------------------------------
16.4 Query xxl - Over 1400px
--------------------------------------------------------------*/ 
    @media only screen and (min-width : 1400px) {
		
		/*----- Typography -------*/
		h1{}
		h2{}
		h3{} 
		h4{}
		h5{}
		h6{}
		
		/*------ Header ---------*/
		#content.site-content{padding-top: 173px;}
		/***** Main Header *****/
		#main-header h1 {font-size: 40px;}
		#resource-nav ul li{height: 28px; }
		
		/******** Navigation ********/
		#main-nav-row #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{padding: 0 25px;}
		#main-nav-row #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{padding: 0 25px;}
		
		/*------ 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: "";
    }
	a.pointer, a.pointer:hover, .pointer{cursor: pointer}
	
    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;
    }
	#content img, .embed-image{display: none;}

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
	hr.d-print-block{border-top: 2px #dbdbdb solid;}
	
	#content.site-content{padding-top: 0 !important;}
	#main section.page-builder{padding-top: 0 !important;}
}