.fwp-filters .facetwp-facet.facetwp-facet-resource_types_fr.facetwp-type-checkboxes .facetwp-checkbox {
text-transform: none !important;
}
.fwp-filters .facetwp-facet.facetwp-facet-resource_topics_fr.facetwp-type-checkboxes .facetwp-checkbox {
text-transform: none !important;
} body {
font-family: noto sans, sans-serif;
}
h2{
font-family: noto sans, sans-serif;
font-weight:600;
font-size:38px;
}
p {
font-family: noto sans, sans-serif;
font-size:18px;
}
.hr-mobile{
background: #313131;
display:none;
}
.pull-40 {
margin-top:-40px;
}
.pull-30{
margin-top:-30px;
} #home-slider{
max-width:2000px;
margin-right:auto;
margin-left:auto;
}
#home-slider .logo img {
max-width: 229px;
}
#home-slider  .hero-content{
max-width:540px;
}
#home-slider  .slider-nav h3 {
font-family: noto sans, sans-serif;
font-weight: 700;
font-size:20px;
color: #000000 !important;
margin-bottom:0px;
}
#home-slider  .slider-nav  p{
font-size:16px;
margin-top:8px;
margin-bottom:60px;
}
#home-slider .home-intro-copy{
font-size:16px;
color:#000000;
}
#home-slider h2 {
color:#000000;
}
#home-slider h2 sup {
top: -1em;
font-size:50%;
}
#home-slider [uk-cover] {
height:100%;
width:100%;
}
#slider1, #slider2, #slider3, #slider4 {
opacity:0;
transition:1000ms;
}
#slider1.uk-active , #slider2.uk-active, #slider3.uk-active, #slider4.uk-active  {
opacity:1;
}
.home-button-default{
font-size: 16px;
color: #B80D30 !important;
text-transform: uppercase;
border-radius: 3px;
padding: 10px 15px;
font-weight: bold;
border: 1px solid #B80D30;
font-family: noto sans, sans-serif;
letter-spacing: 0;
margin-top: 10px;
display: inline-block;
background: #ffffff;
width: unset;
position: absolute;
bottom: 0px;
left: 50%;
transform: translate(-50%, -20px);
}
.home-button-default:hover{
background: #B80D30;
color:#ffffff !important;
text-decoration:none;
}
.button-red{
font-size: 16px;
color: #ffffff !important;
border-radius: 3px;
padding: 10px 15px;
font-weight: bold;
border: 1px solid #B80D30;
font-family: noto sans, sans-serif;
letter-spacing: 0;
margin-top: 10px;
display: inline-block;
background: #B80D30;
width: unset;
}
.button-red:hover{
background: #ffffff;
color:#B80D30 !important;
text-decoration:none;
}
#home-slider  .card-link a, .card-link p{
text-decoration:none;
color:#000000;
}
#home-slider  .card-link:hover{
text-decoration:none;
cursor:pointer;
}
#home-slider  .card-link > div {
height:100%;
}
#home-slider .uk-slideshow-items>:not(.uk-active){
display:block;
opacity:0;
}
.slider-nav-container .active:hover > .home-button-default{
color: #ffffff !important;
background: #B80D30;
text-decoration: none;
}
.slider-nav-container{
max-width: 1780px;
width:100%;
padding: 0px 50px 0px 50px;
margin-top: -200px;
}
.slider-nav-container #sliderNav1,
.slider-nav-container #sliderNav2,
.slider-nav-container #sliderNav3,
.slider-nav-container #sliderNav4 {
background-color: #fff;
color: #666;
box-shadow: 0 20px 20px 0px rgb(0 0 0 / 15%);
border-radius:5px;
}
.slider-nav-container .uk-card-body{
padding:30px 15px 20px 15px !important;
}
.slider-nav-container .uk-card-body::after{
content: '';
display: block;
position: absolute;
top: 0;
width: 30%;
left: 35%;
border-top: 8px solid #ffffff;
transition:.5s;
}
.uk-slideshow-items{
min-height:unset;
max-height: 530px;
}
.slider-nav-container .active{
transition:.2s;
}
.slider-nav-container .active::after {
content: '';
display: block;
position: absolute;
top: 0;
width: 30%;
left: 35%;
border-top: 8px solid #54C7DC;
transition: .5s;
}
.slider-nav-container .active:hover::after {
content: '';
display: block;
position: absolute;
top: 0;
width: 100%;
left: 0%;
border-top: 8px solid #54C7DC;
transition:.5s;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.slider-nav-container .active:hover{
transform:scale(1.03);
} #home-header-mobile{
display:none;
}
#home-header-mobile .logo{    
background-image:url(https://wearepdi.dd.mcgit.cc/en-uk/wp-content/uploads/sites/2/2022/03/Group-233.png);
background-size:cover;
background-position:center;
min-height:275px;
height:60vw;
}
#home-header-mobile .logo img {
width:86px;
margin:10px;
}
#home-header-mobile h2 {
color: #313131;
font-size:28px;
}
#home-header-mobile p {
font-size:16px;
max-width:600px;
margin: 0 auto;
}
#home-header-mobile .intro-text{
margin-top:-50px;
}
#home-header-mobile .education-card {
max-width:600px;
margin: 0 auto;
}
#bgImg{
display:block;
background-size: cover;
height: 550px; } #challenges h1{
font-family: noto sans, sans-serif;
font-size:28px;
font-weight:600;
text-transform:uppercase;
color:#000000;
}
#challenges h1::before {
content: '';
display: block;
position: relative;
top: -15px;
width: 34%;
left: 33%;
border-top: 15px solid #B80D30;
}
#challenges p {
max-width: 860px;
margin: 0 auto;
font-size:16px;
}
#challenges h3 {
font-family: noto sans, sans-serif;
font-size:24px;
font-weight:600;
text-transform:uppercase;
color:#2490C9;
}
#challenges ul {
list-style:none;
padding-left:0px;
columns: 2; -webkit-columns: 2;-moz-columns: 2;
}
#challenges ul li{
display:flex;
margin-bottom:30px;    
}
#challenges ul li::before {
content: url(//pdihc.dc.mcgit.cc/wp-content/themes/pdihc/assets/images/checkmark.png);
margin-right:8px;
}
#challenges .challenges-bg{
background-position: top right;     
background-size: contain;
}
#featured-product-slider{
display:block;
} #stats{
background-image: linear-gradient(to bottom, rgb(245 246 252 / 0%), rgb(255 255 255 / 90%)), url(//pdihc.dc.mcgit.cc/wp-content/themes/pdihc/assets/images/stats-background.png);
padding-bottom: 100px;
background-position: center;
background-size: cover;
}
#stats .stat-img{
border-radius: 50%;
background:#ffffff;
box-shadow: inset 0px 3px 6px rgb(0 0 0 / 26%);
width: 88px;
margin: 0 auto;
height: 88px;
display: flex;
align-items: center;
justify-content: center;
}
#stats .stat-img img{
max-height: 48px;
width: auto;
}
#stats h5{
margin-top:5px;
font-family: 'noto sans', sans-serif;
font-size:18px;
font-weight:600;
text-transform:uppercase;
}
#stats span { font-family: 'noto sans', sans-serif;
color: #54C7DC;
font-size: 52px;
font-weight: 700;
}
#stats p {
font-family: 'noto sans', sans-serif !important;
font-size:18px;
font-weight: normal;
max-width:425px;
} #browse-products h2{
display:block;
margin: 0 auto;
margin-bottom:40px;
text-transform:uppercase;
color:#000;
font-size: 30px;
font-weight:600;
max-width:500px;
}
#browse-products h2::before {
content: '';
display: block;
position: relative;
top: -15px;
width: 340px;
margin: 0 auto;
border-top: 15px solid #B80D30;
}
#browse-products h3 {
font-size: 26px;
font-weight: 600;
color: #000000;
margin: -90px 0px 5px 0px;
position:relative;
z-index:10;
font-family:noto sans, sans-serif;
}
#browse-products p {
font-family:noto sans, sans-serif;
}
#browse-products .browse-product-card{
overflow:hidden;
margin-bottom:15px;
}
#browse-products a:hover{
text-decoration: none;
}
#browse-products .browse-product-card:hover > img{
transform:scale(1.05);
}
#browse-products img {
transition: .3s;
z-index:9;
position: relative;
max-width:470px;
width:100%;
max-height:400px;
height:100%;
}
#browse-products p {
font-size: 16px;
color: #000000;
max-width: 341px;
margin: 0 auto;
text-transform: none;
font-weight: normal;
position:relative;
z-index:10;
}
#browse-products span {
font-size: 15px;
color: #B80D30;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
margin-top: 5px;
font-family:noto sans, sans-serif;
position: relative;
z-index: 10;
}
#browse-products span:hover {
text-decoration: underline;
}
.text-red {
color:#B80D30;
}
.featured-product{
background-position: right;
margin-top:10px;
min-height: 490px;
}
.featured-product h5{
font-family: noto sans, sans-serif;
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
color: #007EC1;
margin-bottom: 10px;
}
.featured-product p {
color:#000000;
}
.featured-product h3 {
font-family: noto sans, sans-serif;
font-size:26px;
font-weight:600;
color:#000000;  
margin-top:0px;  
}
.featured-product span {
font-style: italic;
color: #3E3E3E;
}
.featured-product a.featured-product-btn {
font-size: 16px;
color: #B80D30 !important;
text-transform: uppercase;
border-radius: 3px;
padding: 10px 20px;
font-weight: bold;
border: 1px solid #B80D30;
font-family: noto sans, sans-serif;
letter-spacing: 0;
margin-top: 30px;
display: block;
background:#ffffff;
width:147px;
}
.featured-product a.featured-product-btn:hover {
background: #B80D30;
color:#fff !important;
text-decoration: none;
} .featured-product-dotnav {
margin-top:-30px !important;
position:relative !important;
}
#featured-product-slider img{
max-width:460px;
width:100%;
height:auto;
}
.uk-dotnav>.uk-active>*{
background-color: #54C7DC !important;
border-color: #A8E3ED !important;
border: 3px solid #A8E3ED !important;
}
.uk-dotnav>*>* {
width: 18px !important;
height: 18px !important;
background: #A7E2ED !important;
border:0px;
}
.uk-dotnav>* {
padding-left: 8px;
} .layered-approach-wrap{
background-image:url(//pdihc.dc.mcgit.cc/wp-content/themes/pdihc/assets/images/layered_approach_bg.png);
background-size:contain;
background-position:bottom;
}
#layered-approach{
max-height:1100px;
}
#layered-approach h1 {
font-family: noto sans, sans-serif;
font-size: 34px;
font-weight:600;
text-transform:uppercase;
max-width:500px;
margin: 20px auto;
color:#000000;
}
#layered-approach h1::before {
content: '';
display: block;
position: relative;
top: -15px;
width: 310PX;
margin: 0 auto;
border-top: 15px solid #B80D30;
}
#layered-approach .intro {
font-size: 16px;
max-width: 940px;
margin: 0 auto 30px;
}
#layered-approach .layered-content{
display: flex;
flex-wrap: wrap;
align-content: center;
max-width: 270px;
}
#step1{
position: relative; left: 35%; z-index:5;
}
#step1 .layered-approach-icon{
transform: translate(-10px,-35px);
}
#step2{
position: relative; right: -39px;  top: -250px; z-index:4; max-width: 900px;
}
#step2 .layered-approach-icon{
transform: translate(-10px, -50px);
}
#step3{
position: relative; left: 35%; z-index: 3; top: -500px;
}
#step3 .layered-approach-icon{
transform: translate(-30px, -40px);
}
#step4{
position: relative; right: -85px; top: -757px; z-index:2; max-width:900px;
}
#step4 .layered-approach-icon {
transform: translate(-30px, -30px);
}
#step5{
position: relative; left: 35%; z-index: 1; top: -1000px;
}
#layered-approach-mobile{
display:none;
max-width: 680px;
margin: 0 auto;
overflow: hidden;
}
#step1-mobile{
padding:0px 20px;
}
#step1-mobile .step1-img {
margin-left:-135px;
height:200px;
}
#step1-mobile .step1-img img{
width: 330px;
}
#step1-mobile h4 {
font-size:16px;
color:#2490C9;
font-weight: 600;
text-align: right;
max-width:200px;
margin-top:12px;
}
#step1-mobile h4::after{
content: '';
display: block;
position: relative;
top: 7px;
width: 999%;
left: -1%;
border-top: 6px solid #277ca9;
}
#step1-mobile .uk-accordion-title{
display: block;
font-size: 1.25rem;
line-height: 1.4;
color: #333;
overflow: hidden;
max-width: 120px;
font-size: 14px;
color: #606060;
font-weight: 600;
text-align: right;
margin-left: auto;
}
#step1-mobile .uk-accordion-content{
display: flow-root;
margin-top: 20px;
max-width: 200px;
text-align: right;
}
#step2-mobile{
padding:0px 20px;
}
#step2-mobile .step2-img {
margin-right:-135px;
height:220px;
}
#step2-mobile .step2-img img{
width: 330px;
position:relative;
}
#step2-mobile h4 {
font-size:16px;
color:#151515;
font-weight: 600;
text-align: left;
max-width:200px;
margin-top:52px;
}
#step2-mobile h4::after{
content: '';
display: block;
position: relative;
top: 7px;
width: 499%;
right: 282%;
border-top: 6px solid #313131;
z-index: 0;
}
#step2-mobile .uk-accordion-title{
display: block;
font-size: 1.25rem;
line-height: 1.4;
color: #333;
overflow: hidden;
max-width: 120px;
font-size: 14px;
color: #606060;
font-weight: 600;
text-align: right;
margin-right: auto;
}
#step2-mobile .uk-accordion-content{
display: flow-root;
margin-top: 20px;
max-width: 200px;
text-align: left;
}
#step3-mobile{
padding:0px 20px;
}
#step3-mobile .step3-img {
margin-left:-135px;
height:200px;
}
#step3-mobile .step3-img img{
width: 330px;
}
#step3-mobile h4 {
font-size:16px;
color:#47B8CC;
font-weight: 600;
text-align: right;
max-width:200px;
margin-top:52px;
}
#step3-mobile h4::after{
content: '';
display: block;
position: relative;
top: 7px;
width: 999%;
left: -1%;
border-top: 6px solid #54C7DC;
}
#step3-mobile .uk-accordion-title{
display: block;
font-size: 1.25rem;
line-height: 1.4;
overflow: hidden;
max-width: 120px;
font-size: 14px;
color: #606060;
font-weight: 600;
text-align: right;
margin-left: auto;
}
#step3-mobile .uk-accordion-content{
display: flow-root;
margin-top: 20px;
max-width: 200px;
text-align: right;
}
#step4-mobile{
padding:0px 20px;
}
#step4-mobile .step4-img {
margin-right:-135px;
height:220px;
}
#step4-mobile .step4-img img{
width: 330px;
position:relative;
}
#step4-mobile h4 {
font-size:16px;
color:#151515;
font-weight: 600;
text-align: left;
width:200px;
margin-top:70px;
}
#step4-mobile h4::after{
content: '';
display: block;
position: relative;
top: 7px;
width: 499%;
right: 282%;
border-top: 6px solid #888a94;
z-index: 0;
}
#step4-mobile .uk-accordion-title{
display: block;
font-size: 1.25rem;
line-height: 1.4;
color: #333;
overflow: hidden;
max-width: 120px;
font-size: 14px;
color: #606060;
font-weight: 600;
text-align: right;
margin-right: auto;
}
#step4-mobile .uk-accordion-content{
display: flow-root;
margin-top: 20px;
max-width: 200px;
text-align: left;
}
#step5-mobile{
padding:0px 20px;
}
#step5-mobile .step5-img {
margin-left:-135px;
height:320px;
}
#step5-mobile .step5-img img{
width: 330px;
}
#step5-mobile h4 {
font-size:16px;
color:#151515;
font-weight: 600;
text-align: right;
max-width:200px;
margin-top:52px;
}
#step5-mobile h4::after{
content: '';
display: block;
position: relative;
top: 7px;
width: 999%;
left: -1%;
border-top: 6px solid #B80D30;
}
#step5-mobile .uk-accordion-title{
display: block;
font-size: 1.25rem;
line-height: 1.4;
overflow: hidden;
max-width: 120px;
font-size: 14px;
color: #606060;
font-weight: 600;
text-align: right;
margin-left: auto;
}
#step5-mobile .uk-accordion-content{
display: flow-root;
margin-top: 20px;
max-width: 200px;
text-align: right;
}
#layered-approach h4{
font-size: 17px;
font-weight: 600;
color: #000000;
margin-top: -119px;
display: block;
width: 100%;
font-family: noto sans, sans-serif;
}
#layered-approach h4:after{
content: '';
display: block;
position: relative;
top: 7px;
width: 100%;
left: -1%;
border-top: 8px solid #277ca9;
}
#layered-approach ul.uk-accordion {
margin-top: 0px;
width: 100%;
height: 0px;
}
#layered-approach ul > li{
position:relative;
top:68px;
}
#layered-approach ul > li > a.uk-accordion-title {
text-align: center;
max-width: 110px;
margin: -90px auto 0;
font-size: 14px;
color:#606060;
}
.uk-accordion-content{
font-size:14px;
margin-top:5px;
}
#layered-approach ul > li > div.uk-accordion-content {
font-size: 14px;
margin-top:5px;
}
#layered-approach p {
font-size: 14px;
margin-top:0px;
}
#step2 h4{
margin-top:-6px;
margin-top: -93px;
}
#step2 h4:after{
left:0%;
border-top: 8px solid #5a5a5a;
}
#step3 h4 {
margin-top:-93px;;
}
#step3 h4:after{
border-top: 8px solid #62c4d6;
}
#step4 h4{
margin-top:-74px;
width:270px;
}
#step4 h4:after{
border-top: 8px solid #898b95;
left: 1%;
top:6px;
}
#step5 h4{
margin-top: -26px;
height: 52px;
margin-bottom: 40px;
}
#step5 h4:after{
border-top: 8px solid #ac344d;
} #education_resources{
margin-top:15px;
}
#education_resources h1 {
font-family: noto sans, sans-serif;
font-size: 34px;
font-weight: 600;
text-transform: uppercase;
max-width:500px;
margin: 0 auto 45px;
color:#000000;
}
#education_resources h1::before {
content: '';
display: block;
position: relative;
top: -15px;
width: 310PX;
margin: 0 auto;
border-top: 15px solid #B80D30;
}
#education_resources .youtube-video{
display:block;
}
.education-img-container{
width:120px;
}
.education-cards{
transition: .2s;
}
.education-cards img {
max-width:100px;
margin-right:20px;
}
.education-cards h5 {
font-size:18px;
font-family: noto sans, sans-serif;
font-weight:bold;
margin:0px;
color:#000000;
}
.education-cards p{
font-size:15px;
margin:0px;
max-width:225px;
}
.education-cards .arrow-container{
display:flex;
justify-content:flex-end;
flex-grow:1;
}
.education-cards .arrow {
border-radius: 50%;
border: 2px solid #b80d30;
background: #fff;
color: #b80d30;
padding: 1px 2px;
transition: .3s;
transition-delay: .1s;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
}
.education-card-link:hover{
text-decoration:none;
}
.education-card{
transition:.1s;
padding-right:25px;
border-radius:5px;
padding:12px;
}
.education-card:hover{
transform:scaleX(1.02);
}
.education-card:hover > .arrow-container .arrow {
background: #b80d30;
color:#fff;
position: relative;
-moz-transform: translate(5px);
-ms-transform: translate(5px);
-o-transform: translate(5px);
-webkit-transform: translate(5px);
transform: translate(5px);
}
.featured-video h4{
font-size:18px;
text-transform:uppercase;
font-weight: 600;
color:#007EC1;
margin-bottom:0px;
font-family: noto sans, sans-serif;
}
.featured-video p {
font-weight:600;
font-size:19px;
color:#000000;
margin-top:10px;
}
.youtube-thumbnail-container {
position: relative;
display: inline-block;
cursor: pointer;
}
.youtube-thumbnail {
width: 100%; 
height: auto; 
max-width: 1200px; 
display: block; 
margin: 0 auto; 
}
.youtube-play-button {
position: absolute;
top: 50%;
left: 50%;
width: 70px; 
height: 48px; 
background-image: url(//pdihc.dc.mcgit.cc/wp-content/themes/pdihc/assets/images/youtubePlayIcon.png); background-size: contain;
background-repeat: no-repeat;
transform: translate(-50%, -50%);
} #featured_posts{
margin-top:50px;
}
#featured_posts .uk-card {
border-radius: 5px;
padding: 10px 15px;
transition:.3s;
}
#featured_posts .featured-ce-courses-link > .uk-card {
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
#featured_posts .uk-card:hover {
transform: scale(1.03);
}
.featured-ce-courses-desktop{
display:block;
}
.featured-courses-mobile {
display: none;
}
.featured-ce-courses h3, .featured-blogs h3 {
display: block;
padding: 5px 10px;
background: #54C7DC;
color:#ffffff;
font-family: noto sans, sans-serif;
font-weight:600;
border-radius: 5px;
margin:0 auto;
max-width: 300px;
text-align: center;
text-transform: uppercase;
margin-bottom: -25px;
position: relative;
}
.featured-ce-courses-bg{
background-image: url(//pdihc.dc.mcgit.cc/wp-content/themes/pdihc/assets/images/featured_ce_courses.png);
background-size: contain;
background-position: center;
min-height: 180px;
}
.featured-ce-courses .featured-ce-courses-link:hover{
text-decoration:none;
}
.featured-ce-courses .featured-ce-courses-link::before {
content: '';
display: block;
top: 7px;
position: relative;
width: 35%;
margin: 0 auto;
border-top: 8px solid #ffffff;
transition: .5s;
z-index: 1;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.featured-ce-courses .featured-ce-courses-link:hover::before {
border-top: 8px solid #54C7DC;
width: 100%;
margin: 0 auto;
transform: scaleX(1.03);
}
.featured-ce-courses .featured-ce-courses-link h5{
font-size:18px;
font-weight:600;
font-family:noto sans, sans-serif;
margin-top: 10px;
margin-bottom: 8px;
color:#000000;
}
.featured-ce-courses .featured-ce-courses-link p{
font-size:15px;
margin:0px;
font-family:noto sans, sans-serif;
}
.featured-ce-courses .featured-ce-courses-link button {
color:#B80D30;
background: #ffffff;
font-weight:bold;
text-transform:uppercase;
}
.featured-ce-courses .featured-ce-courses-link button:hover {
text-decoration:underline;
background:#ffffff !important;
-webkit-box-shadow: unset; 
box-shadow: unset;
} .featured-blogs-bg{
background-image:url(//pdihc.dc.mcgit.cc/wp-content/themes/pdihc/assets/images/featured_blogs.jpg);
background-size: contain;
background-position: center;
min-height: 180px;
}
.blog-img-container{
width:120px;
margin-right:15px;
}
.blog-cards{
transition: .2s;
margin-top:10px;
}
.blog-cards img {
max-width:83px;
margin-right:20px;
}
.blog-cards h5 {
font-size:18px;
font-family: noto sans, sans-serif;
font-weight:bold;
margin:0px;
color:#000000;
}
.blog-cards p{
font-size:15px;
margin:0px;
width: 95%;
}
.blog-card-link {
width: 100%;
}
.blog-cards .arrow-container{
display:flex;
justify-content:flex-end;
flex-grow:1;
}
.blog-cards .arrow {
border-radius: 50%;
border: 2px solid #b80d30;
background: #fff;
color: #b80d30;
padding: 1px 2px;
transition: .3s;
transition-delay: .1s;
width: 28px;
height: 28px;
display:flex;
align-items:center;
justify-content: center;
}
.blog-card-link:hover{
text-decoration:none;
}
.blog-card{
transition:.1s;
padding-right:25px;
border-radius:5px;
}
.blog-card:hover{
transform:scaleX(1.02);
}
.blog-card:hover > .arrow-container .arrow {
background: #b80d30;
color:#fff;
position: relative;
-moz-transform: translate(5px);
-ms-transform: translate(5px);
-o-transform: translate(5px);
-webkit-transform: translate(5px);
transform: translate(5px);
} .featured-courses-cards{
transition: .2s;
}
.featured-courses-cards img {
max-width:83px;
margin-right:20px;
}
.featured-courses-cards h5 {
font-size:18px;
font-family: noto sans, sans-serif;
font-weight:bold;
margin:0px;
}
.featured-courses-cards p{
font-size:15px;
margin:0px;
}
.featured-courses-link {
width: 100%;
}
.featured-courses-cards .arrow-container{
display:flex;
justify-content:flex-end;
flex-grow:1;
}
.featured-courses-cards .arrow {
border-radius: 50%;
border: 2px solid #b80d30;
background: #fff;
color: #b80d30;
padding: 1px 2px;
transition: .3s;
transition-delay: .1s;
width: 28px;
height: 28px;
}
.featured-courses-link:hover{
text-decoration:none;
}
.featured-course{
transition:.1s;
padding-right:25px;
border-radius:5px;
}
.featured-course:hover{
transform:scaleX(1.02);
}
.featured-course:hover > .arrow-container .arrow {
background: #b80d30;
color:#fff;
position: relative;
-moz-transform: translate(5px);
-ms-transform: translate(5px);
-o-transform: translate(5px);
-webkit-transform: translate(5px);
transform: translate(5px);
} #news_and_events{
margin:150px auto;
}
#news_and_events .uk-slider{
padding: 0px 100px;
}
#news_and_events .slider-mobile{
display:none;
}
#news_and_events .slider-desktop{
display: block;
max-width: 1650px;
margin: 0 auto;
}
#news_and_events h1{
font-family: noto sans, sans-serif;
font-size:28px;
font-weight:600;
text-transform:uppercase;
color:#000000;
}
#news_and_events h1::before {
content: '';
display: block;
position: relative;
top: -15px;
width: 10%;
margin: 0 auto;
border-top: 15px solid #B80D30;
}
#news_and_events .uk-card-title{
font-size:16px;
font-weight: 600;
color: #0078B5;
text-align:center;
font-family: noto sans, sans-serif;
}
#news_and_events .uk-card-title em {
color: #0078B5;
}
#news_and_events .news-slider {
min-height:380px;
overflow-x: hidden;
overflow-y: visible;
}
#news_and_events .news-slider-nav {
background: white;
border: 2px solid #b80d30;
border-radius: 50%;
box-shadow: 2px 2px 10px #00000057;
color: #b80d30;
transition: .5s;
display: flex;
align-items:center;
justify-content: center;
}
#news_and_events .news-slider-nav:hover {
color:#fff;
background: #b80d30;
}
#news_and_events .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {
stroke-width:2;
}
#news_and_events .news-slider-nav-left{
transform: translate(0px, 0px);
display:flex !important;
visibility:visible !important;
}
#news_and_events .news-slider-nav-right{
transform: translate(0px, 0px);
display: flex !important;
visibility: visible !important;
}   
#news_and_events .news-slider-container {
height: 370px;
}
#news_and_events .uk-card-media-top {
height: 200px;
display: flex;
align-items: center;
}
#news_and_events .uk-card-media-top img {
width:200px;
max-width:100%;
margin: 0 auto;
display:block;
}
#news_and_events .uk-card {
height:320px;
transition:.3s;
border-radius:5px;
}
#news_and_events .uk-card:hover{
transform:scale(1.04);
} #infection_prevention_experts{
background-size:cover;
background-position: center;
display:flex;
justify-content: center;
align-items: center;
padding:50px ;
}
#infection_prevention_experts h2{
font-size:30px;
font-weight:600;
color: #000000;
text-transform: uppercase;
}
#infection_prevention_experts p{
font-size:16px;
color:#3E3E3E;
}
#infection_prevention_experts p:nth-of-type(2){
font-weight:700;
font-style: italic;
}
#infection_prevention_experts .infection-prevention-container{
text-align:center;
max-width:600px;
}
#infection_prevention_experts a {
font-size: 16px;
color: #B80D30 !important;
text-transform: uppercase;
border-radius: 3px;
padding: 10px 20px;
font-weight: bold;
border: 1px solid #B80D30;
font-family: noto sans, sans-serif;
letter-spacing: 0;
margin-top: 30px;
display: block;
background: #ffffff;
width: 147px;
margin: 0 auto;
}
#infection_prevention_experts a:hover {
background: #B80D30;
color:#ffffff !important;
text-decoration:none;
} #industry_partnerships {
padding-top:100px;
}
#industry_partnerships h2{
font-size: 30px;
font-weight: 600;
color: #000000;
text-align:center;
text-transform: uppercase;
}
#industry_partnerships h2::before {
content: '';
display: block;
position: relative;
top: -15px;
width: 270px;
margin: 0 auto;
border-top: 15px solid #B80D30;
}
#industry_partnerships img {
max-width: 150px;
} h1.no-slider-title {
font-family: noto sans, sans-serif;
font-weight: 600;
font-size: 38px;
color:#000000;
} #blueprints h2.red-line {
display: block;
margin: 0 auto;
margin-bottom: 40px;
text-transform: uppercase;
color: #000;
font-size: 30px;
font-weight: 600;
max-width: 500px;
text-align: center;
margin-top: 100px;
}
#blueprints h2.red-line::before {
content: '';
display: block;
position: relative;
top: -15px;
margin: 0 auto;
border-top: 15px solid #B80D30;
}
#blueprints h2.red-line-who-we-serve::before {
width: 200px !important
}
#blueprints h2.red-line-resources::before {
width: 160px !important
}
#blueprints .popup-container {
position: absolute;
background: #fff;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
padding: 20px;
width: 300px;
z-index: 10000;
display: flex;
flex-direction: row;
border-radius: 6px;
}
#blueprints .popup-container p {
font-family: 'noto sans', sans-serif;
margin: 0;
font-size: 15px;
color: #000000;
}
#blueprints .popup-container sup {
color: #B80D30;
}
#blueprints .popup-container .uk-button {
background: #B80D30;
color: #ffffff;
font-family: 'noto sans', sans-serif;
padding: 0px 10px;
text-transform: unset;
font-weight: 600;
font-size: 16px;
}
#blueprints .popup-container .uk-button:hover {
background: #ffffff;
color: #B80D30;
border: 1px solid #B80D30;
}
#blueprints .popup-container p strong {
color: #B80D30;
}
#blueprints .uk-slider-items {
overflow: visible;
position: relative;
}
#blueprints span:hover {
cursor: pointer;
}
#blueprints .slider-wrapper {
position: relative;
}
#blueprints .marker .line {
display: none;
position: absolute;
border-top: 5px dashed #000;
width: 100px;
height: 0;
z-index: 0;
}
#blueprints .marker::before {
content: '';
position: absolute;
border-top: 5px dotted #000;
width: 0;
height: 0;
z-index: -1;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
#blueprints .marker-container {
position: absolute;
top: 0;
width: 100%;
height: 100%;
max-height: 530px;
z-index: 999;
}
#blueprints .marker {
position: absolute;
}
#blueprints .footnotes p,
#blueprints .footnotes ol li,
#blueprints .footnotes ul li {
font-size: 11px;
color: #000000;
margin: 0px;
}
#blueprints .intro-text {
margin-top: 30px;
}
#blueprints .thumbnav .uk-active {
height: 100%;
width: 100%;
display: block;
}
#blueprints .thumbnav .uk-active::before {
content: '';
position: absolute;
top: -4px;
left: 0px;
right: 0px;
bottom: -4px;
border: 4px solid #0a81bc;
z-index: 999;
}
@media (max-width: 768px) {
#blueprints .popup-container {
left: 50%;
transform: translateX(-50%);
top: 70px;
width: 400px;
max-width: 90%;
}
#blueprints .popup-container .close-button {
position: absolute;
top: 10px;
right: 10px;
font-size: 20px;
color: #000;
cursor: pointer;
}
#blueprints .footnotes-mobile {
padding: 10px 15px;
}
#blueprints .footnotes-mobile ol {
padding: 0px;
}
#blueprints .footnotes-mobile p,
#blueprints .footnotes-mobile ol li,
#blueprints .footnotes-mobile ul li {
font-size: 8px;
color: #000000;
margin: 0px;
}
}
#blueprints .mobile-only-container {
display: none;
}
#blueprints .popup-container .close-button {
position: absolute;
top: 10px;
right: 10px;
font-size: 20px;
color: #000;
cursor: pointer;
}
#blueprints .popup-container .close-button-desktop {
display: inline-block;
top: 15px;
position: absolute;
right: 15px;
}
#blueprints .popup-container .close-button:hover {
color: #B80D30;
}
#blueprints .footnotes {
display: none;
}
#blueprints .footnotes-active {
display: block;
}
.how-to-buy-2024 {
}
.how-to-buy-intro h1 {
font-size: 38px;
font-family: 'Noto Sans', sans-serif;
display: block;
margin: 0 auto;
margin-bottom: 20px;
text-transform: uppercase;
color: #000;
font-weight: 600;
max-width: 500px;
}
.how-to-buy-intro h1::before {
content: '';
display: block;
position: relative;
top: -10px;
width: 230px;
margin: 0 auto;
border-top: 10px solid #B80D30;
}
.how-to-buy-card {
border-radius: 8px;
}
.how-to-buy-intro p {
font-size: 16px;
margin-bottom: 30px;
}
.how-to-buy-2024 h3 {
font-family: "Noto Sans", sans-serif;
font-size: 28px;
margin-bottom: 30px;
}
.how-to-buy-form-container {
width: 680px;
max-width:90%;
margin: 0 auto;
background: #ffffff;
border-radius: 6px;
box-shadow: 0px 0px 20px #00000017;
padding: 20px;
margin-bottom: 30px;
}
.how-to-buy-2024 .how-to-buy-card img{
height: 120px;
display: block;
margin: 0 auto;
}
.how-to-buy-2024 .card-button, .consumer-modal .card-button {
font-family: 'noto sans', sans-serif;
border: 1px solid #b80d30;
border-radius: 3px;
background: #b80d30;
color: #ffffff !important;
font-size: 16px;
height: 55px;
width: 466px;
max-width: 100%;
font-weight: bold;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
margin: 35px auto 0px;
}
.how-to-buy-2024 .card-button:hover, .consumer-modal .card-button:hover {
background: #940623;
border: 1px solid #940623;
}
.how-to-buy-cards {
padding: 20px;
gap: 60px;
max-width: 840px;
display: flex;
flex-wrap:wrap;
}
.how-to-buy-cards > div {
width: 370px;
max-width: 100%;
margin: 0 auto;
}
.how-to-buy-cards .uk-first-column {
padding-left: 0px !important;
}
.how-to-buy-cards .card-description p {
font-size: 16px;
font-family: 'noto sans', sans-serif;
}
#consumer-modal .uk-modal-close-default svg{
color: #b80d30;
padding: 12px;
border: 2px solid #b80d30;
border-radius: 50%;
width: 48px;
height: 48px;
}
#consumer-modal .uk-modal-dialog {
width: 750px;
max-width: 90%;
border-radius: 9px;
top: 50% !important;
transform: translateY(-50%) !important;
}
#consumer-modal .uk-modal-body {
padding: 50px 30px;
}
.distributors-container > div {
width: calc(14.2857% - 10px); 
padding: 10px !important; 
margin-top: 0px !important; 
margin-bottom: 0px !important;
}
.distributors-intro h2 {
color: #1f1f1f;
font-size: 28px;
font-family: "Noto Sans", sans-serif;
}
.distributors-intro p {
font-size: 16px;
}
.pdi-page-hero-alternate .inner-wrap {
max-width: 1750px;
}
.find-your-rep-title {
margin-bottom: 10px;
}
.find-your-rep-title > p > * {
font-size: 36px;
font-family: "Noto Sans", sans-serif;
color: #000000;
font-weight: 600;
margin: 0 auto;
margin-bottom: 40px;
max-width: 500px;
}
.pdi-page-hero-alternate .pdi-hero-content p {
font-family: 'Noto Sans', sans-serif;
font-size: 18px;
color: #000000;
}
.find-my-rep-page .find-my-rep-form-wrap::before {
background: unset;
}
@media (max-width: 569px) {
.find-your-rep-title > p > * {
font-size: 24px;
}
.pdi-page-hero-alternate .pdi-hero-content p {
font-size: 16px;
}
.how-to-buy-intro h1 {
font-size: 28px;
}
.how-to-buy-intro h1::before {
width: 170px;
}
}
.find-my-rep-page #content > .pdi-page-hero-alternate .inner-wrap > * {
width: 90%;
max-width: 745px;
border-radius: 15px;
padding: 40px;
}
.find-my-rep-page #content > .pdi-page-hero-alternate .pdi-hero-content {
position: relative; 
background: #ffffff;
border: 0px;
}
.find-my-rep-page #content > .pdi-page-hero-alternate .pdi-hero-content::before {
content: ""; position: absolute;
top: 0;
left: 0;
width: 100%;
height: 15px;
background: linear-gradient(to right, #54C7DC, #ffffff);
z-index: 10;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
z-index: 0;
}
.rep-form .pdi-form-field input{
width: 375px;
height: 60px;
margin-bottom: 10px;
background: #F6F8FA !important;
border: 1px solid #CAD6E3;
border-radius: 1px;
display: block;
}
.rep-form {
margin-top: 24px;
position: relative;
display: flex;
flex-flow: column;
}
#find-rep-submit {
width: 200px;
height: 60px;
margin: 0px;
background: #B80C31;  
border-radius: 0px;  
font-size: 16px;    
}
#find-rep-submit:hover {
background: #940623;
}
.rep-form .pdi-form-field input {
height: 60px;
margin-right: 10px;
}
.rep-form .searching-msg {
left: -2px;
top: -22px;
}
.pdi-card-content-wrap {
margin-top: 10px;
}
#find-my-rep-result h2.h4 {
font-family: "Noto Sans", sans-serif;
font-size: 18px;
color: #000000;
}
#find-my-rep-result .name {
font-family: "Noto Sans", sans-serif;
font-size: 18px;
color: #000000;
}
#find-my-rep-result .email a {
font-family: "Noto Sans", sans-serif;
color: #B80C31;
font-size: 18px;
}
#find-my-rep-result .email a:hover {
text-decoration: underline;
color: #B80C31;
}
#find-my-rep-result .tel {
font-family: "Noto Sans", sans-serif;
font-size: 18px;
color: #000000
}
#find-my-rep-result hr {
background-color: #D1D1D1;
} @media (max-width: 1199px) and (min-width: 640px) {
.distributors-container > div {
width: calc(33.333% - 10px); }
} @media (max-width: 639px) {
.distributors-container > div {
width: calc(100% - 10px); }
}
.distributors-container > div > a {
color: #B80C31;
font-family: "Noto Sans", sans-serif;
}
.distributors-container > div > a:hover {
text-decoration: underline;
} .customer-care-hero {
height: 410px;
}
.customer-care-subhero h1 {
font-size: 38px;
font-family: 'Noto Sans', sans-serif;
display: block;
margin: 0 auto;
margin-bottom: 20px;
text-transform: uppercase;
color: #000;
font-weight: 600;
max-width: 500px;
text-align: center;
}
.customer-care-subhero h1::before {
content: '';
display: block;
position: relative;
top: -10px;
width: 290px;
margin: 0 auto;
border-top: 10px solid #B80D30;
}
.customer-care-subhero {
background:#FAFAFA;
margin: 0px;
}
.customer-care-subhero-container {
max-width: 1000px;
margin: 0 auto;
}
.customer-care-subhero .pdi-card-icon img {
}
.customer-care-subhero .pdi-card-content-wrap{
background-color: #fff;
color: #666;
box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%);
border-radius: 5px;
margin: 0px;
}
.customer-care-subhero .pdi-card-content-wrap::after {
content: '';
display: block;
position: absolute;
border-top: 8px solid #ffffff;
top: 0;
left: 50%;
width: 0%;
}
.customer-care-subhero .pdi-card--text {
border: 0px;
padding: 20px;
}
.pdi-card-content-wrap {
transition: .2s;
}
.pdi-card-content-wrap:hover {
transform: scale(1.03);
}
#find-my-rep-result .pdi-card-content-wrap:hover {
transform: unset;
}
.pdi-card-content-wrap:hover::after {        
width: 30%;
left: 35%;
border-top: 8px solid #54C7DC;
transition: .5s;
width: 100%;
left: 0%;
}
.customer-care-subhero .pdi-card--text .pdi-card-title {
font-family: "Noto Sans", sans-serif;
font-weight: bold;
font-size: 18px;
text-transform: uppercase;
color:#000000;
margin-top: auto;
}
.pdi-faq-accordian  {
margin-bottom: 150px;
}
.pdi-faq-accordian > li {
border-bottom: 0px;
padding: 0px 40px;
}
.pdi-faq-accordian > li > div {
border-bottom: 1px solid #C6C6C6;
padding: 10px 0px;
}
.pdi-faq-accordian > li .pdi-faq-accordian--question .pdi-faq-accordian--handle::after {
background-image: url(/wp-content/themes/pdihc/assets/icons/faq_closed.jpg);
height: 20px;
width: 11px;
background-size: 9px;
}
.pdi-faq-accordian .pdi-faq-accordian--item.open .pdi-faq-accordian--handle::after {
background-image: url(/wp-content/themes/pdihc/assets/icons/faq_open.jpg);
background-size: 17px;
height: 17px;
width: 17px;
}
.pdi-faq-accordian > li .pdi-faq-accordian--question .pdi-faq-accordian--handle::after {
background-size: 9px;
}
.pdi-faq-accordian > li .pdi-faq-accordian--question p {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
color: #0A0A0A;
font-weight: 600;
}
.pdi-faq-accordian > li .pdi-faq-accordian--question {
cursor: pointer;
}
.pdi-faq-accordian .open .pdi-faq-accordian--question p{
color: #b80d30;
}
.pdi-faq-accordian > li .pdi-faq-accordian--answer p,
.pdi-faq-accordian > li .pdi-faq-accordian--answer li  {
border-left: 0px;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
padding-left: 0px;
}
.pdi-faq-accordian--answer {
visibility: hidden; opacity: 0;
max-height: 0; transition: .2s; overflow: hidden;
}
.pdi-faq-accordian--item.open .pdi-faq-accordian--answer {
visibility: visible; opacity: 1;
max-height: 1000px; transition-delay: 0s; } .pdi-faq-accordian > li .pdi-faq-accordian--question {
cursor: pointer;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
color: #0A0A0A;
font-weight: 600;
min-height: 90px;
display: flex;
align-items: center;
}
.pdi-faq-accordian .open .pdi-faq-accordian--question p {
color: #b80d30; }
.customer-care-faqs h4 {
font-family: "Noto Sans", sans-serif;
font-size: 26px;
color: #000000;
font-weight: bold;
text-align: center;
margin-bottom: 30px;
}
@media screen and (min-width: 900px){
.pdi-sub-hero .pdi-card-content-wrap {
padding: 10px;
background:#ffffff;
}
}
@media screen and (min-width: 600px){
.customer-care-subhero.pdi-sub-hero {
padding-top: 60px;
padding-bottom: 60px;
margin-top: 0px;
}        
}
@media screen and (max-width: 639px) {
.customer-care-subhero .pdi-card-content-wrap {
height: 190px;
max-width: 230px;
margin: 0 auto;
background: #ffffff !important;
}
}
@media screen and (max-width: 600px) {
.customer-care-subhero h1 {
font-size: 28px;
margin-top: 40px;
}
.customer-care-subhero h1::before {
width: 210px;
}
} .order-tracking #content {
background: #FAFAFA;
}
.order-tracking .pdi-page-hero-alternate {
height: 400px;
}
.order-tracking-intro {
padding-top:60px;
}    
.order-tracking-intro h1 {
font-size: 38px;
font-family: 'Noto Sans', sans-serif;
display: block;
margin: 0 auto;
margin-bottom: 40px;
text-transform: uppercase;
color: #000;
font-weight: 600;
max-width: 500px;
text-align: center;
}
.order-tracking-intro h1::before {
content: '';
display: block;
position: relative;
top: -10px;
width: 290px;
margin: 0 auto;
border-top: 10px solid #B80D30;
}
.order-tracking-form {
background: #FAFAFA;
padding-bottom: 60px;
}
.order-tracking .pdi-card--sub-hero {
border: 0px;
border-radius: 12px;
box-shadow: 0px 0px 20px #00000017;
}
#order-tracking-form h4 {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
color: #000000;
}
#order-tracking-form .pdi-select {
background: #F6F8FA;
border: 1px solid #CAD6E3;
padding: 15px;
border-radius: 0px;
}
#order-tracking-form .pdi-select-container img {
position: absolute;
top: 33px;
right: 15px;
}
#order-tracking-form input {
background: #F6F8FA !important;
border: 1px solid #CAD6E3 !important;
padding: 15px;
border-radius: 0px;
height: 55px;
}
#order-tracking-form .pdi-btn {
width: 177px;
height: 55px;
margin: 0px;
background: #B80C31;
border-radius: 4px;
}
@media screen and (max-width: 599px) {
.order-tracking-intro h1::before {
width: 220px;
}
.pdi-col--main.pdi-card--sub-hero {
padding: 15px;
}
.order-tracking-intro h1 {
font-size: 28px;
}
} @media (max-width: 768px) {
#blueprints .mobile-only-container {
display: block;
}
#blueprints .mobile-slider {
position: relative;
}
#blueprints .mobile-marker-container {
position: absolute;
width: 100%;
height: calc(100% + 60px);
top: -60px;
}
#blueprints .mobile-marker {
position: absolute;
width: 63px;
height: 63px;
display: block;
}
#blueprints .slider-container {
display: none;
}
#blueprints .desktop-only-container {
display: none;
}
}
@media (max-width: 959px) {
#blueprints h2.red-line {
font-size: 20px !important;
}
#blueprints h2.red-line::before {
width: 130px !important;
border-top: 11px solid #B80D30 !important;
top: -10px;
}
#blueprints p {
font-size: 16px !important;
}
} #whoWeServeCardLinks {
margin-top: 100px;
margin-bottom: 120px;
}
#whoWeServeCardLinks p {
font-family: "noto sans", sans-serif;
color: #B80D30;
font-weight: bold;
font-size: 20px;
margin: 10px 0px 10px;
text-transform: uppercase;
}
#whoWeServeCardLinks .button-red {
width: 180px;
} #featured_posts .who-we-serve-featured-posts h2.red-line {
display: block;
margin: 0 auto;
margin-bottom: 40px;
text-transform: uppercase;
color: #000;
font-size: 30px;
font-weight: 600;
max-width: 500px;
text-align: center;
margin-top: 100px;
}
#featured_posts .who-we-serve-featured-posts h2.red-line::before {
content: '';
display: block;
position: relative;
top: -15px;
width: 150px;
margin: 0 auto;
border-top: 15px solid #B80D30;
}
.two-line-ellipsis {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 10px;
}
@media (max-width: 959px) {
#featured_posts .who-we-serve-featured-posts h2.red-line {
font-size: 20px !important;
margin-bottom: 0px;
}
#featured_posts .who-we-serve-featured-posts h2.red-line::before {
width: 90px !important;
border-top: 11px solid #B80D30 !important;
top: -10px;
}
} .form h2.red-line {
display: block;
margin: 0 auto;
margin-bottom: 40px;
text-transform: uppercase;
color: #000;
font-size: 30px;
font-weight: 600;
max-width: 500px;
text-align: center;
margin-top: 100px;
}
.form h2.red-line::before {
content: '';
display: block;
position: relative;
top: -15px;
width: 380px;
margin: 0 auto;
border-top: 15px solid #B80D30;
}
@media (max-width:1024px) {
.who-we-serve-form-img {
width: 100%;
}
}
@media (max-width: 959px) {
.form h2.red-line {
font-size: 20px !important;
}
.form h2.red-line::before {
width: 260px !important;
border-top: 11px solid #B80D30 !important;
top: -10px;
}
.form p {
font-size: 16px !important;
}
} @media only screen and (max-width: 1725px) {
#home-slider .logo img {
max-width:150px;
}
.slider-nav-container {
margin-top: -100px !important;
}        
}
@media only screen and (max-width: 1500px) {
#home-slider .logo img{
max-width:100px;
}
#home-slider .uk-padding{
padding:20px;
}        
}
@media only screen and (max-width: 1500px) {
#home-slider h2{
margin-bottom:5px;
}
#home-slider p {
margin-top:0px;
}
#home-slider h2{
font-size:28px;
}
#home-slider .slider-nav h3{
font-size:20px;
}
#home-slider p{
font-size:15px;
}
}
@media only screen and (max-width:1330px){
.mobile-menu.active{
top:95px;
}
}
@media only screen and (max-width: 1199px) {
#home-slider{
display:none;
}
#home-header-mobile{
display:block;
}
.home-button-default{
position: relative;
bottom: unset;
left: unset;
transform:unset;
}
#featured_posts .featured-blogs-bg {
display:none;
}
#featured_posts .featured-ce-courses-bg {
display:none;
}
.featured-ce-courses h3, .featured-blogs h3 {
margin-top:25px !important;
margin-bottom:25px !important;
}
#featured_posts .featured-container{
flex-wrap:wrap !important;
padding: 20px;
}
#featured_posts .uk-margin-large-right{
margin-right:0px !important;
}
#bgImg {
display:none;
}
.blog-img-container{
display:none;
}
.education-img-container {
display:none;
}
.education-cards p {
max-width:unset;
}
.featured-courses-desktop {
display:none;
}
.blog-cards p {
display:none;
}
.featured-courses-mobile {
display:block !important;
}
.education-cards h5 {
font-size:17px !important;
}
.education-cards p {
font-size:15px !important;
}
.education-card-link {
position: relative;
display: block;
max-width: 600px;
margin: 0 auto;
}   
#featured_posts .featured-ce-courses-link > .uk-card {
flex-direction:row;
}
}
@media screen and (max-width:1399px){
#step1, #step2, #step3, #step4, #step5 {
display:none;
}
#layered-approach-mobile{
display:block !important;
}
.layered-approach-wrap{
background-image: none;
}
}
@media screen and (max-width:959px){
.header-row.-primary {
padding:0px;
}
#pdi-nav-toggle{
margin-left:0px;
margin-right:30px;
}
#challenges h1 {
font-size:20px !important;            
}
#challenges h3{
text-align:center
}
#challenges .challenges-bg{
background-size: 120vw auto;
padding-top: 55vw;
background-color: #e6fbff;
}
#challenges ul {
columns: 1; -webkit-columns: 1;-moz-columns: 1;
}
.pull-30 {
margin-top:30px !important;
}
#stats {
background-image: linear-gradient(to bottom, #e6fbff, #ffffff, #ffffff, #ffffff, #ffffff) !important;
}
#featured-product-slider{
display:none;
}
#infection_prevention_experts {
background-image:none !important;
margin-top:-50px;
}
.infection-prevention-mobilebg{
min-height:275px;
background-position:left;
}
#industry_partnerships img {
max-width:100px ;
}
#stats h5{
font-size:16px;
}
#stats p {
font-size:16px ;
}
#stats span {
font-size:32px;
}
#stats .stat-img {
width:56px;
height:56px;
}            
#stats .stat-img img {
max-height: 27px;            
}
#browse-products h2 {
font-size:20px;
}
#browse-products h3 {
font-size:18px;
}
#browse-products h2::before{
width:200px;
border-top:11px solid #B80D30; 
}
#challenges h1::before {
border-top:11px solid #B80D30; 
}
#layered-approach h1::before{
border-top: 11px solid #B80D30;
width: 190px;
}
#industry_partnerships h2::before{
border-top: 11px solid #B80D30;
width: 190px;
}
#layered-approach h1 {
font-size:20px;
}
#layered-approach .intro {
font-size:16px;
}
#news_and_events {
margin: 50px auto;
}
#news_and_events h1 {
font-size:20px;                
}
#news_and_events h1::before{
border-top: 11px solid #B80D30;
width:120px;
}
#infection_prevention_experts h2{
font-size:18px;
}
#industry_partnerships h2 {
font-size: 18px;
}
#education_resources h1 {
font-size:18px;
}
#education_resources h1::before {
border-top: 11px solid #B80D30;
width:180px;
}
.featured-video p{
font-size:16px;
}
#education_resources .youtube-video{
display:block;
}
.featured-video h4 {
text-align:center;
}
.featured-video p {
text-align:center;
}
.featured-ce-courses h3, .featured-blogs h3{
font-size:18px;
}
.featured-courses-cards h5 {
font-size:16px;
}
.blog-cards h5{
font-size:16px;
}
.featured-ce-courses h3, .featured-blogs h3 {
max-width: 250px;
}
#news_and_events .uk-card-title{
font-size:14px;
}
.hr-mobile{
display: block;
}
#industry_partnerships{
padding-top: 50px;
}
}
@media screen and (max-width:899px){
.pre-footer-follow-us {
margin-top: 0px;
}
#pdi_footer_form {
margin-top: 0px;
}
}
@media screen and (max-width:639px) {
#news_and_events .slider-mobile{
display:block;
}
#news_and_events .slider-desktop{
display: none;
}
#news_and_events .uk-slider{
padding:0px;
}
}
@media screen and (max-width:450px){
#step1-mobile h4, #step2-mobile h4, #step3-mobile h4, #step4-mobile h4, #step5-mobile h4 {
width:200px;
min-width:200px;
}
#step1-mobile .step1-img img, #step2-mobile .step2-img img, #step3-mobile .step3-img img, #step4-mobile .step4-img img  #step5-mobile .step5-img img  {
min-width:330px;
}
}
@media screen and (max-width:430px){
#step1-mobile .step1-img, #step3-mobile .step3-img, #step5-mobile .step5-img {
margin-left: -185px;
}
#step2-mobile .step2-img , #step4-mobile .step4-img{
margin-right: -185px;
}
}
@media screen and (max-width:375px){
#step1-mobile .step1-img, #step3-mobile .step3-img, #step5-mobile .step5-img {
margin-left: -235px;
}
#step2-mobile .step2-img , #step4-mobile .step4-img{
margin-right: -235px;
}
}
@media screen and (max-width: 315px){
#step1-mobile .step1-img, #step3-mobile .step3-img, #step5-mobile .step5-img{
margin-left: -275px;
}
#step2-mobile .step2-img , #step4-mobile .step4-img{
margin-right: -275px;
}
} #cover-slide, #main-slideshow-container {
position: relative;
font-family: "noto sans", sans-serif;
}
#cover-slide {
max-height: 880px;
}
#cover-slide > img {
width: 100%;
max-height: 880px;
object-fit: cover;
}
#cover-slide .intro-text {
position: absolute;
bottom: 40px;
margin: 0 auto;
width:100%;
}
#cover-slide h1 {
font-size: 87px;
font-family: "noto sans", sans-serif;
color: #212529;
}
#cover-slide button {
display: inline-block;
text-align: center;
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 22px;
font-weight: 600;
letter-spacing: 2px;
background-color: #000;
padding: 10px 30px;
margin-top: 20px;
border: 0;
border-radius: 15px;
}
#cover-slide .footnotes {
font-size: 12px;
margin: 5px !important;
}
#main-slideshow-container .uk-thumbnav {
position: relative;
right: 0;
top: 0;
left: 0;
display: flex;
justify-content: space-evenly;
padding: 0;
margin-right: auto;
margin-bottom: 5vh;
margin-left: auto;
}
#main-slideshow-container .uk-thumbnav li a{
position: relative;
text-align: center;
width: 115px;
font-size:22px;
color: #989aa5;
font-weight: bold;
}
#main-slideshow-container .uk-thumbnav .uk-active a{
color: #a61932;
}
#main-slideshow-container .uk-thumbnav .uk-active {
position: relative;
padding: 0px;
}
#main-slideshow-container .uk-thumbnav .uk-active::after {
content: '';
position: absolute;
display: block;
width: 100%;
top: 35px;
height: 20px;
background: url(/wp-content/themes/pdihc/assets/images/nav.svg) center center no-repeat;
opacity: 1;
transition: .3s;
}
#main-slideshow-container h2 {
margin: 40px auto !important;
color:#000;
font-size: 34px;
font-weight: 900;
font-family: "noto sans", sans-serif
}
#main-slideshow-container h3 {
font-size: 28px;
font-family: "noto sans", sans-serif;
}
#main-slideshow-container .uk-slideshow-items li {
margin-bottom: 0px;
margin-top: 5px;
}
#main-slideshow-container .uk-position-center-left {
left: 40px;
}
#main-slideshow-container .uk-position-center-right {
right: 40px;
}
#main-slideshow-container a.uk-slidenav:visited {
color: #a61932;
}
#main-slideshow-container .uk-slidenav:hover {
color: rgba(102,102,102,.9);
}
#main-slideshow-container .uk-slidenav svg polyline {
stroke-width: 3px;
}
.slides-with-markers {
text-align: center;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.slides-with-markers .slide-container {
margin-bottom: 30px;
}
.internal-slider-slide {
background-size: cover;
}
.slide-container {
position: relative;
z-index: 2;    
max-width: 70%;
margin: 0 auto;
}
.slide-main-image {
display: block;
margin: 10px auto;
}
.marker-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 3;    
}
.marker {
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
position: absolute;
width: 70px;
height: 70px;
padding: 0.22vw;
border: 0.22vw solid #fff;
pointer-events: auto;
box-shadow: 0 0 1.5vw 0.25vw rgba(0,0,0,.1), 0 0 1.5vw 0.25vw rgba(0,0,0,.1) inset;
}
.marker img {
border: 2px solid transparent;
object-fit: cover;
border-radius: 50%;
padding: 10px;
background: #ffffff;
z-index: 2;
}
.popup-content {
position: absolute;
z-index: 4;
text-align: left;
}
.popup-content .popup-inner {
padding: 10px;
}
.popup-content h4 {
font-size: 29px;
color: #212529;
font-weight: 900;
}
.popup-content p {
color: #212529;
font-size: 18px;
margin-bottom: 0px;
font-family: 'noto sans', sans-serif;
}
.popup-content ul {
color: #212529;
list-style-type: disc;
font-size: 24px;        
font-family: 'noto sans', sans-serif;
}
.popup-content ul li {
font-size: 18px;
color: #212529;    
margin-bottom: 0px;
font-family: 'noto sans', sans-serif;
}
.popup-close-btn {
position: absolute;
z-index: 5;
top: 0px;
right: 0px;
background: transparent;
color: black;
font-size: 40px;
padding: 0px;
width: 35px;
height: 35px;
}
.popup-close-btn:hover {
color: #a61932;
background: transparent;
box-shadow: none;
}
.popup-content small {
font-size: 12px;
}
.popup-content li::marker {
color: #a61932;
}
.popup-left, .popup-right {            
background: white;
box-shadow: 10px 10px 20px #00000017;
border-radius: 20px;
padding: 10px;
}
.popup-left {
transform: translateX(-280px);
}
.popup-left.popup-large {
transform: translateX(-330px);
}
.popup-left.popup-xl {
transform: translateX(-510px);
}
.popup-right {
transform: translateX(120px);
}
.popup-small {
width: 230px;
}
.popup-large {
width: 280px;
}
.popup-xl {
width: 460px;
}
.popup-left:before{
content: '';
display: block;
position: relative;
top: 10px;
right: -222px;
width: 47px;
border: 0.125vw dashed #a61932;
z-index: 1;
}
.popup-left.popup-large:before{
right: -272px;
}
.popup-left.popup-xl:before{
right: -452px;
}        
.popup-right:before{
content: '';
display: block;
position: relative;
top: 10px;
right: 60px;
width: 47px;
border: 0.125vw dashed #a61932;
z-index: 1;
}
.uk-slideshow-items {
max-height: unset !important;
min-height: 730px !important;
}
.internal-slider-slide h4 {
font-family: "noto sans", sans-serif;
font-size: 28px;
color: #a61932;
}
.internal-slider ul {
color: #a61932;
list-style-type: disc;
font-size: 24px;        
}
.internal-slider ul li {
font-size: 24px; 
color: #000000;    
margin-bottom: 0px;
}
.internal-slider li::marker {
color: #a61932;
}
.internal-slider-main {
margin-top: 40px;
}
.internal-slider-slide .thumbnav {
max-width: 80%;
width: 1200px;
margin: 0 auto;
list-style: none;
align-items: center;
justify-content: space-between;
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
}
.internal-slider-slide .thumbnav li  {
position: relative;
}
.internal-slider-slide .thumbnav li img {
width:200px;
max-width: 100%;
border-radius: 50%;
}
.internal-slider-slide .thumbnav li button {
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
position: absolute;
top:0px;
right:0px;
width: 70px;
height: 70px;
padding: 0.22vw;
border: 0.22vw solid #fff;
pointer-events: auto;
background: transparent;
box-shadow: 0 0 1.5vw 0.25vw rgba(0,0,0,.1), 0 0 1.5vw 0.25vw rgba(0,0,0,.1) inset;
z-index: 99;
}
.internal-slider-slide .thumbnav  li button img {
border: 2px solid transparent;
object-fit: cover;
border-radius: 50%;
padding: 10px;
background: #ffffff;
} .active-marker-overlay::before {
content: ""; position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%; background-color: rgba(0,25,58,.8); border: 10px solid #fff;
z-index: 2; } .active-marker-overlay::after {
content: attr(data-title); position: absolute;
text-align: center;
top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 16px; font-weight: bold; z-index: 3; } .active-marker-overlay.active-marker::before {
opacity: 0.7; }
.internal-slider-slide .uk-slider-container {
overflow: visible;
}
.internal-slider .uk-grid-small{
max-width: 960px;
margin: 0 auto;
}
.internal-slider .internal-slide-img {
max-width: 265px;
}
#slider-thumbnav {
max-width:1150px;
} .slide-with-button-container .red-button {
display: inline-block;
text-align: center;
color: #fff;
text-decoration: none;
text-transform: uppercase; 
background-color: #a61932;
border: 2px solid #a61932;
padding: 15px 30px;
font-size: 28px;
margin-top:35px;
border-radius: 10px;
transition: .2s;
font-weight: bold;
letter-spacing: .125vw;
}
.slide-with-button-container .red-button:hover {
background-color: #fff;
color: #a61932;
border: 2px solid #a61932;
}
.slide-with-button-container .bottom-slider{
width: 700px;
max-width: 100%;
margin: 40px auto;
}
.bottom-slider-content p{
color: #000000;
font-size: 23px;
font-family: "noto sans", sans-serif;
}
.slide-with-button-container-inner {
height: 100%;
display: flex;
justify-content: space-evenly;
align-items: center;
flex-direction: column;
}
.slide-with-button-container .uk-dotnav>.uk-active>* {
border: 1px solid #989aa5 !important;
background-color: #989aa5 !important;
}
.slide-with-button-container .uk-dotnav>*>*{
background: #ffffff !important;
border: 1px solid #989aa5 !important;
}  @media screen and (max-width: 1599px) {
#cover-slide h1 {
font-size:65px;
}
#cover-slide h1 img {
max-height: 85px;
width: auto;
}
.popup-content h4 {
font-size: 24px;
}
.popup-xl {
width: 280px;            
}
.popup-left.popup-xl {
transform: translateX(-330px);
}
.popup-left.popup-xl:before{
right: -272px;
}
.popup-content p {
font-size: 16px;                
}
.popup-content ul {
font-size: 22px;  
margin-bottom: 0px;              
}
.popup-content ul li {
font-size: 16px;                
}
.internal-slider-slide .thumbnav {
max-width: 80%;
width: 1000px;
margin: 0 auto;
list-style: none;
align-items: center;
justify-content: space-between;
}
.internal-slider .internal-slide-img {
max-width: 200px;
}
#main-slideshow-container h3 {
font-size: 24px;            
}
.internal-slider-slide h4 {
font-size: 24px;
}
.internal-slider ul li {
font-size: 20px;                
}
.internal-slider-slide .thumbnav li img {
width: 150px;
}
.internal-slider-slide .thumbnav li button {
width: 50px;
height: 50px;
}
.internal-slider-slide .thumbnav li button img {
padding: 5px;
}
#main-slideshow-container h3 {
font-size: 24px;
}
.slide-with-button-container .red-button {
font-size: 24px;
padding: 10px 20px;
margin-top: 20px;
}
.popup-content .popup-inner {
padding: 5px;
}
.uk-slideshow-items {
min-height: 620px !important;            
}
.active-marker-overlay::after {
font-size: 12px;
}
#main-slideshow-container .uk-position-center-left {
left: 30px;
}
#main-slideshow-container .uk-position-center-right {
right: 30px;
}
}
@media screen and (max-width: 1499px) {
}
@media screen and (max-width: 1199px) {
.popup-content h4 {
font-size: 20px
}
.popup-content p {
font-size: 14px;
}
.popup-content ul {
font-size: 18px;  
margin-bottom: 0px;              
}
.popup-content ul li {
font-size: 14px;                
}
#cover-slide h1 {
font-size: 55px;
}
#cover-slide h1 img {
max-height: 75px;
width: auto;
}
.popup-small {
width: 200px;
}      
.popup-left {
transform: translateX(-213px);
}           
.popup-left:before{
right: -191px;
width: 14px;
}
.popup-large {
width: 250px;
}
.popup-right {
transform: translateX(90px);
}
.popup-right:before {
right: 30px;
width: 14px;
}
.popup-left.popup-large {
transform: translateX(-270px);
}
.popup-left.popup-large:before{
right: -248px;
width: 14px;
}
.popup-xl {
width: 270px;
}
.popup-left.popup-xl {
transform: translateX(-290px);
}
.uk-slideshow-items {
min-height: 550px !important;
}
.marker {
width: 50px;
height: 50px;
}
.marker img {
padding: 7px;
}
}
@media screen and (max-width: 959px) {
.uk-slideshow-items {
min-height: 570px !important;
}
.internal-slider-slide .thumbnav {
max-width: 95%;
width: 95%;
padding-left: 0px;
}
.slide-container {
max-width: 100%;
}
.popup-content p {
font-size: 16px;
}
.popup-content ul {
font-size: 22px;  
margin-bottom: 0px;              
}
.popup-content ul li {
font-size: 16px;                
}
.popup-content .popup-inner {
padding: 15px;
}
.popup-content {
width: 400px;
transform: unset !important; left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
}
.popup-right:before {
display: none
}
.popup-left:before {
display: none
}            
.internal-slider .internal-slide-img {
max-width: 150px;
}
#main-slideshow-container h3 {
font-size: 20px;
}
.internal-slider-slide .thumbnav {
max-width: 90%;
width: 90%;
}
.internal-slider-slide .thumbnav li img {
width: 16vw;
}
.active-marker-overlay::after {
font-size: 11px;
}
.active-marker-overlay::before {
border: 5px solid #fff;
}
.internal-slider-slide .thumbnav li button {
width: 40px;
height: 40px;
}
.active-marker-overlay::after {
display: none;
}
.slide-with-button-container-inner {
padding: 15px;
}
.bottom-slider-content p {
font-size: 18px;            
}
.slide-with-button-container .red-button {
font-size: 18px;
padding: 10px 20px;
margin-top: 20px;
}
.uk-dotnav>*>*{
width: 14px;
height: 14px;
}
.slide-with-button-container .bottom-slider{
margin: 10px auto;
}
}
@media screen and (max-width: 767px) {
.marker {
width: 35px;
height: 35px;
padding: 0.15vw;
border: 0.15vw solid #fff;
}
.marker img {
padding: 5px;
}
#cover-slide h1 {
font-size: 35px;
text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.8);
}
#main-slideshow-container h3 {
font-size: 18px;
}
.internal-slider-slide h4 {
font-size: 20px;
}
.uk-slideshow-items {
min-height: 400px !important;
}
#cover-slide h1 img {
max-height: 55px;
width: auto;
}
.internal-slider ul li {
font-size: 16px;                
}
.internal-slider-slide .thumbnav li img {
width: 120px;
}
.internal-slider-slide .thumbnav li:first-child {
display: none;
}
.uk-slideshow-items {
min-height: 455px !important;
}
#cover-slide button {
font-size: 18px;
padding: 10px 20px;
margin-top: 20px;
}
#main-slideshow-container .uk-position-center-left {
left: 30px;
}
#main-slideshow-container .uk-position-center-right {
right: 30px;
}
}
@media screen and (max-width: 599px) {
#main-slideshow-container .uk-position-center-left {
left: 0px;
}
#main-slideshow-container .uk-position-center-right {
right: 0px;
}
}
@media screen and (max-width: 569px) {
.marker {
width: 25px;
height: 25px;
padding: 0.15vw;
border: 0.15vw solid #fff;
}
.marker img {
padding: 3px;
}
#main-slideshow-container h3 {
font-size: 16px;
}
.bottom-slider-content p {
font-size: 16px;            
}
.internal-slider-slide .thumbnav li img {
width: 100px;
}
#main-slideshow-container .uk-thumbnav li a{
position: relative;
text-align: center;
width: 50px;
font-size: 14px;
color: #989aa5;
font-weight: bold;
}
#main-slideshow-container .uk-thumbnav .uk-active::after {
top: 30px;
height: 20px;
background-size: 200%;
}
}
@media screen and (max-width: 469px) {
#main-slideshow-container .uk-slideshow-items .slides-with-markers {
background-size: cover;
margin-top: 40px;
}
#main-slideshow-container .uk-slideshow-items .internal-slider-slide{
background-size: cover;
}
.internal-slider-slide h4 {
font-size: 16px;
}
#main-slideshow-container .uk-thumbnav {
margin-bottom:20px;
}
.internal-slider ul li {
font-size: 12px;                
}
.popup-content {
top:35% !important;
}
.popup-content .popup-inner {
padding: 5px;
}
.popup-content h4 {
font-size: 18px;
}
.internal-slider-slide .thumbnav {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
max-width: 90%;
width: 90%;
}
.bottom-slider img {
max-width: 80px;
}
.internal-slider ul {
margin-left: 0px;
padding-right: 20px;
}
.uk-slideshow-items {
min-height: 345px !important;
}
.internal-slider {
margin-top:50px;
}
#main-slideshow-container h2 {
font-size: 24px;
}
#main-slideshow-container h3 {
font-size: 16px;
}
.internal-slider .internal-slide-img {
max-width: 100px;
}
#cover-slide h1 {
font-size: 26px;
}
#cover-slide h1 img {
max-height: 40px;
width: auto;
}
#cover-slide button {
font-size: 18px;
padding: 5px 20px;
margin-top: 10px;
}
#cover-slide {
min-height: 420px;
}
#cover-slide > img {
object-fit: cover;
height: 100%;
width: auto;
position: absolute;
}
#cover-slide .intro-text {
position: absolute;
bottom: 40px;
margin: 0 auto;
width: 100%;
}
.popup-content ul li {
font-size: 14px;
}
.popup-content ul {
font-size: 18px;  
margin-bottom: 0px;              
}
.internal-slider ul li {
font-size: 14px;                
}
.internal-slider-slide .thumbnav li img {
width: 80px;
}
#main-slideshow-container h3 {
font-size: 14px;
}
.bottom-slider-content p {
font-size: 14px;            
}
.popup-content {
width: 400px;
max-width: 90%;
}
.internal-slider-slide .thumbnav li button {
width: 30px;
height: 30px;
}
.internal-slider-slide .thumbnav li button img {
padding: 3px;
}
.internal-slider-main {
margin-top: 0px;
}
.slide-with-button-container .bottom-slider{
margin: 0px auto;
}
.slide-with-button-container .red-button {
font-size: 16px;
padding: 5px 10px;
margin-top:0px;
}
.uk-dotnav>*>* {
width: 14px !important;
height: 14px !important;
}
.uk-dotnav {
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
}
}