Blood Borne Virus

StevenNovember 11, 2020

Blood Borne Virus

For those working with people living with blood borne viruses

Face to Face

3 Hours Enquire Now

E-Learning

Enquire Now

/* ----------------------------------------- */ /* Content Template: loop-item-in-course-view - start */ /* ----------------------------------------- */ .overlay img { position: absolute; top:50px; height: 74px; top: 4em; left: 9.5em; opacity: 0.9; } #gform_wrapper_4 { padding: 0em 10% 2em 2.5em; } .info-text { padding: 10px 10% 0px 2.5em; margin-bottom: 5px; float: left; } .primary-colour { color: #00b4e1 !important; } .primary-background { background: #00b4e1 !important; } .secondary-background { background: #263842 !important; } h1, h2, h3 { font-family: 'Montserrat', sans-serif; } p, span, a { font-family: 'Open Sans', sans-serif; } .added_to_cart { display: none; } .result-container { display: flex; flex-direction: column; } .course-title { font-size: 1.5em; margin-top: 0px; } .course-container { margin: 0em auto 2em auto; box-shadow: 0em 0.3em 1em 0em rgba(0,0,0,0.1); border-radius: 10px !important; justify-content: flex-start; } .course-description { margin-top: 0px; line-height: 1.3 !important; } .image-overlay { background: rgba(255,255,255,0.4); z-index: 1000; height: 100%; width: 330px; position: absolute; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease-in-out; } .image-overlay:hover { background: transparent; transition: all 0.3s ease-in-out; } .play-overlay { width: 70px; height: 70px; } .image-container { max-width: 330px; border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; overflow: auto; width: 100%; height: 100%; position: relative; } .image-container img { max-width: 100%; border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; } .info-container { margin-top: 0.5em; margin-left: 1em; display: flex; flex-shrink: 2 !important; flex-direction: column; justify-content: space-between; } .more-cta { border-radius: 2em; color: white; width: 170px; display: block; padding: 10px 15px; margin-bottom: 20px; } .cta-container { justify-content: flex-end; margin: 5px 20px 20px 20px; max-width: 370px; flex-shrink: 0 !important; } .cta-info { display: flex; flex-direction: column; justify-content: flex-end; align-content: center; } .cta-info span { text-align: center; font-size: 0.9em; } .cta-header { color: #263842; font-size: 1em; text-align: center; } .f2f-cta { display: flex; flex-direction: column; align-content: center; justify-content: space-between; } .el-cta { display: flex; flex-direction: column; align-content: center; justify-content: space-between; margin-left: 2em; } .cta-button { padding: 10px 15px; border-radius: 2em; color: white; text-decoration: none; transition: all 0.2s ease-in-out; box-shadow: 0px 3px 10px -2px rgba(0,0,0,0.25); font-family: 'Montserrat', sans-serif; margin-top: 10px; text-align: center; } .cta-button:hover { background: #ff4483 !important; transition: all 0.2s ease-in-out; } .eta { display: flex; flex-direction: row; justify-content: center; } .flex { display: flex; } .flex-auto { flex: 1 1 auto; } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } @media only screen and (min-width: 901px) { .course-container { min-width: 100%; } } _:-ms-fullscreen, :root .ie11-flex { flex: 1 1 190px !important; } @media only screen and (max-width: 900px) and (min-width: 651px) { .course-container { flex-direction: column; width: 40%; margin: 0em 1em 2em 1em; flex: 1 !important; } .result-container { justify-content: flex-start; flex-wrap: wrap !important; flex-direction: row !important; } .image-overlay { width: 100%; } .image-container { max-width: 100%; border-top-left-radius: 10px !important; border-bottom-left-radius: 0px !important; border-top-right-radius: 10px !important; } .image-container img { border-top-left-radius: 10px !important; border-bottom-left-radius: 0px !important; border-top-right-radius: 10px !important; } .cta-container { justify-content: space-between; max-width: none; } .more-cta { width: 80%; } } @media only screen and (max-width: 650px) { .result-container { flex-direction: column !important; } .course-container { flex-direction: column; flex: 1 !important; } .image-overlay { width: 100%; } .image-container { max-width: 100%; border-top-left-radius: 10px !important; border-bottom-left-radius: 0px !important; border-top-right-radius: 10px !important; } .image-container img { border-top-left-radius: 10px !important; border-bottom-left-radius: 0px !important; border-top-right-radius: 10px !important; } .cta-container { justify-content: center; max-width: none; } .more-cta { width: 80%; margin: auto; text-align: left; } .info-container { text-align: center; } } /*modal resizing*/ @media only screen and (min-width: 360px){ .aims-objectives-title { height: 5%; padding-top: .5%; } .aims-objectives-detail { width: 100%; height: 20em; padding: 0% 10%; margin-top: .5%; overflow-y: auto; } .aims-objectives-modal { width: 85%; height: 72%; margin-left: -11em; float:left; } .modal-video { width: 100%; height: 35%; overflow: hidden; border-top-left-radius: 14px; border-top-right-radius: 14px; } } @media only screen and (min-width: 640px){ .aims-objectives-title { height: 5%; padding-top: .5%; } .aims-objectives-detail { width: 100%; height: 20em; padding: 0% 10%; margin-top: .5%; overflow-y: auto; } .aims-objectives-modal { width: 90%; height: 72%; margin-left: -20em; } .modal-video { width: 100%; height: 35%; overflow: hidden; border-top-left-radius: 14px; border-top-right-radius: 14px; } } @media only screen and (min-width: 768px){ .aims-objectives-title { height: 5%; padding-top: .5%; } .modal-title-head { width: 60%; } .aims-objectives-detail { width: 100%; height: 18em; padding: 0 0 0 10%; margin-top: 2.5%; overflow-y: auto; } .aims-objectives-modal { width: 75%; height: 80%; margin-left: -30em; } .modal-video { width: 100%; height: 50%; overflow: hidden; border-top-left-radius: 14px; border-top-right-radius: 14px; } } @media only screen and (min-width: 1024px){ .aims-objectives-title { height: 5%; padding-top: .5%; } .aims-objectives-detail { width: 100%; height: 14em; padding: 0 0 0 10%; margin-top: 2.5%; overflow-y: auto; } .aims-objectives-modal { width: 65%; height: 80%; margin-left: -30em; } .modal-video { width: 100%; height: 55%; overflow: hidden; border-top-left-radius: 14px; border-top-right-radius: 14px; } } @media only screen and (min-width: 1366px){ .aims-objectives-detail { width: 100%; height: 17em; padding: 0% 10%; margin-top: 2.5%; overflow-y: auto; } .aims-objectives-modal { width: 40%; height: 75%; margin-left: -20em; margin-top: 11em; } .modal-video { width: 100%; height: 47%; overflow: hidden; border-top-left-radius: 14px; border-top-right-radius: 14px; } } @media only screen and (min-width: 1920px){ .aims-objectives-detail { width: 100%; height: 26em; padding: 0% 10%; margin-top: 2.5%; overflow-y: auto; } .aims-objectives-modal { width: 40%; height: 75%; margin-left: -20em; margin-top: 11em; } .modal-video { width: 100%; height: 45%; overflow: hidden; border-top-left-radius: 14px; border-top-right-radius: 14px; } } /* ----------------------------------------- */ /* Content Template: loop-item-in-course-view - end */ /* ----------------------------------------- */