/* Theme Name: Salient Child Theme Description: This is a custom child theme for Salient Theme URI: https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266 Author: ThemeNectar Author URI: https://themeforest.net/user/themenectar Template: salient Version: 1.0 */ /*********HEADER**********/ body #header-outer.transparent[data-transparent-header="true"].dark-slide { box-shadow: none!important; } body #header-secondary-outer .nectar-center-text { font-size: 12px!important; line-height: 1.3!important; max-width: 100%!important; text-align: left!important; } body #header-secondary-outer .nectar-center-text a { margin-right: 20px; } body #header-secondary-outer .nectar-center-text a:hover { opacity: 1!important; text-decoration: underline; } .material #header-secondary-outer>.container, .material #header-secondary-outer>.container>nav, .material #header-secondary-outer { min-height: 34px!important; text-align: left!important; } .top-buttons { display: flex; justify-content: space-between; align-items: center; } .top-buttons a { margin-right: 15px; } .top-buttons .offer { margin-left: auto; font-style: italic; } #header-outer #top nav > ul > li { box-shadow: inset 0 -4px 0 transparent; } #header-outer #top nav > ul > li:hover { box-shadow: inset 0 -4px 0 #efefef; } #header-outer #top nav > ul > li > a { } #header-outer #top nav > ul.buttons.sf-menu > li:hover { box-shadow: none!important; } .material #header-outer[data-transparent-header=true][data-mobile-fixed="1"].transparent #top .row .col.span_9 .slide-out-widget-area-toggle { background-color: transparent; } header#top nav > ul > li.megamenu > ul.sub-menu { padding-top: 0px!important; padding-bottom: 0!important; border-radius: 0 0 1rem 1rem; } body:not([data-header-format="left-header"]) #header-outer nav > ul > .megamenu > ul > li.boxred > a { background: #CE1443!important; padding: 20px 20px!important; border-radius: 0.6rem; height: 100%; color: #fff!important; } #header-outer #top .sf-menu > li > ul { box-shadow: none!important; border: 1px solid rgba(0,0,0,0.06)!important; border-width: 1px 3px 3px 1px!important; } #header-outer[data-box-shadow="small"], body #header-outer[data-transparent-header="true"].dark-slide.scrolled-down { box-shadow: 0px 2px 0px rgba(0,0,0,0.06)!important; } body #header-outer[data-transparent-header="true"] { box-shadow: none!important; } #header-outer.transparent #top nav > ul > li[class*="button_bordered"] > a::before, #top nav > ul > li[class*="button_bordered"] > a::before, #header-outer.dark-slide.transparent:not(.side-widget-open) #top nav>ul>li[class*="button_bordered"]>a:before { border: 2px solid transparent!important; } #header-outer.transparent #top nav > ul > li[class*="button_bordered"] > a:hover::before, #top nav > ul > li[class*="button_bordered"] > a:hover::before, #header-outer:not(.transparent) #top nav > ul > .button_bordered > a:hover:before { border-color: #eee!important; background: #eee!important; box-shadow: 2px 2px #ddd!important; } #header-outer[data-lhe="default"] #top nav > ul > .button_bordered > a:hover { color: #181818!important; } #header-outer.transparent:not(.dark-slide) #top nav > ul > li[class*="button_bordered"] > a:hover::before, #header-outer.transparent:not(.dark-slide) #top nav > ul > .button_bordered > a:hover::before { background: transparent!important; border-color: #CE1443!important; box-shadow: 2px 2px #B0123B!important; } #header-outer #mobile-menu ul li ul li ul li a { opacity: 1!important; transition: none!important; } #header-outer #mobile-menu ul li.locations ul li ul li a { transform: translatex(-10px)!important; padding: 10px 5%!important; opacity: 1!important; } #mobile-menu ul.sub-menu a span { opacity: 1 !important; transition: none !important; } #mobile-menu .inner ul ul > li > a span { transform: translateX(0px)!important; } #header-outer #mobile-menu ul li a > span.sf-sub-indicator { opacity: 1 !important; transition: none !important; transform: translateY(-50%) !important; } #header-outer #mobile-menu ul li a > span.sf-sub-indicator i { transition: color .2s ease, transform .4s ease !important; } #header-outer #mobile-menu ul li.current-open-item > a > span.sf-sub-indicator i { transform: rotate(180deg) !important; } #top nav > ul > li[class*="button_bordered"] > a { margin-left: 0px!important; margin-right: 0px!important; font-size: 14px!important; font-weight: 700!important; } #header-outer li.book a { font-size: 14px!important; font-weight: 700!important; } #header-outer li.book a:hover span.menu-title-text { color: #fff!important; } #header-outer li.phone a:hover::before { background-color: #eee!important; } #header-outer header .nectar-menu-icon { margin-right: 5px!important; } #header-outer #top .buttons.sf-menu > .sf-with-ul > a { padding-left: 15px!important; padding-right: 10px!important; } #header-outer nav>ul>li.megamenu.nectar-megamenu-menu-item>.sub-menu>li.heading a { cursor: default!important; font-size: 12px!important; color: #999!important; } #header-outer nav>ul>li.megamenu.nectar-megamenu-menu-item>.sub-menu>li.heading .sub-menu li a { font-size: 16px!important; color: inherit!important; cursor: pointer!important; border-radius: 0.4rem!important; } #header-outer nav>ul>li.megamenu.nectar-megamenu-menu-item>.sub-menu>li.heading .sub-menu li a:hover { color: #181818!important; text-decoration: underline!important; } span.courseid { color: #181818!important; font-weight: 700!important; } span.courseid::after { content: " - "; } #header-outer nav>ul>li.megamenu.nectar-megamenu-menu-item>.sub-menu>li .sub-menu li a { line-height: 1.2!important; } #header-outer nav>ul>li.megamenu.nectar-megamenu-menu-item>.sub-menu>li.heading .sub-menu li a:hover { background: #F3F4FA!important; box-shadow: 2px 2px rgba(0,0,0,0.06); } #header-outer nav>ul>li.megamenu.nectar-megamenu-menu-item>.sub-menu>li.heading .sub-menu li.currentselection a { text-decoration: underline; background: #f4f4f4!important; } #header-outer nav>ul>.megamenu.nectar-megamenu-menu-item>.sub-menu>li { padding-bottom: 40px!important; } li.book.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.button_solid_color.menu-item-65 span { color: #fff!important; } /*MENU COURSES*/ #header-outer nav>ul>li.courses.megamenu.nectar-megamenu-menu-item>.sub-menu>li:nth-child(1) { min-width: 25%!important; border-right: 1px solid #eee!important; margin-right: 2%; } #header-outer nav>ul>li.courses.megamenu.nectar-megamenu-menu-item>.sub-menu>li:nth-child(2) { min-width: 35%!important; background: #fff; margin-right: 38%; } #header-outer nav>ul>li.courses.megamenu.nectar-megamenu-menu-item>.sub-menu>li:nth-child(3) { } /*MENU LOCATIONS*/ #header-outer nav>ul>li.locations.megamenu.nectar-megamenu-menu-item>.sub-menu>li:nth-child(1) { min-width: 25%!important; border-right: 1px solid #eee!important; margin-right: 2%; } #header-outer nav>ul>li.locations.megamenu.nectar-megamenu-menu-item>.sub-menu>li:nth-child(n+2) { min-width: 73%; } #header-outer nav>ul>li.locations.megamenu.nectar-megamenu-menu-item>.sub-menu>li:nth-child(n+2) ul.sub-menu li.menu-item-group-171 ul.sub-menu, #header-outer nav>ul>li.locations.megamenu.nectar-megamenu-menu-item>.sub-menu>li:nth-child(n+2) ul.sub-menu li[class*="menu-item-group-"] ul.sub-menu, ul.sub-menu.five { column-count: 5; column-gap: 0px; } #header-outer nav>ul>li.locations.megamenu.nectar-megamenu-menu-item>.sub-menu>li:nth-child(n+2) ul.sub-menu li.menu-item-group-171 ul.sub-menu li a, #header-outer nav>ul>li.locations.megamenu.nectar-megamenu-menu-item>.sub-menu>li:nth-child(n+2) ul.sub-menu li[class*="menu-item-group-"] ul.sub-menu li a { line-height: 1.5!important; } #header-outer nav>ul>li.locations.megamenu.nectar-megamenu-menu-item>.sub-menu>li:nth-child(n+2) ul.sub-menu li[class*="menu-item-group-"] ul.sub-menu li { break-inside: avoid; } #header-outer nav>ul>li.megamenu.nectar-megamenu-menu-item>.sub-menu>li.heading .sub-menu.five li a { font-size: 14px!important; padding: 0px 10px!important; } /*MENU WORKPLACE*/ #header-outer nav>ul>li.workplace.megamenu.nectar-megamenu-menu-item>.sub-menu>li:nth-child(1) { min-width:100%!important; } #header-outer nav>ul>li.workplace.megamenu.nectar-megamenu-menu-item>.sub-menu>li:nth-child(2) { } #header-outer nav>ul>li.workplace.megamenu.nectar-megamenu-menu-item>.sub-menu>li:nth-child(3) { } #header-outer nav>ul>li.workplace.megamenu.nectar-megamenu-menu-item>.sub-menu>li .sub-menu li a, #header-outer nav>ul>li.about.megamenu.nectar-megamenu-menu-item>.sub-menu>li .sub-menu li a { font-size: 18px!important; line-height: 1.1!important; font-weight: 600!important; } /*MENU RESOURCES*/ #header-outer nav>ul>li.resources.megamenu.nectar-megamenu-menu-item>.sub-menu>li a { border: 2px solid #fff; border-width: 1px 3px 3px 1px; padding: 40px 20px; border-radius: 0.6rem; font-size: 17px!important; } #header-outer nav>ul>li.resources.megamenu.nectar-megamenu-menu-item>.sub-menu>li a span.menu-title-text { font-weight: 600!important; } #header-outer nav>ul>li.resources.megamenu.nectar-megamenu-menu-item>.sub-menu>li a:hover { border-color: rgba(0,0,0,0.06); background: #f6f6f6!important; } body #header-outer #top nav .sf-menu ul li > a .item_desc { color: #999!important; line-height: 1.3!important; } body #header-outer #top nav .sf-menu ul li > a .item_desc { min-height: 40px!important; } #header-outer nav>ul>li.resources.megamenu.nectar-megamenu-menu-item>.sub-menu>li { padding: 0!important; } #header-outer nav>ul>li.resources.megamenu.nectar-megamenu-menu-item>.sub-menu { padding-top: 30px!important; padding-bottom: 20px!important; } /*MENU ABOUT*/ #header-outer nav>ul>li.about.megamenu.nectar-megamenu-menu-item>.sub-menu>li:nth-child(1) { min-width: 100%!important; } #header-outer #mobile-menu .below-menu-items-wrap { text-align: center; line-height: 1.3; } #header-outer #mobile-menu .icon-headset { stroke: #6b7280; width: 20px; height: 20px; vertical-align: middle; margin-right: 6px; } span.hours, span.hours2 { font-size: 11px!important; opacity: 0.6!important; line-height: 1.7!important; display: block; } span.hours { margin-top: 5px; } #header-outer #mobile-menu p { font-size: 16px!important; } #header-outer #mobile-menu { width: 100vw!important; left: -5%; } #header-outer #mobile-menu p, #header-outer #mobile-menu ul { width: 100%!important; } #header-outer #mobile-menu:before { height: 100vh!important; height: 100dvh!important; width: 102vw!important; margin-left: -51vw!important; } #header-outer #mobile-menu .inner { } #header-outer #mobile-menu .menu-items-wrap { padding: 3% 0%; } #header-outer #mobile-menu .below-menu-items-wrap { margin-top: auto !important; border-top: 1px solid #ddd;} #header-outer #mobile-menu .bottom-text { padding: 7% 5% 50px 5%!important; } #header-outer #mobile-menu .below-menu-items-wrap a { display: block; border: 2px solid #181818; border-radius: 0.6rem; padding: 10px; margin-bottom: 10px; color: #181818!important; font-weight: 700!important; } #header-outer #mobile-menu .below-menu-items-wrap a.buttonphone { margin-top: 20px; background: #181818; color: #fff!important; } #header-outer #mobile-menu .below-menu-items-wrap svg { height: 15px!important; width: auto!important; margin: 0 5px -2px 0!important; } #mobile-menu .menu-items-wrap ul:not(.nectar_widget)>li:before, #mobile-menu .menu-items-wrap>ul:last-child>li:last-child:after { display: none!important; } #header-outer #mobile-menu a>.sf-sub-indicator { right: 1%!important; padding: 2% 5%!important; } #header-outer #mobile-menu a>.sf-sub-indicator i { font-size: 35px!important; } #header-outer #mobile-menu ul li>a, #header-outer #mobile-menu .below-menu-items-wrap a { font-size: 19px!important; line-height: 1.3; } #header-outer #mobile-menu ul ul>li>a { margin: 0!important;} #header-outer #mobile-menu ul li>a { padding: 15px 5%!important; } #header-outer #mobile-menu ul ul.sub-menu { background: #F3F4FA; } #header-outer #mobile-menu ul ul ul li a, #header-outer #mobile-menu ul li.resources ul li a { font-weight: 400!important; } #header-outer #mobile-menu .menu-item-476 { display: none!important; } #header-outer .menu-icon { display: block; margin-bottom: 6px; } #header-outer .menu-icon svg { width: 32px; height: 32px; } #header-outer .menu-text { display: block; } #mobile-menu li.heading.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-149 .sub-menu, #mobile-menu li.heading.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-80 .sub-menu { display: block !important; } #mobile-menu li.heading.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-149 .sub-menu a span, #mobile-menu li.heading.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-80 .sub-menu a span { opacity: 1 !important; } #mobile-menu li.menu-item-80 > a, #mobile-menu li.menu-item-149 > a { display: none !important; } .container-wrap { padding-bottom: 0!important; } /********BODY & PAGES********/ h1, h2, h3, p.description, p.newh2, #services h2, h1.description, span.hero { font-family: 'first-aid-display',sans-serif!important; font-weight: 600!important; letter-spacing: -1px!important; color: #181818!important; line-height: 1.1!important; margin-bottom: 15px!important; } h4, h5, h6 { font-family: 'first-aid-sans',sans-serif!important; font-weight: 700!important; color: #181818!important; } .light h1, .light h2, .light h3, .light h4, .light p.description, .light p.newh2, .light #services h2, .light h1.description, .light span.hero { color: #fff!important; } body p { line-height: 1.6!important; } body, p, li, strong, select { font-family: 'first-aid-sans',sans-serif!important; } select strong { font-weight: 700!important; } select { -webkit-appearance: none!important; appearance: none!important; } @supports ( -webkit-touch-callout: none ) { select { -webkit-appearance: none!important; appearance: none!important; font-family: inherit!important; font-size: inherit!important; }; } .nectar-lottie-wrap .nectar-lottie { } .review-block { width: auto; flex: 0 0 auto; display: flex; align-items: flex-start; justify-content: flex-start; background: rgba(255,255,255,.6); padding: 10px 11px; border-radius: .6rem; } .review-block a { width: auto!important; } .review-col-1 { display: flex; flex-direction: column; align-items: flex-start; } .review-col-2 { display: flex; flex-direction: column; align-items: flex-start; margin: 0 0 0 10px; } .review-grid.black .review-col-2 { margin: 4px 0 0 10px; } .dark .review-block { background: transparent!important; } .dark .review-block .review-score, .dark .review-block .review-count { color: #fff!important; } .black .review-block .review-score, .black .review-block .review-count, .review-grid.black .review-block .review-score, .review-grid.black .review-block .review-count { color: #181818!important; } .review-score { font-size: 28px !important; line-height: 1 !important; display: block !important; font-weight: 700 !important; color: #181818!important; } .review-count { font-size: 10px !important; line-height: 1 !important; display: block !important; opacity: 0.7; padding-top: 2px; color: #181818!important; } img.stars { height: 15px !important; width: auto !important; margin: 0px 0 3px 0 !important; } img.platform-logo { height: 15px !important; width: auto !important; margin: 0 !important; } .review-grid { display: flex; gap: 15px; } .review-grid .review-block { flex: 1; } .sidebox { position:relative; } .sidebox .review-grid { max-width:200px;position:relative;left:50%;transform:translateX(-50%); } .cta_reviews { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; } .cta_reviews-stars { display: inline-flex; height: 1rem; } .cta_reviews-text { display: inline-flex; font-weight: bold; line-height: 1!important; } .cta_reviews-text .u-text-muted { font-weight: normal; opacity: 0.6; font-size: 12px!important; position: relative; top: 4px; left: 5px; } .cta_reviews .review-score { font-size: 19px!important; line-height: 1!important; } #trust { padding-top: 30px!important; padding-bottom: 30px!important; border-bottom: 1px solid #ddd; } .light .cta_reviews-text .review-score { color: #fff!important; } .nectar_single_testimonial { width:100%; box-sizing:border-box; border:1px solid #eee!important; border-width:1px 3px 3px 1px!important; padding:5%; border-radius:0.6rem; margin:0 0 2rem; background:#fff; display:inline-block; background:linear-gradient(to bottom,#f3f3f3 0%,rgba(255,255,255,1) 60%); } .nectar_single_testimonial .inner { display:flex; flex-direction:column; justify-content:space-between; flex-grow:1; height:100%; } p.review-title { font-weight:700!important; line-height:1.4!important; color:#181818!important; margin-bottom:-4px!important; } .nectar_single_testimonial .review-date { font-size:12px; color:#888; margin:0px 0 0 0px; display:block!important; white-space:nowrap; width:100%!important; } .image-icon { width:45px!important; height:45px!important; border-radius:50%; margin:0!important; object-fit:cover!important; border:1px solid #ddd; background:#efefef; } .review-info { display:flex; flex-direction:column; } .reviewer-name { font-size:14px!important; line-height:1.3!important; padding:0!important; color:#181818!important; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 1; overflow:hidden; text-align: left!important;} .review-location { font-size:13px!important; color:#666; line-height:1.3!important; } .review-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; } .review-platform img { height:25px!important; width:auto!important; display:block; } .review-left { display:flex; align-items:center; gap:10px; } .review-body { display:flex; flex-direction:column; text-align: left!important; } p.review-text { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:8; overflow:hidden; margin-top:10px!important; text-align: left!important; color: #3A474E!important; } .review-date { text-align: left!important; } .awa-reviews[data-layout="1"] .review-text { -webkit-line-clamp:5!important; } .awa-reviews[data-layout="1"] { display:flex; flex-wrap:wrap; align-items:stretch; } .awa-reviews[data-layout="1"] .nectar_single_testimonial { display:flex; flex-direction:column; flex:1 1 calc(33.333% - 2rem); } .awa-reviews[data-layout="1"] .nectar_single_testimonial .inner { flex-grow:1; display:flex; flex-direction:column; justify-content:space-between; } .awa-reviews[data-layout="2"] .review-header-alt { margin-bottom:10px; } .awa-reviews[data-layout="2"] .review-title { font-weight:700!important; line-height:1.4!important; color:#181818!important; margin:0 0 4px 0!important; } .awa-reviews[data-layout="2"] .review-text-full { margin-top:10px!important; font-size:15px!important; line-height:1.6!important; font-weight:400!important; display:block!important; overflow:visible!important; -webkit-line-clamp:unset!important; } .awa-reviews[data-layout="2"] .review-footer-alt { display:flex; align-items:center; justify-content:space-between; margin-top:15px!important; } .awa-reviews[data-layout="2"] .reviewer-footer-left { display:flex; align-items:center; gap:10px; } .awa-reviews[data-layout="1"] .review-text { height:130px!important; } .awa-reviews[data-layout="1"] .nectar_single_testimonial .inner { height:100%; } .review-platform { pointer-events:none; align-self:flex-start; } .review-platform img { pointer-events:none; } .review-click { display:flex; align-items:center; gap:10px; text-decoration:none; } .review-click .review-info { display:flex; flex-direction:column; } .review-click:hover .reviewer-name { text-decoration: underline!important; } .logos-grid { display: flex; align-items: center; justify-content: space-between; text-align: center!important; width: 100%; } .logos-list { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; width: 100%; list-style: none; margin: 0; padding: 0; } .logos-list li { display: flex; align-items: center; justify-content: center; flex: 1; } .logos-grid img { height: 30px!important; width: auto!important; margin: 0 auto!important; } .logos-grid li.large img { height: 40px!important; } .logos-grid li.smaller img { height: 25px!important; } .logos-grid-light { } .logos-grid-dark { } .logos-grid-light img { filter: invert(0.7); } .logos-grid-dark img { filter: invert(1); } .trust-block { display: flex; align-items: center; justify-content: center; gap: 40px; flex-wrap: nowrap; width: 100%; } .trustline { font-weight: 600; font-size: 16px; white-space: nowrap; opacity: 0.6; } .trustlinesmall { font-size: 12px!important; opacity: 0.6!important; display: block; margin: 80px 0 20px 0!important; line-height: 1.3!important; } .logos-scroll-wrapper { overflow: hidden; width: 100%; position: relative; margin-bottom: 40px!important; } .logos-scroll { display: flex; width: max-content; } .logos-scroll-list { display: flex; gap: 60px; list-style: none; padding: 0 60px 0 0; margin: 0; align-items: center; } .logos-scroll-list li { flex: 0 0 auto; list-style-type: none!important; } .logos-scroll-list li img { display: block; height: 30px!important; width: auto!important; filter: invert(0.7); flex: 0 0 calc(100% / var(--logos-visible)); margin-bottom: 0!important; } .logos-scroll-list li.large img { height: 40px!important; } .logos-scroll-list li.smaller img { height: 25px!important; } .logos-scroll-wrapper::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 40px; z-index: 2; pointer-events: none; background: linear-gradient(to right, #fff 0%, transparent 100%); } .logos-scroll-wrapper::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 40px; z-index: 2; pointer-events: none; background: linear-gradient(to left, #fff 0%, transparent 100%); } .light .logos-scroll-wrapper::before { background: linear-gradient(to right, #000 0%, transparent 100%); } .light .logos-scroll-wrapper::after { background: linear-gradient(to left, #000 0%, transparent 100%); } .dark .logos-scroll-wrapper::before { background: linear-gradient(to right, #f5f5f5 0%, transparent 100%); } .whitebox .vc_column-inner { padding: 7% 7% 5% 7%; background: #fff; border-radius: 0.6rem; } #redbar .row-bg-overlay.row-bg-layer { background: radial-gradient(circle at top right, #EE0000 20%, #CE1443 70%, transparent 100%)!important; } span.global { } #global p { padding: 0!important; max-width: 75%; line-height: 1.4!important; margin: 0px auto!important; } .four-columns { padding: 150px 0; } .four-columns .facts-list { list-style: none; margin: 0; padding: 0; display: block; overflow: hidden; } .fact-item { float: left; width: 25%; box-sizing: border-box; padding: 0 5% 0 0; } .fact-item p { line-height: 1.4!important; margin-top: 0px!important; opacity: 0.6; } #homefeatures .four-columns { padding: 40px 0 150px 0!important; text-align: center!important; } .features .fact-item p { color: #fff; -webkit-text-fill-color: initial; } .features p.newh2 { max-width: 900px!important; margin: 0px!important; margin-bottom: 80px!important; font-size: 52px!important; line-height: 1!important; } .features.less p.newh2 { margin-bottom: 30px!important; } .features ul { margin: 0!important; display: block!important; } .smaller .features p.newh2 { margin: 0px auto!important; margin-bottom: 60px!important; } .features ul li { list-style-type: none!important; } .features .fact-item .fact-icon { font-size: 100px!important; font-family: 'first-aid-display',sans-serif!important; display: block!important; line-height: 1.3!important; letter-spacing:-5px!important; } .features.dark p.newh2 { margin-bottom: 30px!important; } .features.dark p a { color: #fff!important; } .dark .features .fact-item .fact-icon, .dark .features .fact-item p { color: #181818!important; } .sidebox { padding: 10% 5%; border-radius: 1rem; box-shadow: 2px 2px rgba(0,0,0,0.08); border: 1px solid #efefef; font-size: 14px!important; line-height: 1.4!important; } #services .sidebox a { border-width: 0 0 1px 0!important; border-color: #efefef!important; color: #777!important; } #services .sidebox .superceded a, #services .sidebox a.single-course-supercedes { color: #3A474E!important; border: none!important; text-decoration: underline!important; text-transform: capitalize!important; } #services .sidebox .superceded a:hover, #services .sidebox a.single-course-supercedes:hover { color: #CE1443!important; } #services .sidebox a.nectar-button { color: #fff!important; } #services .sidebox.courses a.nectar-button.red { background-color: #CE1443!important; } #services .superceded { margin: 0 0 24px 0 !important; border-top: 1px solid #eee; padding-top: 15px; } #services .nectar-button { border-radius: 200px!important; display: block; text-align: center; } .sidebox strong { font-weight: 700!important; text-transform: uppercase!important; } .sidebox.courses { padding: 6% 5% 4% 5%!important; } .sidebox.courses strong { text-transform: none!important; font-weight: 600!important; display: block; } .sidebox p.bookcourse { font-family: 'first-aid-display',sans-serif!important; font-size: 21px!important; padding: 0 0 4px 0!important; color: #181818!important; } .sidebox ul.sidebar li { list-style-type: none!important; display: inline-block; margin: 10px 1%; width: 30%; } .sidebox ul { margin: 0!important; vertical-align: top!important; } #services p.redgroup { text-align: center!important; } #services p.redgroup a { font-size: 13px!important; } #services h2, #services h3, #services p.newh2, #services p.newh3 { margin: 30px 0px 20px 0!important; line-height: 1.1!important; display: block; max-width: 90%; } #services table { margin: 20px 0 60px 0!important; } #services .around p.newh2, #services .rightlayout.courses .around p.newh2 { margin-top: 0!important; padding-top: 0!important; } #services .rightlayout.courses h2, #services .rightlayout.courses p.newh2 { margin-top: 0!important; padding-top: 30px!important; } #services p a, #services li a, ul.help a, .container-wrap p a, #contact li a { color: #181818!important; border-bottom: 2px solid #ccc; transition: none!important; } #services p a:hover, #services li a:hover, ul.help a:hover, .container-wrap p a:hover, #contact li a:hover, .nectar-icon-list a:hover, .container-wrap .light p a:hover { color: #CE1443!important; border-bottom: 2px solid #CE1443; transition: none!important; } .container-wrap .light p a { color: #fff!important; } a#check-another, .container-wrap .light a#check-another { color: #CE1443!important; } .nectar-button { font-size: 16px!important; line-height: 1!important; } h1.tiny, p.tiny, span.label, h2.tiny, h3.tiny { font-size: 11px!important; line-height: 1.2!important; letter-spacing: 3px!important; text-transform: uppercase; margin-bottom: 15px!important; opacity: 0.3; padding: 0!important; font-family: 'first-aid-sans',sans-serif!important; } p.description, h1.description, h2.description, .centered p.description, span.hero, #corporatefeatures .largefeatures p.newh2 { font-size: 48px!important; line-height: 1!important; display: block!important; margin: 0!important; padding: 0 0 24px 0!important; font-family: 'first-aid-display',sans-serif!important; font-weight: normal!important; } span.label.centre, h2.tiny.centre { text-align: center!important; margin: -20px 0 15px 0!important; color: #181818!important; opacity: 0.3!important; } .bigheading h1.description { font-size: 64px!important; } span.hero { font-size: 60px!important; } span.hero.small { font-size: 48px!important; } #corporatefeatures h2 { max-width: 75%; } #corporatefeatures h3 { max-width: 50%; } #corporatefeatures .portalfull h3 { max-width: 100%!important; } #corporatefeatures .largefeatures p { font-size: 21px!important; line-height: 1.4!important; } #corporatefeatures p a, #corporatefeatures li a { color: #fff!important; border-bottom: 2px solid rgba(255,255,255,0.4)!important; } #corporatefeatures p a:hover, #corporatefeatures li a:hover { border-color: #fff!important; } #corporatefeatures ul li { font-size: 15px!important; line-height: 1.4!important; } #corporatefeatures img.courselogos { filter:invert(1)!important; } span.label { margin-bottom: -0.5em!important; display: block; color: #CE1443!important; opacity: 1!important; } span.handwritten { font-family: 'brush',serif!important; font-weight: normal!important; position: relative; top: 6px; font-size: 98%!important; margin: 0px 0.5%; } .clients.no-carousel div { background: #f4f4f4; padding: 5% 4%; border-radius: 0.6rem; } .clients.no-carousel div img { margin: 0 auto!important; height: 70px!important; width: auto!important; object-fit: contain!important; } #partners p { max-width: 700px; margin: 0px auto; text-align: center!important; } #partners .clients { margin-top: 60px!important; } #recommendedpartners { border-radius: 1rem!important; overflow:hidden!important; } .featuredboxred .vc_column-inner { padding: 3% 5%; border-radius: 2rem!important; overflow: hidden; } .featuredboxred .column-image-bg-wrap { opacity: 0.1!important; } .centered, .centered.wide p.description { max-width: 700px!important; margin: 0px auto!important; } .centered.wide { max-width: 1000px!important; } .centered p { line-height: 1.4!important; } .centeredleft { max-width: 550px!important; } .centered.left { margin: 0!important; } .centersmall { max-width: 500px; margin: 0px auto!important; margin-bottom: 3em!important; } .centersmall h1, .centersmall h2, .centersmall h3, .centersmall p { text-align: center!important; } .centersmall #helpful-feedback { margin: 40px auto 0!important; justify-content: center!important; } body[data-button-style*="slightly_rounded"] .nectar-button.rounded { border-radius: 200px!important; } .around { padding: 8% 5%; background: #F3F4FA; border-radius: 0.6rem; margin: 1em 0 50px 0!important; } .around.blue { background: #d2ffc1; border-left: 10px solid #0072bc; } .around.green { background: #D2FFC1; border-left: 10px solid #96FF6F; } .around.yellow { background: #FFFBB7; border-left: 10px solid #ffd025; } .around.pink { background: #FFE6F3; border-left: 10px solid #CE1443; } img.cc { height: 60px!important; width: auto!important; } #courserow { background: #f1f1f1; border-radius: 1rem; padding: 2%; margin-top: 2%; text-align: left!important; } #courserow p, #courserow li, .courserow-row p { font-size: 14px!important; line-height: 1.4!important; color: #fff!important; opacity: 0.7!important; } #courserow.green { background: #800080; margin-top: 40px; } #courserow.pink { background: #CE1443; } #courserow.yellow { background: #FF4D00; } #course .wpb_column:nth-child(1) .vc_column-inner { border-radius: 1rem; overflow:hidden; } #course .wpb_column:nth-child(2) .vc_column-inner { padding: 3%; } .courserow-wrap { display:grid; grid-template-columns:1fr 1fr; gap:2%; } .courserow-row { width:100%; } #benefits #courserow .courserow-top p.newh2 { font-size: 23px!important; margin-bottom: 0!important; text-align: left!important; max-width: 100%!important; margin: 0!important; opacity: 1!important; color: #fff!important; } .around h2, .around h3, .around p.newh2, .around p.newh3, #services .around h2, #services .around h3, #legal .around h2, #legal .around h3, .related-inline h2.more, main.single-post-content .post-content h2.more a, span.author-name, .around.courses p.newh2, .around.courses p.newh3, h2 span.tinycourse { font-size: 12px!important; font-family: 'first-aid-sans',sans-serif!important; font-weight: normal!important; opacity: 0.4!important; text-transform: uppercase; letter-spacing: 3px!important; color: #181818!important; margin: 0 0 20px 0!important; } .around p { font-size: 28px!important; line-height: 1.3!important; color: #181818!important; } .around.courses p { font-size: 19px!important; line-height: 1.4!important; } main.single-post-content .post-content h2.more a { opacity: 1!important; } main.single-post-content .post-content h2.more a:hover { text-decoration: none!important; } h2 span.tinycourse { display: block; color: #CE1443!important; margin-bottom: 5px!important; opacity: 1!important; } #services .around h2, #services .around h3, #legal .around h2, #legal .around h3 { margin-top: 0!important; } #helpful-feedback { margin-top: 80px; display:block!important; align-items:center; gap:8px; } #helpful-feedback button.helpful-btn { margin: 0 0 0 5px; padding: 4px 8px; border: 1px solid #ccc!important; cursor: pointer; border-radius: 0.3rem!important; transition: none!important; opacity: 0.7!important; display:flex; align-items:center; gap:4px; background:none; } #helpful-feedback button.helpful-btn:hover { border-color: #666!important; transition: none!important; opacity: 1!important; } #helpful-feedback span { font-weight: 700!important; position: relative; top: 1px; } #helpful-feedback svg { height: 16px!important; width: auto!important; } #helpful-feedback .helpful-response { margin-left:8px; font-size:10px!important; color: #999!important; font-style: italic!important; line-height: 1!important; } #helpful-feedback button.helpful-btn { display: inline-flex!important; margin: 0 5px 0 0!important; } #helpful-feedback span { width: 100%!important; display: block!important; margin-bottom: 10px!important; } #helpful-feedback .helpful-response { margin: 10px 0 0 0!important; } .llm-buttons { width: 100%; text-align: right; font-size: 11px!important; line-height: 1.3!important; } .llm-buttons svg { height: 13px!important; width: auto!important; position: relative; top: 3px; } .llm-buttons a.llm-btn svg { height: 16px!important; top: 4px!important; margin-right: 3px; } .llm-buttons a, .llm-buttons button { color: #181818!important; cursor: pointer!important; font-size: 11px!important; background: transparent; border: 1px solid #ddd; border-width: 1px 2px 2px 1px; padding: 5px 8px; border-radius: 0.3rem!important; margin-left: 5px;transition: none; opacity: 0.6!important; } .llm-buttons button { padding: 3px 8px 6px 8px!important; } .llm-buttons a:hover, .llm-buttons button:hover { border-color: #efefef!important; opacity: 1!important; background: #efefef; transition: none; } ul.help { margin: 20px 0!important; } ul.help li { list-style-type: none!important; font-size: 14px!important; opacity: 0.5!important; } ul.help li a { color: #181818!important; } ul.help li:hover a { opacity: 1!important; } ul.help svg { position: relative; top: 2px; opacity: 0.7!important; margin-right: 5px; } .user-images-container { display: grid; grid-template-columns: repeat(8,1fr); width: 100vw; margin: 0 auto!important; position: relative; left: 50%; transform: translateX(-50%); padding: 0 5%; } .user-image { aspect-ratio:1/1; } .user-image img { width:100%!important; height:100%!important; object-fit:cover; display:block; margin: 0!important; } .user-image-1 img { transform:rotate(-3deg) translateY(-15px); } .user-image-2 img { transform:rotate(2deg) translateY(25px); } .user-image-3 img { transform:rotate(-4deg) translateY(-20px); } .user-image-4 img { transform:rotate(3deg) translateY(30px); } .user-image-5 img { transform:rotate(-2deg) translateY(-25px); } .user-image-6 img { transform:rotate(4deg) translateY(20px); } .user-image-7 img { transform:rotate(-3deg) translateY(-10px); } .user-image-8 img { transform:rotate(2deg) translateY(25px); } .page-id-19 .container-wrap { background-color: #000!important; } img.content { border-radius: 0.6rem!important; } img.heading { aspect-ratio: 16/9; border-radius: 0.6rem!important; margin: 0!important; position: relative; display: inline-block; } .layoutsmall { max-width: 900px!important; margin: 0px auto!important; } .layoutmedium { max-width: 1200px!important; margin: 0px auto!important; } body[data-button-style*="slightly_rounded"] button { border-radius: 0.3rem!important; } #faq .faqwide.wpb_column { max-width: 900px; margin: 0px auto!important; } #whattodo ul { display: grid; grid-template-columns: repeat(2,1fr); gap: 15px; margin: 0!important; } #whattodo ul li { list-style-type: none!important; } #whattodo ul li a { display: flex; align-items: center; justify-content: space-between; border: 2px solid rgba(0,0,0,0.1); border-width: 1px 3px 3px 1px; padding: 0.4em 1em; text-decoration: none; color: #181818!important; font-size: 21px!important; border-radius: 0.6rem; font-family: 'first-aid-display',sans-serif!important; transition: border-color 0.3s ease; gap: 10px; } #whattodo ul li a:hover { border-color: rgba(0,0,0,0.3)!important; } #whattodo ul li span { flex: 1; } #whattodo ul li .icons { display: flex; align-items: center; gap: 8px; } #whattodo ul li img { height: 55px!important; width: auto!important; margin: 0!important; } #whattodo ul li:nth-child(n+3) img { padding: 4px; } #whattodo ul li svg { transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1); } #whattodo ul li a:hover svg { transform: translateX(6px); } #whattodo p.newh2 { text-align: center!important; margin-bottom: 40px!important; display: block; } #contact .wpb_column .vc_column-inner { padding: 7%; border-radius: 0.6rem; background: #F3F4FA; } #addresses .addresses .vc_column-inner { padding: 3% 2% 4% 2%; border-radius: 0.6rem; border: 1px solid #eee; } #contact ul { margin: 0!important; } #contact ul li { list-style-type: none!important; } #contact h2, #addresses h2 { font-size: 21px!important; } #contact a { color: #3A474E!important; } #addresses .contact-columns { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7%; } #brandkit .wpb_column .vc_column-inner { background: #F3F4FA; padding: 15% 5%; border-radius: 0.6rem!important; } #brandkit img.wordmark { height: 60px!important; width: auto!important; margin: 0px auto!important; } #brandkit img.icon { height: 60px!important; width: auto!important; margin: 0px auto!important; } #brandkit img:hover { opacity: 0.7!important; } #brand h2 { font-size: 19px!important; font-family: 'first-aid-sans',sans-serif!important; font-weight: 700!important; margin: 80px 0 0px 0!important; } #brand h2.start { margin-top: 0!important; } #brand .around.small h2 { margin: 0 0 15px 0!important; } #brand .around.small p { padding-bottom: 1em!important; } #brand .around.small p.none { margin: 0!important; padding: 0!important; } #brand .around.small a.smaller { font-size: 15px!important; margin-bottom: -1.5em!important; } #brand .brandkit.layoutsmall.useourcontent .warning { padding: 30px!important; max-width: 100%!important; margin-top: 0!important; line-height: 1.5!important; } #brand .brandkit.layoutsmall.useourcontent h2.start { font-size: 28px!important; margin: 80px 0 18px 0!important; } #colours .colours { height: 150px; display: block; border-radius: 0.6rem; margin-bottom: 8px!important; border: 1px solid #eee; } #colours p { font-size: 10px!important; line-height: 1.6!important; } #colours p strong { font-size: 14px!important; opacity: 1!important; } #brand .sidebox { padding: 0!important; overflow:hidden; } #brand .sidebox p, #brand .sidebox span { padding: 0 5% 24px 5%!important; } #brand .sidebox p.newh2 { margin: 0!important; font-size: 21px!important; line-height: 1!important; padding-bottom: 10px!important; } #brand .sidebox p.tagline { opacity: 0.6; font-style: italic; } #brand img.banner { margin: 0 -5% 2% -5%!important; width: 110%!important; max-width: 110%!important; } #brand #notes p { line-height: 1.4!important; } #brand #notes h2 { margin-bottom: 15px!important; } #documents .wpb_column .vc_column-inner { padding: 7%; border-radius: 0.6rem; border: 1px solid #eee; box-shadow: 2px 2px rgba(0,0,0,0.06); overflow:visible!important; background: #fff; } #documents .wpb_column:hover .vc_column-inner { box-shadow: 4px 4px rgba(0,0,0,0.1); overflow:visible!important; border-color: #ddd; transition: ease-in-out 0.2s; } #documents ul { margin: 0 0 0 0px!important; } #documents ul li { list-style-type: none!important; line-height: 1.3!important; border-bottom: 1px solid #eee; } #documents ul li a { color: #181818!important; display: block; border-radius: 0.3rem; padding: 6px 0px; transition: ease-in-out 0.1s; } #documents ul li a:hover { color: #181818!important; text-decoration: underline; background-color: #f4f4f4; transition: ease-in-out 0.1s; } #documents h2 { font-size: 24px!important; } #documents img.iconfeature { height: 50px!important; width: auto!important; margin-bottom: 40px!important; } .pdfembed { width: 100%; max-width: 100%; margin: 0 auto; border: 20px solid #efefef; border-radius: 1rem; overflow: hidden!important; background: #ddd!important; margin-bottom: 80px!important; margin-top: 40px!important; } .pdfembed iframe { display: block; width: 100%; height: 100%; border: none; } .pdfembed iframe body { background-color: #ddd!important; } #legal span.download { display: block!important; font-size: 12px!important; padding-bottom: 1.5em!important; opacity: 0.7!important; } #legal .around span.download { padding-bottom: 0!important; } #legal h2 { margin: 30px 0 20px 0!important; font-size: 28px!important; } #legal h2.first { margin: 0 0 20px 0!important; } #legal h2::nth-child(1) { margin-top: 0!important; } #legal #toc ul { margin: 0!important; } #legal #toc ul li { list-style-type: none!important; } #legal #toc ul li a { color: #181818!important; font-size: 14px!important; padding: 4px 0; display: block; } #legal #toc ul li a:hover { text-decoration: underline; } #legal span.effective, #legal span.effectivedate { display: block; opacity: 0.7; line-height: 1.4!important; } #legal span.effectivedate { font-weight: 600!important; padding-bottom: 2em!important; border-bottom: 2px solid #ddd!important; margin-bottom: 2em!important; } #legal #toc { padding: 0 0 5% 0; border-radius: 1rem; box-shadow: 2px 2px rgba(0,0,0,0.08); overflow:hidden; border: 1px solid #efefef; font-size: 14px !important; line-height: 1.4 !important; background: #f4f4f4; } #legal #toc strong { margin: 0; display: block; padding: 5% 5% 0% 5%; } #legal #toc ul { padding: 5%; } #aboutus p { color: #fff!important; opacity: 0.7!important; } #aboutus p.newh4 { opacity: 1!important; font-size: 21px!important; } #aboutus p a, .nectar-icon-list a, .aboutus p a { color: #fff!important; border-bottom: 2px solid #fff!important; } #aboutus p a:hover, #aboutus .nectar-icon-list a:hover, #aboutus .aboutus p a:hover { border-color: #CE1443!important; } #aboutus h2 { font-size: 28px!important; text-align: center!important; margin: 40px 0 20px 0!important; } #aboutus img.logohistory { width: 45%!important; display: block!important; margin: 30px auto!important; } #aboutus img.logohistory.second { width: 60%!important; } #aboutus .features p { opacity: 1!important; } #about .features p.newh2 { max-width: 100%!important; font-size: 64px!important; } #about .four-columns { padding: 80px 0!important; text-align: center!important; } #about .closer .four-columns { padding: 0!important; margin-top: -40px!important; } #boxfeatures .wpb_column .vc_column-inner { padding: 7%; border-radius: 0.6rem; background: #F3F4FA; border: 1px solid #fff; border-width: 1px 3px 3px 1px; } #boxfeatures .wpb_column .vc_column-inner:hover { border-color: #eee!important; } #boxfeatures img.smallfeatured { height: 40px!important; width: auto!important; margin-bottom: 40px!important; } #boxfeatures p.lower { font-size: 14px!important; line-height: 1.4!important; opacity: 0.7!important; } #boxfeatures p.newh2 { margin: 0px 0 15px 0!important; font-size: 21px!important; font-family: 'first-aid-sans',sans-serif!important; font-weight: 600!important; } #boxfeatures.redboxfeatures .wpb_column .vc_column-inner, #boxfeatures.redboxfeatures .wpb_column .vc_column-inner:hover { padding: 0!important; background: transparent!important; border: none!important; } #boxfeatures.redboxfeatures p.lower { max-width: 85%; } .expanded-toc { margin:20px 0 50px 0!important; border-radius:0.6rem; box-shadow:2px 2px rgba(0,0,0,0.08); overflow:hidden; border:1px solid #efefef; font-size:14px!important; line-height:1.4!important; background:#f4f4f4;margin: 20px 0px 40px 0!important; } .expanded-toc strong { margin:0; display:block; padding:5% 5% 0% 5%; } .expanded-toc ul.toc-columns { padding:2% 5% 5% 5%; margin:0!important; list-style:none!important; column-count:2; column-gap:40px; counter-reset:item; } .expanded-toc ul.toc-columns li { break-inside:avoid; padding:4px 0; position:relative; counter-increment:item; list-style-type: none!important; margin-left: 0!important; } .expanded-toc ul.toc-columns li::before { content:counter(item, decimal-leading-zero) ". "; color:#999; font-weight:700; margin-right:4px; } .expanded-toc ul.toc-columns li a { color:#181818!important; font-size:14px!important; text-decoration:none!important; display:inline; } .expanded-toc ul.toc-columns li a:hover { text-decoration:underline; } .expanded-toc .toc-buttons { display:flex; flex-wrap:wrap; gap:15px; padding:0 5% 5% 5%; } .expanded-toc .meta-btn { padding: 6px 20px!important; } .expanded-toc .meta-btn svg { width: 12px!important; height: 12px!important; } /*****FORMS*******/ .material.woocommerce-page[data-form-style=default] input#coupon_code, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea { background: #fff!important; background-color: #fff!important; border: 2px solid #eee!important; border-width: 1px 2px 2px 1px!important; border-radius: 0.3rem!important; padding: 24px 8px 10px 12px!important; font-size: 18px!important; line-height: 1.3!important; color: #181818!important; font-weight: 600!important; } select { padding: 24px 8px 12px 8px!important; } p.form-privacy { font-size: 12px!important; opacity: 0.6!important; line-height: 1.3!important; margin: 25px 0 0 0!important; padding: 0 10%!important; text-align: center!important; color: #181818!important; } .light p.form-privacy a, p.form-privacy a { color: #181818!important; text-decoration: underline; border: none!important; } #glossary-search-wrapper input[type=search] { padding: 16px 12px!important; } button[type=submit] { width: 100%!important; font-weight: 700!important; font-size: 17px!important; } .form-field { position: relative; margin-bottom: 10px; } .form-field label { position: absolute; top: 1px; left: 13px; color: #000!important; opacity: 0.6; font-size: 14px!important; pointer-events: none; transition: 0.2s ease all; font-family: 'first-aid-sans',sans-serif!important; } textarea { min-height: 140px; } .cf-wrap { margin: -10px 0 10px 0!important; height: 65px; background: repeating-linear-gradient(-45deg, #eee 0 1px, transparent 1px 6px); overflow:hidden!important; border-radius: 0.3rem!important; border: 1px solid #eee!important; } .spinner { display:inline-block; width:16px; height:16px; border:2px solid #fff; border-top-color:transparent; border-radius:50%; animation:spin 1s linear infinite; vertical-align:middle; margin-left:12px; } @keyframes spin { to { transform:rotate(360deg); } } #certificate .whitebox, #certificate .whitebox p { color: #181818!important; } #certificate .cf-wrap { margin-top: 0!important; } #certificate button[type=submit] { background-color: #000!important; } #sendamessage .leftcontent p a { color: #fff!important; } #sendamessage .leftcontent p a:hover { color: #CE1443!important; } ::placeholder { color: #ccc !important; opacity: 1 !important; } :-ms-input-placeholder { color: #ccc !important; } ::-ms-input-placeholder { color: #ccc !important; } ::-webkit-input-placeholder { color: #ccc !important; } ::-moz-placeholder { color: #ccc !important; opacity: 1 !important; } :-moz-placeholder { color: #ccc !important; opacity: 1 !important; } .certificate-box { padding: 6% 5%; background: #fff; border: 10px solid #efefef; border-radius: 1rem; position: relative; overflow:hidden; margin-bottom: 20px; } .certificate-bg-icon { position: absolute; top: -45px; right: -100px; width: 70%; opacity: 0.04; color: #000000; pointer-events: none; } .certificate-bg-icon .cert-svg { width: 100%; height: auto; display: block; } .terms-and-conditions { margin: 50px 0 30px 0!important; } .terms-and-conditions p { font-size: 14px!important; line-height: 1.4!important; } .terms-and-conditions p.newh3 { font-size: 19px!important; } .certificate-head { text-align: center; margin-bottom: 20px; } .certificate-logo { max-width: 180px; height: auto; } .subline { display: block; font-size: 10px; } .certificate-name { font-size: 45px; line-height: 1.2!important; text-align: center; margin-bottom: 25px; letter-spacing: -2px!important; font-family: 'first-aid-display',sans-serif!important; } .certificate-row { margin-bottom: 18px; } .two-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .certificate-heading { display: block!important; font-size: 12px!important; line-height: 1.2!important; opacity: 0.4!important; margin-bottom: 3px; } .warning { display: block; padding: 15px; background: #FFFBB7; border-left: 4px solid #ffd025; margin: 25px auto; max-width: 90%; border-radius: 0.6rem; text-align: left!important; line-height: 1.3!important; } .warning.price-beat { background: none!important; border: none!important; padding: 0!important; text-align: center!important; } .warning.price-beat strong { display: block!important; margin-bottom: 15px!important; } img.certificate-logo { width: 42%!important; margin: 0 auto!important; } .certificate-box span { display: block; line-height: 1.2!important; } .certificate-box span.warning a { text-decoration: underline!important; } span.multiple { display: block; text-align: center; margin-bottom: 20px; } .certificate-box.success::before, .certificate-box.success::after, .certificate-box.recover::before, .certificate-box.recover::after { content: "Australia Wide First Aid Certificate Sample — Australia Wide First Aid Certificate Sample — Australia Wide First Aid Certificate Sample — "; font-size: 6px; pointer-events: none; position: absolute; text-transform: uppercase; color: #ccc!important; line-height: 1.2!important; letter-spacing: 2px!important; overflow:hidden; } .certificate-box.recover::before, .certificate-box.recover::after { content: "Australia Wide First Aid Certificate Recovery — Australia Wide First Aid Certificate Recovery — Australia Wide First Aid Certificate Recovery — "; } .certificate-box.recover { padding: 110px 5% 120px 5%!important; } img.screenport { border-radius: 3rem!important; margin: 15px 0 40px 0!important; border: 17px solid #efefef!important; } .centeredusi { margin-top: 20px!important; } .centeredusi p a { color: #fff!important; opacity: 0.8!important; } .centeredusi p a:hover { color: #fff!important; opacity: 1!important; border-color: #fff!important; } .certificate-box::before { top: 5px; left: 5px; width: 98%; text-align: center; white-space: nowrap; } .certificate-box::after { bottom: 5px; left: 5px; width: 98%; text-align: center; white-space: nowrap; } span.renewal-date { display: block!important; } span.expired, span.valid { display: inline; background: pink; padding: 2px 9px; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; border-radius: 0.3rem; color: #CE1443!important; } span.valid { background: #D2FFC1!important; color: green!important; } #certificate select { cursor: pointer!important; padding-left: 12px!important; } span.price-beat-coupon { background: #efefef; padding: 2px 5px; display: inline; border-radius: 0.3rem; border: 1px solid #ccc; } .certificate-result { display: block; } .certificate-row.col-one { width: 59%; text-align: left; display: inline-block; vertical-align: top; } .certificate-row.col-two { width: 39%; text-align: right; display: inline-block; vertical-align: top; } .certificate-row.col-one strong { display: block; } .certificate-row.col-one span.coursetitle { font-size: 14px!important; letter-spacing: -0.5px!important; } .certificate-result.more, .certificate-result.last { padding-top: 12px; border-top: 1px solid #ddd; margin-top: -6px; } span.red { color: #CE1443!important; } span.black { color: #000!important; } span.form-heading-detail { font-size: 12px!important; line-height: 1.2!important; text-transform: uppercase; display: block; text-align: left!important; margin-bottom: 10px!important; color: #CE1443!important; } span.form-heading-detail.split { margin-top: 30px!important; } /***LANDING PAGES***/ #landingboxes .wpb_column .vc_column-inner { border: 1px solid #ddd; border-radius: 0.6rem; padding: 7%; } #landingboxes svg { height: 40px; width: 40px; color: #181818!important; } #landingboxes p strong { color: #181818!important; font-size: 19px!important; display: block; margin-bottom: -12px!important; } #landingboxes p { font-size: 15px!important; line-height: 1.4!important; } img.landingasthma { width: 100%!important; margin: 0!important; height: auto!important; } /****TOGGLES****/ div[data-style*=minimal] .toggle>.toggle-title i { border: none!important; right: 15px; } div[data-style="minimal"] .toggle>.toggle-title a { font-weight: 700!important; padding: 18px 70px 18px 20px!important; font-size: 19px!important; line-height: 1.2!important; color: #181818!important; border: none!important; } div[data-style="minimal"] .toggle>.toggle-title a:hover { border: none!important; color: #181818!important; } div[data-style="minimal"] .toggle { background: #fff!important; border: none!important; border-radius: 0.6rem; position: relative; margin: 8px 0 !important; } div[data-style="minimal"] .toggle:hover, div[data-style="minimal"] .toggle.default.open { background: #f2f2f2!important; } div[data-style="minimal"] .toggle>.inner-toggle-wrap { padding-right: 20px!important; padding-left: 20px!important; max-width: 800px; } div[data-style="minimal"] .toggle>.inner-toggle-wrap p, div[data-style="minimal"] .toggle>.inner-toggle-wrap li { font-size: 15px!important; line-height: 1.5!important; color: #333!important; } div[data-style="minimal"] .toggle>.inner-toggle-wrap a { color: #181818!important; transition: none!important; } div[data-style="minimal"] .toggle>.inner-toggle-wrap a:hover { color:#CE1443!important; transition: none!important; } div[data-style="minimal"] .toggle section.faq-answer { display: block!important; padding-bottom: 30px!important; padding-right: 70px!important; } div[data-style="minimal"] .toggle.default.open { padding-bottom: 30px!important; } div[data-style="minimal"] .divider-line { height: 2px; background: #efefef; } div[data-style="minimal"] .toggle:last-child .divider-line { display: none; } div[data-style*=minimal] .toggle h3 { margin: 0!important; } div[data-style*=minimal_small] p { font-size: 16px!important; line-height: 1.5!important; } div[data-style="minimal_small"] .toggle { margin-bottom: 1em!important; } div[data-style*=minimal] .toggle>.toggle-title a { font-family: 'first-aid-display',sans-serif!important; font-size: 18px!important; } div[data-style="minimal_small"] .toggle > .toggle-title { margin-bottom: 10px!important; } .whitefaq div[data-style="minimal"] .divider-line { background: transparent!important; } .whitefaq div[data-style="minimal"] .toggle { border: 2px solid #F3F4FA!important; border-width: 1px 3px 3px 1px!important; } .whitefaq div[data-style="minimal"] .toggle:hover, .whitefaq div[data-style="minimal"] .toggle.default.open { background: #fff!important; border-color: rgba(0,0,0,0.1)!important; } .whitefaq div[data-style="minimal"] .toggle { margin: 6px 0!important; } .darktoggle div[data-style="minimal"] .toggle>.toggle-title a { color: #fff!important; } .darktoggle div[data-style="minimal"] .toggle:hover, .darktoggle div[data-style="minimal"] .toggle.default.open { background: #333!important; } .darktoggle div[data-style="minimal"] .divider-line { background: #111!important; } .darktoggle div[data-style="minimal"] .toggle { background: #222!important; } .light .darktoggle .toggle>div, .darktoggle div[data-style="minimal"] .toggle>.inner-toggle-wrap p, .darktoggle div[data-style="minimal"] .toggle>.inner-toggle-wrap li, .darktoggle div[data-style="minimal"] .toggle>.inner-toggle-wrap a { color: #999!important; } .darktoggle div[data-style="minimal"] .toggle>.inner-toggle-wrap a:hover { color: #CE1443!important; } /******BLOG*********/ main.single-post-content { margin: 0px auto!important; margin-bottom:80px!important; } main.single-post-content .post-content { max-width: 700px; margin: 0px auto; } main.single-post-content h1, main.single-post-content h2, main.single-post-content h3, main.single-post-content h4, main.single-post-content h5, main.single-post-content h6, main.single-post-content p, main.single-post-content ul, main.single-post-content ol { max-width: 700px!important; margin-left: auto!important; margin-right: auto!important; } main.single-post-content .post-content p, main.single-post-content .post-content em, main.single-post-content .post-content a, main.single-post-content .post-content p strong { font-family: 'Georgia',serif!important; color: #181818!important; line-height: 1.5!important; font-size: 19px!important; transition: none!important; } main.single-post-content .post-content em { font-style: italic!important; } main.single-post-content .post-content a:hover { color: #CE1443!important; } .single-post-content li { margin-left: 40px!important; } main.single-post-content .post-content li a { font-family: 'fist-aid-sans',sans-serif!important; font-size: 15px!important; font-weight: 600!important; transition: none!important; } .single-post-content li a:hover { transition: none!important; } .single-post-content a { color: #181818!important; text-decoration: underline!important; } .single-post-content a:hover { color: #CE1443!important; } .single-post-content dfn { border-bottom: 2px dashed #ccc!important; } main.single-post-content h2 { margin: 40px auto 15px auto!important; font-size: 28px!important; } main.single-post-content h3 { margin: 40px auto 15px auto!important; font-size: 24px!important; } figure.article-figure { margin: 0px auto!important; text-align: center!important; margin-bottom: 40px!important; } figure.article-figure img { max-width: 1400px!important; margin: 0px auto; } img.resource-figure { border-radius: 0.6rem!important; box-shadow: 4px 4px rgba(0,0,0,0.1)!important; border: 1px solid #efefef; margin: 0!important; width: 100%!important; height: auto!important; } figure.section-figure { aspect-ratio: 16/9; margin: 50px 0 20px 0!important; } #reading-progress { position: fixed; top: 0; left: 0; height: 4px; width: 0; background: #CE1443; z-index: 9999; transition: width 0.1s linear; } figcaption.article-caption, figcaption.section-caption { font-size: 12px!important; line-height: 1.4!important; color: #000!important; opacity: 0.4!important; margin: 5px 50px 60px 0px!important; } iframe, iframe.iframe-embed { aspect-ratio: 16/9; width: 100%!important; } .author-box { padding: 2% 0%!important; border-top: 1px solid #ddd!important; margin: 30px auto!important; margin-top: 60px!important; max-width: 700px!important; } .related-inline { margin-top: 30px!important; border-top: 1px dashed #ddd!important; padding-top: 60px!important; } .related-inline ul li { margin: 5px 0 5px 0!important; list-style-type: none!important; border-bottom: 1px solid rgba(0,0,0,0.06)!important; padding: 5px 0px!important; } .related-inline ul li a { display: flex; justify-content: space-between; align-items: center; gap: 12px; text-decoration: none!important; font-family: 'first-aid-display',sans-serif!important; font-size: 19px!important; font-size: 19px!important; } .related-inline ul li a:hover { color: #181818!important; text-decoration: underline!important; } .related-inline .related-text { flex: 1; } .related-inline ul li img { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; display: block; margin: 0 0 5px 0!important; aspect-ratio: 1/1; border: 3px solid #efefef; } .related-inline .related-date { display: block; font-size: 14px; color: rgba(0,0,0,0.5); margin-top: 4px; } .related-inline ul li:hover img { border-color:#CE1443!important; } main.single-post-content .post-content .related-inline li a { font-size: 21px!important; line-height: 1.2!important; font-family: 'first-aid-display',sans-serif!important; } #video { width: 100vw; margin-left: calc(-50vw + 50%); padding: 80px 0; background: #181818; margin-top: 40px!important; margin-bottom: 80px!important; } #video .video-inner { max-width: 900px; margin: 0 auto; position: relative; } .embed-youtube { position: relative !important; width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; padding-bottom: 0 !important; border-radius: 2rem; overflow: hidden; border: 10px solid rgba(255, 255, 255, 0.6); } .embed-youtube.vertical { aspect-ratio: 9 / 16; } .embed-youtube iframe { width: 100% !important; height: 100% !important; min-height: 100% !important; display: block; border: 0; } .embed-youtube.dark { border-color: #CE1443!important; margin-bottom: 30px!important; } .video-label { display: inline-block; font-weight: 700; text-transform: uppercase; color: #fff!important; margin-bottom: 10px; font-size: 18px; } .header-banner { width:100vw; margin-left:calc(-50vw + 50%); padding:60px 0 0 0; margin-bottom:60px!important; border-bottom: 1px solid #ddd; text-align: center!important; } .header-inner { max-width:1400px; margin:0 auto; padding:0 40px; box-sizing:border-box; } .header-banner .article-figure img { width:100%; height:auto; display:block; } .header-image { position:relative; width:100%; background:#F3F4FA; aspect-ratio:16/9; overflow:hidden; margin-top: 80px!important; } .header-image img.headfigure { width:100%; height:100%; object-fit:contain; display:block; } .article-audio-player { max-width: 700px!important; margin: 0px auto!important; margin-bottom: 30px!important; } span.article-audio-label { font-size: 10px!important; margin: 0!important; padding: 0!important; font-family: 'first-aid-sans',sans-serif!important; text-transform: uppercase!important; opacity: 0.7!important; } audio { height: 40px!important; } .header-banner p.big-excerpt { font-size: 38px!important; font-family: 'first-aid-sans',sans-serif!important; line-height: 1.2!important; max-width: 1200px!important; padding: 50px 5% 20px 5%!important; font-family: 'instrument serif',serif!important; font-weight: normal!important; font-style:italic!important; } .header-banner h1.post-title { font-size: 56px!important; } .post .post-meta, .latest-post .post-meta { position: relative!important; border: none!important; margin: 5px 0 -5px 0!important; font-size: 11px!important; text-transform: uppercase!important; z-index: 99; color: #CE1443!important; } .post .post-meta:hover, a.article-link.st-hover .post-meta { text-decoration: underline!important; color: #CE1443!important; } .post-meta-row.single-column{text-align:center;margin:20px auto 60px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:14px;} .post-meta-row .meta-line{margin:0;font-size:14px;color:#555;} .post-meta-row .meta-line a:hover{text-decoration:underline;} .post-meta-row .dot{margin:0 6px;opacity:.5;} .meta-buttons{display:flex;justify-content:center;gap:10px;margin-top:8px;} .meta-btn,.summarise-btn{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600!important;cursor:pointer;padding:0px 20px; border-radius:200px;background:#ddd;transition:all .2s ease;} .single-post-content a.meta-btn, .single-post-content a.summarise-btn, .single-post-content a.summarise-btn:hover, .single-post-content a.meta-btn:hover { text-decoration: none!important; transition: none!important; } .meta-btn svg{height:11px!important;width:11px!important;fill:#181818;margin-right: 4px!important; } .share-btn:hover{background:#181818;} .single-post-content a.meta-btn:hover { color: #fff!important; } .share-btn:hover svg{fill:#fff;} main.single-post-content .post-content a.meta-btn { font-family: 'first-aid-sans',sans-serif!important; font-size: 14px!important; } .summarise-btn{position:relative;display:flex;align-items:center;gap:6px;background:#fff;border:2px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#7b2ff7,#f107a3);background-origin:border-box;background-clip:padding-box,border-box;transition:all .3s ease;text-decoration:none;} .summarise-btn svg{height:14px;width:14px;fill:#7b2ff7;transition:fill .3s ease;} .summarise-btn:hover{color:#fff;background-image:linear-gradient(90deg,#7b2ff7,#f107a3),linear-gradient(90deg,#7b2ff7,#f107a3);} .summarise-btn:hover svg{fill:#fff;} #summarisewithai { border: 2px dashed #ccc; border-radius: 1rem; text-align: center!important; max-width: 700px!important; margin: 20px auto!important; padding: 2%; } #summarisewithai .summarize-title { font-size: 1.4em; font-weight: 700; margin-bottom: 10px; } #summarisewithai .summarize-note { font-size: 0.95em; color: #555; margin-bottom: 20px; } #summarisewithai .summarize-buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; } #summarisewithai .ai-btn { display: inline-flex; align-items: center; gap: 6px; padding: 4px 14px; border: 1px solid #ccc; border-radius: 6px; font-size: 0.9em; text-decoration: none!important; color: #111; transition: all 0.2s ease; } #summarisewithai .ai-btn:hover { background: #f5f5f5; border-color: #999; } #summarisewithai .ai-btn svg { width: 18px; height: 18px; } .image-box { width: 100%; aspect-ratio: 16/9; background: #f4f4f4; overflow: hidden; border-radius: 0.6rem; } .image-box img { width: 100%!important; height: 100%!important; object-fit: cover; object-position: top left!important; } .archive-posts-grid { display:flex; flex-wrap:wrap; gap:4%; justify-content:flex-start; } .latest-post { flex:0 0 calc(25% - 4%); margin-bottom:3%; box-sizing:border-box; transition:transform .2s ease,box-shadow .2s ease; } .latest-post h2.post-title, .latest-post p.post-title { color: #181818!important; font-size: 18px!important; font-family: 'first-aid-sans',sans-serif!important; line-height: 1.2!important; display: block; letter-spacing: -0.5px!important; font-weight: 600!important; } .latest-post:hover .post-title { text-decoration: underline!important; } .latest-post:hover .image-box { } .archive-posts-grid p.excerpt, .trending-section p.excerpt, #blogthree p.excerpt { position:absolute; width:1px; height:1px; margin:0; padding:0; border:0; overflow:hidden; clip-path:inset(0 0 99% 99%); white-space:nowrap; } #bookacourse { padding: 1% 2%; border-radius: 0.6rem; background: #FFE6F3; max-width: 700px!important; margin: 40px auto!important; border: 1px solid #CE1443; border-width: 1px 4px 4px 1px; } #bookacourse span { color: #CE1443!important; } .single-post-content #bookacourse a { color: #CE1443!important; font-weight: 600!important; font-family: 'first-aid-display',sans-serif!important; } .single-post-content #bookacourse a:hover { text-decoration: none!important; } .archive-header { text-align: center;padding: 80px 0 60px 0; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); width: 100vw; margin-bottom: 20px!important; } .archive-header .page-title { } .archive-header .intro { max-width: 700px; margin: 0 auto; } .archive-header p { font-size: 14px!important; line-height: 1.6!important; } nav.pagination { margin: 60px auto 80px!important; text-align: center!important; display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; } nav.pagination a, nav.pagination span { display: inline-block; padding: 6px 20px; border: 1px solid #ddd; border-radius: 0.3rem; font-size: 0.9em; color: #181818; text-decoration: none; transition: none!important; } nav.pagination a:hover { background: #CE1443; color: #fff; border-color: #CE1443; transition: none!important; } nav.pagination .current { background: #CE1443; color: #fff; border-color: #CE1443; } .colourful-layout #ajax-content-wrap { } .colourful-layout .archive-header { background: transparent!important; } .colourful-layout .latest-post { padding: 1%; border: 1px solid rgba(0,0,0,0.06)!important; border-width: 1px 3px 3px 1px!important; border-radius: 1rem; } .colourful-layout .latest-post:hover { border-color: rgba(0,0,0,0.1)!important; } .colourful-layout .latest-post .image-box { background: #D2FFC1; padding: 40px 20px 0px 20px; margin-bottom: 15px!important; text-align: center; position: relative; } .colourful-layout .latest-post .image-box img { transform: rotate(3deg) scale(1.5); overflow: hidden; object-fit: contain!important; border-radius: 0.3rem; object-position: center 15px!important; position: relative; z-index: 2; } .colourful-layout .latest-post .image-box::before { content: ""; position: absolute; top: 60px; left: 20%; width: 50%; height: 100%; background: rgba(0,0,0,0.1); border-radius: 0.3rem; transform: rotate(2deg); z-index: 1; transform: rotate(-3deg); border-radius: 0!important; } .colourful-layout .latest-post.remaining .image-box::before { display: none!important; } .colourful-layout .latest-post.remaining .image-box img { width: 60%!important; object-position: center 80%!important; } .colourful-layout .latest-post.remaining h2.post-title { height: 80px!important; } .container.main-content.charts { margin-bottom: 80px!important; } a.charts_link { color: #000!important; opacity: 0.7!important; text-transform: uppercase; font-size: 12px!important; line-height: 1.2!important; } a.charts_link i { margin-left: 10px; transition: ease-in-out 0.2s; opacity: 0.5!important; } a.charts_link:hover i { margin-left: 15px; transition: ease-in-out 0.15s; text-decoration: none!important; } a.charts_link:hover { text-decoration: underline; } p.intro a.intro:hover { color: #CE1443!important; text-decoration: underline!important; } .colourful-layout .latest-post:nth-child(9n+1) .image-box { background: #FFFBB7; } .colourful-layout .latest-post:nth-child(9n+2) .image-box { background: #F4F4F4; } .colourful-layout .latest-post:nth-child(9n+3) .image-box { background: #D2FFC1; } .colourful-layout .latest-post:nth-child(9n+4) .image-box { background: #CEEBFF; } .colourful-layout .latest-post:nth-child(9n+5) .image-box { background: #FFDEDE; } .colourful-layout .latest-post:nth-child(9n+6) .image-box { background: #FFFDD9; } .colourful-layout .latest-post:nth-child(9n+7) .image-box { background: #FEDE9E; } .colourful-layout .latest-post:nth-child(9n+8) .image-box { background: #F9F4F2; } .colourful-layout .latest-post:nth-child(9n+9) .image-box { background: rgba(189,149,255,0.2); } .colourful-layout .latest-post:nth-child(2n) .image-box img { transform: rotate(2deg) scale(1.4); object-position: center 5px; } .colourful-layout .latest-post:nth-child(3n) .image-box img { transform: rotate(-1.5deg) scale(1.6); object-position: center 15px; } .colourful-layout .latest-post:nth-child(4n) .image-box img { transform: rotate(0deg) scale(1.5); object-position: center 10px; } .colourful-layout .latest-post:nth-child(5n) .image-box img { transform: rotate(-2deg) scale(1.3); object-position: center 20px; } .colourful-layout .latest-post:nth-child(7n) .image-box img { transform: rotate(1.5deg) scale(1.4); object-position: center 14px; } .colourful-layout .latest-post:nth-child(9n) .image-box img { transform: rotate(-1deg) scale(1.4); object-position: center 10px; } .colourful-layout .latest-post:nth-child(11n) .image-box img { transform: rotate(2.5deg) scale(1.45); object-position: center 5px; } .colourful-layout .latest-post:nth-child(2n+1) .image-box img { transform: rotate(-1.5deg) scale(1.55); object-position: center 10px; } .colourful-layout .latest-post:nth-child(3n+2) .image-box img { transform: rotate(1.8deg) scale(1.3); object-position: center 8px; } .colourful-layout .latest-post:nth-child(5n+3) .image-box img { transform: rotate(-2.2deg) scale(1.4); object-position: center 12px; } .colourful-layout .latest-post:nth-child(2n) .image-box::before { transform: rotate(2deg); top: 58px; left: 22%; width: 40%; } .colourful-layout .latest-post:nth-child(3n) .image-box::before { transform: rotate(-1.5deg); top: 62px; left: 18%; width: 40%; } .colourful-layout .latest-post:nth-child(4n) .image-box::before { transform: rotate(0deg); top: 60px; left: 20%; width: 40%; } .colourful-layout .latest-post:nth-child(5n) .image-box::before { transform: rotate(-2deg); top: 64px; left: 19%; width: 40%; } .colourful-layout .latest-post:nth-child(7n) .image-box::before { transform: rotate(1.5deg); top: 61px; left: 21%; width: 40%; } .colourful-layout .latest-post:nth-child(9n) .image-box::before { transform: rotate(-1deg); top: 63px; left: 20%; width: 40%; } .colourful-layout .latest-post:nth-child(11n) .image-box::before { transform: rotate(2.5deg); top: 59px; left: 23%; width: 40%; } .colourful-layout .latest-post:nth-child(2n+1) .image-box::before { transform: rotate(-1.5deg); top: 62px; left: 19%; width: 40%; } .colourful-layout .latest-post:nth-child(3n+2) .image-box::before { transform: rotate(1.8deg); top: 60px; left: 25%; width: 40%; } .colourful-layout .latest-post:nth-child(5n+3) .image-box::before { transform: rotate(-2.2deg); top: 64px; left: 18%; width: 40%; } .colourful-layout .latest-post:hover { transition: ease-in-out 02.s; } .colourful-layout .latest-post h2.post-title { font-size: 18px!important; height: 40px!important; } .colourful-layout span.post-category { font-weight: 600!important; color: #181818!important; font-size: 14px!important; } .colourful-layout span.post-category svg { position: relative; } .colourful-layout .archive-header { margin-bottom: 0!important; } .category-cpr .image-box img, .category-statistics .image-box img { width: 60%!important; margin-top: 10px!important; } .category-cpr .latest-post .image-box::before, .category-statistics .latest-post .image-box::before { min-width: 60%!important; } .description-copy { max-width: 700px!important; margin: 20px auto!important; margin-bottom: 80px!important; } .description-copy h2, .description-copy h3, .description-copy p { font-size: 14px!important; line-height: 1.4!important; letter-spacing: 0px!important; font-family: 'first-aid-sans',sans-serif!important; } .description-copy h3 { margin-bottom: 2px!important; } .description-copy h2 { font-size: 19px!important; margin-bottom: 10px!important; } .description-copy p a { color: #3A474E!important; text-decoration: underline; transition: none!important; } .description-copy p a:hover { color: #CE1443!important; text-decoration: underline; transition: none!important; } .archive-header { text-align: center; position: relative; } .rotating-text { display: inline-block; position: relative; height: 1.2em; overflow: hidden; vertical-align: middle; margin-bottom: 10px; font-size: 24px; font-weight: 600; color: #333; } .rotating-text span { position: absolute; left: 0; width: 100%; opacity: 0; transform: translateY(100%); animation: rotateWords 6s ease-in-out infinite; } .rotating-text span:nth-child(1) { animation-delay: 0s; } .rotating-text span:nth-child(2) { animation-delay: 2s; } .rotating-text span:nth-child(3) { animation-delay: 4s; } @keyframes rotateWords { 0% { opacity: 0; transform: translateY(100%); } 10% { opacity: 1; transform: translateY(0); } 30% { opacity: 1; transform: translateY(0); } 40% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 0; transform: translateY(-100%); } } .latest-section { position:relative; margin-bottom:60px; z-index:1; } .latest-section::before { content:""; position:absolute; top:0; left: 50%; transform: translateX(-50%); width:100vw; height:100%; background:transparent; z-index:0; pointer-events:none; } .trending-section { position:relative; margin:80px 0; padding:5% 0; z-index:1; } .trending-section::before { content:""; position:absolute; top:0; left: 50%; transform: translateX(-50%); width:100vw; height:100%; background:#181818; z-index:0; pointer-events:none; } .keep-reading-section { position:relative; margin:80px 0 250px 0; z-index:1; } .keep-reading-section::before { content:""; position:absolute; top:0; left: 50%; transform: translateX(-50%); width:100vw; height:100%; background:transparent; z-index:0; pointer-events:none; } .trending-top, .trending-grid, .keepreading-top, .keepreading-grid, .groupheading, .trending-dots, .trending-controls { position:relative!important; } .latest-columns { display:grid; grid-template-columns:2fr 1fr; gap:4%; } .latest-left { display:flex; flex-direction:column; gap:4%; } .latest-two-column { display:grid; grid-template-columns:repeat(2,1fr); gap:4%; } .latest-right { display:flex; flex-direction:column; align-self:start; padding:8% 7%; border-radius:2rem; background:#FFFBB7; border-right:10px solid #ffd025; } .latest-right article { border-bottom:1px dashed #ffd025; padding:15px 0!important; } .latest-left .latest-post:nth-child(1) { background:#F3F4FA; } .latest-left .latest-post, .keepreading-grid .latest-post { border:1px solid rgba(0,0,0,0.06)!important; border-width:1px 3px 3px 1px!important; border-radius:1rem; padding:3%; } .keepreading-grid .latest-post { padding:5%!important; } .latest-left .latest-post:hover, .keepreading-grid .latest-post:hover { border-color:rgba(0,0,0,0.1)!important; } .latest-right .latest-post { display:block!important; flex:none!important; margin:0!important; } .latest-right .latest-post h2.post-title { margin-bottom:-5px!important; } .popular-item { margin-bottom:12px; } .trending-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:4%; } .keepreading-wrap { display:grid; grid-template-columns:2fr 1fr; gap:40px; } .keepreading-left { width:100%; display:block!important; } .keepreading-right { width:100%; position:relative; display:block!important; } .keepreading-right .red-promo { } .kr-post { background:#fff; } .kr-post a { display:flex; gap:20px; text-decoration:none; align-items:stretch; transition:ease-in-out 0.2s; } .featured .kr-img { height: 460px; aspect-ratio:16/9; padding-right: 100px solid #F50C21; } .kr-img { height:130px; aspect-ratio:16/10; flex:0 0 auto; display:flex; overflow:hidden; } .kr-img img { width:100%; height:100%!important; object-fit:cover; object-position:top left; display:block; filter:brightness(0.96); margin:0!important; transition:ease-in-out 0.2s; } .kr-info { width:55%; display:flex; flex-direction:column; color:#181818!important; padding:0% 5% 0% 1%!important; } .keepreading-wrap .post-meta { font-size:14px; margin-bottom:5px; } .keepreading-wrap .post-title { font-size:30px; line-height:1.2; margin:0 0 8px 0; color: #181818!important; } .keepreading-wrap .excerpt { margin:0; opacity:0.8!important; } .keepreading-wrap p.excerpt { margin:0; padding:0!important; line-height:1.4!important; font-size:15px!important; } .kr-post a:hover .post-title,.kr-post a:hover h2,.kr-post a:hover h3 { text-decoration:underline!important; } .kr-post a:hover img { opacity:0.7; transition:ease-in-out 0.2s; } .awfa-articles-grid { display:grid; gap:20px; } .awfa-articles-grid.cols-1 { grid-template-columns:1fr; } .awfa-articles-grid.cols-2 { grid-template-columns:repeat(2,1fr); } .awfa-articles-grid.cols-3 { grid-template-columns:repeat(3,1fr); } h2.blog-category { text-align: center!important; margin: 100px 0 5px 0!important; } a.next-category { color: #181818!important; margin-bottom: 30px!important; display: block!important; } a.next-category:hover { text-decoration: underline!important; } #blogthree .post-meta, span.small-meta { font-size: 11px!important; text-transform: uppercase!important; opacity: 0.7!important; margin: 20px 0 5px 0!important; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; line-height: 1.2!important; text-align: left!important; } span.small-meta { display: block!important; margin: 0 0 5px 0!important; opacity: 1!important; } #blogthree .kr-info h2, #blogthree .kr-info h3 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; text-align: left!important; font-size: 19px!important; color: #181818!important; } a.span.small-meta, a:hover.span.small-meta, span.small-meta { color: #CE1443!important; opacity: 1!important; } .archive.category #ajax-content-wrap { background:linear-gradient(to bottom,#F3F4FA 0%,#f9ff93 20%,#d7fbae 40%,#caebf8 60%,#f8cae8 80%,#caebf8 100%)!important; } .archive.category-bites-and-stings #ajax-content-wrap { background:linear-gradient(to bottom,#F3F4FA 0%,#caebf8 20%,#f8cae8 40%,#d7fbae 60%,#f9ff93 80%,#caebf8 100%)!important; } .archive.category-general-health-related #ajax-content-wrap { background:linear-gradient(to bottom,#F3F4FA 0%,#d7fbae 20%,#f9ff93 40%,#f8cae8 60%,#caebf8 80%,#caebf8 100%)!important; } .archive.category-danger #ajax-content-wrap { background:linear-gradient(to bottom,#F3F4FA 0%,#d7fbae 20%,#caebf8 40%,#f9ff93 60%,#f8cae8 80%,#caebf8 100%)!important; } .archive.category-disease #ajax-content-wrap { background:linear-gradient(to bottom,#F3F4FA 0%,#caebf8 20%,#d7fbae 40%,#f8cae8 60%,#f9ff93 80%,#caebf8 100%)!important; } .archive.category-first-aid-training #ajax-content-wrap { background:linear-gradient(to bottom,#F3F4FA 0%,#f8cae8 20%,#caebf8 40%,#d7fbae 60%,#f9ff93 80%,#caebf8 100%)!important; } .archive.category-injury #ajax-content-wrap { background:linear-gradient(to bottom,#F3F4FA 0%,#f8cae8 20%,#f9ff93 40%,#caebf8 60%,#d7fbae 80%,#caebf8 100%)!important; } .archive.category-mental-health #ajax-content-wrap { background:linear-gradient(to bottom,#F3F4FA 0%,#d7fbae 20%,#caebf8 40%,#f9ff93 60%,#f8cae8 80%,#caebf8 100%)!important; } .archive.category-allergy-and-asthma #ajax-content-wrap { background:linear-gradient(to bottom,#F3F4FA 0%,#d7fbae 50%,#caebf8 100%)!important; } .archive.category-how-to #ajax-content-wrap { background:linear-gradient(to bottom,#F3F4FA 0%,#caebf8 50%,#f9ff93 100%)!important; } .archive.category-seasonal-concerns #ajax-content-wrap { background:linear-gradient(to bottom,#F3F4FA 0%,#d7fbae 50%,#f8cae8 100%)!important; } .archive.category-charts #ajax-content-wrap { background:linear-gradient(to bottom,#F3F4FA 0%,#caebf8 50%,#d7fbae 100%)!important; } .archive.category-pets #ajax-content-wrap { background:linear-gradient(to bottom,#F3F4FA 0%,#f9ff93 50%,#caebf8 100%)!important; } .archive.category-first-aid-equipment #ajax-content-wrap { background:linear-gradient(to bottom,#F3F4FA 0%,#f8cae8 50%,#caebf8 100%)!important; } .archive.category-first-aid-in-the-news #ajax-content-wrap { background:linear-gradient(to bottom,#F3F4FA 0%,#d7fbae 50%,#f9ff93 100%)!important; } .archive.category-virus #ajax-content-wrap { background:linear-gradient(to bottom,#F3F4FA 0%,#f8cae8 50%,#caebf8 100%)!important; } .archive.category-cpr #ajax-content-wrap, .archive.category-statistics #ajax-content-wrap, .archive.category-charts #ajax-content-wrap { background:#fff!important; } .archive.category #blogthree { padding-bottom: 100px!important; } .keepreading-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:4%; } .keepreading-grid.final { display:grid; grid-template-columns:repeat(5,1fr); gap:3%; margin-top:5%; } .keepreading-grid.final .latest-post, .keepreading-grid.final .latest-post:hover { padding:0!important; border-radius:0!important; border:none!important; } .keepreading-grid .image-box { filter:brightness(0.97)!important; } .keepreading-grid .image-box img, .latest-columns .image-box img, .trending-section .image-box img { transform:scale(1.035); transform-origin:center; overflow:hidden; object-fit:cover!important; object-position:top left!important; } .groupheading { display:flex; align-items:center; margin-bottom:20px; position:relative; } .groupheading::after { content:""; flex:1; height:3px; background:#181818; margin-left:20px; margin-top:0.1em; } .popular-flex { display:flex; justify-content:space-between; align-items:center; gap:15px; } .popular-info { flex:1; } .popular-thumb { width:150px; height:85px; flex-shrink:0; overflow:hidden; border-radius:0.3rem; } .popular-thumb-img { width:150px!important; height:85px!important; object-fit:cover; display:block; margin:0!important; object-position:top left; box-shadow:2px 2px rgba(0,0,0,0.05); } .popular-post .post-title { font-size:18px; margin:0 0 6px 0; } .popular-post .post-meta { font-size:14px; color:#666; } .latest-post p.excerpt { color:#181818!important; opacity:0.8!important; font-size:15px!important; line-height:1.3!important; margin-top:-10px!important; } #trendingvideos h2, #trendingvideos h3 { color: #fff!important; } #trendingvideos .normal-container { } #trendingvideos .groupheading { color:#fff!important; } #trendingvideos .groupheading::after { display: none!important; } .video-box:hover { border-color: #EE0000; } .video-box {width:100%;aspect-ratio:16/9;position:relative;overflow:hidden; border: 8px solid #CE1443; background: #CE1443; border-radius: 0.6rem; } .video-box iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;} #trendingvideos .post-meta { display:none!important; } #trendingvideos h3 { color:#fff!important; font-family:'first-aid-sans',sans-serif!important; font-weight:normal!important; margin-top: 10px; font-size: 17px!important; letter-spacing: 0px!important; } #trendingvideos .wpb_row.vc_row-fluid.vc_row.full-width-content.nectar-overflow-hidden.carousel-dynamic-wrapper { overflow:visible!important; } ul.categories-bar { margin: 0 !important; position: relative; display: flex; gap: 0px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; cursor: grab; justify-content: center; padding-left: 0; padding-right: 40px; } ul.categories-bar::-webkit-scrollbar { display: none; } .categories-bar-line { position: relative; left: 50%; width: 100vw; height: 2px; background: #eee; transform: translateX(-50%); margin-bottom: 30px; } ul.categories-bar li { list-style-type: none !important; flex: 0 0 auto; } ul.categories-bar li a { color: #3A474E !important; font-size: 13px !important; padding: 7px 10px !important; display: block; white-space: nowrap; } ul.categories-bar li a:hover { text-decoration: underline; } ul.categories-bar.central { justify-content: center; overflow-x: visible; padding-right: 0; } ul.categories-bar.central::after { display: none !important; } .latest-videos-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } .latest-videos-grid .post-title { margin: 12px auto!important; max-width: 90%!important; font-size: 16px!important; color: #fff!important; letter-spacing: 0!important; text-align: center!important; } .fp-wrap { display: grid; grid-template-columns: 2fr 1fr; gap: 10px; } .fp-main, .fp-small { position: relative; display: block; overflow: hidden; background: #ccc; } .fp-main { height: 400px; } .fp-side { display: grid; grid-template-rows: 1fr 1fr; gap: 10px; } .fp-small { height: 195px; } .fp-main img, .fp-small img { width: 100%!important; height: 100%!important; object-fit: cover; display: block; margin: 0!important; transition: ease-in-out 0.1s; object-position: center 80%; } .fp-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 30px; background: linear-gradient(45deg, rgba(0, 0, 0, 1) 5%, rgba(0, 0, 0, 0) 60%); } .fp-small.dog img { transform: scaleX(-1); } .fp-wrap p.newh2 { margin: 0!important; padding: 0!important; color: #fff!important; font-size: 24px!important; line-height: 1.1!important; max-width: 50%; } .fp-main:hover p.newh2, .fp-small:hover p.newh2 { text-decoration: underline!important; } .fp-main:hover img, .fp-small:hover img { opacity: 0.8!important; transition: ease-in-out 0.1s; } .fp-main:hover span, .fp-small:hover span { color: #CE1443!important; opacity: 1!important; } .sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;} .location-benefits-grid { display:grid; grid-template-columns:repeat(3,1fr); column-gap:2%; row-gap:3.5%; margin-top: 60px; text-align: left!important; } .location-benefit { display: block; height:100%; background:#F3F4FA; border-radius: 0.6rem; padding: 2em; } .location-benefit.beat { background: #CE1443; color: #fff!important; } .location-benefit.beat p { opacity: 1!important; } .location-benefit.beat p a { color: #fff!important; opacity: 1!important; } .location-benefit.beat p a:hover { color: #fff!important; border-color: #fff!important; } .location-benefit p, #preparation p { font-size: 14px!important; line-height: 1.4!important; opacity: 0.7; } .location-benefit p.newh3, #preparation p.newh3 { opacity: 1!important; font-size: 19px!important; } .location-benefit img { height: 30px!important; width: auto!important; margin-bottom: 50px!important; } #preparation { margin-top: 40px; } #preparation .wpb_column .vc_column-inner { padding: 3em; border-radius: 0.6rem; background:#F3F4FA; text-align: left!important; } #preparation .nectar-button { padding: 10px 50px!important; } #benefits h2.tiny, #benefits p.tiny { margin-top: 80px!important; } #benefits p.newh2 { max-width: 700px; margin: 0px auto!important; margin-bottom: 80px!important; } #map .wpb_raw_code.wpb_raw_html.wpb_content_element { border-radius: 2rem; border: 10px solid #FF1053; overflow:hidden; } #locationsthree h2, #locationsthree p.newh2 { font-size: 19px!important; line-height: 1.2!important; margin-bottom: 15px!important; letter-spacing: 0!important; } #locationsthree p, #locationsthree address, #locationsthree li { font-size: 15px!important; line-height: 1.3!important; padding-bottom: 0!important; opacity: 0.8!important; } #locationsthree p.newh2, #locationsthree p.maplink { opacity: 1!important; } #locationsthree p.break { padding-bottom: 24px!important; } #locationsthree p.late { font-size: 12px!important; opacity: 0.6!important; } #locationsthree .wpb_column:nth-child(1) { padding: 0 5% 0 0; } #locationsthree .wpb_column:nth-child(2) { border: 1px solid rgba(255,255,255,0.1); border-width: 0px 2px; padding: 0% 5%; } #locationsthree .wpb_column:nth-child(3) { padding: 0 0 0 3%; } #locationsthree p a { margin-top: 30px!important; display: inline-block; color: #fff!important; opacity: 1!important; } #locationsthree a:hover { color: #CE1443!important; border-color: #CE1443!important; } #locationsthree ul { margin-bottom: 0!important; } .light #reviews p.review-text { color: #3A474E!important; } .nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot.is-selected:before, .nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot:before { transform: none!important; width: 70px!important; height: 10px!important; background: #CE1443!important; border-radius: 0!important; box-shadow:none!important; } .nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot:before { background: #fff!important; } .nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot { width: 90px!important; } .nectar-flickity[data-control-style=material_pagination] .flickity-page-dots, .nectar-flickity[data-controls=material_pagination] .flickity-page-dots { bottom: -50px!important; } .trending-controls { display:flex; gap:20px; } .trending-arrow { cursor:pointer; font-size:60px!important; line-height:60px; user-select:none; } .trending-slider-wrapper { overflow:hidden; width:100%; } .trending-slider { display:flex; transition:transform .45s ease; } .trending-slide { flex:0 0 calc(25% - 1%); margin-right:1%; box-sizing:border-box; } .trending-slide:last-child { margin-right:0; } .trending-dots { display:flex; justify-content:center; margin-top:20px; gap:12px; } .trending-dot { width:40px; height:7px; background:#666; border-radius:0px; cursor:pointer; } .trending-dot.active { background:#999; } @media(max-width:900px){ .trending-slide{flex:0 0 calc(50% - 2%);} } @media(max-width:600px){ .trending-slide{flex:0 0 100%; margin-right:0;} } .red-promo { background:#CE1443; padding:30px; border-radius:1rem; margin:0px 0 0 0!important; } .red-promo p { max-width:700px; color:#fff!important; } .redpostsbox .vc_column-inner { padding:1%; } .lightimages img { filter:invert(1)!important; } .course-gallery { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:6px; height:380px; border-radius:1rem!important; overflow:hidden; margin-bottom:30px!important; } .course-gallery > a { display:block; background: #F3F4FA; } .course-gallery > a > img { width:100%!important; height:100%!important; object-fit:cover; max-height:380px; margin:0!important; transition: ease-in-out 0.1s; } .course-gallery > a > img:hover, .gallery-stack > a > img:hover { opacity: 0.7; transition: ease-in-out 0.1s; } .gallery-stack { display:grid; grid-template-rows:1fr 1fr; gap:6px; } .gallery-stack > a { display:block; background: #F3F4FA;} .gallery-stack > a > img { width:100%!important; height:100%!important; object-fit:cover; max-height:187px; margin:0!important; transition: ease-in-out 0.1s; } .gallerypadding { margin-top: 80px!important; ; } ul.nearby_locations { margin: 0!important; text-align: center!important; display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; padding: 0; } ul.nearby_locations li { list-style-type: none!important; margin: 0; } ul.nearby_locations li a { display: block; padding: 10px 20px; border-radius: 0.3rem; background: #efefef; color: #181818!important; } ul.nearby_locations li a:hover { text-decoration: none; background: #ddd; } /*********BOOKING FORM********/ #bookingapp { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:2%; width:100%; margin:0 auto; background:#fff; border-radius:1rem; padding:0.5% 2%; max-width:1100px; scroll-margin-top: 30px!important; } #bookingapp .location-select { flex:1 1 36%; display:flex; flex-direction:column; position:relative; } #bookingapp .location-select:first-child { flex:1 1 41%; } #bookingapp .location-select:nth-child(2) { flex:1 1 31%; } .clean #bookingapp { border: 2px solid #ddd!important; box-shadow: 0 0 20px rgba(0,0,0,0.2); overflow: visible; } .clean #bookingapp .check-button { background-color: #CE1443!important; } .clean #bookingapp .check-button:hover { background-color: #ff1053!important; } .clean.portal #bookingapp { border: none!important; } span.price-beat-wrap { font-style: italic; max-width: 1100px; margin: 10px auto -20px auto; width: 100%; display: block; text-align: right; } a.price-beat-red { font-size: 14px!important; color: #fff!important; opacity: 0.7!important; line-height: 1.2!important; } a.price-beat-red:hover { text-decoration: underline; } #bookingapp label, #bookingapp span.coupon-label { font-size:11px; position:absolute; top:3px; left:6px; color:rgba(0,0,0,0.6)!important; display:flex; align-items:center; text-transform:uppercase; letter-spacing:2px!important; background:transparent; padding:0 4px; pointer-events: none; } #bookingapp span.coupon-label { z-index: 99; pointer-events: none; top: -1px; left: 10px; } #bookingapp img.booking-icon { height:11px!important; width:11px!important; margin:0 6px 2px 0!important; } #bookingapp .select-option { width:100%; padding:32px 15px 12px 15px; font-size:21px!important; border:none!important; background:#fff; cursor:pointer; border-radius:0.6rem!important; font-weight:600!important; line-height:1.3!important; letter-spacing: -0.03em!important; } #bookingapp .select-option:hover, #bookingapp .select-option:focus { background:#f1f1f1!important; } #bookingapp .location-select:first-of-type::after { content:""; position:absolute; right:-12px; top:4%; height:90%; width:1px; border-right:1px dashed #ccc; } #bookingapp .check-button { flex:0 0 24%; min-width:150px; text-align:center; color:#fff; background:#000; padding:12px 10px; cursor:pointer; transition:background .3s ease; border-radius:200px!important; font-family:'first-aid-display',sans-serif!important; font-size:19px!important; display:flex; align-items:center; justify-content:center; } #bookingapp .check-button:hover { background:#555; } #bookingapp select option strong { font-weight:700; } #bookingapp .location-select select:disabled { opacity:.6; cursor:not-allowed; } @media(max-width:768px){ #bookingapp { flex-direction:column; align-items:unset; padding: 15px!important; display: block!important; } #bookingapp .select-option { margin-bottom: 2%; } #bookingapp .check-button { flex:1 1 100%; width:100%; } #bookingapp .location-select:first-of-type::after { display:none; } #bookingapp .check-button { padding: 10px 5px!important; font-size: 18px!important; margin-top: 3px!important; } #bookingapp select { padding: 21px 8px 8px 8px!important; background: #f1f1f1!important; } #bookingapp label { font-size: 10px!important; top: 1px!important; } } #bookingapp label { pointer-events:none; } #bookingapp label img { pointer-events:none; } #bookingapp select option { font-size: 19px!important; } #bookingapp optgroup { font-size: 16px!important; } #bookingapp optgroup option { font-size: 14px!important; } /*********BOOKING MODAL**********/ #bookingextra { width: 104%!important; box-shadow: inset 0 10px 5px rgba(0,0,0,0.05); margin: 2% -2% 0 -2%; padding: 2% 2% 50px 2%; box-sizing: border-box; } #bookingextra table, #bookingextra span { color: #181818!important; } #bookingextra { display:none; opacity:0; transition:opacity .35s ease; } #bookingextra.fade-in { display:block; opacity:1; } #bookingextra.fade-out { opacity:0; } #bookingapp .bw-spin { display:inline-block; width:14px; height:14px; margin-left:10px; border:2px solid rgba(255,255,255,.35); border-top-color:#fff; border-radius:50%; animation:bwspin .8s linear infinite; } #bookingapp .bw-close-x { display:inline-block; font-size:18px; line-height:1; margin-left:10px; font-weight:700; } @keyframes bwspin { to { transform:rotate(360deg); } } #bookingapp .bw-coupon-row { display:flex; gap:16px; align-items:center; margin-bottom:16px; position: relative; } #bookingapp .bw-coupon-left { width:50%; display:flex; flex-direction:column; } #bookingapp .bw-coupon-right { width:50%; display:flex; align-items:center; justify-content:flex-end; text-align:right!important; } #bookingapp .bw-coupon-right a { font-size:14px; color:#CE1443!important; position:relative; top:-5px; line-height: 1.1!important; font-style: italic; } #bookingapp .bw-coupon-right a:hover { text-decoration:underline!important; } #bookingapp .bw-coupon-field { position:relative; width:100%; min-height:46px; display:flex; align-items:center; box-sizing:border-box; cursor:text; background:transparent; border:none; padding:0; } #bookingapp .bw-coupon-field.empty { background:transparent; } #bookingapp .bw-coupon-field.empty #bw-coupon-input { display:block; width:100%; padding: 20px 12px 10px 12px; background:#fff!important; border:2px solid #eee!important; border-width:1px 2px 2px 1px!important; border-radius:0.6rem!important; box-sizing:border-box; } #bookingapp .bw-coupon-field:not(.empty) { padding: 20px 12px 10px 12px; background:#fff; border:2px solid #eee; border-width:1px 2px 2px 1px; border-radius:0.6rem; } #bookingapp .bw-coupon-field:not(.empty) #bw-coupon-input { display:none; } #bookingapp .coupon-token { display:inline-flex; align-items:center; gap:6px; background:#efefef; border:1px solid #ddd; border-radius:0.4rem; padding:2px 8px; font-size:17px; font-weight:600; line-height:1.2; white-space:nowrap; } #bookingapp .bw-coupon-field.empty .coupon-token { display:none; } #bookingapp .coupon-token-remove { cursor:pointer; font-size:18px!important; line-height:1.1!important; color:#999!important; font-weight:normal!important; } #bookingapp .coupon-token-remove:hover { color:#181818!important; } #bookingapp .coupon_details { margin: 7px 0 0 6px; font-size:9px!important; line-height:1!important; color:green!important; height:14px; text-align: left!important; } #bookingapp .coupon_details .notvalid { color:#c00!important; font-weight:500; } #bookingapp .bw-coupon-field.loading::after { content:""; width:14px; height:14px; border:2px solid rgba(0,0,0,.25); border-top-color:#111; border-radius:50%; position:absolute; right:12px; animation:bwspin .8s linear infinite; pointer-events:none; } #bookingapp .bw-coupon-field.loading .coupon-token-remove { visibility:hidden; } #bookingapp .bw-coupon-field.loading #bw-coupon-input { pointer-events:none; } /*****GLOSSARY*****/ #glossary { max-width: 700px!important; margin: 0px auto!important; } #glossary .wpb_column .vc_column-inner { padding: 0 5%; } h2.glossary-letter { margin: 0px 0 -15px 0!important; padding-top: 60px!important; font-size: 70px!important; font-family: 'first-aid-sans',sans-serif!important; font-weight: normal!important; } h3.glossary-title { margin: 40px 0 2px 0!important; letter-spacing: 0px!important; } h3.glossary-title a { color: #fff!important; } h3.glossary-title a:hover { text-decoration: underline; } p.glossary-description { opacity: 0.7!important; line-height: 1.5!important; } .glossary-nav-mobile { display:flex; overflow-x:auto; white-space:nowrap; gap:8px; padding:10px 0; margin:0; list-style:none; scroll-behavior:smooth; -webkit-overflow-scrolling:touch; justify-content:center;text-align: center!important; } .glossary-nav-wrapper { position: sticky; top: 280px; z-index: 1000; } .glossary-nav-mobile { display: flex; overflow-x: auto; white-space: nowrap; gap: 8px; padding: 10px 0; margin: 0; list-style: none; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; justify-content: center; text-align: center !important; } .glossary-nav-mobile li { display:inline-block; flex:0 0 auto; margin: 0 0.5%!important; } .glossary-nav-mobile a { display:inline-block; border-radius:4px; color: #fff!important; font-size: 21px!important; } .glossary-nav-mobile a:hover { text-decoration: underline; } .glossary-nav-mobile::-webkit-scrollbar { height:6px; } .glossary-nav-mobile::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.03); border-radius:0.3rem; } .glossary-nav-mobile::-webkit-scrollbar-track { background:transparent; } .glossary-nav-mobile { scrollbar-width:none; -ms-overflow-style:none; } .glossary-nav-mobile::-webkit-scrollbar { display:none; } body .page-submenu li { font-size: 21px!important; line-height: 1.1!important; margin: 0 0.5%!important; } body .page-submenu li a { padding-top: 0!important; padding-bottom: 0!important; } body .page-submenu.stuck li a { padding-top: 15px!important; padding-bottom: 15px!important; } .page-submenu.stuck .current-menu-item a { text-decoration: underline!important; } .container-wrap.glossary, body.glossary, body.glossary #ajax-content-wrap, body.glossary #header-space { background-color: #CE1443!important; } .container-wrap.glossary .row { padding: 4%; background: #fff; margin: 0px auto; max-width: 800px; margin-top: 40px; margin-bottom: 80px; border-radius: 0.6rem; } body.glossary #header-outer[data-header-resize="0"]:not([data-format=left-header]):not(.scrolled-down):not(.fixed-menu):not(:hover), body.glossary #header-outer[data-transparent-header="true"].transparent { background-color: #CE1443!important; } body.glossary #header-outer[data-transparent-header="true"].transparent >header #logo img.dark-version { filter: invert(1) grayscale(1) brightness(10); opacity: 1!important; } body.glossary .breadcrumbs-wrapper { width: 100%!important; position: relative!important; margin-bottom: 20px!important; top: auto!important; } body.glossary .breadcrumbs-wrapper.light a, body.glossary .breadcrumbs-wrapper.light .breadcrumb-sep { color: rgba(0,0,0, 0.4) !important; } body.glossary .breadcrumbs-wrapper.light a:hover { background: rgba(0,0,0,0.05) !important; } body.glossary figure.section-figure { margin: 20px 0px 60px 0px!important; } body.glossary section h3, body.glossary section p.newh3 { font-size: 22px!important; color: #181818!important; } body.glossary .wpb_video_wrapper { border-radius: 1.5rem!important; border-color: #ddd!important; margin-bottom: 40px!important; aspect-ratio: 16/9.2; } body.glossary section.glossary-video { margin-top: 20px!important; } body.glossary section.tldr { border: 1px solid #96FF6F; border-width: 1px 4px 4px 1px; padding: 15px; border-radius: 0.6rem; background: #f6f6f6; margin-bottom: 60px; background: #D2FFC1; } body.glossary section.tldr p { padding: 0!important; } body.glossary section.tldr span.tldr { font-weight: 600!important; color: #181818!important; } body.glossary #header-outer[data-transparent-header="true"].transparent #top nav > ul > .button_solid_color > a:before, body.glossary #header-outer.transparent #top nav > ul > .button_solid_color > a:before { background-color: #000!important; } body.glossary .glossary-nav { position: absolute; top: 200px; left: 50%; transform: translateX(-50%); width: 800px; max-width: calc(100% - 80px); display: flex; justify-content: space-between; align-items: center; pointer-events: none; z-index: 1000; } body.glossary .glossary-nav a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 100px; height: 64px; pointer-events: all; transition: transform 0.25s ease, text-decoration 0.2s ease; text-decoration: none; color: #fff; font-size: 14px; text-align: center; line-height: 1.2; } body.glossary .glossary-nav a:hover { text-decoration: underline; } body.glossary .glossary-nav .arrow-svg { fill: #ffffff; width: 26px; height: 26px; display: block; flex-shrink: 0; margin-bottom: 8px; transition: transform 0.25s ease; } body.glossary .glossary-nav-prev a:hover .arrow-svg, body.glossary .glossary-nav a.glossary-nav-prev:hover .arrow-svg { transform: translateX(-6px); } body.glossary .glossary-nav-next a:hover .arrow-svg, body.glossary .glossary-nav a.glossary-nav-next:hover .arrow-svg { transform: translateX(6px); } body.glossary .glossary-nav-label { display: block; text-align: center; white-space: normal; } body.glossary .glossary-nav-prev { position: absolute; left: -150px; top: 0; } body.glossary .glossary-nav-next { position: absolute; right: -150px; top: 0; } .glossaryheading { margin-bottom: 40px!important; } /**********SHARE BUTTONS*********/ .sharebox { display: flex; align-items: center; justify-content: space-between; padding: 5px 0px 5px 0px; flex-wrap: wrap; font-size: 14px!important; max-width: 700px!important; margin: 20px auto!important; } .shareboxinside { display: flex; align-items: center; width: 60%; white-space: nowrap; overflow: hidden; background: #F3F4FA; border-radius: 200px; padding: 0px 20px; } .shareboxinside span#post-url { display: inline-block; max-width: calc(100% - 40px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 10px; line-height: 1.3!important; } .sharebox button { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-left: 0px; border: none; background: transparent; cursor: pointer; } .sharebox button:hover { background: #fff!important; padding: 10px; border-radius: 1rem; } .sharebox button i { font-size: 20px; } .sharebox span.sharetext { font-size: 9px!important; text-transform: uppercase; color: #999!important; letter-spacing: 2px; line-height: 1!important; bottom: 2px!important; position: relative; } .sharebox a { margin-left: 15px; text-decoration: none; color: #000; } .single-post-content .shareboxbuttons a { text-decoration: none!important; } .sharebox a i { font-size: 20px; transition: transform 0.2s ease; line-height: 1!important; } .sharebox a:hover i { transform: scale(1.1); border: none!important; text-decoration: none!important; } @media (max-width: 768px) { .sharebox { flex-direction: column; align-items: flex-start; } .shareboxinside { width: 100%; margin-bottom: 10px; } .shareboxinside span#post-url { max-width: calc(100% - 50px); } .sharebox a { margin-left: 0; margin-right: 15px; } } /*******BREADCRUMBS**********/ body[data-header-resize="0"] .container-wrap, body[data-header-resize="0"] .project-title { padding-top: 0!important; } .breadcrumbs-wrapper { font-size:12px; line-height:1.4; color:rgba(0,0,0,0.3)!important; position:absolute; top:20px; left:0; z-index:11; } .breadcrumbs-wrapper ol { margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; align-items:center; } .breadcrumbs-wrapper li { display:flex; align-items:center; } .breadcrumbs-wrapper a { color:rgba(0,0,0,0.3)!important; text-decoration:none; background:transparent; padding:2px 4px; border-radius:.3rem; transition: none!important; } .breadcrumbs-wrapper a:hover { background:rgba(0,0,0,0.08); color:#181818; transition: none!important; } .breadcrumbs-wrapper .breadcrumb-sep { padding:0 5px; color:#999; } .breadcrumbs-wrapper.light, .breadcrumbs-wrapper.light a, .breadcrumbs-wrapper.light .breadcrumb-sep { color:rgba(255,255,255,0.3)!important; } .breadcrumbs-wrapper.light a:hover { background:rgba(255,255,255,0.1); color:rgba(255,255,255,0.7)!important; } .breadcrumbs-wrapper.transparent { top: 90px!important; } .breadcrumbs-wrapper.courses { top: auto!important; position: relative!important; margin: 0 0 80px 0!important; } .archive.category .central .breadcrumbs-wrapper { position: relative !important; left: auto !important; right: auto !important; display: flex !important; justify-content: center !important; margin: -1em auto 0 auto !important; text-align: center !important; } .single-product .breadcrumbs-wrapper { top:15px!important; margin-bottom:30px!important; } .single-product h1.entry-title { font-size:36px!important; line-height:1!important; margin-top:60px!important; } .page-id-2 .breadcrumbs-wrapper, .page-id-18 .breadcrumbs-wrapper, .page-id-372 .breadcrumbs-wrapper { opacity:0!important; } .single-post .breadcrumbs-wrapper { top:-20px!important; color:#ccc!important; } .single-post .breadcrumbs-wrapper a, .single-post .breadcrumbs-wrapper a:hover { color:#ccc!important; background:none!important; } .page-template-template-no-footer .breadcrumbs-wrapper { display: none!important; } .single-post-content .breadcrumbs-wrapper { position: relative!important; top: auto!important; margin: 0 auto 20px auto !important; width: 100%!important; text-align: center!important; justify-content: center!important; z-index:1!important; } .single-post-content .breadcrumbs-wrapper li { margin: 0!important; } .single-post-content .breadcrumbs-wrapper li:first-child .breadcrumb-sep {} .single-post-content .breadcrumbs-wrapper, .single-post-content .breadcrumbs-wrapper a, .single-post-content .breadcrumbs-wrapper .breadcrumb-sep { color: #181818!important; opacity: 0.7!important; text-decoration: none!important; } .single-post-content .breadcrumbs-wrapper a:hover { text-decoration: underline!important; color: #181818!important; } .single-post-content .breadcrumbs-wrapper ol { justify-content: center !important; } .awfa-category-list { display:grid; grid-template-columns:repeat(18,1fr); gap: 1%; list-style:none; padding:0; margin:0; } .awfa-category-list li { padding:0; margin:0 0 4% 0; list-style-type: none!important; } .awfa-category-list li a { display:flex; align-items:center; text-decoration:none; padding:3%; border:2px solid #eee; border-width: 1px 2px 2px 1px; border-radius:0.6rem; } .awfa-category-list li a:hover { border-color: #ccc; } .awfa-category-list .col1 { width:50px; height: 50px; } .awfa-category-list .col1 img { width:50px; height:100%!important; margin:0!important; object-fit:cover; border-radius:0.3rem; } .awfa-category-list .col2 { width:67%; padding-left:25px; } .awfa-category-list a span.col2 { color: #181818!important; font-size: 14px!important; line-height: 1.2!important; } ul.awfa-more-list { margin:0!important; padding:0; display:flex; flex-wrap:wrap; gap:1%; margin-bottom:12px; } ul.awfa-more-list li { list-style-type:none!important; margin:0 0 12px 0; padding:0; } ul.awfa-more-list li a { color:#181818!important; font-size:14px!important; line-height:1.2!important; padding:12px 25px; background:#F3F4FA; border-radius:200px; display:block; } ul.awfa-more-list li a:hover { background:pink; } p.newh3.up { margin-top:30px!important; font-size:21px!important; color: #181818!important; } .single-post h2.page-title, .related-topics p.newh2 { text-align: center; margin-bottom: 50px!important; border: 2px solid #ddd; border-width: 2px 0px; padding: 20px 0!important; font-size: 14px!important; line-height: 1.4!important; text-transform: uppercase; font-family: 'first-aid-sans',sans-serif!important; letter-spacing: 3px!important; font-weight: normal!important; #color: #181818!important; opacity: 0.4!important; } .related-topics { margin-bottom: 60px!important; } .related-topics .awfa-category-list { grid-template-columns:repeat(6,1fr); } .single-post .image-box img { transform: scale(1.03)!important; } /*********TABLES*********/ body:not(.woocommerce-cart) .main-content table { margin: 40px 0 20px 0!important; } body:not(.woocommerce-cart) .main-content table, body:not(.woocommerce-cart) .main-content td, body:not(.woocommerce-cart) .main-content tr, body:not(.woocommerce-cart) .main-content th, body:not(.woocommerce-cart) .main-content tr td:first-child, body:not(.woocommerce-cart) .main-content tr th:first-child { border: none!important; background: transparent!important; background-color: transparent!important; overflow:hidden!important; } body:not(.woocommerce-cart) .main-content td, body:not(.woocommerce-cart) .main-content th { padding: 10px 10px!important; line-height: 1.4!important; font-size: 14px!important; } body:not(.woocommerce-cart) .main-content th, body:not(.woocommerce-cart) .main-content tr th:first-child { font-weight: 600!important; color: #fff!important; } body:not(.woocommerce-cart) .main-content thead { background: #181818!important; border-radius: 1rem 0!important; } body:not(.woocommerce-cart) .main-content td, body:not(.woocommerce-cart) .main-content tr td:first-child { border-top: 1px solid #efefef!important; } body:not(.woocommerce-cart) .main-content tr:nth-child(even) td { background-color: rgba(0,0,0,0.05)!important; } body:not(.woocommerce-cart) .main-content table { border-radius: 1rem!important; box-shadow: 1px 1px 0px 2px rgba(0, 0, 0, 0.06)!important; } body:not(.woocommerce-cart) .main-content .toggle table { background: #fff!important; box-shadow: 0 0 3px 0 rgba(0, 0, 0, .1)!important; border-radius: 0.6rem!important; } body:not(.woocommerce-cart) .main-content .toggle table strong { font-weight: 700!important; } body:not(.woocommerce-cart) .main-content .toggle tr:nth-child(even) td { background-color: rgba(255, 248, 191,.4)!important; } #workshoptable tr:nth-child(even) td, #workshoptable thead tr:hover { background-color: transparent!important; } #workshoptable tr:hover { background-color: rgba(0,0,0,0.05)!important; } #workshoptable a.calendar_course_btn { background: #FF4D00; padding: 10px 16px; border-radius: 200px; color: #fff!important; display: block; width: 100%; transition: ease-in-out 0.1s; cursor: pointer!important; } #workshoptable a.calendar_course_btn:hover { filter:brightness(0.9); transition: ease-in-out 0.1s; } #workshoptable tr, #workshoptable td { vertical-align: middle!important; } #workshoptable a.calendar-link, #workshoptable a.course-link, #workshoptable span.course-link { color: #3A474E!important; text-decoration: underline; font-weight: 600!important; display:block; } #workshoptable a.course-link { color: #CE1443!important; } #workshoptable tr.hltaid009 a.course-link { color: #FF4D00!important; } #workshoptable a.calendar-link:hover { color: #CE1443!important; text-decoration: underline; } #workshoptable span.starttime, #workshoptable span.endtime { font-size: 19px!important; letter-spacing: -0.5px; line-height: 1.1!important; font-weight: 600!important; } #workshoptable span.starttime::after { content: " - "; font-weight: normal!important; } #workshoptable td.price .price-special, #workshoptable span.mobile-price .price-special { font-size: 19px!important; letter-spacing: -0.5px; line-height: 1.1!important; font-weight: 600!important; color: #FF4D00!important; } #workshoptable td.price .price-original del, #bookingextra #workshoptable .enrolwrap span.price-original del { font-weight: normal!important; font-size: 14px!important; position: relative!important; top: -2px!important; opacity: 0.7!important; color: #FF4D00!important; } #bookingextra #workshoptable .enrolwrap span.price-original del { font-size: 12px!important; top: -1px!important; opacity: 0.7!important; } #workshoptable tr.hltaid009 span.course-link { color: #FF4D00!important; } #workshoptable tr td { line-height: 1.5!important; } #workshoptable tr td:first-child { box-shadow: inset 10px 0 0 0 transparent; padding-left: 25px!important; } #workshoptable tr.hltaid009 td:first-child { box-shadow: inset 10px 0 0 0 #FF4D00; } #workshoptable tr.hltaid009-express td:first-child { box-shadow: inset 10px 0 0 0 #FF7F3D; } #workshoptable tr.hltaid009-express a.calendar_course_btn { background-color: #FF7F3D; } #workshoptable tr.hltaid009-express a.course-link, #workshoptable tr.hltaid009-express span.course-link { color: #FF7F3D!important; } #workshoptable tr.hltaid009-express td.price, #workshoptable tr.hltaid009-express span.mobile-price, #workshoptable tr.hltaid009-express td.price .price-special, #workshoptable tr.hltaid009-express span.mobile-price .price-special, #workshoptable tr.hltaid009-express td.price .price-original del { color: #FF7F3D!important; } #workshoptable tr.hltaid011 td:first-child { box-shadow: inset 10px 0 0 0 #FF4252; } #workshoptable tr.hltaid011 a.calendar_course_btn { background-color: #FF4252!important; } #workshoptable tr.hltaid011 a.course-link, #workshoptable tr.hltaid011 span.course-link { color: #FF4252!important; } #workshoptable tr.hltaid011 td.price, #workshoptable tr.hltaid011 span.mobile-price, #workshoptable tr.hltaid011 td.price .price-special, #workshoptable tr.hltaid011 span.mobile-price .price-special, #workshoptable tr.hltaid011 td.price .price-original del {color: #FF4252!important; } #workshoptable tr.hltaid012 td:first-child { box-shadow: inset 10px 0 0 0 #800080; } #workshoptable tr.hltaid012 a.calendar_course_btn { background-color: #800080!important; } #workshoptable tr.hltaid012 a.course-link, #workshoptable tr.hltaid012 span.course-link { color: #800080!important; } #workshoptable tr.hltaid012 td.price, #workshoptable tr.hltaid012 span.mobile-price, #workshoptable tr.hltaid012 td.price .price-special, #workshoptable tr.hltaid012 span.mobile-price .price-special, #workshoptable tr.hltaid012 td.price .price-original del {color: #800080!important; } body:not(.woocommerce-cart) .main-content tr.thisweek, body:not(.woocommerce-cart) .main-content tr.thisweek:hover, #workshoptable tr.thisweek:hover { background-color: rgba(255, 221, 33,0.27)!important; } span.table-title { display: block; font-size: 14px!important; line-height: 1.2!important; margin: 25px 0 0px 0!important; text-align: left!important; } span.update-selection { display: block; } #workshoptable .enrolwrap { display:flex; justify-content:space-between; width:100%; align-items:center; } #bookingextra #workshoptable .enrolwrap span { color: #fff!important; font-weight: 600!important; } #workshoptable .enrollabel { } #workshoptable .enrolprice { font-weight:700; } #workshoptable .dateshort { display: block; } #workshoptable th.mobile, #workshoptable td.mobile { display: none; } #workshoptable td.location { white-space: nowrap; overflow: hidden!important; text-overflow: ellipsis; max-width: 50%!important; } #workshoptable span.coursename { text-transform: capitalize!important; display: block; line-height: 1.3!important; } #workshoptable span.coursename i { display: block; font-size: 9px!important; font-style: italic!important; opacity: 0.8!important; text-transform: none!important; margin-top: 2px; } #workshoptable thead { background: transparent!important; } #workshoptable thead th {color: #181818!important; } #workshoptable th { position: relative; padding-right: 18px; } #workshoptable th .arw { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); display: inline-flex; flex-direction: column; line-height: 10px; } #workshoptable th .arw .up { font-size: 10px; opacity: .5; display: block; height: 8px; } #workshoptable th .arw .down { font-size: 10px; opacity: .5; display: block; height: 8px; } #workshoptable th.asc .arw .up { opacity: 1; } #workshoptable th.asc .arw .down { opacity: .2; } #workshoptable th.desc .arw .up { opacity: .2; } #workshoptable th.desc .arw .down { opacity: 1; } #workshoptable th:not(.sorted) .arw .up { opacity: .5; } #workshoptable th:not(.sorted) .arw .down { opacity: .5; } #workshoptable select.seats { width: 56px!important; padding: 8px 0px 8px 10px!important; font-size: 14px!important; line-height: 1!important; cursor: pointer!important; } #workshoptable select.seats:hover { border-color: #ddd!important; } #workshoptable span.available { font-size: 11px!important; color: green!important; line-height: 1.3!important; margin-left: 8px; } #workshoptable span.available.red { color: #CE1443!important; } #workshoptable span.available.red.full { color: #CE1443!important; text-transform: uppercase!important; font-weight: 700!important; } #wc-filters { display: flex; justify-content: center; align-items: flex-start; gap: 20px; margin-bottom: 20px; } .wc-filter { display: flex; flex-direction: column; gap: 6px; } .wc-filter-label { position: relative; font-size: 12px; top: 35px; left: 13px; pointer-events:none!important; } #wc-filters select { width: 300px; padding: 18px 8px 6px 12px !important; border: 2px solid #eee !important; border-radius: 0.6rem !important; cursor: pointer; font-size: 17px!important; border-width: 1px 3px 3px 1px!important; } #wc-filters select:hover { border-color: #ccc!important; } .wc-table-wrap { position: relative; margin-top: -20px; } #workshoptable { position: relative; z-index: 1; } #wc-skeleton-table { display: none!important; } .course_details table tr td:first-child { min-width: 160px!important; } .spacingtop .wpb_text_column.wpb_content_element { padding-top: 30px!important; } /***READABLER ACCESSIBILITY***/ button#mdp-readabler-trigger-button { cursor: pointer!important; border-radius: 50%!important; } #mdp-readabler-popup #mdp-readabler-popup-close { cursor: pointer!important;} .mdp-readabler-trigger-button-box button:hover .mdp-readabler-trigger-button-icon svg { fill: #fff!important; } #mdp-readabler-popup-box.mdp-readabler-modal-shadow #mdp-readabler-popup { border: 1px solid #ddd!important; } #mdp-readabler-popup { border-radius: 1rem!important; margin-top: 10px!important; } /***********FOOTER*********/ #footer-outer { position: relative!important; z-index: 10!important; } #footerwave .row-bg.viewport-desktop.using-bg-color { background-color: transparent!important; } #footer-outer .review-score { font-size: 23px!important; color: #fff!important; font-weight: 700!important; letter-spacing: 1px; } #footer-outer .review-count { color: #fff!important; } #footer-outer .review-block { width: 170px; background: rgba(255,255,255,0.07); border-radius: 0.3rem; transition: ease-in-out 0.1s;} #footer-outer .review-block:hover { background: rgba(255,255,255,0.15); transition: ease-in-out 0.1s; } #footer-outer .review-grid { margin-bottom: 40px; } #footer-outer #copyright .review-grid a:hover { text-decoration: none!important; border: none!important; } #footer-outer nav.social-links ul { margin: 0 0 80px 0!important; display: flex!important; gap: 7%; } #footer-outer nav.social-links li { display: inline-flex; align-items: left; } #footer-outer nav.social-links svg { height: 30px; width: 30px; color: #fff; transition: ease-in-out 0.05s; } #footer-outer nav.social-links svg:hover { opacity: 0.5; transition: ease-in-out 0.05s; } #footer-outer img.footlogo { height: 60px!important; width: auto!important; } #footer1 ul { margin: 0 0 40px 0!important; } #footer1 li { list-style-type: none!important; } #footer1 li a { font-size: 18px!important; line-height: 1.3!important; margin: 6px 0!important; display: block; } #footer1 li.current-item a, #footer1 li a { color: #ffff!important; } #footer1 li a:hover { text-decoration: underline!important; color: #fff!important; } body #footer-outer .row { padding: 0!important; } #copyright .divider-wrap { margin-bottom: 25px!important; } #copyright p { font-size: 15px!important; line-height: 1.6!important; opacity: 0.5!important; } #copyright a:hover { color: #fff!important; text-decoration: underline!important; opacity: 1!important; } .compliance ul { margin: 0!important; } .compliance ul li { display: inline-block; margin-right: 3rem; } .compliance ul li a { font-weight: 600!important; opacity: 1!important; font-size: 16px!important; } .compliance ul li a:hover { color: #fff!important; text-decoration: underline!important; } .span_12.light .wpb_text_column a:not(:hover) { opacity: 1!important; } p.footerh4 { padding: 0 0 5px 0!important; font-size: 14px!important; opacity: 0.5!important; } span.slogan { font-size: 36px!important; line-height: 1.1!important; max-width: 400px; display: block; font-weight: 500!important; } span#brandname::after { content: "®"; font-size: 0.6em; vertical-align: super; margin-left: 0px; } #footer-outer .footer-contact p, #footer-outer .footer-contact a, #footer-outer .footer-contact span { opacity: 0.5!important; font-size: 14px!important; line-height: 1.5!important; display: block!important; margin: 0!important; padding: 0!important; color: #fff!important; } #footer-outer .footer-contact a { opacity: 1!important; font-size: 16px!important; margin-bottom: 5px!important; display: inline-block; } #footer-outer .footer-contact a:hover { text-decoration: underline; transition: transform .1s ease-in-out; } #footer-outer .footer-contact a.footer-phone::before, #footer-outer .footer-contact a.footer-email::before { font-family: "FontAwesome"; font-weight: 300; content: "\f003"; margin-right: 12px; display: inline-block; transition: transform .1s ease-in-out; } #footer-outer .footer-contact a.footer-phone::before { content: "\f025"; } #footer-outer .footer-contact a:hover::before { transform: scale(1.2); } #footer-outer li.arrow { display: inline-flex; align-items: center; } #footer-outer li.arrow::after { font-family: "FontAwesome"; font-weight: 300; content: "\f061"; margin-left: 6px; transform: rotate(45deg); display: inline-block; font-size: 14px!important; opacity: 0.6!important; transition: transform 0.3s ease; } #footer-outer li.arrow:hover::after { transform: rotate(0deg); } #footer-outer li.new { display: inline-flex; align-items: center; } #footer-outer li.new::after { content: "NEW"; margin-left: 6px; font-size: 9px; padding: 3px 5px 2px 5px; border-radius: 0.3rem; text-transform: uppercase; line-height: 1!important; background: #8855FF; transition: background 0.3s ease-in-out; position: relative; top: 1px; color: #fff!important; } #footer-outer li.new:hover::after { background: #FF5B49; } #footer-outer li.arrow, #footer-outer li.new { margin-top: -5px!important; } p.newh2, p.newh3, p.newh4, p.newh3 a { font-family: 'first-aid-display',sans-serif!important; padding: 0!important; margin-bottom: 15px!important; line-height: 1.1!important; } p.newh2 { font-size: 34px!important; } h3.video-75 { max-width: 85%!important; margin: 50px 0 20px 0!important; } #feature p.newh2 { line-height: 1!important; } #feature p { line-height: 1.4!important; } .wpb_video_wrapper { border-radius: 2.5rem !important; overflow: hidden; border: 12px solid rgba(0, 0, 0, 0.3); } .light .wpb_video_wrapper { border: 12px solid rgba(255, 255, 255, 0.3); } #watchthevideo .wpb_video_wrapper { border: 12px solid #CE1443!important; } .wpb_video_widget.vc_video-aspect-ratio-169 .wpb_video_wrapper { padding-top: 54%; } /*******MAP LOCATION FINDER*********/ #locationfinder { position:relative; width:100vw; height:100vh; overflow:hidden; } #locationfinder #locationmap { position:absolute; top:0; left:0; width:100vw; height: 100vh; z-index:1; background: #72D4E8; } #locationfinder .location-sidebar { position:absolute; top:120px; left:3%; width:360px; background:#fff; border-radius:0.6rem; box-shadow: 3px 3px rgba(0,0,0,.1); z-index:2; max-height:70vh; overflow:hidden; display:flex; flex-direction:column; } form#locatorFrmBody { padding: 0px 15px!important; border-top: 1px solid #ddd; background: #F3F4FA; } #locationfinder .location-btn-container { margin-bottom: 15px; } button#location_btn { background: #fff; border: 2px solid #000; color: #000 !important; cursor: pointer; display: block; width: 100%!important; padding: 12px 5px; border-radsiu: 0.6rem; font-size: 14px!important; line-height: 1.2!important; font-weight: 700!important; transition: ease-in-out 0.2s; } button#location_btn:hover { background: #000; transition: ease-in-out 0.2s; color: #fff!important; } #locationfinder #location_list_container { flex:1; overflow-y:auto; max-height:60vh; border-top:1px solid #ddd; } #locationfinder #location_list_container ul { list-style:none; margin:0; padding:0; } #locationfinder #location_list_container li { margin:0!important; border-bottom: 1px solid #ddd; cursor: pointer; background: #fff; padding: 5px 15px 10px 15px!important; } #locationfinder #location_list_container li:hover { background: #F3F4FA; } #locationfinder #location_list_container li a strong { color: #181818!important; } #locationfinder #location_list_container li.active { box-shadow: inset 0 0 0 2px #CE1443; background: #FFE6F3; } #locationfinder .location-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 15px; } #locationfinder .suburb-field { flex: 0 0 66%; } #locationfinder .location-radius { flex: 0 0 30.9%; } #locationfinder .location-radius label { display: block; margin-bottom: 3px; display: none; } #locationfinder .location-btn-container { margin-top: 10px; } #location_btn.loading { cursor: not-allowed; opacity: 0.8; position: relative; } #location_btn .btn-spinner { display: inline-block; width: 14px; height: 14px; margin-left: 8px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: spin 0.8s linear infinite; vertical-align: middle; } @keyframes spin { to { transform: rotate(360deg); } } input#location_input_box, #locationfinder select { background: #fff!important; border: 1px solid #ddd; padding: 12px 10px!important; color: #181818; line-height: 1.3!important; height: auto!important; min-height: auto!important; max-height: auto!important; font-size: 16px!important; } a.view_details, a.get_directions { font-size: 10px!important; line-height: 1.3!important; text-align: left; color: #181818!important; border: 1px solid #999; border-radius: 0.6rem; padding: 3px 8px; box-sizing: border-box; display: inline-block; } a.view_details:hover { border-color: #181818; box-shadow: inset 0 0 0 1px #181818; } a.get_directions { border: none!important; } a.get_directions:hover { text-decoration: underline!important; } a.book_course { font-size: 10px!important; line-height: 1.3!important; float: right; position: relative; top: 12px; color: #181818; } a.book_course:hover { color: #181818; text-decoration:underline; } #locationfinder img.map-pin { height: 40px!important; width: auto!important; } .page-id-17 #footerwave { display: none!important; } #locationfinder h1.tinymap { font-size: 12px!important; line-height: 1.4!important; color: #3A474E!important; letter-spacing: 0!important; font-family: 'first-aid-sans',sans-serif!important; font-weight: normal!important; opacity: 0.6!important; margin-bottom: 10px!important; padding: 0 0 0 15px!important; } #locationfinder span.tinymap { font-size: 21px!important; line-height: 1!important; letter-spacing: -0.3px!important; color: #181818!important; font-family: 'first-aid-display',sans-serif!important; margin-bottom: 5px!important; padding: 15px 15px 0 15px!important; } #locationfinder .loc-header { display:flex; justify-content:space-between; align-items:center; } #locationfinder .loc-header svg { height: 14px!important; width: 14px!important; position: relative; top: 2px!important; } #locationfinder .location-address { font-size: 12px!important; line-height: 1.3!important; margin-bottom: 8px; } #locationfinder span.loading { padding: 15px 15px 50px 15px!important; font-size: 15px!important; line-height: 1.3!important; display: block!important; } #locationfinder .loc-distance { color: #1dbc60!important; font-size: 12px!important; line-height: 1.2!important; } #locationfinder .loc-distance span.dist-km { font-weight: 600!important; } /*****COURSES********/ #course .page-submenu ul { margin-left: 0%; border-bottom: 2px solid #eee; } #course .page-submenu li { margin: 0 30px 0 0!important; font-size: inherit!important; } #course .page-submenu.stuck { } #course .page-submenu li a { padding: 20px 0!important; } #courseboxes .wpb_column .vc_column-inner { border: 1px solid #ddd; padding: 30px; border-radius: 1rem; } #courseboxes img.courseboxes { height: 60px!important; width: auto!important; margin: 0!important; } #courseboxes p { font-size: 13px!important; line-height: 1.4!important; } .img-with-aniamtion-wrap>.inner { height: auto!important; } h2.course { text-transform: capitalize!important; } .courselogos { display: block; vertical-align: top!important; margin: 15px 0 ; } img.courselogos { height: 45px!important; width: auto!important; display: inline-block; margin-right: 30px!important; } img.courselogos.sml { height: 40px!important; } .courses h1.description { text-transform: capitalize!important; } p.inline, #whitebar .superceded { display: inline!important; } #whitebar .superceded a.single-course-supersedes:hover { color: #CE1443!important; text-decoration: underline!important; } .courses-row { display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(12px,2vw,24px); padding:0; width:100%; } .courses-row.columns-1 { grid-template-columns:repeat(1,1fr); } .courses-row.columns-2 { grid-template-columns:repeat(2,1fr); } .courses-row.columns-3 { grid-template-columns:repeat(3,1fr); } .courses-row.columns-4 { grid-template-columns:repeat(4,1fr); } .course-box { border-radius:0.6rem; padding:5%; background:#fff; border: 1px solid #ddd; border-width: 1px 3px 3px 1px; display:flex; flex-direction:column; gap:8px; text-align: left!important; } .course-box img { transition: ease-in-out 0.1s; } .course-box:hover img { opacity: 0.7; transition: ease-in-out 0.1s; } .course-box:hover span.course-name, .course-box:hover h3.course-name { text-decoration: underline; } span.course-code { font-size:14px; font-weight:600; color: #CE1443!important; display: block; line-height: 1.3!important; margin-top: 10px; } span.course-name, h3.course-name { font-size: 18px !important; font-weight: 600; line-height: 1.2 !important; height: 2.4em; overflow: hidden; color: #181818 !important; display: block; margin-bottom: 10px !important; text-transform: capitalize !important; letter-spacing: 0px!important; } span.location-name, span.location-name { position: absolute!important; left: -9999px!important; white-space: nowrap!important; } .course-image { width:100%; aspect-ratio:16/8; overflow:hidden; border-radius:0.6rem; position: relative; } .course-image img { width:100%; height:100%; object-fit:cover; display:block; } span.cards_headline { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; font-size: 13px!important; line-height: 1.3!important; opacity: 0.6!important; color: #181818!important; } span.cards_marketing_description { font-size: 13px!important; line-height: 1.3!important; opacity: 0.6!important; color: #181818!important; display: block!important; } span.cards_headline.full { display: block; -webkit-box-orient: unset; -webkit-line-clamp: unset; overflow: visible; text-overflow: unset; } .cards_meta { font-size: 12px!important; line-height: 1.2!important; margin: 15px 0; } .cards_meta span { padding: 2px 7px; border-radius: 0.3rem; border: 1px solid #ddd; color: #181818!important; margin-right: 5px; } .cards_meta span.pricebeat { background: #f1f1f1; color: #181818!important; } .cards_meta span.pricebeat:hover { background: #ddd!important; } .cards_meta a, .cards_meta a:hover { color: #181818!important; } h2.small.centered { text-align: center!important; font-size: 23px!important; margin: -30px auto 30px auto!important; } img.badge_express { height: 30% !important; max-height: 3.5rem; width: auto !important; position: absolute; right: 10px; bottom: 10px; z-index: 2; margin: 0 !important; } span.badge_online_wrap { position: absolute; left: 10px; bottom: 10px; z-index: 2; width: 32px; height: 32px; border-radius: 50%; background: #000; display: flex; align-items: center; justify-content: center; } span.badge_online_wrap img.badge_online { height: 60% !important; width: auto !important; margin: 0 !important; display: block; } .cards_meta span.cards_badge.online { background: #D2FFC1; border-color: #96FF6F!important; } span.cards_price { font-weight: 700!important; font-size: 21px!important; color: #181818!important; text-align: right; } span.cards_price::before { content: 'from'; margin-right: 6px; font-size: 9px; } .tabbed>ul li:first-child { margin-right: 6px; } .tabbed>ul li a, .light .tabbed>ul li a { padding: 8px 55px; background-color: transparent!important; border: none!important; border-radius: 0.6rem; } .tabbed>ul li a:hover { background-color: rgba(0,0,0,0.03)!important; color: #181818!important; opacity: 1!important; } .tabbed[data-alignment="center"] { text-align:center!important; } .tabbed[data-alignment="center"] .wpb_tabs_nav { display: inline-flex; justify-content: center; background: #f1f1f1; padding: 8px !important; width: fit-content; margin: 0 auto; border-radius: 1rem !important; overflow: hidden; gap: 6px; } .tabbed[data-alignment="center"] .wpb_tabs_nav li { float: none; display: flex; flex: 1 1 0; justify-content: center; } .tabbed[data-alignment="center"] .wpb_tabs_nav li a { padding: 8px 12px; width: 100%; text-align: center; } .tabbed > ul li:first-child { margin-right: 0; } .tabbed[data-color-scheme="accent-color"][data-style="default"] li:not(.cta-button) .active-tab { border-color: #fff!important; background-color: #fff!important; color: #181818!important; border-radius: 0.6rem; } .colors .course-box { border: none!important; background-color: #CE1443; } .colors span.course-name, .colors span.cards_headline, .colors h3.course-name, .colors span.cards_marketing_description { color: #fff!important; } .colors .course-box a.nectar-button.regular-button.courses { background-color: transparent!important; border: 2px solid #fff!important; } .colors .cards_meta span { border: none!important; background: rgba(255,255,255,0.3); color: #fff!important; } .colors .cards_meta span.pricebeat, .colors .cards_meta span.pricebeat a { background: #000!important; color: #fff!important; } .colors span.course-code { padding: 1px 7px; border-radius: 0.3rem; display: inline-block!important; background: rgba(255,255,255,0.7); width: auto!important; } .from span.btn-price::before { content: 'from'; position: relative; margin: 0 5px 0 0; font-size: 9px!important; line-height: 1!important; } .course-box.hltaid009, .course-box.hltaid009 span.course-code { border-color: #FF4D00!important; color: #FF4D00!important; } .course-box.hltaid009 a.nectar-button.regular-button.courses { background-color: #FF4D00!important; } .colors .course-box.hltaid009 { background-color: #FF4D00!important; } .course-box.hltaid009-express, .course-box.hltaid009-express span.course-code { border-color: #FF7F3D!important; color: #FF7F3D!important; } .course-box.hltaid009-express a.nectar-button.regular-button.courses { background-color: #FF7F3D!important; } .colors .course-box.hltaid009-express { background-color: #FF7F3D!important; } .course-box.hltaid011, .course-box.hltaid011 span.course-code { border-color: #FF4252!important; color: #FF4252!important; } .course-box.hltaid011 a.nectar-button.regular-button.courses { background-color: #FF4252!important; } .colors .course-box.hltaid011 { background-color: #FF4252!important; } .course-box.hltaid012, .course-box.hltaid012 span.course-code { border-color: #800080!important; color: #800080!important; } .course-box.hltaid012 a.nectar-button.regular-button.courses { background-color: #800080!important; } .colors .course-box.hltaid012 { background-color: #800080!important; } .course-box.online, .course-box.online span.course-code { } .course-box.online a.nectar-button.regular-button.courses { } /********LOCATIONS*******/ .training-locations-head { display: flex; flex-direction: column; } .training-locations-head .symbol { display: inline-flex; align-items: center; gap: 0.4rem; margin-bottom: 0.25rem; font-size: 40px!important; color: #999!important; } .training-locations-head .symbol .state-symbol { height: 50px; width: 50px; flex-shrink: 0; background: #fff; border-radius: 50%; position: relative; top: 6px; } .training-locations-head .symbol .state-symbol img { object-fit: cover; height: 50px!important; width: 50px!important; margin: 0!important; } .training-locations-row { display: flex; align-items: end; justify-content: space-between; gap: 1rem; } h2.training-locations { font-size: 24px; margin: 0; line-height: 1.1!important; margin: 0!important; } .centre h2.training-locations { text-align: center!important; margin-bottom: 40px!important; width: 100%!important; } .view-all-training-locations { white-space: nowrap; text-decoration: none; font-size: 14px; } .liner { display: block; margin: 10px 0; } ul.training-locations { padding: 0; margin: 0 0 50px 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; } ul.training-locations li { margin: 0; list-style: none; } ul.training-locations li a { display: block; width: 100%; text-decoration: none; background: #222; padding: 8px 8px 8px 20px; transition: background 0.1s ease-in-out; } ul.training-locations li a:hover { background: #555; } a.view-all-training-locations:hover { text-decoration: underline!important; } /*********CALL TO ACTION**********/ .call-to-action { padding: 5% 5%; border-radius: 1rem; background: #333; color: #fff!important; position: relative; z-index: 99; } .call-to-action p { color: #fff!important; margin: 0!important; line-height: 1.2!important; max-width: 45%; padding: 0 0 24px 0!important; } .call-to-action p.newh2 { font-size: 42px!important; } .call-to-action p.newh3 { font-size: 32px!important; } .call-to-action a.button { background: #181818; color: #fff; padding: 10px 30px; border-radius: 0.6rem; margin-bottom: 30px; } /*************MOBILE**********/ @media only screen and (min-width: 1300px) { .bigheading { max-width: 50%; } .rightlayout { padding: 0% 20% 0% 0%!important; } .leftlayout { padding-right: 10%!important; } } @media only screen and (min-width: 1000px) { #footer-outer .container { } #header-outer .container { padding: 0 3%!important; } #header-outer[data-format=menu-left-aligned] .row .right-aligned-menu-items { margin-right: -20px!important; } li#menu-item-146::before { content: 'Certificate Tools'; display: block; margin: 40px 0 15px 6px; opacity: 0.6; } .archive .breadcrumbs-wrapper { left:45px!important; } .archive.category .breadcrumbs-wrapper { left:85px!important; } .course-gallery { margin-left: -1%!important; margin-right: -1%!important; } span.break { display: block!important; } #top li.lowphone a, #top li.lowchat a, #top li.lowenquiry a { display: block; font-size: 15px!important; border: 2px solid #ddd!important; border-width: 1px 3px 3px 1px!important; text-align: center; padding: 8px 10px!important; border-radius: 0.6rem; margin-bottom: 8px; font-weight: 700!important; transition: ease-in-out 0.1s!important; } .tabbed>ul li a { min-width: 200px; } #top li.lowenquiry a { border-color: #181818!important; } #header-outer:not([data-format="left-header"]) #top ul.buttons.sf-menu li.lowenquiry > a { background: #181818!important; color: #fff!important; } #header-outer:not([data-format="left-header"]) #top ul.buttons.sf-menu li.lowenquiry > a:hover { background: #666!important; border-color: #666!important; transition: ease-in-out 0.1s!important; } #header-outer:not([data-format="left-header"]) #top ul.buttons.sf-menu li.lowphone > a:hover, #header-outer:not([data-format="left-header"]) #top ul.buttons.sf-menu li.lowchat > a:hover { background: #eee!important; color: #181818!important; transition: ease-in-out 0.1s!important; } li.phone ul.sub-menu { width: 400px!important; margin-left: -100px; padding: 30px!important; border-radius: 1rem; } li.phone ul.sub-menu::before { content: 'Our team is here to help you get started today.'; text-align: center; font-size: 15px!important; line-height: 1.4!important; margin-bottom: 20px!important; display: block!important; opacity: 0; animation: fadein 0.5s ease 1s forwards; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .second-column .heading { display: none; } .topact:hover ~ .act { display: block; } .topnsw:hover ~ .nsw { display: block; } .topnt:hover ~ .nt { display: block; } .topqld:hover ~ .qld { display: block; } .topsa:hover ~ .sa { display: block; } .toptas:hover ~ .tas { display: block; } .topvic:hover ~ .vic { display: block; } .topwa:hover ~ .wa { display: block; } .second-column .heading { opacity: 0; transition: opacity .3s; } .topnsw:hover ~ .nsw, .topqld:hover ~ .qld { opacity: 1; } #services .leftside.wpb_column, .leftcontent.wpb_column { padding-right: 10%!important; } #sendamessage .col.span_12 { max-width: 1200px; margin: 0px auto; } #aboutus .col.span_12 { max-width: 800px; margin: 0px auto; } .rightcontent.wpb_column { padding-left: 10%!important; } .fullbarheight { padding-top: 150px!important; } .fullbarlessheight { padding-top: 80px!important; } #course .vc_row-fluid>.span_12 { margin: 0!important; } #workshoptable th:nth-child(1) { width: 20%; } #workshoptable th:nth-child(2) { width: 15%; } #workshoptable th:nth-child(3) { width: 35%; } #workshoptable th:nth-child(4) { width: 10%; } #workshoptable th:nth-child(5) { width: 20%; } .booking-modal-content #workshoptable th:nth-child(1) { width: 18%; } .booking-modal-content #workshoptable th:nth-child(2) { width: 30%; } .booking-modal-content #workshoptable th:nth-child(3) { width: 18%; } .booking-modal-content #workshoptable th:nth-child(4) { width: 14%; } .booking-modal-content #workshoptable th:nth-child(5) { width: 20%; } #bookingextra #workshoptable .enrolwrap span.price-original del { display: none!important; } .leftcontent { padding-right: 10%!important; } .rightcontent { padding-left: 10%!important; } #redbar p.description span.handwritten { width: 100vw!important; margin: 0 -30%!important; } .booknowboxed { display: block!important; position: relative!important; left: 50%!important; transform: translateX(-50%) !important; min-width: 1100px !important; max-width: 1100px!important; margin: 0!important; } .clean #bookingapp { position: relative; left: 50%; transform: translateX(-50%); width: 1100px; margin: 0; padding: 0.8% 2%; } .clean.portal #bookingapp { padding: 1% 2%; } } @media only screen and (min-width: 1300px) and (max-width: 1680px) { .container { padding: 0px 60px!important; } #footer1 .vc_col-sm-6.col1 { width: 50%!important; } #footer1 .vc_col-sm-2.col2 { width: 15%; } #footer1 .vc_col-sm-2.col3 { width: 20%; } #footer1 .vc_col-sm-2.col4 { width: 15%; } #locationfinder .location-sidebar { left: 45px!important; } #header-outer[data-lhe="default"] #top nav > ul > li > a { padding-left: 10px!important; padding-right: 10px!important; } .features .fact-item .fact-icon { font-size: 90px!important; } .user-images-container { width:2100px!important; } ul.training-locations { grid-template-columns: repeat(6, 1fr); } .kr-img { aspect-ratio: 16/11; } .fp-wrap p.newh2 { max-width: 70%!important; } ul.nearby_locations { grid-template-columns: repeat(5, 1fr); } } @media only screen and (min-width: 1000px) and (max-width: 1300px) { #footer1 .vc_col-sm-6.col1 { width: 45%!important; } #footer1 .vc_col-sm-2.col2 { width: 15%; } #footer1 .vc_col-sm-2.col3 { width: 25%; } #footer1 .vc_col-sm-2.col4 { width: 15%; } #header-outer #top nav > ul > li > a { padding-left: 8px!important; padding-right: 8px!important; font-size: 16px!important; } #header-outer #top .sf-menu > .sf-with-ul > a { padding-right: 8px!important; } #header-outer #top nav > ul > li.phone > a, #header-outer #top nav > ul > li.book > a { font-size: 14px!important; } #header-outer[data-format=centered-menu] #top .span_9 nav .sf-menu:not(.buttons) { justify-content: left!important; margin-left: 2%; } #header-outer[data-lhe="default"] #top nav > ul > li > a { padding-left: 10px!important; } #header-outer #logo img, #header-outer .logo-clone img, #header-outer .logo-spacing img { height: 50px!important; } #header-outer .container .row { padding-left: 0px!important; padding-right: 0px!important; } body.material #header-outer:not([data-format=left-header]) #top nav>.buttons>li.menu-item { margin-left: -5px!important; } #locationfinder .location-sidebar { left: 30px!important; } .trust-block { flex-direction: column; gap: 20px; text-align: center; } .trustline { display: block!important; text-align: center!important; width: 100%!important; white-space: normal!important; } .rightlayout { padding: 0% 0% 0% 10% } .features .fact-item .fact-icon { font-size: 80px!important; } .features .fact-item p { font-size: 15px!important; } .latest-post { flex: 1 1 calc(33.333336% - 4%); } .latest-post h2.post-title { font-size: 20px!important; } #addresses .contact-columns { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7%; margin-bottom: 3%!important; } #addresses h2#accounts-heading { margin-top: 50px!important; } .user-images-container { width:2100px!important; } #workshoptable span.starttime, #workshoptable span.endtime, #workshoptable td.price { font-size: 18px!important; } #workshoptable tr, #workshoptable td { font-size: 13px!important; } .awfa-category-list { grid-template-columns: repeat(4, 1fr); } .related-topics .awfa-category-list { grid-template-columns:repeat(3,1fr); } .course-gallery { grid-template-columns: repeat(3, 1fr); } .course-gallery > a:nth-child(2) { display: none; } ul.training-locations { grid-template-columns: repeat(4, 1fr); } .awfa-articles-grid.cols-2, .awfa-articles-grid.cols-3 { grid-template-columns:repeat(2,1fr); } .kr-img { aspect-ratio: 16/12; } .fp-wrap p.newh2 { max-width: 100%!important; font-size: 21px!important; } .latest-videos-grid { grid-template-columns: repeat(3, 1fr); } .courses-row.columns-4 { grid-template-columns: repeat(2,1fr)!important; } .location-benefits-grid { grid-template-columns:repeat(2,1fr); row-gap: 1.7%; } .location-benefits-grid >*:last-child { grid-column:1/-1; } ul.nearby_locations { grid-template-columns: repeat(3, 1fr); } .clean #bookingapp { width: 94vw; } } @media only screen and (min-width: 1000px) and (max-width: 1100px) { li.phone { display: none!important; } #header-outer[data-lhe="default"] #top nav > ul > li.book > a { padding-left: 15px!important; padding-right: 15px!important; } #header-outer #top nav > ul > li > a { padding-left: 5px!important; padding-right: 5px!important; font-size: 15px!important; } #header-outer #logo img, #header-outer .logo-clone img, #header-outer .logo-spacing img { height: 45px!important; } body .clients[class*=col].no-carousel>div { margin-right: 2%; width: 49%;} body .clients[class*=col].no-carousel>div:nth-child(even) { margin-right: 0!important; } .latest-post { flex: 1 1 calc(50% - 4%); } .latest-videos-grid { grid-template-columns: repeat(2, 1fr); } #bookingapp .check-button { font-size: 17px!important; } ul.nearby_locations { grid-template-columns: repeat(2, 1fr); } #header-outer nav>ul>li.locations.megamenu.nectar-megamenu-menu-item>.sub-menu>li:nth-child(n+2) ul.sub-menu li.menu-item-group-171 ul.sub-menu, #header-outer nav>ul>li.locations.megamenu.nectar-megamenu-menu-item>.sub-menu>li:nth-child(n+2) ul.sub-menu li[class*="menu-item-group-"] ul.sub-menu, ul.sub-menu.five { column-count: 4; } .booknowboxed { min-width: 100%!important; max-width: 100%!important; } } @media only screen and (max-width: 1000px) { #header-space { height: calc(63px + var(--nectar_hook_before_nav_content_height, 0px)); } #top { margin: -5px 0!important; } .container { max-width: 90%!important; } #header-outer[data-has-menu][data-format] #top .row { justify-content: left!important; } #header-outer[data-has-menu][data-format] #top .row .span_3 { } #header-outer #top .row .col.span_9 .slide-out-widget-area-toggle { background: #F3F4FA; border-radius: 0.6rem; padding: 6px 12px; height: 37px; } #top .span_9>.slide-out-widget-area-toggle a.using-label .label { float: right; margin: 4px 0 0 10px; } #header-outer #mobile-menu ul ul>li>a .item_desc { display: none!important; } #mobile-menu .inner ul li.courses span { display: inline!important; } li#menu-item-65 a span.menu-title-text { color: #fff!important; } #header-outer nav>ul>li.locations.megamenu.nectar-megamenu-menu-item>.sub-menu>li:nth-child(n+2) ul.sub-menu li.menu-item-group-171 ul.sub-menu, #header-outer nav>ul>li.locations.megamenu.nectar-megamenu-menu-item>.sub-menu>li:nth-child(n+2) ul.sub-menu li[class*="menu-item-group-"] ul.sub-menu, ul.sub-menu.five { column-count: 1!important; } #header-outer #mobile-menu .nectar-header-text-content, #header-outer #mobile-menu .secondary-header-text { border-radius: 0px!important; padding: 10px!important; margin-bottom: 0!important; } .location-benefits-grid { grid-template-columns:repeat(1,1fr); } #top .span_9 > .slide-out-widget-area-toggle a.using-label .label { font-family: 'first-aid-sans',sans-serif!important; } #footer-outer svg.nectar-shape-divider { width: 130vw!important; } #bookingapp .check-button { font-size: 17px!important; } .trust-block { flex-direction: column; gap: 20px; text-align: center; } .trustline { display: block!important; text-align: center!important; width: 100%!important; white-space: normal!important; } .second-column .heading { display: block !important; opacity: 1 !important; } #header-outer .menu-icon svg { display: none!important; } .fact-item { float: left; width: 50%; box-sizing: border-box; padding: 0 20% 10% 0; } .features .fact-item .fact-icon { font-size: 80px!important; } .features .fact-item p { font-size: 15px!important; } #about .four-columns .fact-item { padding: 0 10% 10% 10%!important; } #about .four-columns { padding: 0 0 80px 0!important; } #whattodo ul li img { height: 45px!important; } #whattodo ul li a { font-size: 18px!important; } #watchthevideo { padding-bottom: 0!important; } .clients.no-carousel div img { height: 40px!important; } body .clients[class*=col].no-carousel>div { margin-right: 2%; width: 49%;} body .clients[class*=col].no-carousel>div:nth-child(even) { margin-right: 0!important; } .archive-header .intro { max-width: 75%!important; } .description-copy h2, .description-copy h3, .description-copy p { font-size: 12px!important; } .archive-header { padding: 90px 0 40px 0!important; } .latest-videos-grid { grid-template-columns: repeat(2, 1fr); } .course_details table tr td:first-child { min-width: 80px!important; } .around.courses p { font-size: 17px!important; } #locationsthree .wpb_column:nth-child(1), #locationsthree .wpb_column:nth-child(2), #locationsthree .wpb_column:nth-child(3) { padding: 5% 0%!important; } #locationsthree .wpb_column:nth-child(2) { border-width: 1px 0px!important; } #homefeatures .four-columns, #homefeatures h2, #homefeatures p { text-align: left!important; } #locationhead .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper, #portalhead .vc_column-inner > .wpb_wrapper, #locationpagehead .vc_column-inner > .wpb_wrapper { display: flex; flex-direction: column; } #locationhead #booknow,#portalhead .wpb_row.inner_row, #locationpagehead .wpb_row.inner_row { order: 1; } #locationhead .wpb_raw_code:first-of-type, #portalhead .wpb_text_column, #locationpagehead .wpb_raw_code:first-of-type { order: 2; } #locationhead .wpb_raw_code.centered.dark, #locationpagehead .wpb_raw_code.centered.dark { order: 3; } .latest-post { flex: 1 1 calc(50% - 4%); } .latest-post h2.post-title { font-size: 18px!important; } .colourful-layout .latest-post { padding: 2%!important; } .fp-wrap p.newh2 { max-width: 100%!important; font-size: 19px!important; } .fp-overlay { padding: 15px!important; } body.glossary li.book { background: #000!important; } .user-images-container { width:1600px!important; } ul.training-locations { grid-template-columns: repeat(3, 1fr); } ul.training-locations li a { font-size: 15px!important; background: #333; } .header-inner { flex-direction: column; display: flex; flex-wrap: wrap; align-items: start; padding: 0 5%!important; } .header-content { order: 1; } .post-title { order: 2; } .big-excerpt { order: 3; } .post-meta-row { order: 4; } .header-image { order: 5; } ul.categories-bar.central, ul.categories-bar { justify-content: flex-start!important; } .courserow-wrap { display: block!important; } .course-gallery { grid-template-columns: repeat(2, 1fr); } .course-gallery > a:nth-child(2) { display: none; } .course-gallery .gallery-stack:nth-of-type(1) { display: none; } #gallery { padding-top: 0!important; margin-top: -50px!important; } .single-post-content .breadcrumbs-wrapper ol { justify-content: start!important; } .breadcrumbs-wrapper, .breadcrumbs-wrapper.transparent { top: 60px!important; left: -5px!important; } .header-banner { text-align: left!important; border: none!important; } .header-banner p.big-excerpt { padding: 30px 0 0 0!important; font-size: 28px!important; line-height: 1.3!important; } .header-image { width: 100vw!important; margin-left: -5vw!important; margin-top: 30px!important; } .post-meta-row.single-column { text-align: left!important; margin: 0px 0px 60px 0px!important; align-items: start!important; } main.single-post-content h1, main.single-post-content h2, main.single-post-content h3, main.single-post-content h4, main.single-post-content h5, main.single-post-content h6, main.single-post-content p, main.single-post-content ul, main.single-post-content .post-content, #bookacourse, .author-box, #summarisewithai, .sharebox, .article-audio-player { max-width: 100%!important; text-align: left!important; } .page-submenu .mobile-menu-link { display: none!important; } .page-submenu ul { position: relative!important; display: flex!important; flex-wrap: nowrap!important; justify-content: flex-start!important; width: 100%!important; padding: 0 5%!important; overflow-x: auto!important; overflow-y: hidden!important; -webkit-overflow-scrolling: touch!important; scrollbar-width: none!important; margin: -40px 0px 40px 0!important; } .page-submenu ul::-webkit-scrollbar { display: none!important; } .page-submenu ul li { display: inline-block!important; margin: 0 20px 0 0!important; flex: 0 0 auto!important; } .page-submenu ul li a { border: none!important; padding: 15px 0!important; display: inline-block!important; white-space: nowrap!important; } .page-submenu[data-alignment="left"], .page-submenu[data-alignment="right"], .page-submenu[data-alignment="center"] { text-align: left!important; } #about .column-image-bg-wrap { margin: 60px 0 -60px 0!important; } #about .regular .column-image-bg-wrap { margin: -60px 0 60px 0!important; } #about .divider { max-height: 450px!important; } .awfa-articles-grid.cols-1, .awfa-articles-grid.cols-2, .awfa-articles-grid.cols-3 { grid-template-columns:1fr!important; } #blogthree .kr-info h2, #blogthree .kr-info h3 { font-size: 23px!important; } .kr-info { padding: 0 0 0 1%!important; } #addresses .contact-columns { display: block; } #addresses .addresses .vc_column-inner, #contact .vc_column-inner { padding: 7% 5%!important; } #addresses h2#other-heading, #addresses h2#accounts-heading { margin-top: 50px!important; } img.resource-figure { border-radius: 0.3rem!important; box-shadow: 2px 2px rgba(0, 0, 0, 0.08) !important; } .expanded-toc ul.toc-columns { column-count: 1!important; column-gap: 0!important; } #video { width:100vw; position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; background:#181818; padding: 80px 5%; margin-top:40px!important; margin-bottom:80px!important; } #bookacourse { padding: 4% 3%!important; } .kr-img { aspect-ratio: 16/9; } .tabbed[data-alignment="center"] .wpb_tabs_nav { width: 100%!important; } div[data-style="minimal"] .toggle>.toggle-title a { padding: 14px 50px 14px 20px!important; font-size: 17px!important; } div[data-style="minimal"] .toggle>.inner-toggle-wrap p, div[data-style="minimal"] .toggle>.inner-toggle-wrap li { font-size: 14px!important; } li.book { background: #CE1443; padding: 10px 15px; border-radius: 200px; color: #fff !important; font-weight: 700!important; } li.phone { display: none!important; } .resourceslist, .companylist { display: inline-block!important; vertical-align: top; width: 48%; float: left!important; } .resourceslist { margin-right: 4%; } .compliance ul li { margin-right: 1rem!important; } .compliance ul li a, #copyright p { font-size: 13px!important; } .review-grid { overflow-x: auto; -webkit-overflow-scrolling: touch; display: flex; flex-wrap: nowrap; cursor: grab; scrollbar-width: none; -ms-overflow-style: none; } .review-grid::-webkit-scrollbar { display: none; } .review-grid:active { cursor: grabbing; } .review-grid { overflow-x: auto; -webkit-overflow-scrolling: touch; display: flex; flex-wrap: nowrap; cursor: grab; scrollbar-width: none; -ms-overflow-style: none; touch-action: pan-x; } .review-grid .review-block { min-width: max-content; scroll-snap-align: start; } span.label.centre, h2.tiny.centre { margin: 40px 0 10px 0!important; } .footer-contact { margin-bottom: 40px!important; } .top-buttons { display: block; } .top-buttons a { margin: 0px 8px; color: #fff!important; font-size: 14px!important; line-height: 1.3!important; } .top-buttons .offer { display: none!important; } div[data-style="minimal"] .toggle > .inner-toggle-wrap { max-width: 1000px; } #mobile-menu .inner ul ul>li>a span { opacity: 1!important; } li.heading.menu-item.current-open-item.visible ul.sub-menu.five { display: block!important; padding-left: 10px!important; } li.heading.menu-item.current-open-item.visible ul.sub-menu.five li:first-child { display: none!important; } .llm-buttons { text-align: left; } .llm-buttons a.llm-btn svg { margin-right: 0px; margin-left: 3px; } .llm-buttons a, .llm-buttons button { margin-left: 0px; margin-right: 5px; } div[data-style="minimal"] .toggle section.faq-answer { padding-right: 0!important; } h2 { font-size: 32px!important; } h3 { font-size: 26px!important; } #global p.newh2, p.description, h1.description, h2.description, .centered p.description, #about .features p.newh2, span.hero { font-size: 42px!important; } .logos-list { flex-wrap: wrap; justify-content: center; row-gap: 20px; } .logos-list li { flex: 1 1 45%; max-width: 45%; } .logos-list li:nth-child(4) { display: none!important; } .certificate-name { font-size: 38px!important; line-height: 1.1!important; } #workshoptable span.starttime, #workshoptable span.endtime { font-size: 18px!important; } #workshoptable th.price, #workshoptable td.price, #workshoptable td.location, #workshoptable th.location, #workshoptable td.enrol, #workshoptable th.enrol, #workshoptable td.course, #workshoptable th.course { display: none; } #workshoptable td.mobile, #workshoptable th.mobile { display: block!important; } #workshoptable .mobile-left { display:inline-block; width:50%; vertical-align:top; } #workshoptable .mobile-right { display:inline-block; width:50%; vertical-align:top; } #bookingapp #workshoptable .mobile-left { margin-top: 10px; } #workshoptable td.date { text-align: right!important; } #workshoptable .dateshort { font-size: 11px!important; } #workshoptable td .starttime, #workshoptable td .endtime { display: block!important; } #workshoptable span.mobile-loc { display: block; margin-top: 10px; } #workshoptable span.starttime::after { display: none!important; } #workshoptable tr td:first-child { vertical-align: top!important; padding-left: 10px!important; min-width: 1px; width: 35%!important; } #workshoptable td.enrol { vertical-align: top!important; } #workshoptable a.calendar_course_btn { padding: 5px 20px!important; width: 50%; float: right; margin-top: 10px; } #bookingapp #workshoptable a.calendar_course_btn { float: none!important; width: 100%!important; } #workshoptable span.mobile-price { display: block!important; font-size: 23px!important; text-align: center!important; margin-bottom: 15px; } #workshoptable .enrolprice { display: none; } #workshoptable .enrolwrap { display: block!important; text-align: center!important; } #bookingapp #workshoptable .enrolprice { display: block; } #bookingapp #workshoptable .enrolwrap { display: flex!important; text-align: left!important; } #workshoptable tr, #workshoptable td { vertical-align: top!important; } #workshoptable tr.hltaid009 td:first-child { box-shadow: inset 5px 0 0 0 #FF4D00; } #workshoptable tr.hltaid009-express td:first-child { box-shadow: inset 5px 0 0 0 #FF7F3D; } #workshoptable tr.hltaid011 td:first-child { box-shadow: inset 5px 0 0 0 #FF4252; } #workshoptable tr.hltaid012 td:first-child { box-shadow: inset 5px 0 0 0 #800080; } #glossary .wpb_column .vc_column-inner { padding: 0!important; } body.glossary .glossary-nav { position: static!important; transform: none; width: 100%; max-width: none; margin-top: 40px; justify-content: center; gap: 20px; pointer-events: all; } body.glossary .glossary-nav-prev, body.glossary .glossary-nav-next { position: static; left: auto; right: auto; top: auto; } body.glossary .glossary-nav a { width: auto; flex: 1 1 45%; height: auto; background: #F3F4FA; border-radius: 0.3rem; padding: 20px 10px; text-align: center; color: #181818!important; } body.glossary .glossary-nav a:hover { background: #eee!important; } body.glossary .glossary-nav .arrow-svg { margin-bottom: 4px; width: 22px; height: 22px; fill: #181818!important; } .awfa-category-list, .related-topics .awfa-category-list { grid-template-columns: repeat(3, 1fr); } .single-post h2.page-title, .related-topics p.newh2 { font-size: 12px!important; margin-bottom:30px!important; } #reading-progress { top: 62px!important; } #summarisewithai h3, #summarisewithai p { text-align: center!important; } #summarisewithai .summarize-note { margin-bottom: 20px!important; } #summarisewithai { padding: 2% 2% 6% 2%!important; } .nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot.is-selected:before, .nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot:before { width: 40px!important; height: 5px!important; } .nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot { width: 60px!important; } #wc-filters { display: block!important; } #wc-filters { margin-top: -80px!important; width: 100%!important; } #wc-filters select { width: 100%; } .wc-filter { margin-bottom: -20px!important; } #workshoptable td { border-top: 1px solid #ddd!important; } span.price-beat-wrap { text-align: center; } a.price-beat-red { font-size: 12px!important; } .courses-row.columns-4, .courses-row.columns-3, .courses-row.columns-2, .courses-row.columns-1 { grid-template-columns: repeat(2,1fr)!important; margin-bottom: 24px!important; } #bookingapp .select-option { font-size: 18px!important; } #bookingextra { width: calc(100% + 30px)!important; margin: 15px -15px 0px -15px; padding: 15px 15px 50px 15px!important; } span.table-title { margin-top: 30px!important; } #bookingapp .bw-coupon-row { width: 100%!important; gap: 0!important; } #bookingapp .bw-coupon-left { width: 65%!important; } #bookingapp .bw-coupon-right { width: 35%!important; padding: 0 4%; } #bookingapp .bw-coupon-right a { top: -10px!important; font-size: 12px!important; text-align: center!important; } ul.nearby_locations { grid-template-columns: repeat(2, 1fr); } #boxfeatures img.smallfeatured { margin: 40px 0 20px 0!important; } /****SECTIONS****/ #whitebar { padding-top: 80px!important; padding-bottom: 120px!important; } #greybar { padding-top: 80px!important; padding-bottom: 120px!important; } #redbar { padding-top: 80px!important; padding-bottom: 120px!important; } #brand { padding-top: 0!important; } #footer1 { padding-top: 60px!important; } #glossaryheader, #darkheader, #contactheader { padding-top: 80px!important; } #whitebar.courseswhitebar { padding-top: 20px!important; padding-bottom: 20px!important; } #courserow { padding: 2em!important; } .location-benefits-grid { row-gap: 1%!important; margin-bottom: 150px!important; } #preparation .wpb_column .vc_column-inner { padding: 2em!important; } .testimonials.wpb_column .vc_column-inner { padding: 0 5%!important; } .page-id-2 #corporatefeatures { padding-top: 100px!important; } .page-id-2 #corporatefeatures p, .page-id-2 #testimonials p, .page-id-2 #testimonials h2 { text-align: left!important; } #locationhead { padding-top: 0px!important; } #portalhead, #locationpagehead { padding-top: 30px!important; } #portalhead h1, #locationpagehead h1 { margin-top: 60px!important; } /*******MAP LOCATION FINDER*********/ #locationfinder { position: relative; width: 100vw; height: auto; overflow: visible; display: flex; flex-direction: column; } #locationfinder .location-sidebar { position: relative; top: 0; left: 0; width: 100%; border-radius: 0; box-shadow: none!important; max-height: 50vh; border-top: 1px solid #ddd!important; order: -1; } #locationfinder #locationmap { position: relative; top: 0; left: 0; width: 100%; height: 500px; z-index: 1; order: 0; } } @media only screen and (min-width: 690px) and (max-width: 1000px) { .clean #bookingapp { position: relative; left: 50%; transform: translateX(-50%); width: calc(94vw - 15px); margin: 0; } } @media only screen and (max-width: 690px) { #header-outer #mobile-menu ul li>a, #header-outer #mobile-menu .below-menu-items-wrap a { font-size: 18px!important; } #header-outer #mobile-menu ul ul>li>a { font-size: 16px!important; } #header-outer #mobile-menu ul li>a { padding: 10px 5%!important; } #whattodo ul { grid-template-columns: repeat(1, 1fr);} #header-outer i.label { display: none!important; } .colourful-layout .latest-post { padding: 2%!important; flex: 1 1 calc(100% - 0%)!important; } .colourful-layout .latest-post .image-box { padding-top: 50px!important; } .container .post .post-meta { display: block!important; } .fact-item { padding: 0 10% 10% 0%!important; } #about .four-columns .fact-item { padding: 0 5% 10% 5%!important; } #about .divider { max-height: 400px!important; } .certificate-row.col-one { width: 49%; } .certificate-row.col-two { width: 49%; } .certificate-heading { font-size: 11px!important; } .certificate-row.col-one strong, span.renewal-date { font-size: 15px!important; } .certificate-row.col-one span.coursetitle { font-size: 13px!important; } .awfa-category-list, .related-topics .awfa-category-list { grid-template-columns: repeat(2, 1fr); } .nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot.is-selected:before, .nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot:before { width: 30px!important; height: 6px!important; } .nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot { width: 36px!important; } ul.training-locations { grid-template-columns: repeat(2, 1fr); } #blogthree .kr-info h2, #blogthree .kr-info h3 { font-size: 21px!important; } .kr-img { aspect-ratio: 16/12; height: 115px!important; } .kr-post span.post-category { font-size: 9px!important; line-height: 1.1!important; display: block!important; } .kr-post a { gap: 0px!important; } .kr-info { padding: 0% 5%!important; } #blogthree .post-meta { margin: 15px 0 0 0!important; } .fp-wrap { grid-template-columns: 1fr; gap: 20px!important; margin-bottom: 0px!important; } .fp-main, .fp-side, .fp-small { height: auto!important; } .fp-side { display: block!important; } .fp-small { margin-bottom: 20px; } .fp-overlay { padding: 20px!important; } .latest-videos-grid { grid-template-columns: repeat(1, 1fr); } .courses-row.columns-4, .courses-row.columns-3, .courses-row.columns-2, .courses-row.columns-1 { grid-template-columns: 1fr!important; } .courses-row { row-gap: 24px!important; } #bookingapp #workshoptable .mobile-left { display: flex; justify-content: flex-end; align-items: center; gap: 8px; width: 100%!important; } #bookingapp #workshoptable .mobile-left .seats { order: 2; } #bookingapp #workshoptable .mobile-left .available { order: 1; text-align: right; } #bookingapp #workshoptable .mobile-right { width: 100%!important; } #bookingapp #workshoptable a.calendar_course_btn { float: right!important; width: 60%!important; min-width: 240px!important; } .page-id-372 #courses { padding-bottom: 180px!important; } .tabbed > ul li a { font-size: 15px!important; } span.label.centre, h2.tiny.centre { margin: 40px 0 20px 0!important; } #boxfeatures p.newh2 { font-size: 19px!important; } } @media only screen and (max-width: 480px) { #header-outer i.label { display: none!important; } #header-outer li.book a { font-size: 12px!important; } #header-outer li.book { padding: 13px 16px!important; } #bookingapp #workshoptable a.calendar_course_btn { width: 100%!important; min-width: 1px!important; float: none!important; } }