/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: https://steris.com
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: fhttp://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/* Mega menu related styles. */ 

/* PUSB - 09/10/2023 steris-ast.com */

.megaMenu-heading-bold > a span {
	font-weight: 700 !important;
}

/* Show Black left line on the first and second mega menu */ 
.dt-mega-menu-wrap 
.megaMenu-heading-bold:not(.active):not(.EOL), 
.dt-mega-menu-wrap .megaMenu-heading-bold:not(.active):not(.EOL), 
.dt-mega-menu-wrap .megaMenu-heading-bold:not(.active):not(.EOL), 
.dt-mega-menu-wrap .megaMenu-heading-bold:not(.active):not(.EOL), 
.dt-mega-menu-wrap .megaMenu-heading-bold:not(.active):not(.EOL){
    border-right: #bfbfbf;
    border-right-style: solid;
    border-right-width: 1px;
}

/* Hiding relevant elements when panel active */ 
.dt-mega-parent.active .sub-nav .sub-nav {
        margin-left: 0px;
}

/* Hide the left arrow in heading when menu active. */ /* 
.dt-mega-parent.active .sub-nav .fa-fw.fas.fa-chevron-right{ */ .dt-mega-parent.active .sub-nav .fa-fw.icomoon-the7-font-the7-arrow-07{
    font-weight: 700 !important;
    display: none;
}

.dt-mega-parent.active .sub-nav a[data-level="3"] span{
    font-weight: 700 !important;
}

/* Limiting the with of the back button box */ .dt-mega-menu-wrap .back-btm{
    width: 15% !important;
}

/* Adding the two column effects */ 
.dt-mega-menu-wrap .wf-1-3.megaColumns > ul.sub-nav > li.menu-item{ /* background-color: green; */
        max-width: 600px;
        width: 600px;
}

.dt-mega-menu-wrap .wf-1-3.megaColumns > ul.sub-nav > li.menu-item > ul.sub-nav li {
    width: 300px;
    max-width: 300px;
    float: left; /* background-color: pink; */
}

/* Disable hover on level 4 (.wf-1-3.active) */ 
.top-header .sub-nav.hover-style-bg > .wf-1-3.active li:not(.dt-mega-parent):not(.act):hover > a, 
.top-header .sub-nav.hover-style-bg > .wf-1-2.active li:not(.dt-mega-parent):not(.act):hover > a {
	background-color: unset !important;
	background: unset !important;

}

/* Responsive styles */

@media only screen and (max-width: 600px) {
  .hide-mob {
    display: none;
  }
}
/*End Responsive Styles*/

/*Orange Contect Us tab*/

#side-tabs a.support {
  background-image: url("https://www.steris-ast.com/wp-content/uploads/2019/07/contact-button.png");
  background-repeat: no-repeat;
  background-color: #ff9500;
  right: 0px;
  top: 350px;
  height: 115px;
  width: 35px;
  margin: 0;
  padding: 0;
  padding-top: 20px;
  position: fixed;
  z-index: 9999;
  display: block;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: -4px 0 2px -2px rgba(0, 0, 0, 0.1);
}
#side-tabs-de a.support {
  background-image: url('https://www.steris-ast.com/wp-content/uploads/2019/07/kontakt.jpg');
  background-repeat: no-repeat;
  background-color: #FF9500;
  right: 0px;
  top: 350px;
  height: 105px;
  width: 35px;
  margin: 0;
  padding: 0;
  padding-top: 20px;
  position: fixed;
  z-index: 9999;
  display: block;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: -4px 0 2px -2px rgba(0, 0, 0, 0.1)
}
#side-tabs-it a.support {
  background-image: url('https://www.steris-ast.com/wp-content/uploads/2019/07/contattaci.jpg');
  background-repeat: no-repeat;
  background-color: #FF9500;
  right: 0px;
  top: 350px;
  height: 105px;
  width: 35px;
  margin: 0;
  padding: 0;
  padding-top: 20px;
  position: fixed;
  z-index: 9999;
  display: block;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: -4px 0 2px -2px rgba(0, 0, 0, 0.1)
}

/*Hides Orange Contact us tab on Contact page in all languages*/

.page-id-31 #side-tabs a.support {
  display: none;
}
.page-id-16461 #side-tabs a.support {
  display: none;
}
.page-id-16463 #side-tabs a.support {
  display: none;
}
.page-id-16465 #side-tabs a.support {
  display: none;
}

/*Toolset specific styles*/

ul.wpv-loop.js-wpv-loop {
  list-style-type: none;
  margin-left: 0;
}

/*WPML*/

li.wpml-ls-menu-item.has-children .sub-nav {
  width: 60px;
}

/* Home page */

.popular-techtip {
  padding-bottom: 10px;
}
.heading-icon-left .aio-icon-title {
  margin-top: -5px !important;
  text-transform: uppercase;
  max-width: 90%;
  letter-spacing: 0.1em;
}
.heading-icon-left .aio-icon-img {
  margin-right: 10px !important;
}
.homepage-heading {
  max-width: 70%;
  font-size: 32px;
  line-height: 32px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.homepage-heading-text {
  font-size: 15px;
}
.lead-title {
  font-size: 22px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.map-title {
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/*Limiting length of heading on TechTip accordian*/

.headding-text-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/*Gravity Forms*/

body .gform_wrapper {
  background-color: #f9f9f9;
  background: rgba(114, 119, 125, 0.15);
  border: solid 1px #eaeaea;
  padding: 15px;
}

/*.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label {
	font-weight: bold;
	color: #454545;
}*/

.cta-bg, .single-techtip .cta-bg {
  min-height: 20px;
  padding: 20px;
  padding-bottom: 25px;
  background-color: #f9f9f9;
  background: rgba(114, 119, 125, 0.15);
  border: solid 1px #eaeaea;
  opacity: 1;
  transition: 0.3s;
}
.cta-bg:hover {
  opacity: 0.8;
}

/*Needed because widgets in the sidebar of custom posts will not pick up the Theme Options Sidebar settings.*/

.single-techtip .cta-bg {
  margin-bottom: 35px !important;
  padding: 20px !important;
}

/*Technology CTA used on the Single TechTip pages*/

.widget_text.widget.widget_custom_html .widget.technology.cta-bg-sidebar {
  margin-bottom: 35px;
  padding: 20px !important;
}
.widget_text.widget.widget_custom_html .cta-bg-sidebar h4, .widget_text.widget.widget_custom_html .cta-bg-sidebar a {
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
}

/*CTA variations*/

.cta-black h4, .cta-black p  {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  margin-bottom: 15px;
	color: #141823;
}
.cta-orange i {
  color: #da914c;
  text-align: center;
  display: block;
}
.cta-orange h4 {
  color: #da914c;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 0px;
}
.cta-blue h4, .cta-blue p {
  color: #2a7ac4;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 0px;
}
.cta-purple i {
  color: red;
  text-align: center;
  display: block;
}
.cta-purple h4 {
  color: red;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
}
.cta-bg-sidebar:hover {
  opacity: 0.8;
}

/* Technology recap on Single Tech pages*/

/*.tech-list ul li { */
.tech-list ul strong { 
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 10px 0px;
  word-wrap: break-word;
}
.tech-list
.summary-tech-list h4, .tech-list h4 {
  color: #fff !important;
}
.summary-tech-list ul li ul li, .tech-list ul li ul li {
  font-weight: normal;
  list-style-type: none;
  font-size: 12px;
  text-transform: none;
  line-height: 19px;
  padding-bottom: 15px;
/*  padding-left: 8px; */
}
.summary-tech-list ul li ul, .tech-list ul li ul {
  margin-left: 0;
}
.summary-tech-list p, .tech-list p {
  font-size: 12px;
  line-height: 19px;
}

/*Styling for download and cert lists*/

.pdf {
  padding-right: 5px;
}

/*Locations Page*/

.location-map {
  margin-bottom: 15px;
}

/*Formats the related certs list on single sites*/

.doc-link {
  display: block;
}
a.doc-link {
  margin-bottom: 15px !important;
}
a.doc-link img {
  padding-right: 5px !important;
  float: left;
  margin-bottom: 5px;
}

/*Events & Locations Page*/

.filter-labels {
  color: #2a7ac4;
  margin-top: -10px;
}
.filter-labels-small {
  font-size: 11px;
  line-height: 14px;
  font-style: italic;
  margin-top: -10px;
}

/*Single Events*/

p.event-time {
  margin-top: -10px;
  font-style: italic;
  color: #3c3e45;
}
.single-event img.lazy-load {
  display: none;
}

/*TechTips Single*/

.single-techtip img.lazy-load {
  display: none;
}

/*Service and Resource boxes used on Resources and Markets landing pages*/

.service-box h2, .service-box h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 16px;
  margin-top: 0;
}
.service-box p {
  line-height: 18px;
  font-size: 13px;
}

/*News Page*/

.blog-content .entry-meta {
  display: none;
}

/*Single News*/

.single-post .post-thumbnail {
  display: none;
}

/*Hides date on related posts*/

time.text-secondary {
  display: none;
}

/*Hides the Share Post option on certain Content Types*/

.single-certification .single-share-box, .single-services .single-share-box, .single-site .single-share-box, .single-video .single-share-box {
  display: none;
}

/*Footer*/

.footer .widget a {
  color: #6699cc;
  text-decoration: none;
}
.footer .widget ul li {
  margin-bottom: 10px;
}

/*Typography*/

.white h2, h2.white, .white h3, h3.white, .white h4, h4.white, .white h5, h5.white, .white p, p.white, .white a, a.white {
  color: #fff !important;
}
a.details.more-link {
  color: #2a7ac4;
}

/*search*/

.search-results #main .blog-media {
	display:none;
}

.search-results .entry-meta {
  display: none;
}
.archive .entry-meta {
  display: none;
}
.search-results #content article .buttons-on-img {
  display: none;
}
h1.txt-uppercase, h2.txt-uppercase, h3.txt-uppercase, h4.txt-uppercase, a.txt-uppercase, .txt-uppercase.widget-learnMore-txt > a {
  text-transform: uppercase !important;
}
.text-center {
  text-align: center;
  width: 100%;
}
.smallTopMargins {
  margin-top: 20px;
}

/* hide underline unless hovering over */

.nounderline {
  text-decoration: none;
}
.nounderline:hover {
  text-decoration: underline;
}
a[href^="mailto"] {
  text-decoration: none;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.blue {
  color: #005695;
}
.break {
  word-break: break-all;
}
a.tel {
  font: normal 15px / 25px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
  word-spacing: normal;
  text-decoration: none;
}
caption {
  padding-bottom: 0px;
  color: #337ab7;
}
.font-weight-bold {
  font-weight: 600 !important;
}
/* Start: Techtips */
/* Start: Mini hero */
img.cat-hero-img-mini:first-child {
  margin-right: 33px;
}
img.cat-hero-img-mini {
  float: right;
  width: 32px;
  margin: 2px;
}

/* End: Mini hero */

/* Start: Accordion dropdown */

img.cat-hero-img {
  width: 45px;
  max-height: 57px;
}
.dropdown {
  width: 100%;
  margin-bottom: 15px;
}
.dropdown-title {
  margin: 10px 0px 0px 0px;
}
.leftBorder {
  border-left: 10px;
  border-left-style: none;
  border-left-style: solid;
}

/* Down arrow */

.dropdown-title > div > div > i.fas {
  margin-right: 25px;
  font-size: 25px;
  margin-top: auto;
}
.dropdown-title > i.text {
  padding-right: 32px;
}
.dropdown-title {
  font-size: 1em;
  margin: 0;
  padding: 10px 10px 0px 10px;
  cursor: pointer;
  background: #f4f4f4;
  background-repeat: no-repeat;
  background-position: 95% 50%;
  margin-top: 10px;
  padding-bottom: 13px;
}
.dropdown-title.open {
  background-repeat: no-repeat;
  background-position: 95% 50%;
  border-bottom: 0px;
  background: white;
}
div.dropdown-title div.row div.col-sm-10, div.dropdown-content div.row div.col-sm-11 {
  padding-top: 9px;
}
div.dropdown-title div.row div.col-sm-10 {
  padding-left: 5px;
}

/* Small devices (landscape phones, less than 768px)
   ensure's that Hero icons on All techtips dont over lap
*/

@media (max-width: 767.98px) {
  div.dropdown-title div.row div.col-sm-10, div.dropdown-content div.row div.col-sm-10 {
    padding-left: 11px !important;
  }
}
div.dropdown-title div.row div.col-sm-1.arrow {
  padding-top: 11px;
}

/*  The below media queries take into account for the col miss match on the techtips accordion, 
    This allows the mini-icons to float correctly on small devices
*/

/* Add padding into accordion content menus for Medium devices (landscape tablets, below 768px) */

@media only screen and (max-width: 768px) {
  div.dropdown-title div.row, div.dropdown-content div.row {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

/* Expand buttons to 100% inside accordion for Small devices (landscape tablets, below 576px) */

@media only screen and (max-width: 576px) {
  div.dropdown-content div.row a.button {
    width: 100%;
    margin-top: 16px;
  }
}
div.dropdown-content {
  max-width: 100%;
  background: #fff;
  margin: 0;
  padding-bottom: 15px;
  padding-bottom: 0px;
  overflow: hidden;
}

/* Defult Row padding on accordion's */

.dropdown-content > .row {
  padding-bottom: 15px !important;
}

/* Hide content to  begin. */

.dropdown > .dropdown-content {
  display: none;
}
div.dropdown div.dropdown-content.leftBorder div.row div.col-sm-11 p {
  width: 95%;
}

/* Set fade in. ready fow ajax to return*/

.dropdown {
  opacity: 0.01;
}

/* End: Techtips */

/*This is used to add spacing to the learn more buttom on Tech landing page*/

.TechnologyComparison-learnmore {
  position: absolute;
  bottom: 28px;
  right: 29px;
}

/* Start: Filters */

.filter-wrap {
  margin-bottom: 30px;
}

/* Start: Filters -  genric */

div.filter-noBackground .form-group {
  height: 100%;
}

/* Ofset to lineup reset btn with the select boxs */

div.filter-noBackground div.row button.js-wpv-reset-trigger.btn {
  position: absolute;
  top: 1px;
  margin-left: 15px;
}

/* lineup with the select boxs */

form.wpv-filter-form .FilterofSet {
  float: left;
  margin-top: 6px;
  margin-left: 6px;
  margin-right: 15px;
}
div.vc_row.tech-list section.row {
  margin-top: 70px;
}

/* End: Filters -  genric */

/* Put the spinner in the middle */

.js-wpv-dps-spinner img {
  position: fixed;
  top: 50%;
  left: 50%;
  height: 25px;
  width: 25px;
  z-index: 999;
}

/* Start: Filters -  Was just Tech tips */

.filter-wrap > form.wpv-filter-form {
  background: #f4f4f4;
  padding: 15px 2% 13px;
}
.filter-wrap > form.wpv-filter-form button.js-wpv-reset-trigger.btn {
  background-color: unset;
}

/* Ret button text move float left */

.filter-wrap > form.wpv-filter-form .wpv-reset-trigger > i.reset-text {
  float: left;
}

/* Place the FA icon in the correct places in the rest button */

.filter-wrap > form.wpv-filter-form > i.fas {
  float: right;
  position: relative;
  top: 12px;
  margin-left: 12px;
  color: #4879a5;
}

/* End: Filters -  Was just Tech tips */

/* Add in drop down arrow*/

.allTechtips-filter > form.wpv-filter-form .dropdown.js-wpv-filter-trigger.form-control {
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJhbmdsZS1kb3duIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyMCA1MTIiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1hbmdsZS1kb3duIGZhLXctMTAgZmEtM3giPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTE0MyAzNTIuM0w3IDIxNi4zYy05LjQtOS40LTkuNC0yNC42IDAtMzMuOWwyMi42LTIyLjZjOS40LTkuNCAyNC42LTkuNCAzMy45IDBsOTYuNCA5Ni40IDk2LjQtOTYuNGM5LjQtOS40IDI0LjYtOS40IDMzLjkgMGwyMi42IDIyLjZjOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlsLTEzNiAxMzZjLTkuMiA5LjQtMjQuNCA5LjQtMzMuOCAweiIgY2xhc3M9IiI+PC9wYXRoPjwvc3ZnPg==");
  background-position: center right 10px;
  background-repeat: no-repeat;
  border-radius: 2px;
  opacity: 0.5;
}
.allTechtips-filter > form.wpv-filter-form .dropdown-technology-category > select {
  opacity: 1;
}

/* Start: Filters -  Tech tips */


/* Techtips view - Services box */
.allTechtips-filter .dropdown-technology-category{
  width: 245px !important;
}

/* Start: Pagination*/

.allTechtips-pagination {
  border: 0px !important;
  text-align: center;
  padding-top: 20px;
}
.allTechtips-pagination .wpv-filter-pagination-link, .wpv-filter-next-link, .wpv-filter-previous-link {
  border: none !important;
}
span.wpv-filter-pagination-link {
  border-radius: 4px !important;
  margin-left: 15px !important;
}
/* End: Pagination*/

/* End: Filters */

/* Main pop up search */
/* Offset text so the search icon dosent over lap */
div.popup-search-wrap input.field.searchform-s{
  padding-right: 38px !important;
}

/* BOOTSTRAP v3 migration to v4 - missing classes */

.center-block {
display: block;
margin-right: auto;
margin-left: auto;
}

.allTechtips-pagination .pagination {
	list-style: none;
}

.btn-primary {
    background-color: #337ab7;
    border-color: #2e6da4;
}

@media(max-width: 559px) {
.hidden-xs {
display: none;
}
}

/* End: Bootstrap Migration Classes */


/************************/
/*
/* Start: Video Library 
/*
/************************/

.font-weight-strong {
	font-weight: 900;
}

.reset-button {
	text-decoration: none;
	margin-left: 15px;
	margin-right: 5px;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.single-video .entry-content {
	margin-bottom: 0;
}
/* Video 'Tabs' Styling */

.video-tabs .vc_tta-tabs-container {
	border-bottom: 5px solid #2a7ac4;
	margin-bottom: 10px !important;
	background: #f7f7f7;
}
.video-tabs.vc_tta-tabs.vc_tta-style-flat .vc_tta-tab>a {
	padding: 14px 30px 9px;
	color:#141823;
	background: #f7f7f7;
}

.video-tabs.vc_tta-tabs.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a {
	font-size: 1.1rem;
	padding: 20px; 
}

.video-tabs.vc_tta-tabs.vc_tta-style-flat .vc_tta-tab.vc_active>a, .video-tabs.vc_tta-tabs.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a {
	background: #2a7ac4;
	color: white;
}


/* Single Video Block Styling */

.video-category-item {
	background: #f7f7f7;
	border-left: 8px solid;
	margin-bottom: 20px;
}

.video-category-item .video-category-icon {
   
}

.video-category-item .video-sector-type {
	letter-spacing: 2px;
    font-size: 0.8rem;
    font-weight: 600;
    color: grey;
    line-height: 1.4;
}

.video-category-item h4 {
	font-size: 1.1rem;
	font-weight: 900;
}

.video-category-item, .video-grid-tile .image-title-inner {
	border-left-color: #2a7ac4;
}
.video-category-item.ethylene-oxide, .video-grid-tile.ethylene-oxide .image-title-inner {
	border-left-color: #E6A158;
}
.video-category-item.vaporized-hydrogen-peroxide, .video-grid-tile.vaporized-hydrogen-peroxide .image-title-inner {
	border-left-color: #fe4c57;
}
.video-category-item.electron-beam, .video-grid-tile.electron-beam .image-title-inner {
	border-left-color: #ACACAC;
}
.video-category-item.gamma-irradiation, .video-grid-tile.gamma-irradiation .image-title-inner {
	border-left-color: #55C5E9;
}
.video-category-item.x-ray, .video-grid-tile.x-ray .image-title-inner {
	border-left-color: #24408E;
}

.video-category-item.microbiological-testing, .video-category-item.analytical-testing, .video-category-item.packaging-testing, .video-category-item.product-testing, 
.video-grid-tile.microbiological-testing .image-title-inner, .video-grid-tile.analytical-testing .image-title-inner, .video-grid-tile.packaging-testing .image-title-inner, .video-grid-tile.product-testing .image-title-inner  {
	border-left-color: #63BA6F;
}





/****** VIDEO TILE *************/

.video-grid-header {
	background: #2a7ac4;
}
.video-grid-header.green  {
	background: #63BA6F;
}
.video-search-filters {
	background: #f9f9f9;
}
.video-search-filters input {
	margin: 0 !important;
	height: 30px !important;
}
.video-search-filters select.form-control {
	padding-top: 3px;
	padding-bottom: 3px;
	height: 30px !important;
}
.video-search-filters .form-group input[type="submit"] {
	min-height: unset;
    line-height: 30px;
    font-size: 0.8rem;
	margin-left: 5px !important;
}

.video-search-filters .wpv-submit-trigger {
    border-radius: .25rem;
    margin-left: 5px;	
}

.video-search-filters .js-wpv-dps-spinner {
	padding: 2px;
    margin-left: 15px;
}
.video-search-filters .js-wpv-dps-spinner img {
	position: relative;
	top: 0;
    left: 0;
}


.video-grid-header h4, .video-grid-header h3 {
	text-transform: uppercase;
    font-weight: 600;
    color: white;
    letter-spacing: 1px;
}
.video-grid-header img {
	width: 45px;
}


.wpv-pagination-nav-links-container:not(.pagination-dots) .wpv-filter-pagination-link {
	border: none !important;
	padding: 6px 12px !IMPORTANT;
}

.video-grid-tile {
	position: relative;
}

.image-title {
	background: url('/wp-content/uploads/2021/10/STERIS_AST_GeoBackground-faded-500.jpg');
	background-repeat: no-repeat;
	background-size:cover;
	position: relative;
}

.image-title-inner {
	background: white;
	border-left: 4px solid;
	min-height: 157px;
	position: relative;
}
.image-title-inner img {
	width: 40px;
}
.video-grid-tile .play-icon {
	display: none;
	position: absolute;
    right: 15px;
    top: 15px;
	width: 26px;
}
.video-grid-tile:hover .play-icon {
	display: block;
}

.image-title-inner h5,.image-title-inner p {
	text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 1.1;
    font-size: 1rem;

}

.video-grid-tile .image-title-inner h5, .video-grid-tile .image-title-inner p {
	color: #2a7ac4;
}

.video-grid-tile.ethylene-oxide .image-title-inner h5, .video-grid-tile.ethylene-oxide .image-title-inner p {
	color: #E6A158;
}
.video-grid-tile.vaporized-hydrogen-peroxide .image-title-inner h5, .video-grid-tile.vaporized-hydrogen-peroxide .image-title-inner p {
	color: #fe4c57;
}
.video-grid-tile.electron-beam .image-title-inner h5, .video-grid-tile.electron-beam .image-title-inner p {
	color: #ACACAC;
}
.video-grid-tile.gamma-irradiation .image-title-inner h5,.video-grid-tile.gamma-irradiation .image-title-inner p {
	color: #55C5E9;
}
.video-grid-tile.x-ray .image-title-inner h5, .video-grid-tile.x-ray .image-title-inner p  {
	color: #24408E;
}
.video-grid-tile.analytical-testing .image-title-inner h5, .video-grid-tile.analytical-testing .image-title-inner p {
	color: #63BA6F;
}

.video-grid-tile.microbiological-testing .image-title-inner h5, .video-grid-tile.analytical-testing .image-title-inner h5, .video-grid-tile.packaging-testing .image-title-inner h5, .video-grid-tile.product-testing .image-title-inner h5 {
	color: #63BA6F;
}

.video-grid-tile.microbiological-testing .image-title-inner p, .video-grid-tile.analytical-testing .image-title-inner p, .video-grid-tile.packaging-testing .image-title-inner p, .video-grid-tile.product-testing .image-title-inner p {
	color: #63BA6F;
}

.video-grid-tile .main-title {
	font-size: 1.1rem;
    line-height: 1.2;
}
.video-grid-tile .video-meta {
	position: absolute;
	bottom:0;
	right: 0;
	
}
.video-grid-tile .video-meta .duration {
    line-height: 1;
	padding: 8px 10px;
    font-size: 0.7rem;
	font-weight: 700;
	color: white;
}
.video-grid-tile .video-meta .duration img { 
	width: 12px;
    margin-right: 5px;
	
}

.video-grid-tile > a {
	position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

@media (max-width: 768px) {
	.video-search-filters .form-group {
		width: 100%;
	}
}



/********/
/**** FEATURED VIDEO SECTION ****/
/********/

.featured-videos {
	background: #f7f7f7;
	padding: 25px 30px 30px;
}

.featured-videos .splide__pagination {
	bottom: 1.5rem;
}
.featured-videos .splide__pagination__page {
	background: #f7f7f7;
	border: 2px solid #2a7ac4;
	width: 13px;
    height: 13px;
	opacity: 1;
}
.featured-videos .splide__pagination__page.is-active {
	background: #2a7ac4;
	transform: none;
}

.featured-videos .image-title-inner h5 {
    font-size: 1rem;
}

.featured-videos .video-grid-tile .main-title {
	font-size: 1.1rem;
}

/********/
/**** INDIVIDUAL VIDEO PAGE ****/
/********/

.video-page-categories .single-category {
	text-transform: uppercase;
    padding: 5px 10px;
    display: inline-block;
    color: white;
    text-decoration: none;
    letter-spacing: 0.5px;
    font-weight: 600;
    font-size: 0.8rem;
    border-radius: 5px;
    margin-bottom: 5px;
margin-left: 8px;
	background: #2a7ac4;
}
.video-page-categories .single-category:last-of-type {
	margin-bottom: 0;
}
.video-page-categories .single-category img {
	width: 18px;
    margin-left: 6px;
    margin-top: -2px;
}
.video-grid-tile .duration {
	background: #2a7ac4;
}

.video-page-categories .single-category.ethylene-oxide, .video-grid-tile.ethylene-oxide .duration {
	background: #E6A158;
}
.video-page-categories .single-category.vaporized-hydrogen-peroxide, .video-grid-tile.vaporized-hydrogen-peroxide .duration {
	background: #fe4c57;
}
.video-page-categories .single-category.electron-beam, .video-grid-tile.electron-beam .duration {
	background: #ACACAC;
}
.video-page-categories .single-category.gamma-irradiation, .video-grid-tile.gamma-irradiation .duration {
	background: #55C5E9;
}
.video-page-categories .single-category.x-ray, .video-grid-tile.x-ray .duration {
	background: #24408E;
}
.video-page-categories .single-category.microbiological-testing, .video-page-categories .single-category.analytical-testing, .video-page-categories .single-category.packaging-testing, .video-page-categories .single-category.product-testing, .video-grid-tile.microbiological-testing .duration, .video-grid-tile.analytical-testing .duration, .video-grid-tile.packaging-testing .duration, .video-grid-tile.product-testing .duration {
	background: #63BA6F;
}


.video-page-categories .single-category.contract-sterilization, .video-page-categories .single-category.testing-validation {
	display: none;
}

/* added by Ankit for Accessibility issue. To Replace h4 tag with h2 tag 03/01/2023 */
.cta-black h2 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}
.cta-blue h2 {
    color: #2a7ac4;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 0px;
}