html {
  scroll-behavior: smooth;
}
/*Visually-hidden used for ADA to hide Headings from view but keep in structure*/
.visually-hidden {position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;}
/* GENERIC */
H1 {
  font-size: 36px;
}
H2 {}
H3 {}
H4 {}
H5, DT {}
H6 {}
TFOOT, THEAD {}
TH {}
A:link {
  color: #326895;
  text-decoration: none;
}
A:visited {
  color: #116796;
  text-decoration: none;
}
A:hover {
  color: #003E73;
  text-decoration: underline;
}
A:active {
  color: #326895;
  text-decoration: none;
}
A.btn:hover {
  text-decoration: none;
}
a:focus {
outline-offset: 2px;
}
SMALL {}
BIG {}
BLOCKQUOTE, PRE {}
UL LI {}
UL LI LI {}
UL LI LI LI {}
OL LI {}
OL OL LI {}
OL OL OL LI {}
OL UL LI {
  list-style-type: disc;
}
HR {}
summary {display: list-item; margin-bottom: 15px;}
summary * {display: inline;}

.gray-bg {background-color: #ececec; padding-top: 20px; padding-bottom: 20px;}

/*================ADA linked footnotes===================*/
/**
 * Initialiazing a `footnotes` counter on the wrapper
 */
article {
  counter-reset: footnotes;
}

/**
 * Inline footnotes references
 * 1. Increment the counter at each new reference
 * 2. Reset link styles to make it appear like regular text
 */
a[aria-describedby="footnote-label"] {
  counter-increment: footnotes; /* 1 */
  text-decoration: none; /* 2 */
  color: inherit; /* 2 */
  cursor: default; /* 2 */
  outline: none; /* 2 */
}
.eds_news_Ozone-Sharp.eds_subCollection_news a[aria-describedby="footnote-label"] { color: inherit;}

/**
 * Actual numbered references
 * 1. Display the current state of the counter (e.g. `[1]`)
 * 2. Align text as superscript
 * 3. Make the number smaller (since it's superscript)
 * 4. Slightly offset the number from the text
 * 5. Reset link styles on the number to show it's usable
 */
a[aria-describedby="footnote-label"]::after {
  content: '[' counter(footnotes) ']'; /* 1 */
  vertical-align: super; /* 2 */
  font-size: 0.5em; /* 3 */
  margin-left: 2px; /* 4 */
  color: blue; /* 5 */
  text-decoration: underline; /* 5 */
  cursor: pointer; /* 5 */
}

/**
 * Resetting the default focused styles on the number
 */
a[aria-describedby="footnote-label"]:focus::after {
  outline: thin dotted;
  outline-offset: 2px;
}
footer :target {
  outline: #c81704 dashed 1px;
}
[aria-label="Back to content"] {
  font-size: 0.8em;
}
/* ------------MODULE-SPECIFIC --------------------------*/
/* text style for reading messages in Discussion */
.Message {}
/* style of item titles by Announcements and events */
.ItemTitle {}
/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {}
.ModuleTitle_MenuBar {}
.ModuleTitle_MenuItem {}
.ModuleTitle_MenuIcon {}
.ModuleTitle_SubMenu {}
.ModuleTitle_MenuBreak {}
.ModuleTitle_MenuItemSel {}
.ModuleTitle_MenuArrow {}
.ModuleTitle_RootMenuArrow {}
/* Main Menu */
.MainMenu_MenuContainer {}
.MainMenu_MenuBar {}
.MainMenu_MenuItem {}
.MainMenu_MenuIcon {}
.MainMenu_SubMenu {}
.MainMenu_MenuBreak {}
.MainMenu_MenuItemSel {}
.MainMenu_MenuArrow {}
.MainMenu_RootMenuArrow {}
/* Login Styles */
.LoginPanel {}
.LoginTabGroup {}
.LoginTab {}
.LoginTabSelected {}
.LoginTabHover {}
.LoginContainerGroup {}
.LoginContainer {}
.paneOutline {
  border: 1px dotted #cccccc;
}
.displace {
  position: absolute;
  left: -5000px;
}
/*---------------Side Contact Us Button  -------*/
#contact_us {
  display: block;
  position: fixed;
  top: 180px;
  right: -40px;
  cursor: pointer;
  z-index: 999;
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 50% 51%;
}
@media handheld, only screen and (max-width: 767px) {
  #contact_us {
    display: none;
  }
}
@media handheld, only screen and (max-width: 720px) {
  .btn {
    width: 95%;
    margin: 5px 0;
    white-space: normal;
  }
}
/*---------------Modal Iframe Video Size Adjustments -------*/
.modal iframe {
  height: 302px;
  width: 536px;
}
@media handheld, only screen and (max-width: 600px) {
  .modal iframe {
    height: 197px;
    width: 350px;
  }
}
@media handheld, only screen and (max-width: 420px) {
  .modal iframe {
    height: 182px;
    width: 325px;
  }
}
/*------ Vidyard Video ----*/
.vidyard_wrapper img {
  border-radius: 10px;
}
.vidyard_player > span {
  height: 302px;
  width: 536px;
}
/*.vidyard_player > span {
height: 270px;
width: 480px;
}*/
@media handheld, only screen and (max-width: 600px) {
  .vidyard_player > span {
    height: 197px;
    width: 350px;
  }
}
@media handheld, only screen and (max-width: 420px) {
  .vidyard_player > span {
    height: 168px;
    width: 300px;
  }
}
/*---------------Site Footer Adjustments -------*/
/*
span.in-link {
	background: url(/Portals/_default/Skins/Simple-Gray/images/socialicons.png) no-repeat -523px 0;
	width: 28px;
	height: 28px;
	display: inline-block;
	position: absolute;
	left: -10px;
}
*/
/*---------------CaseStudy/Webinar/Whitepaper Thumbnails -------*/
.doc-thumb-sm {
  width: 120px;
  border: 1px solid #DDDDDD;
  height: 80px;
  margin-bottom: 15px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}
.doc-thumb-sm a {
  display: block;
  height: inherit;
}
.doc-name {
  margin-top: 15px;
}
.doc-name a {
  border: 1px solid #dddddd;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
  display: block;
}
@media handheld, only screen and (max-width:1128px) {
  .doc-thumb-sm {
    width: 95%;
    height: 140px;
  }
  .doc-name {
    width: 100%;
  }
}
/*--CaseStudy/Webinar/Whitepaper landing page styles ---*/
.doc-thumb {
  width: 200px;
  border: 1px solid #DDDDDD;
  height: 150px;
  margin-top: 15px;
  margin-bottom: 15px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}
.doc-thumb a {
  display: block;
  width: inherit;
  height: inherit;
}
.case-studies .col-sm-9 {
  margin-bottom: 15px;
}
.case-studies h2 {
  font-size: 20px;
}
.case-studies h3 {
  font-size: 16px;
  margin-top: 0;
}
@media handheld, only screen and (min-width:768px) {
  .doc-name a {
    border: none;
    border-radius: 0;
    padding: 0;
    width: auto;
    display: block;
  }
}
/*--Article Thumbnails--*/
#ar-cin-zoo {
  background-image: url(../png/thumb-doc-cincinnati-zoo-article.png);
}
#ar-enx-marusic {
  background-image: url(../png/thumb-doc-enx-marusic-article.png);
}
#ar-sme-interactive-display {
  background-image: url(../png/doc-sme-interactivedisplays.png);
}
#ar-sme-printing-smbs {
  background-image: url(../png/doc-sme-printingsmbs.png);
}
#ar-ucct {
  background-image: url(../png/doc-sme_ucct.png);
}
#ar-sme-insourcing {
  background-image: url(../png/doc-sme-insourcing.png);
}
#ar-5things {
  background-image: url(../png/doc-sme_top5_purchaseofficeequip.png);
}
#ar-sme-cloud-solutions {
  background-image: url(../png/doc-sme_cloud_solutions.png);
}
#ar-sme-interactive-displays-education {
  background-image: url(../png/doc-sme-interactivedisplays-education.png);
}
#ar-sme-wireless-interactive-displays {
  background-image: url(../png/doc-sme-5_advantages_wireless_interactivedisplays.png);
}
#ar-sme-four-ways-signage {
  background-image: url(../png/doc-sme_4waystousedigitalsignage.png);
}
#ar-sme-advantage-digital-signage {
  background-image: url(../png/doc-sme-5_advantages_digital_signage.png);
}
#ar-sme-benefits-digital-signage-outside-class {
  background-image: url(../png/doc-sme-five_digital_signage_benefits_for_outside_the_classroom.png);
}
#ar-sme-advantage-pen-paper {
  background-image: url(../png/doc-sme-5_advantages_sharp_pen_on_paper.png);
}
#ar-whiteboards-on-campus {
  background-image: url(../png/doc_whiteboards_on_campus.png);
}
#ar-supporting-active-learning {
  background-image: url(../png/doc-supporting-active-learning.png);
}
/*--Case Study Thumbnails--*/
#cs-airport-schools {
  background-image: url(../png/doc-airport-community-school-casestudy.png);
}
#cs-caldwell-univ {
  background-image: url(../png/doc-caldwell-university-casestudy.png);
}
#cs-cable-company {
  background-image: url(../png/doc-cable-company-customers-casestudy.png);
}
#cs-cin-reds {
  background-image: url(../png/doc-cincinnati-reds-casestudy.png);
}
#cs-cin-zoo {
  background-image: url(../png/doc-cincinnati-zoo-casestudy.png);
}
#cs-cozad-community-school {
  background-image: url(../png/doc-cozad-community-casestudy.png);
}
#cs-fashion-industry {
  background-image: url(../png/thumb-doc-fashion-industry-icon-casestudy.png);
}
#cs-fortune-100-retailer {
  background-image: url(../png/doc-fortune-100-large-retailer-casestudy.png);
}
#cs-french-fashion {
  background-image: url(../png/doc-french-fashion-company-casestudy.png);
}
#cs-gaming-company {
  background-image: url(../png/doc-gaming-company-casestudy.png);
}
#cs-indy-indians {
  background-image: url(../png/doc-indianapolis-indians-casestudy.png);
}
#cs-law-firm {
  background-image: url(../png/doc-vm-legal-lawfirm-casestudy.png);
}
#cs-major-metro {
  background-image: url(../png/doc-major-metropolitan-city-casestudy.png);
}
#cs-seattle-pac-univ {
  background-image: url(../png/doc-seattle-pacific-university-casestudy.png);
}
#cs-shelbyville-school {
  background-image: url(../png/doc-shelbyville-central-casestudy.png);
}
#cs-tamura-supermarket {
  background-image: url(../png/doc-tamura-supermarket-casestudy.png);
}
#cs-univ-midwest {
  background-image: url(../png/doc-university-in-midwest-casestudy.png);
}
#cs-law-enforcement {
  background-image: url(../png/doc-law_enforcement-casestudy.png);
}
#cs-steel-manufacturer {
  background-image: url(../png/doc-steel-manufacturer-casestudy.png);
}
#cs-southern-seminary {
  background-image: url(../png/doc-southern-seminary-casestudy.png);
}
#cs-shoe-manufacturer {
  background-image: url(../png/doc-shoe_manufacturer-casestudy.png);
}
#cs-topeka {
  background-image: url(../png/doc-topeka_chamber_commerce-casestudy.png);
}
#cs-private-high-school {
  background-image: url(../png/doc-private_high_school-casestudy.png);
}
#cs-thayer {
  background-image: url(../png/doc-thayer_county_health_services-casestudy.png);
}
#cs-medical {
  background-image: url(../png/doc-medical_clinic-casestudy.png);
}
#cs-miami-beach {
  background-image: url(../png/doc-city-of-miami-beach-police-casestudy.png);
}
#cs-greene-rubber {
  background-image: url(../png/doc-greene-rubber-company-casestudy.png);
}
#cs-peters-township {
  background-image: url(../png/doc-peters_township_school-casestudy.png);
}
#cs-community-health {
  background-image: url(../png/doc-community_health_network-casestudy.png);
}
#cs-blossom-school {
  background-image: url(../png/doc-blossom-montessori-school-casestudy.png);
}
#cs-regional-school {
  background-image: url(../png/doc-regional-high-school-mass-casestudy.png);
}
#cs-offshore-drilling {
  background-image: url(../png/doc-off_shore_drilling-casestudy.png);
}
#cs-idaho-state {
  background-image: url(../png/doc-idaho_state-casestudy.png);
}
#cs-property-management {
  background-image: url(../png/doc-property_management_company-casestudy.png);
}
#cs-red-speed {
  background-image: url(../png/doc-red_speed-casestudy.png);
}
#cs-gov-contractor {
  background-image: url(../png/doc-government-contractor-casestudy.png);
}
#cs-furniture-reseller {
  background-image: url(../png/doc-furniture-retailer-casestudy.png);
}
#cs-state-university {
  background-image: url(../png/doc-state-university-casestudy.png);
}
#cs-state-judicial {
  background-image: url(../png/doc-state-judicial-court-casestudy.png);
}
#cs-physical-therapy {
  background-image: url(../png/doc-state-physical-therapy-organization-casestudy.png);
}
#cs-pepperdine {
  background-image: url(../png/doc-pepperdine-university-casestudy.png);
}
#cs-winston-salem {
  background-image: url(../png/doc-winston-salem-dash-casestudy.png);
}
#cs-greenwood-county {
  background-image: url(../png/doc-greenwood-county-school-casestudy.png);
}
#cs-city-anderson {
  background-image: url(../png/doc-city-of-anderson-casestudy.png);
}
#cs-wisconsin-whitewater {
  background-image: url(../png/doc-university-of-wisconsin-casestudy.png);
}
#cs-yanmar-evo {
  background-image: url(../png/doc-yanmar-evo-center-casestudy.png);
}
#cs-nebraska-methodist {
  background-image: url(../png/doc-nebraska-methodist-health-system-casestudy.png);
}
#cs-healthcare-facility {
  background-image: url(../png/doc-healthcare-facility-casestudy.png);
}
#cs-idaho-college {
  background-image: url(../png/doc-idaho-college-osteopathic-medicine-casestudy.png);
}
#cs-kleingers-group {
  background-image: url(../png/doc-kleingers-group-casestudy.png);
}
#cs-mccormick-county {
  background-image: url(../png/doc-mccormick-county-school-district-casestudy.png);
}
#cs-healthcare-provider {
  background-image: url(../png/doc-healthcare-provider-casestudy.png);
}
#cs-offshore-drilling-company {
  background-image: url(../png/doc-offshore-drilling-company-casestudy.png);
}
#cs-emergyCare {
  background-image: url(../png/doc-emergycare-casestudy.png);
}
#cs-denmarkTech {
  background-image: url(../png/doc-denmark-technical-casestudy.png);
}
#cs-dallas-county {
  background-image: url(../png/doc-dallas-county-casestudy.png);
}

#cs-west-allegheny {
  background-image: url(../png/doc-cs-west-allegheny-casestudy.png);
}


/*--E-Book & Brochure Thumbnails--*/
#eb-interactiveDisplays {
  background-image: url(../png/thumb-bestpractices-interactivedisplays-whitepaper.png);
}
#eb-cpo {
  background-image: url(../png/doc-cpo-ebrochure.png);
  background-size: contain;
}
#pen-on-paper-infographic-marketo {
  background-image: url(../png/thumb-doc-pen-on-paper-infographic.png);
}
/*------------------Guide Thumbnails----------------------------*/
#guide-aquos-board-education {
  background-image: url(../png/doc-aquos-board-education.png);
}
#it-ref-guide {
  background-image: url(../png/doc-it-reference-guide.png);
  background-position: left;
}
#sec-suite-broch {
  background-image: url(../png/doc-security_suite_brochure.png);
}
#guide-sec-infographic {
  background-image: url(../png/doc-security-infographic.png);
}
#guide-sec-checklist {
  background-image: url(../png/doc-security-checklist.png);
}
#guide-scan2-infographic {
  background-image: url(../png/doc-scan2-infographic.png);
}
#guide-itPro-infographic {
  background-image: url(../png/doc-it-pro-guide-infographic.png);
}
#guide-why-it-love-aquos-board {
  background-image: url(../png/doc-why-it-pros-love-aquos-board.png);
}
#interactive-whiteboards-infographic {
  background-image: url(../png/doc-interactive-wb-education-infographic.png);
}
#education-brochure {
  background-image: url(../png/doc-education-brochure.png);
}
#ab-education-insert {
  background-image: url(../png/doc-ab-education-insert.png);
}
#ab-government-insert {
  background-image: url(../png/doc-ab-government-insert.png);
}
#ab-healthcare-insert {
  background-image: url(../png/doc-ab-healthcare-insert.png);
}
#healthcare-brochure {
  background-image: url(../png/doc-healthcare-brochure.png);
}
#government-brochure {
  background-image: url(../png/doc-government-brochure.png);
}
#legal-brochure {
  background-image: url(../png/doc-legal-brochure.png);
}
#ab-legal-insert {
  background-image: url(../png/doc-ab-legal-insert.png);
}
#interactive-find-displays-infographic {
  background-image: url(../png/doc-find-digital-signage-infographic.png);
}
#six-things-infographic {
  background-image: url(../png/doc-6-things-to-know-infographic_vert.png);
}
#five-tips-infographic {
  background-image: url(../png/doc-5-tips-environmentally-friendly-office-infographic.png);
}
#paper-vs-digital-infographic {
  background-image: url(../png/doc-paper-vs-digital-infographic.png);
}
#benefits-open-platform-infographic {
  background-image: url(../png/doc-benefits-open-platform-displays-infographic.png);
}
#evolution-infographic {
  background-image: url(../png/doc-evolution-sharp-touch-screen-infographic-vert-new.png);
}
#outsourcing-infographic {
  background-image: url(../png/doc-outsourcing-to-insourcing-infographic.png);
}
#pen-on-paper-infographic {
  background-image: url(../png/doc-pen-on-paper-infographic_vert.png);
}
#pn-l401c-infographic {
  background-image: url(../png/doc-pn-l401c-infographic_vert.png);
}
#signage-in-hospitals-infographic {
  background-image: url(../png/doc-find-digital-signage-hospital-infographic.png);
}
#five-ways-your-printer-infographic {
  background-image: url(../png/doc-5-ways-your-printer-just-got-infographic.png);
}
#signage-in-university-infographic {
  background-image: url(../png/doc-where-to-find-digital-signage_university-infographic.png);
}
#four-reasons-small-business-infographic {
  background-image: url(../png/doc-4-reasons-why-every-small-business-needs-mfp-infographic.png);
}
#office-data-security-infographic {
  background-image: url(../png/doc-office-data-security-infographic.png);
}
#making-the-most-of-your-mfp-infographic {
  background-image: url(../png/doc-making-the-most-of-your-mfp-infographic.png);
  background-position: bottom;
}
#benefits-digital-signage-retail-stores-infographic {
  background-image: url(../png/doc-5-benefits-digital-signage-retail-stores-infographic-vert.png);
}
#security-guide {
  background-image: url(../png/doc-sharp-security-guide.png);
  background-position: left;
}
#five-key-differences-infographic {
  background-image: url(../png/doc-5-key-differences-between-tvs-prof-displays-infographic.png);
}
#digital-signage-hotel-infographic {
  background-image: url(../png/doc-digital-signage-hotel-infographic.png);
}
#skywell-big-advantages-infographic {
  background-image: url(../png/doc-skywell-big-advantages-infographic.png);
}
#skywell-better-option-infographic {
  background-image: url(../png/doc-skywell-better-option-infographic.png);
}
#difference-4k-infographic {
  background-image: url(../png/doc-difference-between-4k-infographic.png);
}
#skywell-water-thin-air-infographic {
  background-image: url(../png/doc-skywell-water_from-thin-air-infographic.png);
}
#why-smart-cities-need-signage {
  background-image: url(../png/doc-infographic-why-smart-cities-need-digital-signage.png);
}
#signage-in-school-infographic {
  background-image: url(../png/doc-where-to-find-digital-signage-in-a-school-district_infographic.png);
}
#three-reasons-smart-signage-infographic {
  background-image: url(../png/doc-three-reasons-why-you-need-smart-signage-infographic.png);
}
#fresh-menus-infographic {
  background-image: url(../png/doc-serve-up-fresh-menus-infographic.png);
}
#creston-connected-infographic {
  background-image: url(../png/doc-sharp-crestron-connected-infographic.png);
}
#ab-promote-collaboration-infographic {
  background-image: url(../png/doc-4k-ultra-hd-displays-promote-collaboration.png);
}
#cares-act-guide {
  background-image: url(../png/doc-cares-act-funding.png);
}
#security-flyer {
  background-image: url(../png/doc-security-flyer.png);
}
#simply-smarter-healthcare-infographic {
  background-image: url(../png/doc-simply-smarter-healthcare.png);
}
#sourcewell-brochure {
  background-image: url(../png/sourcewell-brochure.png);
}

#laptop-essentials-infographic {
  background-image: url(../png/doc-top-5-laptop-essentials-for-high-school-students.png);
}

#rfp-infographic {
  background-image: url(../png/rfp-infographic.png);
}

#ten-key-features-infographic {
  background-image: url(../png/10-key-features-of-sharp-copiers-infographic-thumb.png);
}

/*------------------White Paper Thumbnails---------------------*/
#wp-aquos-board {
  background-image: url(../png/thumb-aquos_board_whitepaper-whitepaper.png);
}
#wp-IDC-whyCloud {
  background-image: url(../png/thumb-doc-cpo-idc-whitepaper.png);
}
#wp-njpa {
  background-image: url(../png/thumb-doc-njpa-whitepaper.png);
}
#wp-automation-pro {
  background-image: url(../png/thumb-automation-sharp-pro-series-whitepaper.png);
}
#wp-cpo-security {
  background-image: url(../png/thumb-doc-cpo-security-whitepaper.png);
}
#wp-micas {
  background-image: url(../png/thumb-micas-whitepaper.png);
}
#wp-cpo-office {
  background-image: url(../png/thumb-doc-cpo-whitepaper.png);
}
#wp-choosing-smart-signage {
  background-image: url(../png/thumb-choosing-smart-signage-whitepaper.png);
}
#wp-planning-for-bandwidth {
  background-image: url(../png/thumb-planning-for-bandwidth-whitepaper.png);
}
#wp-sourcewell {
  background-image: url(../png/thumb-doc-sourcewell-whitepaper.png);
}
#wp-creating-perfect-meeting {
  background-image: url(../png/doc-create-perfect-meeting-environment-whitepaper.png);
}
#wp-cybersecurity {
  background-image: url(../png/doc-cybersecurity-whitepaper.png);
}
#wp-IDC-vendorProfile {
  background-image: url(../png/doc-idc-whitepaper.png);
}
#wp-active-learning-displays {
  background-image: url(../png/doc-active-learning-with-interactive-displays.png);
}
#wp-thermal-scanners {
  background-image: url(../png/doc-guide-to-thermal-scanners.png);
}
#wp-IoT-device-security {
  background-image: url(../png/doc-iot-device-security.png);
}
#vid-francis-parker {
  background-image: url(../png/features_francis_parker_school.png);
}
#vid-wide-board-software {
  background-image: url(../png/features_wide_board_software.png);
}
#vid-cardon-associates {
  background-image: url(../png/features_cardon_associates.png);
}
#vid-walk-up-sensor {
  background-image: url(../png/features_walk_up_sensor.png);
}
#vid-skywell-lifestyle {
  background-image: url(../jpg/skywell_lifestyle_thumb.jpg);
}
#vid-desktop-printers {
  background-image: url(../jpg/desktop_printers_advanced_office_thumb.jpg);
}
#vid-kleingers {
  background-image: url(../jpg/kleingers_group_thumb.jpg);
}
#vid-northernVirginia {
  background-image: url(../jpg/northern_virginia_family_service_thumb.jpg);
}
#vid-penSoftware-3-7 {
  background-image: url(../png/video_pen_software_3.7_optional_features_thumb.png);
}
#vid-ny-giants {
  background-image: url(../jpg/ny_giants_overview_thumb.jpg);
}
#vid-future-work {
  background-image: url(../jpg/imagine-the-future-of-work-thumb.jpg);
}
#vid-encouraging-students {
  background-image: url(../jpg/encouraging-student-participation-pn-c-series-thumb.jpg);
}
#vid-bldd {
  background-image: url(../jpg/bldd-architects-thumb.jpg);
}
#vid-aquos-board-interactive {
  background-image: url(../png/video-aquos-board-interactive-thumb.png);
}
#vid-pro-series {
  background-image: url(../png/video-pro-series-thumb.png);
}





/* ----- Limelight Video for mobile ----*/
.LimelightEmbeddedPlayer {
  overflow: hidden;
  display: block;
}
div.vidyard-player-container {
  border: 1px solid #dddddd;
}
/* ==========BOOTSTRAP 4 CARD DECKS===========*/
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: 4px;
}
.card-header {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, .03);
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}
.card-footer {
  padding: .75rem 1.25rem;
  background-color: rgba(0, 0, 0, .03);
  border-top: 1px solid rgba(0, 0, 0, .125);
}
.card-title {
  margin-bottom: .75rem;
}
/* Card deck*/
.card-deck {
  display: flex;
  flex-direction: column;
}
.card-deck .card {
  margin-bottom: 15px;
}
/* Card image caps*/
.card-img-top {
  width: 100%; /* Required because we use flexbox and this inherently applies align-self: stretch*/
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
@media handheld, only screen and (min-width:768px) {
  .card-deck {
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: flex;
    /*      Flexbugs #4: https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored*/
    flex: 1 0 0%;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0; /* Override the default*/
    margin-left: 15px;
  }
}
/*------------------------------
#. SIMPLY SMARTER PAGE LAYOUT STYLES
Base styles consistent across all Simply Smarter pages ONLY!!! No unique styles that only exist on one page
------------------------------*/
/* #.# SIMPLY SMARTER UNIVERSAL COLORS & FONTS
------------------------------*/
#simply-smarter .bg-gray {
  background-color: #E8E8E8;
}
#simply-smarter h1, #simply-smarter h2, #simply-smarter h3, #simply-smarter h4 {
  margin: 0;
  line-height: 1.1em;
}
#simply-smarter section .text h2, #simply-smarter section .text h3, #simply-smarter section .text h4 {
  margin-bottom: 10px;
}
/* #.# SIMPLY SMARTER FLEX & SPACING
------------------------------*/
#simply-smarter section {
  padding: 30px 0;
}
#simply-smarter section .container .flex {
  flex-direction: column;
	text-align: center;
}
#simply-smarter section .container .flex .image img {border: 1px solid #cccccc;}
#simply-smarter section .container .flex .image img.no-border {border: none;}
@media handheld, only screen and (max-width:767px) {
  /*	force all div.iimage in section blocks to display first and add padding between div.image and div.text*/
  #simply-smarter section .container .flex .image {
    order: 1;
    padding-bottom: 10px;
  }
  #simply-smarter section .container .flex .text {
    order: 2;
  }
}
@media handheld, only screen and (min-width:768px) {
  #simply-smarter section .container .flex {
    flex-direction: row;
    justify-content: space-between;
	  text-align: left;
  }
  #simply-smarter section .container .flex .text {
    width: 60%;
  }
	#simply-smarter section .container .flex > div:first-child { padding-right: 15px;}
}
#simply-smarter #hero a.btn, #simply-smarter section .text a.btn {
  margin-top: 1.1em;
}
/* #.# SIMPLY SMARTER HERO BANNER
------------------------------*/
#simply-smarter #hero {
  min-height: 190px;
  background-color: #cf112d;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
	text-align: center;
}
#simply-smarter #hero h1 {
  color: #ffffff;
  line-height: normal;
  font-size: 27px;
}
#simply-smarter #hero a.btn {
  margin-top: 1.1em;
}
@media handheld, only screen and (min-width:768px) {
  #simply-smarter #hero {
    background-image: url(../png/globe.png), linear-gradient(270deg, rgba(112,3,9,1) 0%, rgba(206,17,43,1) 100%);
    background-repeat: no-repeat, no-repeat;
        background-position: 85% top, left;
/*    background-size: inherit, cover;*/
	  text-align: left;
  }
  #simply-smarter #hero h1 {
    width: 50%;
  }
}
@media handheld, only screen and (min-width:992px) {
      #simply-smarter #hero h1 {
    width: 58%;
  }
}
@media handheld, only screen and (min-width:1142px) {
  #simply-smarter #hero {
        background-size: 45%, auto;
  }
}
@media handheld, only screen and (min-width:1600px) {
  #simply-smarter #hero {
    min-height: 300px;
      align-items: center;
  }
    #simply-smarter #hero h1 {font-size: 37px;  width: 67%;}
   
}
/* #.# SIMPLY SMARTER SUBHEADING
------------------------------*/
#simply-smarter #subheading h2 {
  font-weight: normal;
  font-size: 20px;
  line-height: 1.4em;
}
#simply-smarter #subheading .lead {
  margin-bottom: 0;
	text-align: center;
}
@media handheld, only screen and (min-width:768px) {
	#simply-smarter #subheading .lead {
	text-align: left;
}
}