/* * ---------------------------------------- * * HIA Corporate Primary Styles * * ---------------------------------------- * */ /* import @font-face */ @font-face { font-family: 'Muli'; src: url('/VisualAssets/Global/Fonts/Muli/Muli-Regular.ttf'); } @font-face { font-family: 'Muli'; font-style: italic; src: url('/VisualAssets/Global/Fonts/Muli/Muli-Italic.ttf'); } @font-face { font-family: 'Muli'; font-weight: 400; src: url('/VisualAssets/Global/Fonts/Muli/Muli-Regular.ttf'); } @font-face { font-family: 'Muli'; font-weight: 600; src: url('/VisualAssets/Global/Fonts/Muli/Muli-SemiBold.ttf'); } @font-face { font-family: 'Muli'; font-weight: 700; src: url('/VisualAssets/Global/Fonts/Muli/Muli-Bold.ttf'); } @font-face { font-family: 'Muli'; font-weight: lighter; src: url('/VisualAssets/Global/Fonts/Muli/Muli-ExtraLight.ttf'); } /* global ============================ */ body { background: #f5f5f5; color: #efefef; } body.member { background: #2d373e; } #main { margin: 0 auto; } .wrapper { margin: 0 auto; max-width: 1200px; padding: 0 20px; } #content-main .panels .panel table img { height: auto; width: auto; } /* buttons */ button { cursor: pointer; font-family: 'Muli', sans-serif; } input[type="submit"] { cursor: pointer; } #content-main a.primary-cta { color: #ffffff; } /* primary navigation ---------------------------- */ nav ul .cont { width: calc(100% - 200px); } nav ul .cont li ul li.current a { color: #088921; } header #location section .error { width: calc(100% - 46px); max-width: 768px; } /* page level ============================ */ /* wysiwyg */ #main .wysiwyg { margin: 40px 0 0; padding: 30px 0 5px; background: #ffffff; } #main .wysiwyg .tablet-image, #main .wysiwyg .mobile-image { display: none; } .wysiwyg { margin: 20px 0; text-align: center; } .wysiwyg p { padding: 0 90px; font-size: 17px; font-size: 1.7rem; color: #2d373e; } .wysiwyg a { color: #f15e22; } .wysiwyg img { max-width: 100%; } #main .sponsored { margin: 10px 0 30px 0; background: #f5f5f5; } /* login page */ #login { font-size: 17px; font-size: 1.7rem; } #login .filter-pnl { background: #ffffff; } #login .filter-pnl section { float: left; width: calc(50% - 95px); padding: 40px; margin-left: 30px; background: #f5f5f5; } #login .filter-pnl section:first-child { margin-left: 0; } #login .filter-pnl section fieldset { padding: 5px 0 10px; border: none; } #login .filter-pnl section fieldset .stylish-text, #login .filter-pnl section fieldset .stylish-password { float: left; width: 75%; margin-bottom: 20px; box-sizing: border-box; border: 1px solid #e1e1e1; background: #ffffff; } #login .filter-pnl section fieldset .stylish-password { margin-bottom: 10px; } #login .filter-pnl section label { float: left; width: 25%; line-height: 44px; line-height: 4.4rem; } #login .filter-pnl section .form-column { padding-left: 25%; margin-bottom: 20px; } #login .filter-pnl section .stylish-ds { width: 20px; height: 20px; margin-right: 15px; } #login .filter-pnl section .stylish-ds > span.checked { width: 20px; height: 20px; border: none; text-align: center; } #login .filter-pnl section .stylish-ds > span.checked .ico { display: inline-block; width: 15px; height: 15px; background: url('/VisualAssets/corporate/Assets/images/icons/tick-green.png') no-repeat; background-size: contain; } #login .filter-pnl { padding: 0; } #login .filter-pnl section ul li { padding-left: 30px; margin-top: 10px; } #login .filter-pnl section ul li:first-child { margin-top: 0; } #content-main #login input[type="submit"], #content-main .member-details.info-box input[type="submit"].save { margin: 20px 0 0 0; padding: 16px 20px; background: #088921; } #content-main #login .filter-pnl section:first-child input[type="submit"] { margin: 10px 0 10px 25%; } #content-main #login a { color: #c92d0e; } /* forgotten password */ #forgetPassword { margin-top: 30px; padding: 40px 0; background: #f5f5f5; font-size: 17px; font-size: 1.7rem; } #forgetPassword .submit { max-width: 500px; margin: 0 auto; } #forgetPassword .form-row { max-width: 500px; margin: 0 auto; } #forgetPassword .form-row.confirmation { margin-bottom: 45px; padding: 0 40px; max-width: initial; text-align: left; } #forgetPassword fieldset { border: none; padding: 0; } #forgetPassword label { width: 25%; float: left; color: #00573d; text-align: left; line-height: 44px; line-height: 4.4rem; } #forgetPassword input[type="text"] { height: 44px; float: left; width: 75%; padding-left: 10px; box-sizing: border-box; border: 1px solid #d9d9d9; color: #2d373e; font-size: 17px; font-size: 1.7rem; font-family: 'Muli', sans-serif; font-weight: 600; } #forgetPassword .error ul li:before { background: #ac0101; } #content-main #forgetPassword input[type="submit"] { margin: 20px 0 0 25%; padding: 16px 20px; background: #088921; } /* featured panels ---------------------------- */ .featured-panels .panel:first-child { margin-left: 0; } .featured-panels .panel { width: calc(33.33% - 18px); margin: 0 0 20px 25px; display: block; float: left; vertical-align: top; position: relative; background: #ffffff; } .featured-panels .panel p { font-family: 'Muli', sans-serif; font-size: 17px; font-size: 1.7rem; } .featured-panels .panel h3 { line-height: 28px; line-height: 2.8rem; } .featured-panels .panel img { width: 100%; max-width: 100%; height: auto; } .featured-panels .panel .info { padding: 0 25px; } .featured-panels .panel .info img { max-width: 50px; margin-right: 25px; } .featured-panels .panel a { position: relative; width: 100%; height: 100%; text-decoration: none; color: #00573d; } .featured-panels .panel.training { background: #088921; } .featured-panels .panel.shop { background: #007396; } .featured-panels .panel.training .info, .featured-panels .panel.shop .info { position: absolute; bottom: 0; color: #ffffff; } .featured-panels .panel.training img { position: relative; top: 20px; right: 20px; max-width: 110px; opacity: 0.3; } .featured-panels .panel.shop img { position: relative; top: 20px; right: 20px; max-width: 80px; opacity: 0.3; } .featured-panels .panel.left h3 { margin-bottom: 10px; } .featured-panels .panel.left p { margin: 0 0 28px; color: #3b444b; } .featured-panels .panel.img-cta .info { display: table; width: 100%; min-height: 90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .featured-panels .panel.img-cta .info div:not(.info-wrapper) { display: table-cell; width: 50px; vertical-align: middle; } .featured-panels .panel.img-cta .info div.info-wrapper { display: table-cell; vertical-align: middle; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .featured-panels .panel.img-cta .info h3 { display: table-cell; padding: 20px; vertical-align: middle; } .featured-panels .services-panels span { display: inline-block; margin-top: 20px; } .featured-panels .services-panels .panel.insurance span { background: url('/VisualAssets/corporate/Assets/images/icons/house.png') no-repeat center; background-size: 50px 48px; } .featured-panels .services-panels .panel.safety span { background: url('/VisualAssets/corporate/Assets/images/icons/safety.png') no-repeat center; background-size: 47px 53px; } .featured-panels .services-panels .panel.legal span { background: url('/VisualAssets/corporate/Assets/images/icons/clipboard.png') no-repeat center; background-size: 40px 53px; } .featured-panels .services-panels .panel.trades span { background: url('/VisualAssets/corporate/Assets/images/icons/trades-tick.png')no-repeat center; background-size: 47px 47px; } .featured-panels .services-panels .panel { width: calc(25% - 21px); min-height: initial; text-align: center; } .featured-panels .services-panels .panel h4 { margin-top: 10px; font-size: 16px; font-size: 1.6rem; color: #ffffff; } /* featured panels top section */ .featured-panels .top-section { position: relative;: table; width: 100%; } .featured-panels .top-section .panel:not(.left) { min-height: 305px; } .featured-panels .top-section .panel:not(.left):not(.img-cta) .featured-img { margin-bottom: 35px; } .featured-panels .top-section .panel.left { min-height: 550px; } /* carousels ---------------------------- */ .mod-carousel > fieldset .step.next, .mod-carousel > fieldset button.play, .mod-carousel > fieldset .step.prev, .mod-carousel > fieldset button.stop { z-index: 1; } /* hero carousel */ #carousel { position: relative; max-height: 350px; } .mod-carousel .viewport { z-index: auto; } .hero-carousel.mod-carousel .viewport .slide-container { width: 100%; height: 350px; overflow: hidden; } .mod-carousel .viewport .slide-container h2 { margin-top: 0; } .mod-carousel .pagination.wrapper fieldset, .no-sidebar .featured-images.mod-carousel .pagination.wrapper fieldset { position: absolute; bottom: 20px; left: 0; right: 0; z-index: 0; width: 1200px; margin: auto !important; border: none; } .hero-carousel.mod-carousel .viewport .slide-container .slide, .no-sidebar .featured-images.mod-carousel .viewport .slide-container .slide { background: #2d373e; } .hero-carousel.mod-carousel .tablet-image, .hero-carousel.mod-carousel .mobile-image, .featured-images.mod-carousel .tablet-image, .featured-images.mod-carousel .mobile-image { display: none; } .hero-carousel.mod-carousel .slide-container .slide-content, .no-sidebar .featured-images.mod-carousel .slide-container .slide-content { position: relative; height: 100%; margin: 0 auto; overflow: hidden; } .hero-carousel.mod-carousel .pagination.wrapper fieldset button { width: 12px; height: 12px; padding: 0; border-radius: 50%; margin-left: 5px; border: none; background: #6f7477; outline: none; } .hero-carousel.mod-carousel .pagination.wrapper fieldset button.active { background: #ffffff; } .hero-carousel.mod-carousel .pagination.wrapper fieldset button:first-child { margin-left: 0; } .mod-carousel .slide-container .info .primary-cta { display: inline-block; } .mod-carousel .slide-container .info p { font-size: 17px; font-size: 1.7rem; letter-spacing: 1px; letter-spacing: 0.1rem; } .mod-carousel .slide-container .info h2 { font-size: 30px; font-size: 3rem; line-height: 45px; line-height: 4.5rem; } .mod-carousel .slide-container .info h2.alt-font-size { font-size: 20px; font-size: 2rem; line-height: 26px; line-height: 2.6rem; } .hero-carousel.mod-carousel .slide-container .wrapper:after, .no-sidebar .featured-images.mod-carousel .slide-container .wrapper:after, .featured-images.mod-carousel .slide-container .wrapper:after { content: ""; position: absolute; z-index: 0; left: 299px; top: 0; width: 123px; height: 100%; background-image: url("/VisualAssets/corporate/Assets/images/hero-description-bk.png"); background-repeat: no-repeat; background-size: cover; } .hero-carousel.mod-carousel .slide-container .wrapper:before, .no-sidebar .featured-images.mod-carousel .slide-container .wrapper:before, .featured-images.mod-carousel .slide-container .wrapper:before { content: ""; position: absolute; z-index: 0; right: 0; left: 0; top: 0; width: 300px; height: 100%; background: #2d373e; } .mod-carousel .slide-container .wrapper .info { position: relative; z-index: 1; float: left; top: 45%; right: 0; width: 300px; min-height: 200px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .hero-carousel.mod-carousel .slide-container .image, .no-sidebar .featured-images.mod-carousel .slide-container .image { position: absolute; right: 0; z-index: 0; float: right; max-height: 350px; width: auto; } .hero-carousel.mod-carousel .slide-container .wrapper, .no-sidebar .featured-images.mod-carousel .slide-container .wrapper { position: absolute; left: 0; right: 0; width: 1200px; height: 100%; display: block; margin: auto; padding: 0 20px; overflow: hidden; } .hero-carousel.mod-carousel .slide-container .image div img { float: right; width: auto; height: auto; min-height: 351px; } .no-sidebar .featured-images.mod-carousel .slide-container .image div img { position: relative; float: right; width: auto; height: auto; min-height: 351px; } .mod-carousel .slide-container .image div img.mobile-image { width: 100%; } /* partners carousel */ .partners-carousel { position: relative; } .partners { position: relative; padding: 0 20px 80px; overflow: hidden; } .partners-section { background-color: #ffffff; } .partners h2 { color: #00573d; } .partners .mod-carousel .pagination-controls { margin-left: 0 !important; left: 10px; bottom: -50px; z-index: 1; } .partners .mod-carousel .viewport .slide-container { min-height: 190px; height: auto; } .partners .mod-carousel .viewport .slide-container a:last-child, .partners .mod-carousel .viewport .slide-container a:nth-child(6) { border-right: 1px solid #d9d9d9; } .partners .mod-carousel .viewport .slide-container a:nth-child(-n+6) { border-top: 1px solid #d9d9d9; } .partners .mod-carousel .viewport .slide-container a { display: block; width: 16.66%; float: left; padding: 10px; box-sizing: border-box; border-bottom: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; text-align: center; } .partners .mod-carousel .viewport .slide-container img { float: none; } .partners .mod-carousel .viewport .slide-container { background: none; } .partners .mod-carousel > fieldset .step.prev, .partners .mod-carousel > fieldset .scroll.prev { width: 40px; height: 40px; top: auto; left: auto; right: 50px; bottom: -50px; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); border: none; background: url('/VisualAssets/corporate/Assets/images/icons/arrow-right-green.png') no-repeat; background-size: contain; } .partners .mod-carousel > fieldset .step.next, .partners .mod-carousel > fieldset .scroll.next { width: 40px; height: 40px; top: auto; bottom: -50px; right: 0; border: none; background: url('/VisualAssets/corporate/Assets/images/icons/arrow-right-green.png') no-repeat; background-size: contain; } .partners .mod-carousel > fieldset .scroll.prev, .partners .mod-carousel > fieldset .scroll.next { display: none; position: absolute; } .partners .mod-carousel > fieldset .scroll.next { right: 0; } .partners .mod-carousel > .pagination-controls > button { background: #d9d9d9; border: none; outline: none; } .partners .mod-carousel > .pagination-controls > button.active { background: #454545; } /* featured images carousel*/ .page-banner > div img { width: 100%; height: auto; } .featured-images.mod-carousel { position: relative; } .featured-images.mod-carousel .viewport .slide-container { min-height: 200px; height: 100%; } .featured-images.mod-carousel > fieldset .step.next, .hero-carousel.mod-carousel > fieldset .step.next { width: 40px; height: 40px; top: auto; right: 10px; bottom: 10px; border: none; background: url('/VisualAssets/corporate/Assets/images/icons/arrow-right-green.png') no-repeat; background-size: contain; } .featured-images.mod-carousel > fieldset .step.prev, .hero-carousel.mod-carousel > fieldset .step.prev { width: 40px; height: 40px; top: auto; left: auto; right: 60px; bottom: 10px; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); border: none; background: url('/VisualAssets/corporate/Assets/images/icons/arrow-right-green.png') no-repeat; background-size: contain; } .featured-images.mod-carousel .pagination.wrapper fieldset { bottom: 20px; left: 20px; width: auto; right: auto; } .featured-images.mod-carousel .pagination-controls > button { z-index: 5; width: 12px; height: 12px; padding: 0; margin-left: 5px; border-radius: 50%; background: #d9d9d9; border: none; outline: none; } .featured-images.mod-carousel .pagination-controls > button.active { background: #088921; } .featured-images.mod-carousel .slide-container .slide-content { position: relative; height: 100%; } .featured-images.mod-carousel .slide-container .slide-content .image { text-align: right; } .featured-images.mod-carousel .slide-container .slide-content .wrapper { position: absolute; top: 0; left: 0; right: 0; width: auto; height: 100%; display: block; margin: auto; padding: 0 20px; overflow: hidden; max-width: 100%; } .featured-images.mod-carousel .slide-container .slide-content .wrapper.no-content, .featured-images.mod-carousel .slide-container .wrapper .info.no-content { display: none; padding: 0; } .featured-images.mod-carousel .slide-container .wrapper .info { position: relative; z-index: 1; float: left; top: 45%; right: 0; width: 300px; min-height: 200px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .no-sidebar .featured-images.mod-carousel .slide-container .wrapper .info { width: 300px; } .no-sidebar .featured-images.mod-carousel .slide-container .slide-content .wrapper { position: absolute; left: 0; right: 0; width: 1200px; height: 100%; display: block; margin: auto; padding: 0 20px; overflow: hidden; } .cover, .hide.access { display: none; } /* sidebar navigation */ .sidebar-wrap { float: left; width: 27%; padding-left: 8.5%; padding-right: 15px; box-sizing: border-box; font-size: 17px; font-size: 1.7rem; } .sidebar-wrap h2 { padding-left: 10px; margin-bottom: 10px; } .sidebar-wrap h2 a { font-size: 20px; font-size: 2rem; color: #00573d; } .sidebar-nav, .sidebar-wrap .member { float: right; width: 100%; font-family: 'Muli', sans-serif; } .sidebar-nav ul li { border-bottom: 1px solid #cccccc; } .sidebar-nav ul li:first-child { border-top: 1px solid #cccccc; } .sidebar-nav ul li a { display: block; padding: 20px 30px 20px 10px; position: relative; color: #2d373e; font-weight: 600; } .sidebar-nav ul li a:hover { text-decoration: none; color: #088921; } .sidebar-nav ul li a:after { content: ''; display: block; width: 15px; height: 10px; position: absolute; right: 10px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url('/VisualAssets/corporate/Assets/images/icons/arrow.png') no-repeat; background-size: contain; } .sidebar-nav ul li a.active:after { -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .sidebar-nav ul li.no-children a:after { display: none; } .sidebar-nav ul li ul li { background: #e5e5e5; } .sidebar-nav ul li ul li ul li { background: #dbdbdb; } .sidebar-nav > ul > li > ul > li ul li:last-child, .sidebar-nav > ul > li > ul > li:last-child { border-bottom: none; } .sidebar-nav > ul > li > ul > li a { padding-left: 30px; } .sidebar-nav > ul > li > ul > li ul li a { padding-left: 50px; } .sidebar-nav ul li a.current.active { text-align: left; color: #088921; } /* sidebar member dashboard */ .sidebar-wrap .member { padding: 20px 10px; box-sizing: border-box; border-bottom: 1px solid #e1e1e1; } .sidebar-wrap .member a { color: #ffd31f; text-decoration: underline; font-weight: 600; } .sidebar-wrap .member p { font-weight: 600; margin: 0; } .sidebar-wrap .member h3 { display: inline; padding-right: 10px; font-size: 20px; font-size: 2rem; } .sidebar-wrap .member div h4 { margin-bottom: 0; font-weight: 600; } .sidebar-wrap .member div span { font-weight: 600; } .sidebar-wrap .member .error { margin: 20px 0; } .sidebar-wrap .member .error:before { top: 18px; } .sidebar-wrap .member-sidebar ul li:first-child { border-top: none; } .member .sidebar-nav ul li a.current.active, .member .sidebar-nav ul li a.active, .member .sidebar-nav ul li ul li a.current.active, .member .sidebar-nav ul li ul li a.active { padding-left: 30px; text-align: left; color: #ffd31f; } .member .sidebar-nav ul li a { color: #ffffff; } .member .sidebar-nav ul li a.current:after, .member .sidebar-nav ul li a.active:after { display: block; width: 20px; height: 2px; left: 0; background: #ffd31f; } .member .sidebar-nav ul li a:after, .member .sidebar-nav button.mobile { display: none; } .member .sidebar-nav ul li ul li, .member .sidebar-nav ul li ul li ul li { background: none; } /* sidebar filters */ .sidebar-wrap.filters .open-filters, .sidebar-wrap.filters .close-filters, .sidebar-wrap.filters .filter-by { display: none; } .sidebar-wrap.filters a { font-weight: 700; } .sidebar-wrap.filters .search { position: relative; margin-bottom: 30px; } .sidebar-wrap.filters .search .txt-input { width: 100%; height: 44px; padding: 0 48px 0 10px; box-sizing: border-box; font-size: 17px; font-size: 1.7rem; font-weight: 600; color: #454545; } .sidebar-wrap.filters .search input[type="image"] { width: 19px; height: 18px; padding: 5px 3px 5px 15px; position: absolute; right: 15px; bottom: 8px; border-left: 1px solid #e4e4e4; } .sidebar-wrap.filters h2 { padding: 0; font-size: 20px; font-size: 2rem; line-height: 25px; line-height: 2.5rem; color: #00573d; } .sidebar-wrap.filters ul.selected { display: table; margin-bottom: 30px; } .sidebar-wrap.filters ul.selected li { margin-top: 10px; border: none; } .sidebar-wrap.filters ul.selected li:first-child { margin-top: 0 } .sidebar-wrap.filters ul.selected li a { display: inline-block; padding: 10px 40px 10px 10px; color: #088921; background: #ffffff; border: 1px solid #088921; } .sidebar-wrap.filters ul.selected li span { display: inline-block; padding: 10px 40px 10px 10px; color: #2d373e; background: #ffffff; border: 1px solid #2d373e; } .sidebar-wrap.filters ul.selected li a:after { width: 11px; height: 12px; background: url('/VisualAssets/corporate/Assets/images/icons/close-green.png') no-repeat; background-size: contain; } .sidebar-wrap.filters ul li span.applied { display: inline-block; padding: 20px 30px 20px 50px; color: #2d373e; font-weight: 600; color: #088921 } .sidebar-wrap.filters ul.cat li ul { display: none; } .sidebar-wrap.filters ul.cat li ul li { position: relative; } .sidebar-wrap.filters ul.cat li ul li:before { content: ''; display: block; width: 12px; height: 12px; position: absolute; left: 20px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url('/VisualAssets/corporate/Assets/images/icons/plus.png') no-repeat; background-size: contain; } .sidebar-wrap.filters ul.cat li ul li.applied:before { width: 10px; height: 10px; background: url('/VisualAssets/corporate/Assets/images/icons/close-green.png') no-repeat; background-size: contain; } .sidebar-wrap.filters ul.cat li.open ul { display: block; } .sidebar-wrap.filters ul.cat li ul a:after { display: none; } .sidebar-wrap.filters li.open > a:after { -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .sidebar-wrap.filters li.open ul a { padding-left: 50px; font-weight: 600; } .sidebar-wrap.filters li.open ul li:last-child { border-bottom: none; } .sidebar-wrap.filters ul.selected li span { font-weight: 700; color: #454545; } /* member dashboard */ #updates { margin-bottom: 60px; } #updates h3 { margin: 0; } #updates p { margin: 0; } #updates h4 { margin: 0 0 5px; color: #00573d; font-size: 17px; font-size: 1.7rem; } #updates .m a { font-size: 15px; font-size: 1.5rem; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; letter-spacing: 0.1rem; } #updates .c { display: inline-block; width: calc(33.33% - 23px); padding: 20px; margin-left: 30px; box-sizing: border-box; vertical-align: top; background: #f5f5f5; } #updates .c:first-child { margin-left: 0; } #content-main #updates ul li { padding: 0; margin-bottom: 30px; } #content-main #updates ul li:first-child { margin-top: 10px; } #content-main #updates ul li:before { display: none; } .member #content-main #aside { float: left; width: calc(34% - 22px); height: auto !important; margin-left: 30px; box-sizing: border-box; } .member #content-main #aside h1 { font-size: 24px; font-size: 2.4rem; } .member #content-main #aside a { display: inline-block; margin-bottom: 20px; font-size: 17px; font-size: 1.7rem; color: #c92d0e; } .member #content-main #aside a:hover { text-decoration: underline; } .member #content-main #aside aside { padding: 20px; background: #f5f5f5; } .member #content-main #left-col { float: left; width: calc(66% - 8px); } .member #content-main .ads { clear: both; } .member #content-main #aside .ads { text-align: right; } .member #content-main #aside .ads:first-of-type { margin-top: 30px; } .member #content-main #aside .ads li, .member #content-main #aside .ads li a, .member #content-main #aside .ads li a img { width: 100%; } /* featured tabbed items */ #content-main .featured-tabbed-items { margin-bottom: 15px; } #content-main .featured-tabbed-items h2 { display: none; } #content-main .featured-tabbed-items ul li:before { display: none; } #content-main .featured-tabbed-items .content li { display: table; width: 100%; padding: 15px 20px; border-bottom: solid 1px #eaeaea; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #content-main .featured-tabbed-items .content li:last-child { border-bottom: none; } #content-main .featured-tabbed-items .content li a { display: table-cell; width: 65%; vertical-align: top; font-weight: bold; padding-right: 15px; color: #00573d; } #content-main .featured-tabbed-items .content li .featured-panel-data { display: table-cell; width: 35%; } #content-main .featured-tabbed-items .content li .featured-panel-data span { position: relative; display: inline-block; width: 100%; margin-bottom: 2px; padding-left: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #content-main .featured-tabbed-items .content li .featured-panel-data span:last-child { margin-bottom: 0; } /* member invoices */ .member .member-invoices { min-width: initial; } .member .member-invoices .type, .member .member-licences .type { display: none; } .member .member-invoices th, .member .member-licences th { padding: 15px 10px; color: #ffffff; font-size: 17px; font-size: 1.7rem; line-height: 20px; line-height: 2rem; } .member .member-invoices th:nth-child(odd), .member .member-licences th:nth-child(odd) { background: #2d373e; } .member .member-invoices th:nth-child(even), .member .member-licences th:nth-child(even) { background: #1e2529; } .member .member-invoices tr td:nth-child(even) { background: #f5f5f5; } .member .member-invoices td { padding: 15px 10px; } .member .member-invoices th .stylish-ds { background: none; border: 1px solid #dedede } .member .member-invoices .stylish-ds { margin-left: 5px; border: 1px solid #088921; } .member .member-invoices .stylish-ds[data-type=checkbox] > span.checked { border: none; } .member .member-invoices .stylish-ds .checked .ico { display: block; width: 15px; height: 15px; margin: 4px auto 0; background: url('/VisualAssets/corporate/Assets/images/icons/tick-green.png') no-repeat; background-size: contain; } .member .member-invoices th .stylish-ds .checked .ico { background: url('/VisualAssets/corporate/Assets/images/icons/tick-white.png') no-repeat; background-size: contain; } .member .member-invoices .mi-check-all { display: none; } #content-main .member-invoices td a { color: #c92d0e; } #content-main .member-invoices input[type="submit"] { margin: 30px 0; } /* member profile */ .member .filter-pnl.member-details { background: #ffffff; } .member .member-details.stylish-form .stylish-select, .member .member-details.stylish-form .stylish-text { margin: 0; width: 100%; } .member .member-details.stylish-form .stylish-select .selected { padding-right: 15px; } .member .member-details.stylish-form .stylish-select:before { display: none; } .member .member-details.stylish-form .stylish-select > span > span.ico { top: 18px; } .member .member-details.stylish-form .stylish-ds { width: 20px; height: 20px; } .member .member-details.stylish-form .stylish-ds[data-type=checkbox] > span.checked { width: 20px; height: 20px; } .member .member-details.stylish-form .stylish-ds[data-type=checkbox] > span.checked .ico { margin: 2px auto 0; } .member .member-details .delegate-details { margin-top: 25px; } .member .member-details .delegate-details .form-row { vertical-align: top; } .member .member-details .delegate-details .form-row p { padding-left: 35px; } #content-main .member-details.info-box input[type="submit"], #content-main .member-details.info-box input[type="submit"].save { margin: 0; } #content-main .member-details ul.horizontal li { width: 49%; box-sizing: border-box; } #content-main .member-details ul.horizontal li .stylish-ds { margin-top: 3px; } #content-main .member-details ul.horizontal li label { width: auto; padding: 0 0 0 20px; } #content-main .member-details p.txt-sml, .member .member-details .delegate-details .form-row { font-size: 17px; font-size: 1.7rem; } #content-main .info-box .form-row.additional { width: 100%; } #content-main .info-box .form-row.additional .stylish-ds { margin-right: 20px; } #content-main .member-details .newsletter .form-row { max-width: initial; margin: 0 0 30px; } #content-main .member-details .newsletter p.txt-sml { padding-left: 40px; } #content-main .member-downloads.tbl-styled input[type="submit"] { background: none; } /* member licences */ .member .member-licences { margin-bottom: 30px; min-width: initial; table-layout: initial; } .member .member-licences td { padding: 10px; vertical-align: middle; } .member .member-licences td input[type="image"] { display: table; margin: 0 auto; } .member .member-licences.stylish-form .datepicker .stylish-text > input { padding: 0 30px 0 10px; font-size: 13px; font-size: 1.3rem; } .member .member-licences.stylish-form .stylish-select > span.selected { padding-left: 10px; padding: 15px 25px 15px 10px } /* membership types */ .filter-pnl.membership-types { padding: 0; border: 1px solid #d9d9d9; background: #ffffff; } #content-main .tabs.membership-types .tabs-list { display: block; float: left; width: 30%; border-bottom: none; } #content-main .tabs.membership-types .tabs-list li { display: block; padding: 0; background: #f5f5f5; border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; } #content-main .tabs.membership-types .tabs-list li:first-child { border-top: none; } #content-main .tabs.membership-types .tabs-list li:last-child { border-bottom: 1px solid #d9d9d9; } #content-main .tabs.membership-types .tabs-list li:hover { background: #f5f5f5; } #content-main .tabs.membership-types .tabs-list li:hover a { color: #2d373e; } #content-main .tabs.membership-types .tabs-list li a { padding: 15px 15px 15px 60px; position: relative; text-align: left; } #content-main .tabs.membership-types .tabs-list li a span { display: block; width: 20px; height: 20px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); border-radius: 50%; background: #ffffff; border: 1px solid #dadada; } #content-main .tabs.membership-types .tabs-list li.current a span:after { content: ''; display: block; width: 12px; height: 12px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background: #2d373e; } #content-main .tabs.membership-types .tabs-list li:before, #content-main .tabs.membership-types .tabs-list li a span.hide, #mem-type .membership-select, #content-main .tabs.membership-types .content .tabhead { display: none; } #content-main .tabs.membership-types .tabs-list li.current { background: #f5f5f5; } #content-main .tabs.membership-types .tabs-list li.current:before { display: block; width: 20px; left: auto; right: -20px; background: url('/VisualAssets/corporate/Assets/images/icons/tab-arrow.png') no-repeat; background-size: contain; } #content-main .tabs.membership-types .tabs-list li.current a { color: #2d373e; } #content-main #mem-type .tabs.membership-types .tabs-select-button { display: none; } #content-main .tabs.membership-types .content { float: left; width: 70%; padding: 30px; box-sizing: border-box; } #content-main .tabs.membership-types .content fieldset { min-width: initial; border: none; border-top: 1px solid #d9d9d9; } #content-main .tabs.membership-types .content .wysiwyg { margin: 0 0 60px; text-align: left; } #content-main .tabs.membership-types .content .wysiwyg p { padding: 0; } #content-main .tabs.membership-types .content label { width: 30%; } #content-main .tabs.membership-types .content .stylish-select { margin-left: 0; width: 70%; max-width: 345px; } #content-main .tabs.membership-types .content .stylish-text { margin-bottom: 20px; width: 70%; max-width: 345px; } #content-main .tabs.membership-types .content .form-row { font-size: 17px; font-size: 1.7rem; line-height: 25px; line-height: 2.5rem; } #content-main .tabs.membership-types .content .form-row.info { margin-bottom: 20px; } #content-main .tabs.membership-types .content .form-row .type { display: inline-block; padding: 0 0 20px 20px; } #content-main .tabs.membership-types .content .form-row .left { width: calc(49% - 60px); } #content-main .tabs.membership-types .content .form-row .additional { float: left; width: 120px; } #content-main .tabs.membership-types .content .form-row .left label { display: block; width: 100%; } #content-main .tabs.membership-types .content .tooltips { float: left; width: calc(49% - 60px); position: relative; } #content-main .tabs.membership-types .content .tooltips-trigger { display: inline-block; width: 60px; height: 26px; border: none; background: url('/VisualAssets/corporate/Assets/images/icons/question-mark.png') 20px 3px no-repeat; background-size: 20px 20px; outline: none; } .tips { display: none; position: absolute; width: 100%; max-width: 385px; padding: 20px; background: #f5f5f5; color: #2d373e; font-size: 17px; font-size: 1.7rem; box-sizing: border-box; z-index: 1; } .tips h3 { margin: 0 0 20px 0; font-size: 17px; font-size: 1.7rem; color: #00573d; } .tips ul { margin-bottom: 20px; } .tips:before { content: ''; display: block; position: absolute; top: 0; left: -20px; width: 0; height: 0; border-top: 10px solid transparent; border-right: 20px solid #f5f5f5; border-bottom: 10px solid transparent; } /* breadcrumbs */ #breadcrumbs { float: left; width: calc(100% - 150px); box-sizing: border-box; margin: 0; padding: 15px; background: #ededed; color: #2d373e; font-size: 15px; font-size: 1.5rem; } #breadcrumbs a { display: inline-block; padding: 0 10px; border-right: 1px solid #bfbfbf; color: #c92d0e; } #breadcrumbs span { display: inline-block; padding: 0 10px; } #breadcrumbs span.hidden { display: none; } /* share toolbar */ #share-mobile { display: none; } #page-tools { background: #ededed; } #page-tools .addthis_toolbox { float: right; padding-top: 15px; } #page-tools .addthis_button_compact { padding-left: 30px; background: none; background: url('/VisualAssets/corporate/Assets/images/icons/share.png') no-repeat; background-size: 18px 20px; color: #088921; text-transform: uppercase; font-size: 13px; font-size: 1.3rem; letter-spacing: 2px; letter-spacing: 0.2rem; font-weight: 700; } /* landing page wrap content */ .no-sidebar #wrap-content { width: 100%; } .no-sidebar #content-main { padding: 40px 100px; } .no-sidebar #content-main .wrapper { max-width: initial; padding: 0; } .no-sidebar #page-tools { padding: 0 100px; } .no-sidebar .page-banner { width: 100%; } #wrap-content { float: right; width: 73%; background: #ededed; } #wrap-content > img { width: 100%; height: auto; } .page-banner { float: left; width: 73%; overflow: hidden; } #content-main { padding: 15px 0 30px 0; background: #ffffff; color: #2d373e; font-family: 'Muli', sans-seif; font-weight: 600; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #content-main h1 { margin: 0 0 40px 0; color: #00573d; } #content-main h2, #content-main h3 { color: #00573d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #content-main p { font-size: 17px; font-size: 1.7rem; line-height: 28px; line-height: 2.8rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #content-main p.out { clear: both; display: inline-block; padding-left: 20px; margin-top: 10px; } #content-main .intro { font-size: 17px; font-size: 1.7rem; } #content-main .wrapper { margin: 0; padding: 0 12.5% 0 30px; font-size: 17px; font-size: 1.7rem; } #content-main ul li, #aside ul li, .tip ul li { position: relative; padding-left: 20px; font-size: 17px; font-size: 1.7rem; line-height: 28px; line-height: 2.8rem; } #content-main ul li.pdf, #aside ul li.pdf, .tip ul li.pdf { padding-left: 25px; } .personalisation-component ul li:before, #content-main ul li:before, #aside ul li:before, .tip ul li:before { content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 10px; left: 0; background: #00573d; } #content-main ul li.pdf:before, #aside ul li.pdf:before, .tip ul li.pdf:before { width: 16px; height: 16px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; top: 50%; background: url('/VisualAssets/corporate/Assets/images/icons/pdf.png') no-repeat; } #content-main ul li.remove-bullet-point, #aside ul li.remove-bullet-point, .tip ul li.remove-bullet-point { padding-left: 0; } #content-main ul li.remove-bullet-point:before, #aside ul li.remove-bullet-point:before, .tip ul li.remove-bullet-point:before { display: none; } #content-main ul.partners > li:before { content: none; } .panel #content-main { float: left; width: 60%; } .panel .rhs-panel-on { position: relative; } .panel .rhs-panel-on:after { content: ""; position: absolute; top: 0; width: 100%; height: 100%; background: #ffffff; } .panel #content-main + .rhs-panel { width: 27.5%; margin-right: 12.5%; background-color: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .panel #content-main + .rhs-panel ul.ads { margin-left: 0; } .panel #content-main + .rhs-panel h1:first-child { margin-top: 16px; } .panel #content-main .wrapper { padding-right: 30px; position: relative; z-index: 1; } #content-main.full-width { width: 100%; } #content-main.full-width #aside { height: auto !important; } .panel #aside { position: relative; float: left; width: 40%; background: #ededed; color: #2d373e; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 17px; font-size: 1.7rem; z-index: 1; } .panel #aside aside { padding: 20px 0 20px 25px; margin: 20px; } .panel #aside.rhs-panel aside { margin: 20px 25px 20px 0; background-color: #f5f5f5; } .panel #aside.rhs-panel aside > div { padding-right: 20px; } .panel #aside.rhs-panel aside iframe { width: 100%; padding-right: 0; } .panel #aside aside.img { padding: 0; } .panel #aside h1 { margin: 50px 0 30px; font-size: 28px; font-size: 2.8rem; color: #00573d; } .panel #aside #related-links { background-color: #f5f5f5; } .panel #aside #related-links h1 { margin: 0 0 10px; font-size: 20px; font-size: 2rem; line-height: 20px; line-height: 2rem; } .panel #aside #related-links li { padding: 0 20px 10px; } .panel #aside .video section { padding: 0 20px; } .panel #aside .video h5 { margin: 10px 0 0; font-size: 20px; font-size: 2rem; color: #00573d; } .panel #aside .video p { margin: 5px 0 20px; } .panel #content-main .training-detail-content { float: left; width: calc(60% - 20px); padding-right: 20px; position: relative; z-index: 1; } .panel #aside aside.highlight { background-color: #d1e9d5; } .panel #aside.rhs-panel aside.video { padding: 0 0 20px 0; background-color: #f5f5f5; } .panel #aside > aside { margin-bottom: 20px; } .panel #aside aside h2 { font-size: 2rem; line-height: 2.9rem; color: #00573d; box-sizing: border-box; letter-spacing: 0; margin: 0 0 15px 0; } .panel #aside aside img { padding-bottom: 10px; } .panel #aside aside p { line-height: 2.8rem; margin: 0; } .panel #aside aside a, .panel #content-main + #aside.rhs-panel a { color: #088921; } .panel #aside aside a:hover, .panel #content-main + #aside.rhs-panel a:hover { text-decoration: none; } .panel #aside aside input[type="submit"], .panel #aside aside input[type="button"] { margin: 10px 0 10px 0; padding: 16px 20px; border: none; background: no-repeat #088921; text-transform: uppercase; color: #ffffff; font-size: 13px; font-size: 1.3rem; font-weight: 600; font-family: 'Muli', sans-serif; letter-spacing: 2px; letter-spacing: 0.2rem; cursor: pointer; } .panel #aside aside input[type="submit"]:hover, .panel #aside aside input[type="button"]:hover { background: no-repeat #026716; } /* full width content */ .no-sidebar #content-main.full-width .wrapper { max-width: 1200px; margin: 0 auto; } #content-main.full-width .wrapper .parents img, #content-main.full-width .wrapper .host img { width: 100%; max-width: 100%; height: auto; } #content-main.full-width .wrapper .apprentice, #content-main.full-width .wrapper .FAQ { width: 100%; } #content-main.full-width .wrapper .apprentice { background-size: contain; } #content-main.full-width .wrapper .host { width: 48%; margin-right: 2%; } #content-main.full-width .wrapper .parents { width: 48%; margin-left: 2%; } #content-main.full-width .wrapper div .span-2 { width: 46%; margin: 0 2%; } #content-main.full-width .wrapper div .span-2 iframe { width: 100%; } #content-main.full-width .wrapper .FAQ { background-position: center; background-size: cover; height: auto; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #content-main.full-width .wrapper .FAQ h2 { color: #ffffff; } #content-main.full-width .wrapper .FAQ a { color: #ffffff; text-decoration: underline; } /* panels ---------------------------- */ #content-main .panels .panel { display: inline-block; margin: 0 0 30px 30px; vertical-align: top; background: #f5f5f5; } #content-main .panels .panel div h2 a { display: inline-block; width: 100%; color: #00573d; } #content-main .panels .panel div a, #content-main a, .panel #aside #related-links a, .panel #content-main + #aside a { color: #c92d0e; } .panel #content-main + #aside a:hover { text-decoration: underline; } #content-main .panels .panel div h2 a:hover, #content-main .panels .panel div h2 a:focus { text-decoration: none; color: #088921; } #content-main .ads li a { display: block; } #content-main .ads li a img { width: 100%; } #content-main .panels .panel div { padding: 0 20px 0 20px; font-size: 17px; font-size: 1.7rem; line-height: 24px; line-height: 2.4rem; font-family: 'Muli', sans-serif; font-weight: 600; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #content-main .panels .panel.img-only { height: auto !important; background-color: #ffffff; } #content-main .panels .panel.img-only div { padding: 0; } #content-main .panels .panel img { width: 100%; height: auto; max-height: 230px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #content-main .panels .panel img.lock { width: auto; } /* featured training panel */ #content-main .panels .panel.full .left-col, #content-main .panels .panel.full .right-col { display: table-cell; vertical-align: top; } #content-main .panels .panel.full .left-col { width: 75%; } #content-main .panels .panel.full .right-col { width: 25%; padding: 0; } #content-main .panels .panel.full .left-col p { margin-bottom: 0; } #content-main .panels .panel.full .right-col img { margin-top: 25px; padding-right: 30px !important; } /* one col */ #content-main .panels .panel.full, #content-main .panels .panel .publications.items-1 li { width: 100%; margin: 0 0 30px 0; padding-bottom: 20px; height: auto !important; } #content-main .panels .panel.full h2 { margin-bottom: 10px; } #content-main .panels .panel.full td:first-child { padding-right: 15px; } /* two col */ #content-main .panels .panel, #content-main .panels .panel .publications.items-2 li { width: calc(50% - 18px); } #content-main .panels .panel.img.unique > a { display: block; position: relative; overflow: hidden; } #content-main .panels .panel.img.unique img { position: relative; width: 100%; height: auto; } #content-main .panels .panel:nth-of-type(odd) { margin-left: 0; } /* three col */ #content-main .panels h2 { display: inline-block; font-size: 24px; font-size: 2.4rem; line-height: 33px; line-height: 3.3rem; letter-spacing: 0; } #content-main .panels .pnl-grp { height: auto !important; text-align: left; } #content-main .panels .pnl-grp .panel { width: calc(33.33% - 23px); margin: 0 30px 30px 0; } #content-main .panels .panel .publications.items-3 li { width: calc(33.33% - 24px); } #content-main .panels .pnl-grp .panel:last-child { margin-right: 0; } #content-main .panels .pnl-grp .panel img { width: 100%; height: auto; } /* four col */ #content-main .panels .four h2 { font-size: 20px; font-size: 2rem; line-height: 29px; line-height: 2.9rem; } #content-main .panels .pnl-grp.four .panel p { margin-top: 0; padding: 0; } #content-main .panels .pnl-grp.four .panel { width: calc(25% - 27px); } #content-main .panels .panel .publications.items-4 li { width: calc(25% - 26px); } /* five col */ #content-main .panels .panel div a.more { float: right; padding-top: 30px; color: #00573d; } #content-main .panels .panel .publications li { display: inline-block; width: calc(20% - 12px); margin-left: 30px; padding: 0; vertical-align: top; } #content-main .panels .panel .publications li:first-child { margin-left: 0; } #content-main .panels .panel .publications li:before { display: none; } /* two col shopping categories */ #content-main ul.category li { float: left; width: 46%; margin: 0 4% 30px 0; padding: 0; background: #f5f5f5; } .ipad #content-main ul.category li { width: 45%; } #content-main ul.category li:nth-child(even) { margin-right: 0; } #content-main ul.category li:before { display: none; } #content-main ul.category li h3 { margin: 6px 0; } #content-main ul.category li div h3 a { color: #00573d; font-size: 24px; font-size: 2.4rem; text-transform: none; letter-spacing: 0; } #content-main ul.category li div a { font-size: 15px; font-size: 1.5rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; letter-spacing: 0.1rem; color: #088921; } #content-main ul.category li div { padding: 5px 25px 20px; } #content-main ul.category li div span { display: block; margin-bottom: 15px; } #content-main ul.category li img { width: 100%; height: auto; } /* four col partners */ #content-main .partners.col4 li { display: inline-block; width: 24%; padding: 0; } #content-main .partners.col4 { padding-bottom: 0; } /* product categories */ #content-main ul.category li.product-item .img-holder { position: relative; display: block; height: 150px; overflow: hidden; } #content-main ul.category li.product-item a img { position: absolute; width: auto; height: auto; max-height: none; min-height: 100%; min-width: 100%; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } /* structured img lists */ #content-main ul.structured-list .img h2 { margin: 0 0 0 265px; } #content-main ul.structured-list h2 { margin: 0; font-size: 24px; font-size: 2.4rem; line-height: 28px; line-height: 2.8rem; } #content-main ul.structured-list h2 a { color: #00573d; font-size: 20px; font-size: 2rem; } #content-main ul.structured-list li { padding: 20px 0 0 0; border-top: 1px solid #e4e4e4; } #content-main ul.structured-list li { padding-bottom: 20px; } #content-main ul.structured-list li:first-child { padding-top: 0; border: none; } #content-main ul.structured-list.search-sheet li:first-child { padding-top: 20px; } #content-main ul.structured-list li:before { display: none; } #content-main ul.structured-list li img { float: left; margin-top: 10px; } #content-main ul.structured-list li.img p { margin: 5px 0 20px 265px; } #content-main ul.structured-list li.img p:last-child { margin-bottom: 0; } #content-main ul.structured-list li img.lock { float: none; } #content-main ul.structured-list li.img { clear: both; } #content-main ul.structured-list.search-sheet h2 { margin-left: 0; } #content-main ul.structured-list.search-sheet .lock { display: inline-block; margin: 0 0 0 5px; } #content-main ul.structured-list.search-sheet p { margin-bottom: 0; } #content-main ul.structured-list.search-sheet li { padding-bottom: 20px; } #content-main .search-filter fieldset { padding: 0; border: none; } #content-main .search-filter fieldset label { display: inline-block; vertical-align: middle; padding-right: 40px; } #content-main .search-filter fieldset .stylish-select { display: inline-block; vertical-align: middle; } /* article listing */ #content-main .top-pagination ul.pagination li { display: none; } #content-main .top-pagination ul.pagination li.page-count { display: block; padding-left: 0; } #content-main .top-pagination ul.pagination { padding-top: 0; border-top: none; border-bottom: 1px solid #e4e4e4; text-align: left; } #content-main .panel ul.media-release li { margin-bottom: 0; padding: 0; } #content-main .panel ul.media-release li p { width: 70%; padding-left: 0; margin: 10px 0; } #content-main .panel ul.media-release li p.date { width: 20%; padding-left: 25px; } #content-main .panels .panel div ul.media-release li a { font-size: 1.7rem; color: #00573d; } #content-main .panels .panel div ul.media-release li a:hover, #content-main .panels .panel div ul.media-release li a:focus { color: #088921; text-decoration: none; } #content-main .panels .panel div ul.media-release li a.pdf, #content-main .panels .panel div ul.media-release li a.doc, #content-main .panels .panel div ul.media-release li a.docx { background: url('/VisualAssets/web/img/template/icn-pdf.png') no-repeat; background-position: left 7px; padding: 2px 0 2px 28px; } #content-main .panels .panel div ul.media-release li a.doc { background: url('/VisualAssets/web/img/icons/docs/doc.gif') no-repeat; background-position: left 7px; } #content-main .panels .panel div ul.media-release li a.docx { background: url('/VisualAssets/web/img/icons/docs/docx.gif') no-repeat; background-position: left 7px; } #content-main .panels .panel div ul.media-release li a.pdf:before { display: none; } #content-main ul.media-release li { width: 100%; display: inline-block; margin-bottom: 10px; padding: 0 20px; background: #f5f5f5; box-sizing: border-box; } #content-main ul.media-release li * { display: inline-block; vertical-align: top; } #content-main ul.media-release li img { margin-top: 25px; } #content-main ul.media-release li img.lock { margin-top: 6px; } #content-main ul.media-release li p { width: calc(60% - 80px); padding-left: 15px; } #content-main ul.media-release li a { font-size: 20px; font-size: 2rem; color: #00573d; } #content-main ul.media-release li a:hover, #content-main ul.media-release li a:focus { color: #088921; text-decoration: none; } #content-main ul.media-release li .date, #content-main ul.media-release li .location { width: 20%; position: relative; padding-left: 25px; float: right; } #content-main ul.media-release li .date:before, #content-main ul.media-release li .location:before, #content-main .listing-date-info:before, #content-main .listing-location-info:before, #content-main .listing-container .listing-by-course .listing-by-course-info td.listing-location-info span:before, #content-main .listing-container .listing-by-course .listing-by-course-info td.listing-date-info span:before, #content-main .featured-tabbed-items .content li .featured-panel-data span.item-date:before, #content-main .featured-tabbed-items .content li .featured-panel-data span.item-location:before { content: ""; display: block; width: 16px; height: 14px; position: absolute; top: 8px; left: 0; background: url('/VisualAssets/corporate/Assets/images/icons/calendar.png') no-repeat; background-size: contain; } #content-main ul.media-release li .location:before, #content-main .listing-location-info:before, #content-main .listing-container .listing-by-course .listing-by-course-info td.listing-location-info span:before, #content-main .featured-tabbed-items .content li .featured-panel-data span.item-location:before { width: 11px; height: 16px; background: url('/VisualAssets/corporate/Assets/images/icons/location-pin-green.png') no-repeat; background-size: contain; } #content-main ul.media-release.upcoming-training-events li p:first-child { padding-left: 0; } #content-main ul.article-list li:first-child { padding-top: 20px; } /* event detail */ #content-main .add-to-calendar { position: relative; padding-left: 30px; } #content-main .add-to-calendar:before { content: ""; position: absolute; top: 4px; left: 0; display: block; width: 16px; height: 14px; background: url('/VisualAssets/corporate/Assets/images/icons/add-to-calendar.png') no-repeat; background-size: contain; } #content-main .event-session-price-login { display: table; padding-bottom: 25px; font-size: 17px; font-size: 1.7rem; line-height: 25px; line-height: 2.5rem; } #content-main .event-session-price-login a { color: #c92d0e; cursor: pointer; } /* media listing */ #content-main .tabbody h2 { margin-top: 0; font-size: 24px; font-size: 2.4rem; } #content-main .tabbody h2:first-of-type { margin-top: 20px; outline: none; } #content-main .tabbody .txt-right { margin-bottom: 0; text-align: right; } #content-main .tabbody .txt-right a { padding-left: 20px; position: relative; font-size: 14px; font-size: 1.4rem; text-transform: uppercase; } #content-main .tabbody .txt-right a:before { content: ''; display: block; width: 15px; height: 18px; position: absolute; left: 0; top: 0; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); background: url('/VisualAssets/corporate/Assets/images/icons/arrow-green.png') no-repeat; background-size: contain; } #content-main .tabbody ul.media-release li { padding: 10px 0 10px 25px; margin: 0; background: #ffffff; border-bottom: 1px solid #d9d9d9; } #content-main .tabbody ul.media-release li:first-child { border-top: 1px solid #d9d9d9; } #content-main .tabbody ul.media-release li p { float: none; width: 100%; margin: 0; padding: 0; } #content-main .tabbody ul.media-release li p a { position: relative; font-size: 17px; font-size: 1.7rem; font-weight: 700; padding-left: 0; } #content-main .tabbody ul.media-release li p a:before { content: ''; display: block; width: 20px; height: 21px; position: absolute; left: -25px; top: 8px; background: url('/VisualAssets/corporate/Assets/images/icons/pdf.png') no-repeat; background-size: contain; } #content-main .tabbody ul.media-release li p a.pdf:before { transform: none; } #content-main .tabbody ul.media-release li p.date:before { display: none; } #content-main .tabbody .view-more { display: none; } /* media gallery */ #content-main ul#img-lib li { float: left; width: calc(33.33% - 20px); margin: 0 0 30px 30px; padding: 0; height: 0; padding-bottom: calc(33.33% - 20px); position: relative; overflow: hidden; } #content-main ul#img-lib li:nth-child(3n+1) { margin-left: 0; } #content-main ul#img-lib li:before { display: none; } #content-main ul#img-lib li img { position: absolute; width: auto; height: 100%; max-height: none; max-width: 3000px; min-height: 100%; min-width: 100%; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #content-main ul#img-lib li img.portrait-orientation { width: 100%; height: auto; } #content-main ul#img-lib li .img-overlay { visibility: hidden; width: 100%; height: 100%; position: absolute; top: 0; left: 0; margin: 0; box-sizing: border-box; color: #ffffff; background: rgba(0, 0, 0, 0.3); text-align: center; opacity: 0; transition: all 0.2s; } #content-main ul#img-lib li .img-overlay p { position: absolute; width: 100%; margin: 0; top: 50%; transform: translateY(-50%); } #content-main ul#img-lib li:hover a { cursor: url('/VisualAssets/corporate/Assets/images/icons/magnifying-glass-white.png') 2 2, pointer; } #content-main ul#img-lib li:hover .img-overlay { visibility: visible; opacity: 1; } #content-main ul.structured-list.video-lib li { display: inline-block; width: calc(33.33% - 23px); margin: 0 0 30px 30px; padding: 0; vertical-align: top; border: none; background: #f5f5f5; } #content-main ul.structured-list.video-lib li:nth-child(3n+1) { margin-left: 0; } #content-main ul.structured-list.video-lib h2, #content-main ul.structured-list.video-lib li.img p { margin: 10px 0; padding: 0 20px; } #content-main ul.structured-list.video-lib li img { position: absolute; width: auto; height: auto; max-height: none; max-width: 600px; min-height: 100%; min-width: 100%; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } #content-main ul.structured-list.video-lib li a.vid-thumbnail { display: block; position: relative; height: 150px; overflow: hidden; } #content-main ul.structured-list.video-lib li a.vid-thumbnail:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; width: 50px; height: 50px; margin: auto; background-image: url("/VisualAssets/corporate/Assets/images/icons/video-play-overlay.png"); background-size: contain; } /* tb window */ #wait { display: none !important; } #TB_iframe { background: #ffffff; } #TB_overlay { position: fixed; z-index: 4; top: 0; left: 0; height: 100%; width: 100%; } #TB_overlay a { position: relative; } #TB_window, #TB_overlay.TB_overlayBG.preloader-bg + #wait { display: block; max-width: 690px; z-index: 4; padding: 0 !important; overflow: hidden; } #TB_window iframe { width: 100% !important; min-width: 420px; } #TB_window iframe.prod-back-order { min-height: 350px !important; } #TB_window .mobile-header { display: none; } #TB_window.close-back iframe { min-height: 560px; } #TB_window img#TB_Image { width: 100%; max-width: 100%; height: auto; border: 2px solid #ffffff; box-sizing: border-box; } #TB_window .window-content { position: absolute; overflow-y: auto; } #TB_footer #TB_prev, #TB_footer #TB_next { width: 40px; height: 40px; position: absolute; top: 45%; right: -55px; -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); background: url('/VisualAssets/corporate/Assets/images/icons/gal-nav-arrow.png') no-repeat; background-size: 26px; background-position: center; } #TB_footer #TB_prev { right: auto; left: -55px; -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); } #TB_footer, #TB_ajaxContent p { text-align: center; font-size: 17px; font-size: 1.7rem; padding: 0; } #TB_footer .count { float: right; } .media-window.image-window-open #TB_window span.em { display: inline-block; width: calc(100% - 100px); min-width: 100px; } #TB_closeWindowButton { position: fixed; z-index: 15; top: 40px; right: 40px; width: 22px; height: 22px; background: url('/VisualAssets/corporate/Assets/images/icons/close-white.png') no-repeat; background-size: contain; } #TB_ajaxContent { width: auto !important; height: 100% !important; } #TB_Header { font-size: 28px; font-size: 2.8rem; text-align: center; } #TB_load { position: fixed; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* basket overlay */ #TB_overlay.TB_overlayBG.preloader-bg { z-index: 11; display: block !important; visibility: visible !important; opacity: 0.6; } #TB_overlay.TB_overlayBG.preloader-bg + #wait { position: fixed !important; display: block !important; font-family: Muli, sans-serif; background: #ffffff; padding: 30px !important; height: auto; color: #2d373e; font-size: 22px; font-size: 2.2rem; line-height: 31px; line-height: 3.1rem; z-index: 12; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #TB_overlay.TB_overlayBG.preloader-bg + #wait p span { display: block; width: 100%; margin: 0 auto; font-weight: bold; font-size: 28px; font-size: 2.8rem; line-height: 40px; line-height: 4rem; color: #00573d; } #TB_overlay.TB_overlayBG.preloader-bg + #wait p { margin-bottom: 5px; } #TB_overlay.TB_overlayBG.preloader-bg + #wait .preloader { display: table; width: 50px; height: 50px; margin: 0 auto; background-image: url('/VisualAssets/corporate/Assets/images/icons/HIA-Spinner-green.gif'); background-size: contain; background-repeat: no-repeat; } #TB_overlay.TB_overlayBG.preloader-bg + #wait img { display: none; } /* map window */ #TB_iframeContent.gmap-open, #TB_overlay.gmap-lightbox-overlay { display: block !important; } #TB_overlay.gmap-lightbox-overlay { z-index: 11; visibility: visible; opacity: 0.6; } #TB_window.gmap-window, .media-window #TB_window { z-index: 12; max-width: none; overflow: visible; } #TB_window.gmap-window iframe { width: 100% !important; height: 90% !important; min-height: 100% !important; min-width: 420px; } /* video window */ .media-window .overlay.active { z-index: 5; opacity: 0.9; } .media-window #TB_window .window-content { width: 690px; position: relative; margin: 0 auto; } .media-window #TB_window #content-wrapper { height: 100%; } .media-window #TB_window #TB_ajaxContent, .media-window #TB_window #TB_ImageOff { display: block; margin: 0 auto; padding: 0; background: transparent; } .media-window #TB_window #TB_ImageOff + #TB_footer { display: block; width: 548px; margin: 0 auto; padding-top: 15px; } /* Location lightbox */ .location-lightbox-container { top: 120px !important; margin-left: -235px !important; margin-top: 0 !important; max-width: 470px !important; } /* tab lists */ #TB_overlay { display: none !important; } .tb-lightbox-active #TB_overlay { display: block !important; } #TB_overlay.esc-prohibited.close-back { display: block !important; background: #000000; opacity: 0.5; } #content-main .tabs-container { margin-bottom: 30px; } #content-main .tabs .tabs-list { display: table; width: 100%; border-bottom: 2px solid #00573d; } #content-main .tabs .tabs-list li { display: table-cell; padding: 15px; position: relative; background: #ededed; text-align: center; transition: all 0.2s; } #content-main .tabs .tabs-list li:hover { cursor: pointer; background: #088921; } #content-main .tabs .tabs-list li:hover a { color: #ffffff; } #content-main .tabs .tabs-list li:before { width: 5px; height: 100%; border-radius: initial; top: 0; left: 0; background: #ffffff; } #content-main .tabs .tabs-list li:first-child:before { display: none; } #content-main .tabs .tabs-list li a { display: block; color: #2d373e; } #content-main .tabs .tabs-list li.current { background: #00573d; } #content-main .tabs .tabs-list li.current a { color: #ffffff; } /* mobile tabs dropdown button */ #main .tabs-container .tabs-select-button { position: relative; display: none; height: 100%; font-size: 13px; font-size: 1.3rem; background-color: #00573d; border-bottom: solid 1px rgba(255, 255, 255, 0.4); color: #ffffff; padding: 17px 65px 16px 20px; cursor: pointer; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #main .tabs-container .tabs-select-button .select-button-icon { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 27px; height: 27px; margin: auto; color: #ffffff; font-size: 27px; line-height: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #main .tabs-container .tabs-select-button.active .select-button-icon { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #main .tabs-container .tabs-select-button div { display: block; position: absolute; right: 0; top: 0; width: 50px; height: 100%; } #main .tabs-container .tabs-select-button .selected-value { position: relative; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; } /* ads */ #content-main ul.ads li { display: inline-block; width: calc(33.33% - 50px); margin-left: 70px; } #content-main ul.ads li:first-child { margin-left: 0; } #content-main ul.ads img { width: 100%; height: auto; } #aside ul.ads { padding: 0 20px 0 0; } #aside ul.ads li, #content-main .highlight ul li { padding: 0; } #aside ul.ads li:before, #content-main .highlight ul li:before { display: none; } /* stylish forms & WFFM */ .stylish-form .stylish-tel > input { width: 100%; height: 42px; left: 0; right: 0; box-sizing: border-box; } .stylish-form .stylish-email > input, .stylish-form .stylish-number > input, .stylish-form .stylish-password > input, .stylish-form .stylish-text > input, .stylish-form .stylish-tel > input, .stylish-form .stylish-textarea > textarea, .stylish-form .stylish-select > span.selected { padding: 0 15px; color: #454545; font-size: 17px; font-size: 1.7rem; font-family: 'Muli', sans-serif; font-weight: 600; line-height: 15px; line-height: 1.5rem; } .stylish-form .stylish-select > span.selected { padding: 15px; } .stylish-form .stylish-select > span.selected .ico { width: 15px; height: 10px; border: none; background: url('/VisualAssets/corporate/Assets/images/icons/arrow.png') no-repeat; background-size: contain; } .stylish-form .stylish-select { min-height: 44px; } .stylish-form .stylish-select > .dropdown-list .dropdown-option { background: #fff; padding: 15px; outline: 0; font-size: 17px; font-size: 1.7rem; font-weight: 600; font-family: 'Muli', sans-serif; } .stylish-form .stylish-select span.selected { padding-right: 70px; } .stylish-form .stylish-textarea { background: #ffffff; } .stylish-form label, .stylish-form .scfRadioButtonListLabel { font-size: 17px; font-size: 1.7rem; font-family: 'Muli', sans-serif; font-weight: 600; color: #00573d; } .stylish-form .scfRequired { color: #cc3a1d; } .stylish-form .stylish-ds { width: 24px; height: 24px; padding: 0; border: 1px solid #dedede; background: #ffffff; } .stylish-form .stylish-ds[data-type=checkbox] > span.checked, .stylish-form .stylish-ds[data-type=radio] > span.checked { width: 24px; height: 24px; padding: 0; border: 1px solid #dedede; background: none; } .stylish-form .stylish-ds { position: relative; } .stylish-form .stylish-ds[data-type=radio] > span.checked .ico { display: block; width: 15px; height: 15px; border-radius: 50%; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #2d373e; } .stylish-form .stylish-ds[data-type=checkbox] > span.checked { border: none; } .stylish-form .stylish-ds[data-type=checkbox] > span.checked .ico { display: block; width: 15px; height: 15px; margin: 4px auto 0; padding: 0; border: none; background: url('/VisualAssets/corporate/Assets/images/icons/tick-green.png') no-repeat; background-size: contain; } .stylish-form .stylish-select > span > span.ico { right: 10px; } /* server error form */ input[type="button"].btn-gen { padding: 8px 15px; } #content-main .feedback.error p { margin: 0; } #content-main .scfForm { font-family: 'Muli', sans-serif; } #content-main .scfForm.stylish-form label, #content-main .scfForm.stylish-form .scfRadioButtonListLabel { width: 35%; margin-top: 10px; text-align: right; } #content-main .scfForm.stylish-form .scfRadioButtonListLabel { margin-top: 20px; } #content-main .scfForm.stylish-form .stylish-select, #content-main .scfForm.stylish-form .stylish-text, #content-main .scfForm.stylish-form .stylish-textarea { width: 100%; max-width: 350px; float: none; } #content-main .scfListBoxGeneralPanel, #content-main .scfDropListGeneralPanel, #content-main .scfEmailGeneralPanel, #content-main .scfMultipleLineGeneralPanel, #content-main .scfSingleLineGeneralPanel, #content-main .scfPasswordGeneralPanel, #content-main .scfNumberGeneralPanel, #content-main .scfDatePickerGeneralPanel, #content-main .scfDateGeneralPanel, #content-main .scfRadioButtonListGeneralPanel, #content-main .scfCheckBoxListGeneralPanel, #content-main .scfFileUploadGeneralPanel, #content-main .scfDateSelectorGeneralPanel, #content-main .scfCreditCardGeneralPanel, #content-main .scfConfirmPasswordGeneralPanel, #content-main .scfCaptchaGeneralPanel, #content-main .scfTelephoneGeneralPanel, #content-main .scfSmsTelephoneGeneralPanel { position: relative; float: right; margin-bottom: 10px; } #content-main .scfDropListBorder, #content-main .scfEmailBorder, #content-main .scfMultipleLineTextBorder, #content-main .scfSingleLineTextBorder, #content-main .scfPasswordBorder, #content-main .scfNumberBorder, #content-main .scfDatePickerBorder, #content-main .scfDateBorder, #content-main .scfRadioButtonListBorder, #content-main .scfListBoxBorder, #content-main .scfCheckBoxListBorder, #content-main .scfFileUploadBorder, #content-main .scfDateSelectorBorder, #content-main .scfCreditCardBorder, #content-main .scfConfirmPasswordBorder, #content-main .scfCaptchaBorder, #content-main .scfTelephoneBorder, #content-main .scfSmsTelephoneBorder { display: inline-block; } #content-main .scfSectionBorderAsFieldSet { padding: 15px; } #content-main .scfForm.stylish-form .scfCheckBoxListGeneralPanel label { display: block; width: auto; text-align: left; margin-bottom: 7px; padding-left: 40px; margin-top: 0; line-height: 24px; line-height: 2.4rem; } #content-main .scfRadioButtonList { max-width: 350px; margin: 20px 0 25px; } #content-main .scfRadioButtonList td { width: 50%; vertical-align: top; } #content-main .scfRadioButtonList label { display: inline-block; margin-top: 5px; padding-left: 15px; } #content-main .scfRequired, #content-main .scfValidatorRequired { display: none; } #content-main .required { color: #cc3a1d; } #content-main input[type="submit"], #content-main .tbl-styled input[type="submit"].continue { margin: 10px 0 0 40%; padding: 16px 60px 16px 20px; border: none; background: url('/VisualAssets/corporate/Assets/images/icons/arrow-right-white.png') 90% 17px no-repeat #088921; background-size: 20px 14px; text-transform: uppercase; color: #ffffff; font-size: 13px; font-size: 1.3rem; font-weight: 600; font-family: 'Muli', sans-serif; letter-spacing: 2px; letter-spacing: 0.2rem; cursor: pointer; } #content-main input[type="submit"]:hover, #content-main .tbl-styled input[type="submit"].continue:hover { background: url('/VisualAssets/corporate/Assets/images/icons/arrow-right-white.png') 90% 17px no-repeat #026716; background-size: 20px 14px; } #content-main input[type="submit"].edit { padding: 16px 20px; background: #ededed; color: #088921; font-weight: 700; } #content-main input[type="submit"], #content-main .button-default { margin: 10px 0 0 0; padding: 16px 60px 16px 15px; border: none; background: url('/VisualAssets/corporate/Assets/images/icons/arrow-right-white.png') 90% 17px no-repeat #088921; background-size: 20px 14px; text-transform: uppercase; color: #ffffff; font-size: 13px; font-size: 1.3rem; font-weight: 600; font-family: 'Muli', sans-serif; letter-spacing: 2px; letter-spacing: 0.2rem; cursor: pointer; } #content-main .button-default:hover { text-decoration: none; background: url('/VisualAssets/corporate/Assets/images/icons/arrow-right-white.png') 90% 17px no-repeat #07701c; background-size: 20px 14px; } #content-main .button-default.ghost { background: none; color: #088921; font-weight: bold; } #content-main .info-box input[type="submit"], #content-main .button-default { margin: 10px 0 0 40%; } #content-main .scfCheckBoxListLabel { width: 35%; text-align: right; font-size: 1.7rem; font-family: 'Muli', sans-serif; font-weight: 600; color: #00573d; } #content-main .scfSectionBorderAsFieldSet { margin: 0; border-top-color: #00573d; } #content-main .scfSectionLegend { color: #00573d; font-size: 20px; font-size: 2rem; line-height: 30px; line-height: 3rem; } #content-main .scfForm.stylish-form .scfRadioButtonListGeneralPanel label { width: 70%; margin-top: 0; text-align: left; } #content-main .scfForm.stylish-form .scfDateSelectorGeneralPanel label { width: calc(18% - 8px); min-width: 102px; margin: 0 0 20px 20px; float: left; text-align: left; } #content-main .scfForm.stylish-form .scfDateSelectorGeneralPanel label:first-of-type { margin-left: 0; } #content-main .scfForm.stylish-form .scfDateSelectorGeneralPanel .stylish-select { width: calc(18% - 10px); min-width: 102px; margin: 0 0 20px 20px; float: left; } #content-main .scfForm.stylish-form .scfDateSelectorGeneralPanel .stylish-select:first-of-type { margin-left: 0; clear: left; } #content-main .stylish-form .scfDateSelectorGeneralPanel .stylish-select span.selected { padding-right: 32px; } #content-main .scfForm .scfDateSelectorLabel { width: 35%; margin-top: 10px; text-align: right; font-size: 17px; font-size: 1.7rem; font-family: 'Muli', sans-serif; font-weight: 600; color: #00573d; } /* payment iframe */ #divFrame { border-top: 1px solid #d9d9d9; } #divFrame iframe { display: block; width: 100%; margin: 0 auto; } /* filter panel / search products */ #content-main .filter-pnl.contact a { color: #c92d0e; } .filter-pnl.contact { background: #ffffff; } .filter-pnl { padding: 40px 30px; background: #f5f5f5; } .filter-pnl h2 { margin-top: 0; font-size: 24px; font-size: 2.4rem; } .filter-pnl.contact ul li { margin: 10px 0; } .filter-pnl.stylish-form .stylish-text { display: inline-block; width: calc(33% - 7px); margin-bottom: 10px; background: #ffffff; } .filter-pnl.stylish-form .event-search .stylish-text { width: calc(50% - 7px); } .filter-pnl.stylish-form .stylish-select { display: inline-block; width: calc(33% - 9px); margin: 0 0 20px 10px; box-sizing: border-box; background: #ffffff; vertical-align: top; } .filter-pnl.stylish-form .event-search .stylish-select { width: calc(50% - 9px); } .filter-pnl.stylish-form .stylish-select .selected { padding-right: 60px; line-height: 10px; line-height: 1rem; } .filter-pnl.stylish-form .stylish-select:last-of-type { margin-right: 0; } .filter-pnl.stylish-form .stylish-select > span > span.ico { right: 18px; width: 15px; height: 10px; border: none; background: url('/VisualAssets/corporate/Assets/images/icons/arrow.png') no-repeat; background-size: contain; } .filter-pnl.stylish-form .stylish-select:before { content: ''; display: block; height: 50%; width: 1px; background: #e4e4e4; position: absolute; top: 50%; right: 51px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .filter-pnl.stylish-form .stylish-select > .dropdown-list { font-size: 17px; font-size: 17px; -webkit-overflow-scrolling: touch; } .filter-pnl.stylish-form .stylish-select > .dropdown-list .dropdown-option { padding: 15px 5px; font-family: 'Muli', sans-serif; } .filter-pnl.stylish-form .primary-cta { margin: 20px 0; background: url('/VisualAssets/corporate/Assets/images/icons/arrow-right-white.png') 105px 16px no-repeat #088921; background-size: 18px 14px; padding-right: 60px; } .filter-pnl.stylish-form .primary-cta:after { content: ''; display: block; width: 15px; height: 10px; position: absolute; top: 50%; right: 0; background: url('/VisualAssets/corporate/Assets/images/icons/arrow-right-white.png') no-repeat; background-size: contain; } .filter-pnl .more { margin-top: 13px; text-transform: uppercase; font-size: 15px; font-size: 1.5rem; font-weight: 700; } #content-main .filter-pnl input[type="submit"] { margin: 0 6px 0 20px; } #content-main .filter-pnl .event-search input[type="submit"] { margin: 0 0 0 20px; } .filter-pnl.media-filter { padding: 0 0 15px 0; background: #ffffff; border-bottom: 1px solid #d9d9d9; } .filter-pnl.media-filter fieldset { margin: 0; padding: 0; border: none; min-width: initial; } .filter-pnl.media-filter h2 { max-width: 35%; margin: 0 20px 0 0; font-size: 17px; font-size: 1.7rem; line-height: 44px; line-height: 4.4rem; } .filter-pnl.media-filter .year, .filter-pnl.media-filter .month { float: left; width: 50%; } .filter-pnl.media-filter .year h2, .filter-pnl.media-filter .month h2 { line-height: 44px; line-height: 4.4rem; } .filter-pnl.media-filter.stylish-form .stylish-select { margin: 0; width: calc(58% - 20px); } #content-main .filter-pnl.media-filter fieldset input[type="submit"] { margin: 20px 0 0; } #content-main .filter-pnl.contact ul.structured-list li { display: inline-block; width: calc(33.33% - 23px); padding: 0; vertical-align: top; border: none; margin: 0 0 30px 30px; } #content-main .filter-pnl.contact ul.structured-list li:nth-child(3n+1) { margin-left: 0; } #content-main .filter-pnl.contact ul.structured-list li > h3 { margin-top: 0; } #content-main .filter-pnl.contact ul.structured-list p { margin: 0; } .filter-pnl.contact .location { margin-bottom: 30px; } .filter-pnl.contact .location a { font-size: 17px; font-size: 1.7rem; } .filter-pnl.contact .location .map { float: left; width: 60%; max-width: 470px; height: 300px; } .filter-pnl.contact .location .details { float: left; width: calc(40% - 30px); padding-left: 30px; } .filter-pnl.contact .location .details h2 { line-height: 20px; line-height: 2rem; } .filter-pnl.contact .location .details p strong { display: inline-block; width: 25%; } .filter-pnl.contact .filter { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #e4e4e4; } /* Styled table */ #content-main .table-container { position: relative; overflow-x: auto; overflow-y: hidden; } #content-main .table-container:hover .swipe-guide, #content-main .table-container:focus .swipe-guide { display: none; } #content-main .swipe-guide { position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; display: none; width: 185px; height: 70px; margin: auto; background-image: url("/VisualAssets/corporate/Assets/images/swipe-guide.png"); background-repeat: no-repeat; background-size: contain; } table.tbl-style2 { font-size: 17px; font-size: 1.7rem; line-height: 28px; line-height: 2.8rem; table-layout: fixed; border-collapse: collapse; } table.tbl-style2 tr:first-child { background-color: #f5f5f5; } table.tbl-style2 tr:not(:first-child) { border-bottom: solid 1px #dadada; } .tbl-style2 th { float: none; text-align: left; padding: 13px 0 13px 20px; color: #00573d; } .tbl-style2 td { padding: 13px 0 13px 20px; } .tbl-styled.basket-listing tr.additional > td { padding-top: 20px; } .tbl-styled.basket-listing tr:first-child { background: #2d373e; color: #ffffff; } .tbl-styled tr.product td { border-bottom: 1px solid #d9d9d9; vertical-align: middle; } .tbl-styled tr.product td.center .stylish-ds { float: none; margin: 0 auto; } .tbl-styled tr.product td > span { display: none; } .tbl-styled th { padding: 20px; float: none; text-align: left; font-size: 20px; font-size: 2rem; } .tbl-styled td { padding: 10px 20px; float: none; font-size: 17px; font-size: 1.7rem; vertical-align: top; } .tbl-styled td.total { vertical-align: top; padding-right: 0; } .tbl-styled.stylish-form .stylish-ds, .tbl-styled.stylish-form .stylish-ds[data-type=checkbox] > span { width: 34px; height: 34px; } .tbl-styled.stylish-form .stylish-ds[data-type=checkbox] > span.checked { border: none; background: #088921; } .tbl-styled.stylish-form .stylish-ds[data-type=checkbox] > span.checked .ico { display: block; width: 17px; height: 17px; margin: 8px auto 0; background: url('/VisualAssets/corporate/Assets/images/icons/tick-white.png') no-repeat; background-size: contain; } .tbl-styled td.update, .tbl-styled tr.continue { text-align: right; padding-right: 0; padding-top: 20px; } .tbl-styled tr.continue td { padding-right: 0; } .tbl-styled.basket-listing tr table { width: 100%; border-collapse: collapse; background: #f5f5f5; } .tbl-styled.basket-listing tr table tr, .tbl-styled.basket-listing tr table tr:first-child { background: none; color: #2d373e; } .tbl-styled.basket-listing tr table tr:first-child td { border: none; } .tbl-styled.basket-listing tr table tr td:first-child { margin-left: 17px; text-align: left; font-size: 20px; font-size: 2rem; color: #00573d; font-weight: 600; } .tbl-styled.basket-listing tr table tr td { display: inline-block; width: calc(49% - 20px); vertical-align: top; box-sizing: border-box; border-top: 1px solid #d9d9d9; text-align: right; } .tbl-styled.basket-listing tr table tr.total td:last-child { font-size: 28px; font-size: 2.8rem; } .tbl-styled .label { display: none; } /* confirmation page */ #content-main.confirmation-page .tbl-styled td.promo { padding-left: 0; } .confirmation-email-message { padding-bottom: 15px; font-size: 17px; font-weight: bold; } .confirmation-email-message span, #content-main.confirmation-page h3 strong span { color: #c92d0e; } #content-main.confirmation-page h1 { margin-bottom: 20px; } #content-main.confirmation-page h3 { margin: 15px 0; } #content-main .tbl-styled h3 { margin: 0; color: #262626; font-size: 17px; font-size: 1.7rem; } #content-main .tbl-styled p { margin: 0; } #content-main .tbl-styled input[type="submit"], #content-main .tbl-styled .info-box input[type="submit"] { margin: 0; padding: 16px 20px; color: #088921; background: #efeded; font-weight: 700; } #content-main .tbl-styled input[type="submit"]:hover, #content-main .tbl-styled .info-box input[type="submit"]:hover { background: #dadada; } #content-main .tbl-styled .info-box input[type="submit"] { margin-top: 20px; } #content-main .tbl-styled td.membership h2 { margin-top: 0; color: #2d373e; font-size: 20px; font-size: 2rem; } #content-main .tbl-styled td.membership a { text-decoration: underline; } #content-main .tbl-styled td.membership a, #content-main .tbl-styled td.membership .member { color: #00573d; font-size: 20px; font-size: 2rem; } #content-main .tbl-styled td.membership { padding-bottom: 20px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } /* product listing */ #content-main .tbl-prod-listing { border-collapse: collapse; } #content-main .tbl-prod-listing h2 { margin-top: 0; line-height: 25px; line-height: 2.5rem; } #content-main .tbl-prod-listing a.green { font-size: 20px; font-size: 2rem; color: #00573d; } #content-main .tbl-prod-listing tr:nth-child(odd) { border-top: 1px solid #d9d9d9; } #content-main .tbl-prod-listing tr:nth-child(odd) td { padding-top: 20px; } #content-main .tbl-prod-listing tr:nth-child(even) { border-bottom: 1px solid #d9d9d9; } #content-main .tbl-prod-listing tr:nth-child(even) td { padding-bottom: 20px; } #content-main .tbl-prod-listing .prices p { display: inline-block; margin-right: 20px; } #content-main .tbl-prod-listing .prices p span { display: block; } #content-main .tbl-prod-listing .prices p span:last-child { font-weight: 700; } #content-main .tbl-styled.tbl-prod-listing input[type="submit"].continue { margin-left: 0; } #content-main .tbl-prod-listing .additional { color: #666666; font-size: 16px; font-size: 1.6rem; font-style: italic; font-weight: 400; } #content-main .tbl-prod-listing div { position: relative; } #content-main .tbl-prod-listing div span { width: 48px; height: 49px; background: url('/VisualAssets/web/img/template/bg-new.png') no-repeat; position: absolute; right: 0; top: 0; } #content-main .tbl-prod-listing div span.new { color: transparent; } /* personal details */ #content-main .personal-details { float: none; } #content-main .personal-details:first-of-type { border-top: none; } #content-main .personal-details { padding-bottom: 30px; border-top: 1px solid #d9d9d9; } #content-main .group-heading { max-width: 730px; margin: 0 auto; text-align: right; } #content-main .group-heading h3 { width: 40%; } #content-main .personal-details .submit p { margin-left: 40%; font-size: 15px; font-size: 1.5rem; } #content-main .personal-details .submit p a { color: #c92d0e; font-size: 15px; font-size: 1.5rem; } #content-main .info-box .form-row .horizontal label { float: left; width: calc(100% - 50px); padding-left: 20px; box-sizing: border-box; text-align: left; } #content-main ul.horizontal li { display: inline-block; padding: 0 30px 0 0; vertical-align: top; } #content-main ul.horizontal li:before { display: none; } #content-main ul.horizontal.radio li { width: 49%; box-sizing: border-box; } #content-main ul.horizontal.radio li label { width: auto; padding: 0 0 0 20px; } #content-main .personal-details .horizontal .stylish-ds[data-type=checkbox] > span.checked { border: none; background: #088921; } #content-main .personal-details .horizontal .stylish-ds[data-type=checkbox] > span.checked .ico { display: block; width: 15px; height: 15px; margin: 4px auto 0; background: url('/VisualAssets/corporate/Assets/images/icons/tick-white.png') no-repeat; background-size: contain; } #content-main .personal-details .txt-sml { margin-top: 7px; padding-left: 10px; } #content-main .personal-details .submit .txt-sml { padding-left: 0; } #content-main .personal-details .form-row.number .form-column { max-width: 285px; } #content-main .personal-details .form-row.postcode .form-column { max-width: 180px; } #content-main img.req { margin-bottom: 10px; } /* delegate details */ #content-main .delegate-details h4 { margin-top: 0; color: #00573d; } #content-main .delegate-details .form-row { display: inline-block; width: 24%; max-width: initial; } #content-main .delegate-details.info-box .form-row label { width: 100%; text-align: left; } #content-main .delegate-details.info-box .form-row .form-column { width: calc(100% - 40px); } #content-main .delegate-details.info-box .form-row .form-column, #content-main .delegate-details.info-box .form-row { max-width: initial; } #content-main .delegate-details.info-box ul.horizontal li { width: 24%; margin-bottom: 20px; box-sizing: border-box; } #content-main .delegate-details.info-box ul.horizontal li label { margin-left: 20px; width: calc(100% - 50px); color: #2d373e; } #content-main .delegate-details.info-box .fieldset { padding: 20px; background: #f5f5f5; } #content-main .delegate-details.info-box .fieldset .stylish-text { background: #ffffff; } /* training details ---------------------------- */ #content-main .training-details { position: relative; z-index: 1; margin-bottom: 20px; } #content-main .training-details .training-info { position: relative; display: inline-block; padding-right: 114px; } #content-main .training-details .training-info h1 { display: inline-block; vertical-align: top; margin-bottom: 30px; } #content-main .training-details .training-info .training-type-icon, #content-main .training-details .training-info .funding-logo { position: absolute; right: 57px; top: 4px; width: 40px; height: 40px; } #content-main .training-details .training-info .training-type-icon + .funding-logo { right: 0; } #content-main .training-details .info-box-inr { display: table; margin-bottom: 30px; } #content-main .training-details .info-box-inr .wysiwyg, #content-main .training-details .info-box-inr .highlight { display: table-cell; vertical-align: top; } #content-main .training-details .info-box-inr .highlight { width: 345px; background-color: #f5f5f5; padding: 20px; } #content-main .training-details .intro { margin: 0 0 20px; padding: 0 43px 0 0; text-align: left; } #content-main .training-details .data-list li { width: 100%; padding: 10px 0; border-bottom: solid 1px #dadada; } #content-main .training-details .data-list li:first-child { padding-top: 0; } #content-main .training-details .data-list li.last { border-bottom: none; } #content-main .training-details .data-list li em, #content-main .training-details .data-list li em + span { display: table-cell; } #content-main .training-details .data-list li:before { content: ""; display: none; } #content-main .training-details .data-list li .bold { font-weight: bold; } #content-main .training-details .data-list li em { width: 100px; box-sizing: border-box; color: #00573d; font-weight: bold; font-style: normal; padding-right: 32px; } #content-main .training-details input[type="submit"]:hover { background-color: #07701c; } #content-main .training-details .submit input[type="submit"] { float: right; } /* event detail */ #content-main .detail-overview .wysiwyg { float: left; width: 61%; margin: 0; padding-right: 15px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #content-main .detail-overview .wysiwyg h2 { margin-top: 0; } #content-main .detail-overview .highlight { float: left; width: 38%; padding: 10px 20px; box-sizing: border-box; background: #f5f5f5; } #content-main .detail-overview .highlight ul li { padding: 10px 0; border-top: 1px solid #d9d9d9; } #content-main .detail-overview .highlight ul li:first-child { border-top: none; } #content-main .detail-overview .highlight span { display: inline-block; width: 70%; } #content-main .detail-overview .highlight .label { width: 28%; display: inline-block; vertical-align: top; font-size: 18px; font-size: 1.8rem; color: #00573d; font-weight: 700; } #content-main .detail-overview .accordion h3 { margin: 50px 0 0; padding: 20px 50px 20px 20px; position: relative; background: #ededed; cursor: pointer; font-size: 17px; font-size: 1.7rem; line-height: 24px; line-height: 2.4rem; } #content-main .detail-overview .accordion.event-sessions h3 { margin-top: 30px; } #content-main .detail-overview .accordion h3:after { content: ''; display: block; width: 15px; height: 10px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%) rotate(180deg); background: url('/VisualAssets/corporate/Assets/images/icons/arrow.png') no-repeat; background-size: contain; } #content-main .detail-overview .accordion h3.active:after { transform: translateY(-50%) rotate(0deg); } #content-main .detail-overview .accordion h3 span.label { display: inline-block; } #content-main .detail-overview .accordion h3 span.label:after { content: ''; display: block; width: 1px; height: calc(100% - 40px); background: #dfdfdf; position: absolute; right: 50px; top: 50%; transform: translateY(-50%); } #content-main .detail-overview .accordion > div { padding: 20px; border: 1px solid #ededed; } #content-main .detail-overview .accordion > div h4, #content-main .detail-overview .accordion h3 span { display: none; } #content-main .detail-overview .accordion table { border-collapse: collapse; } #content-main .detail-overview .accordion table tr { border-top: 1px solid #d9d9d9; } #content-main .detail-overview .accordion table tr:first-child, #content-main .detail-overview .accordion table tr table tr { border-top: none; } #content-main .detail-overview .accordion table tr table tr td { padding: 0; } #content-main .detail-overview .accordion table tr table tr.first td { padding-bottom: 10px; } #content-main .detail-overview .accordion table.tbl-sessions td.pricing-column table .pricing.first td { padding-bottom: 0; } #content-main .detail-overview .accordion table tr table tr span { font-weight: 700; } #content-main .detail-overview .accordion tr td { padding: 15px; line-height: 28px; line-height: 2.8rem; vertical-align: middle; } #content-main .detail-overview .accordion table.tbl-sessions .add-to-calendar:before { top: 7px; } #content-main .detail-overview .accordion .tbl-sessions tr td { vertical-align: top; } #content-main .detail-overview .accordion tr td.pricing-column table td { padding-right: 15px; } #content-main .detail-overview .accordion tr td:first-child { padding-left: 0; } #content-main .detail-overview .accordion tr td:last-child { padding-right: 0; } #content-main .detail-overview .accordion tr td a { color: #c92d0e; } #content-main .detail-overview p { padding: 0; } #content-main .detail-overview .wysiwyg.info-box input[type="submit"] { margin: 0; } #content-main .detail-overview .accordion tr td.column-add-calendar { min-width: 162px; } #content-main .detail-overview .accordion tr td.column-view-map { min-width: 80px; } #content-main .detail-overview .accordion h3:nth-of-type(2n) { margin-top: 25px; } .tbl-booking { border-collapse: collapse; } .tbl-booking tr:first-child { background: #2d373e; color: #ffffff; border-bottom: none; } .tbl-booking .grey { background: #ededed; } .tbl-booking tr { border-bottom: 1px solid #ededed; } .tbl-booking tr td { padding: 20px; } .tbl-booking span.type { display: none; } .tbl-booking .qty-col input[type="text"] { width: 27px; padding: 0 2px; } .tbl-booking tr td span.qty { width: 25% } #content-main .info-box .button-holder { position: relative; display: block; float: right; width: 100%; text-transform: uppercase; color: #ffffff; background-color: #088921; font-size: 13px; font-size: 1.3rem; font-weight: 600; font-family: 'Muli', sans-serif; letter-spacing: 2px; letter-spacing: 0.2rem; margin-top: 10px; padding: 16px 60px 16px 20px; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #content-main .info-box .button-holder:hover { background-color: #026716; } #content-main .info-box .button-holder .button-text { position: relative; z-index: 0; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #content-main .info-box .button-holder input[type="submit"] { position: absolute; z-index: 1; float: none; top: 0; left: 0; height: 100%; width: 100%; background-color: transparent; padding: 0; margin: 0; } /* product detail */ #prod-detail { margin-bottom: 20px; } #prod-detail #image { float: left; width: 49%; } #prod-detail #image .prd-thumbs { margin-top: 25px; } #prod-detail #image .prd-thumbs li { display: inline-block; padding: 0 15px; border: 1px solid #d9d9d9; line-height: 10px; line-height: 1rem; } #prod-detail #image .prd-thumbs li:before { display: none; } #prod-detail #details { float: left; width: 49%; } #prod-detail #details .price { margin: 0 0 15px; font-size: 28px; font-size: 2.8rem; color: #c92d0e; } #prod-detail #details .member-price { margin: 0; font-size: 20px; font-size: 2rem; color: #c92d0e; } #prod-detail #details .member-price span { color: #2d373e; } #prod-detail #details .member-price .save { display: block; color: #2d373e; } #prod-detail #details a { color: #c92d0e; } #prod-detail #details a.login { color: #e55302; } #prod-detail #details input.numeric { float: left; max-width: 80px; min-height: 46px; margin: 0; box-sizing: border-box; padding: 0 0 0 10px; font-size: 1.7rem; border: solid 1px #cfcfcf; background-clip: padding-box; border-radius: 0; } #prod-detail #details .form-row input[type="submit"] { float: left; margin: 0 0 0 20px; max-height: 46px; } #prod-detail #details .form-row input[type="submit"].alt { margin: 0; } #prod-detail #details .form-row .error { padding: 0; margin: 10px 0; display: block; } #prod-detail #details .form-row .error[style="visibility: visible;"] { padding: 20px 20px 20px 50px; margin-bottom: 20px; line-height: 28px; line-height: 2.8rem; } /* page listing ---------------------------- */ /* intro heading */ #main .listing-intro .intro { font-size: 22px; font-size: 2.2rem; line-height: 33px; line-height: 3.3rem; margin-bottom: 40px; color: #2d373e; } #content-main .listing-container .listing-info span { white-space: normal; } #cont-inr-sub > .listing-intro { padding: 0 15px; display: none; } #cont-inr-sub > .listing-intro h1 { margin-top: 25px; } .listing-item-text { padding-right: 20px; margin: 0; } .listing-intro h1 { margin: 0 0 25px 0; margin-top: 0; color: #00573d; } /* listing content */ #content-main .listing-container table { border-color: #e1e1e1; border-collapse: collapse; } #content-main .listing-container td { padding: 0; vertical-align: top; } #content-main .listing-container tr:first-child { border-top: none; } #content-main .listing-container tr { border: 1px solid #e1e1e1; border-left: 0; border-right: 0; } #content-main .listing-container td h4 { margin-bottom: 10px; margin-top: 0; } #content-main .listing-container .listing-info { font-size: 1.7rem; line-height: 28px; line-height: 2.8rem; font-weight: bold; padding-top: 12px; } #content-main .listing-container .listing-info.before { padding-top: 19px; padding-right: 50px; } #content-main .listing-container .listing-info.after { position: relative; min-width: 200px; max-width: 200px; padding-left: 30px; padding-bottom: 40px; } #content-main .listing-container .listing-info .listing-date-info, #content-main .listing-container .listing-info .listing-location-info, #content-main .listing-container .listing-by-course .listing-by-course-info td span { position: relative; display: block; float: left; width: 100%; text-align: left; padding-left: 28px; overflow: hidden; box-sizing: border-box; } #content-main .listing-container .listing-info .listing-location-info span { white-space: normal; } #content-main .listing-container .listing-info .listing-item-cta { position: absolute; left: 28px; bottom: 15px; } #content-main .listing-container .listing-info .listing-item-cta a, #content-main .listing-container .listing-by-course .listing-by-course-info td a { color: #c92d0e; } #content-main .listing-container .listing-info .listing-item-cta a:hover, #content-main .listing-container .listing-by-course .listing-by-course-info td a:hover { text-decoration: underline; } #content-main .listing-container .listing-item-content > .item-description { margin-top: 10px; margin-bottom: 0; } #content-main .listing-container .sidebar-wrap.filters { display: table; width: 100%; background-color: #f5f5f5; } #content-main .listing-container .sidebar-wrap.filters li { padding-left: 0; } #content-main .listing-container .sidebar-wrap.filters li:before { content: ""; display: none; } #content-main .listing-container .sidebar-wrap.filters li a { color: #088921; font-size: 13px; font-size: 1.3rem; line-height: 20px; line-height: 2rem; } #content-main .listing-location-info:before, #content-main .listing-date-info:before, #content-main .listing-container .listing-by-course .listing-by-course-info td.listing-location-info span:before, #content-main .listing-container .listing-by-course .listing-by-course-info td.listing-date-info span:before { content: ""; top: 8px; } #content-main .listing-location-info:before, #content-main .listing-container .listing-by-course .listing-by-course-info td.listing-location-info span:before { content: ""; left: 3px; } #content-main .listing-container .training-type { position: relative; padding: 12px 0 12px 0; } #content-main .listing-container .training-type img { width: 40px; height: 40px; margin-top: 7px; margin-right: 20px; } /* training courses listing */ #content-main .featured-products-list { width: 100%; font-size: 17px; font-size: 1.7rem; line-height: 28px; line-height: 2.8rem; margin-bottom: 20px; padding: 0; border-bottom: solid 1px #ededed; border-top: solid 1px #ededed; } #content-main .featured-products-list tr { display: inline-block; margin-left: 20px; } #content-main .featured-products-list td { display: inline-block; width: auto !important; padding: 12px 40px 12px 30px; position: relative; margin: 0; } #content-main .featured-products-list.featured-products-list td img { position: absolute; left: 0; top: 12px; width: 25px; height: 25px; } #content-main .upcoming-events .featured-products-list { display: none; } #content-main .listing-by-date .item-description a { color: #088921; } #content-main .listing-by-date .item-description a:hover { color: #00573d; } .training-list-section .listing-by-date .top-pagination, .training-list-section .listing-by-course .top-pagination, .training-list-section .listing-by-location .top-pagination { margin-top: 20px; } .training-list-section #content-main .listing-container .listing-by-date .item-description, .training-list-section #content-main .listing-container .listing-by-location .item-description { padding-left: 0; padding-top: 12px; padding-bottom: 12px; } .training-list-section #content-main .top-pagination ul.pagination { padding-bottom: 7px; } .training-list-section #content-main h2 { padding: 10px 0; margin: 0; border-bottom: 1px solid #e4e4e4; color: #088921; } .training-list-section #content-main .tabs .tabs-list.training-list { margin-bottom: 10px; } /* training by course courses listing */ #content-main .listing-container .listing-by-course td h4 { color: #088921; } #content-main .listing-container .listing-by-course td.item-description { padding-top: 15px; } #content-main .listing-container .listing-by-course .listing-item-text { margin: 5px 0 15px 0; } #content-main .listing-container .listing-by-course .listing-by-course-info td { padding: 10px 0; } #content-main .listing-container .listing-by-course .listing-by-course-info tr:first-child { border-top: solid 1px #e1e1e1; } #content-main .listing-container .listing-by-course .listing-by-course-info tr:last-child { border-bottom: none; } #content-main .listing-container .listing-by-course .listing-by-course-info { margin-bottom: 15px; } #content-main .listing-container .listing-by-course .listing-by-course-info td span { line-height: 28px; line-height: 2.8rem; } #content-main .listing-container .listing-by-course .listing-by-course-info td.listing-item-cta span { text-align: center; } /* upcoming training courses listing */ #content-main .upcoming-training-list .upcoming-training-item img { position: absolute; top: 0; left: 20px; width: 40px; height: 40px; margin-top: 20px; } #content-main .upcoming-training-list.media-release li { padding-left: 77px; padding-right: 57px; } #content-main .upcoming-training-list.media-release li p { margin: 0; } #content-main .upcoming-training-list.media-release li p.upcoming-training-info { position: relative; width: 58%; min-height: 40px; margin-bottom: 15px; margin-top: 20px; padding-right: 15px; padding-left: 0; } #content-main .upcoming-training-list.media-release li p.upcoming-training-info a { padding-top: 5px; } #content-main .upcoming-training-list .upcoming-event-cta { position: absolute; top: 0; bottom: 0; right: 20px; width: 20px; height: 57px; margin: auto; cursor: pointer; background-image: url("/VisualAssets/corporate/Assets/images/icons/arrow-green.png"); background-size: contain; background-repeat: no-repeat; background-position: center; } #content-main .upcoming-training-list .upcoming-training-location { display: table; float: right; width: 42%; padding-left: 20px; margin-top: 25px; margin-bottom: 15px; } #content-main .upcoming-training-list .upcoming-training-location, #content-main .upcoming-training-list.media-release li p.upcoming-training-info { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #content-main .upcoming-training-list.media-release .upcoming-training-location p { float: none; display: inline-block; width: auto; } #content-main .upcoming-training-list.media-release .upcoming-training-location p.location { margin-left: 4%; } #content-main .upcoming-training-list.media-release .upcoming-training-location p.date { margin-right: 0; } #content-main .upcoming-training-list.media-release .upcoming-training-location p.location, #content-main .upcoming-training-list.media-release .upcoming-training-location p.date { width: 46%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #main #content-main .wysiwyg.view-all-upcoming { margin: 20px 0; } #main #content-main .wysiwyg.view-all-upcoming .button-default { float: right; margin: 0; } /* events listing */ #content-main .listing-container.events-list td.listing-item-description { padding: 12px 12px 12px 0; } /* form stages */ #content-main .step-stages { display: table; width: 100%; table-layout: fixed; } #content-main ul.step-stages li, #content-main ul.step-stages li.first.completed { display: table-cell; padding: 20px; background: #f5f5f5; text-align: center; font-size: 20px; font-size: 2rem; color: #bfbfbf; font-weight: 700; border: none; } #content-main ul.step-stages li:before { display: none; } #content-main ul.step-stages li .step-number, #content-main ul.step-stages li.first.completed .step-number { display: inline-block; width: 35px; height: 35px; padding-top: 3px; border-radius: 50%; box-sizing: border-box; background: #bfbfbf; color: #ffffff; } #content-main ul.step-stages li.first.completed .step-number, #content-main ul.step-stages li.completed .step-number { background: url('/VisualAssets/corporate/Assets/images/icons/tick-white.png') 10px 10px no-repeat #bfbfbf; background-size: 15px 15px; } #content-main ul.step-stages li.completed .step-number span { visibility: hidden; } #content-main ul.step-stages li.first, #content-main ul.step-stages li.current { border-bottom: 2px solid #00573d; color: #00573d; } #content-main ul.step-stages li.first .step-number, #content-main ul.step-stages li.current .step-number { border-radius: 50%; background: #00573d; } #content-main .info-box fieldset { border: none; padding: 0; } #content-main .info-box fieldset.types { margin-top: 20px; } #content-main .info-box fieldset.no-bg.med-width .form-row:last-child { margin-bottom: 0; } #content-main .info-box .form-row { max-width: 680px; margin: 0 auto 20px; } #content-main .info-box .types .form-row { display: inline-block; width: 33%; vertical-align: top; } #content-main .info-box .types .form-row p { padding-left: 40px; } #content-main .info-box .form-row.enter-email-address .form-column > input[type="text"] { height: 42px; border: solid 1px #d9d9d9; padding: 15px; color: #454545; font-size: 17px; font-size: 1.7rem; font-family: 'Muli', sans-serif; font-weight: 600; line-height: 15px; line-height: 1.5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #content-main .info-box .dob .form-row { margin-left: 20px; display: inline-block; width: calc(32% - 12px); } #content-main .info-box .dob .form-row:first-child { margin-left: 0; } #content-main .info-box .form-row label, #content-main .info-box .form-row span.label { float: left; width: 40%; margin-bottom: 5px; text-align: right; padding-right: 20px; box-sizing: border-box; font-size: 17px; font-size: 1.7rem; color: #00573d; } #content-main .info-box .form-row.enter-email-address label { padding-top: 9px; } #content-main .info-box .form-row .billing-address .stylish-ds { margin-right: 20px; } #content-main .info-box .form-row .billing-address { padding-left: 40%; font-size: 17px; font-size: 1.7rem; color: #00573d; line-height: 24px; line-height: 2.4rem; } #content-main .info-box .form-row .form-column, #content-main .info-box .form-row .horizontal > .stylish-text { float: left; width: 60%; max-width: 385px; font-size: 17px; font-size: 1.7rem; } #content-main .info-box .my-dashboard-password-change-panel .form-row .form-column { max-width: none; } #content-main .info-box .form-row.consent .form-column { padding-left: 40%; font-size: 17px; font-size: 1.7rem; font-family: 'Muli', sans-serif; font-weight: 600; color: #00573d; } #content-main .info-box .form-row.consent .form-column .form-row > span, #content-main .info-box .form-row.consent .form-column > span { display: block; padding-left: 45px; } #content-main .info-box .form-row .form-column.error-msg, #content-main .info-box .form-row .form-column.submit { width: 100%; max-width: initial; } #content-main .info-box .req { margin-bottom: 10px; color: #c92d0e; } #content-main .info-box input[type="submit"] { margin-left: 40%; float: right; } #content-main .info-box input[type="submit"].left { float: left; } #content-main .info-box .notify-me-container input[type="submit"] { width: 100%; margin-left: 0; } #content-main .info-box .details-submit-holder input[type="submit"] { float: left; margin-bottom: 5px; margin-top: 0; } #content-main .info-box input[type="submit"].back, #content-main .submit input[type="submit"].back { float: left; margin-left: 0; padding: 16px 20px 16px 50px; background: url('/VisualAssets/corporate/Assets/images/icons/arrow-green-left.png') 15% 17px no-repeat #ededed; background-size: 20px 14px; color: #088921; font-weight: 700; line-height: 17px; line-height: 1.7rem; } #content-main .declare .submit input[type="submit"].back { clear: both; } #content-main .info-box .stylish-text { border: 1px solid #d9d9d9; } #content-main .info-box .stylish-text > span { border: none; } #content-main .info-box .stylish-select span.selected { padding-right: 30px; } #content-main .info-box .form-row span.label { text-align: left; width: 30%; margin-right: 35px; } #content-main .info-box .no-bg.med-width .form-row span.label { text-align: right; width: 40%; margin-right: 0; } /* registration */ #content-main .training-reg { margin: 30px 0 20px; padding: 30px 20px; background: #f5f5f5; } #content-main .training-reg a { color: #c92d0e; } #content-main .info-box .declare { font-size: 17px; font-size: 1.7rem; } #content-main .info-box .declare .stylish-ds { margin: 0 20px 20px 0; } #content-main .info-box .declare ul li { margin-top: 20px; } #content-main .info-box .declare .form-row { max-width: initial; } #content-main .info-box .declare .form-row label { width: calc(30% - 30px); max-width: 170px; text-align: left; } #content-main .info-box .declare .form-row label:first-child { width: 30%; margin-right: 30px; max-width: initial; } #content-main .info-box .declare .form-row .stylish-text { display: inline-block; width: 30%; margin-right: 30px; } #content-main .info-box .declare .form-row .datepicker .stylish-text { width: 100%; } #content-main .info-box .declare .form-row .datepicker, .datepicker { display: inline-block; width: calc(30% - 39px); max-width: 170px; position: relative; } #content-main .info-box .declare .form-row .datepicker button, .datepicker button { width: 20px; height: 20px; position: absolute; top: 50% !important; left: auto !important; right: 10px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; border: none; color: transparent; background: url('/VisualAssets/corporate/Assets/images/icons/calendar.png') no-repeat; background-size: contain; } #content-main .info-box .declare .date-mobile { display: none; } /* date picker */ .datepicker { display: block; width: 100%; } .datepicker button { width: 16px; height: 14px; } .Zebra_DatePicker { position: absolute; z-index: 10; margin-top: 302px; margin-left: 20px; background: #00573d; font-family: 'Muli', sans-serif; font-size: 14px; font-size: 1.4rem; font-weight: 600; } .Zebra_DatePicker table { width: 100%; } .Zebra_DatePicker table th, .Zebra_DatePicker table td { padding: 10px; cursor: pointer; } .Zebra_DatePicker .dp_header { width: 100% !important; text-align: center; } .Zebra_DatePicker .dp_header .dp_next, .Zebra_DatePicker .dp_header .dp_previous { color: #00573d; position: relative; } .Zebra_DatePicker .dp_header .dp_next:after { content: ''; display: block; width: 15px; height: 10px; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%) rotate(-90deg); -ms-transform: translate(-50%, -50%) rotate(-90deg); -o-transform: translate(-50%, -50%) rotate(-90deg); -webkit-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); background: url('/VisualAssets/corporate/Assets/images/icons/arrow-down.png') no-repeat; background-size: contain; } .Zebra_DatePicker .dp_header .dp_previous:after { content: ''; display: block; width: 15px; height: 10px; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); -o-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); background: url('/VisualAssets/corporate/Assets/images/icons/arrow-down.png') no-repeat; background-size: contain; } .Zebra_DatePicker .dp_not_in_month { color: #00573d; cursor: default; } .Zebra_DatePicker .dp_daypicker tr:last-child { display: none; } /* addtools */ #at15s .close-addtools { position: absolute; z-index: 1; top: 0; right: -25px; display: none; width: 25px; height: 25px; text-align: center; background: rgba(45, 55, 62, 0.75); padding: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } #at15s .close-addtools:before { content: "x"; font-family: 'Muli', sans-serif; font-weight: bold; font-size: 17px; line-height: 0; color: #ffffff; } /* tow col layout */ .two-col-layout { position: relative; margin-top: 50px; } .two-col-layout > div.col { float: left; width: calc(50% - 35px); } .two-col-layout .col.left-col { margin-right: 35px; } .two-col-layout .col.right-col { margin-left: 35px; } .two-col-layout .primary-cta { display: inline-block; min-width: 100px; margin: 0 auto; } /* thank you page two col layout */ .thank-you .two-col-layout { margin-top: 75px; margin-left: 100px; } /* membership sign up form */ #content-main .membership-sign-up { max-width: 795px; margin: 0 auto; } #content-main .membership-sign-up ul li.step { padding: 0; } #content-main .membership-sign-up ul li.step:before, #content-main .membership-sign-up ul li.step .inner, #content-main .membership-sign-up .form-section-errors > div > span:first-child, #content-main .membership-sign-up .err-msgs [data-validation], #content-main .membership-sign-up .error:before { display: none; } #content-main .membership-sign-up ul li.step:first-child .inner { display: block; } #content-main .membership-sign-up ul li > h3 { font-size: 2rem; margin: 0; padding: 5px 40px; color: #00573d; border-bottom: 1px solid #00573d; } #content-main .membership-sign-up .inner { padding: 11px 100px 0; } #content-main .membership-sign-up .inner.declaration { padding: 11px 0 0 100px; } #content-main .membership-sign-up .heading > h4 { margin: 20px 0 34px; font-size: 2rem; color: #00573d; } #content-main .membership-sign-up .heading.billing h4 { display: inline-block; width: 34%; } #content-main .membership-sign-up .heading.billing div { display: inline-block; } #content-main .membership-sign-up .heading.billing .stylish-ds { margin-right: 5px; } #content-main .membership-sign-up .form-row { margin-bottom: 20px; } #content-main .membership-sign-up .required-field label::after { content: "*"; color: #ff0000; margin-left: 5px; } #content-main .membership-sign-up .required-field .gender label::after { content: ""; margin-left: 0; } #content-main .membership-sign-up .form-row .selected { min-height: 42px; box-sizing: border-box; } #content-main .membership-sign-up .stylish-select span.selected { padding-right: 30px; } #content-main .membership-sign-up .form-row label { display: inline-block; width: 34%; box-sizing: border-box; cursor: pointer; font-weight: bold; vertical-align: middle; } #content-main .membership-sign-up .form-row .form-column { display: inline-block; width: 65%; vertical-align: middle; } #content-main .membership-sign-up .form-row .form-column input[readonly] { opacity: 0.8; } #content-main .membership-sign-up .form-row .form-column.address .stylish-select { float: left; width: calc(49% - 20px); margin-right: 20px; min-height: 42px; } #content-main .membership-sign-up .form-row .form-column.address .postcode, #content-main .membership-sign-up .form-row .form-column.address .postcode label, #content-main .membership-sign-up .form-row .form-column.address .postcode .stylish-text, #content-main .membership-sign-up .form-row .form-column.address .postcode .stylish-number { float: left; width: 50%; } #content-main .membership-sign-up .form-row .form-column.address .postcode label { margin-top: 7px; } #content-main .membership-sign-up .form-row .form-column .dob { float: left; width: calc(25% - 20px); margin-left: 20px; } #content-main .membership-sign-up .form-row .form-column .dob:first-child { margin-left: 0; } #content-main .membership-sign-up .form-row .form-column .dob.year { width: calc(50% - 40px); } #content-main .membership-sign-up .form-row .form-column input[type="number"] { -moz-appearance: textfield; } #content-main .membership-sign-up .form-row .form-column .stylish-ds > input[type="radio"] { z-index: 1; } #content-main .membership-sign-up .form-row .form-column .stylish-select > .dropdown-list { max-height: 300px; } #content-main .membership-sign-up .form-row.submit button { margin-left: 35%; padding: 14px 18px; background: #088921; } #content-main .membership-sign-up .form-row.abn-field .form-column { position: relative; } #content-main .membership-sign-up .form-row.abn-field .loader { display: none; position: absolute; right: 0; top: 0; height: 100%; } #content-main .membership-sign-up .form-row.abn-field.active .loader { display: block; } #content-main .membership-sign-up fieldset { margin: 0; padding: 0; border: none; } #content-main .membership-sign-up .declaration p { font-size: 1.4rem; } #content-main .membership-sign-up .declaration .form-row p { display: inline-block; width: 64% } #content-main .membership-sign-up .declaration .form-row .permission { display: inline-block; width: 35%; } #content-main .membership-sign-up .declaration .form-row.submit { padding-right: 100px; } #content-main .membership-sign-up .declaration .stylish-ds { width: 48px; display: inline-block; float: none; vertical-align: middle; border-radius: 12px; } #content-main .membership-sign-up .declaration .stylish-ds .ico { display: block; margin: 0; width: 24px; height: 24px; background: grey; border-radius: 50%; position: absolute; left: 0; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } #content-main .membership-sign-up .declaration span { display: inline-block; border-radius: 12px; vertical-align: middle; color: #00573d; transition: all 0.2s; } #content-main .membership-sign-up .declaration span.checked { width: 100%; background: #088921; } #content-main .membership-sign-up .declaration .stylish-ds .checked .ico { left: 24px; } #content-main .membership-sign-up .declaration h4 { margin: 0; font-size: 1.7rem; color: #00573d; } #content-main .membership-sign-up .hint { margin: 0; font-size: 1.4rem; color: #00573d; } #content-main .membership-sign-up .price-summary { margin-bottom: 52px; text-align: center; color: #00573d; font-weight: bold; border-bottom: 1px solid #d9d9d9; } #content-main .membership-sign-up .price-summary p { font-size: 2.8rem; } #content-main .membership-sign-up .price-summary p.price { font-size: 3.2rem; } #content-main .membership-sign-up .gender { float: left; display: inline-block; width: 100%; max-width: 100px; position: relative; } #content-main .membership-sign-up .gender label { width: auto; margin: 0; padding: 0; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; font-weight: normal; } #content-main .membership-sign-up .gender .stylish-ds { float: none; width: 100%; height: 40px; } #content-main .membership-sign-up .gender .stylish-ds span { border-radius: 0; width: 100%; height: 40px; background: none; } #content-main .membership-sign-up .error .gender .stylish-ds span .ico { border: none; } #content-main .membership-sign-up .gender .stylish-ds span.checked .ico { background: #e8e8e8; } #content-main .membership-sign-up .form-section-errors { margin-top: 20px; background: #feeeee; } #content-main .membership-sign-up .form-section-errors > div { position: relative; padding: 0 60px; color: #ac0101; } #content-main .membership-sign-up .form-section-errors > div:first-child { padding-top: 20px; } #content-main .membership-sign-up .form-section-errors > div:first-child:before { top: 30px; } #content-main .membership-sign-up .form-section-errors > div:first-child:after { content: ''; position: absolute; top: 23px; left: 16px; display: block; width: 22px; height: 22px; background: url('/VisualAssets/Global/Media/Icons/exclamation.png') no-repeat; background-size: contain; } #content-main .membership-sign-up .form-section-errors > div:before { content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 10px; left: 45px; background: #ac0101; } #content-main .membership-sign-up .form-section-errors > div:last-child { padding-bottom: 20px; } #content-main .membership-sign-up .error { padding: 0; background: none; } .stylish-form .stylish-tel { position: relative; } .stylish-form .stylish-tel > span { border: 1px solid #ccc; display: block; height: 42px; } .stylish-form .stylish-tel > input { position: absolute; top: 0; left: 0; background: none; border: none; } #content-main .membership-sign-up .state.form-field.error { margin: 0; } #content-main .membership-sign-up .form-row.error .stylish-email > span, #content-main .membership-sign-up .form-row.error .stylish-number > span, #content-main .membership-sign-up .form-field.error .stylish-number > span, #content-main .membership-sign-up .form-row.error .stylish-password > span, #content-main .membership-sign-up .form-row.error .stylish-text > span, #content-main .membership-sign-up .form-row.error .stylish-tel > span, #content-main .membership-sign-up .form-row.error .stylish-textarea > span, #content-main .membership-sign-up .form-field.error .stylish-text > span, #content-main .membership-sign-up .form-field.error .stylish-select, #content-main .membership-sign-up .error .gender .stylish-ds span { border: 1px solid #ac0000; } /* membership payment component */ #content-main .membership-payment .price-summary { margin-bottom: 52px; text-align: center; color: #00573d; font-weight: bold; } #content-main .membership-payment .price-summary p { font-size: 2.8rem; } #content-main .membership-payment .price-summary p.price { font-size: 3.2rem; } /* personalisation */ .personalisation-component { width: 50%; margin: 20px auto 0; position: relative; background-repeat: no-repeat; background-size: cover; background-position: right top; } .personalisation-component.with-bg .component-content { padding: 40px; } .personalisation-component .actions { margin-top: 38px; text-align: center; } .personalisation-component h3 { margin-top: 0; } .personalisation-component .content, .two-col-layout .personalisation-component { width: 100%; } .personalisation-component.half-text .content { width: 50%; word-wrap: break-word; } #content-main .personalisation-component .button-default { padding: 16px; background-image: none; display: inline-block; margin: 0; } #content-main .personalisation-component .button-default:hover { background: #07701c; text-decoration: none; } .personalisation-component .component-content { word-wrap: break-word; } .overlayer-window .two-col-layout .col.left-col { float: left; margin-right: 30px; } .overlayer-window .two-col-layout .col.right-col { float: right; margin-left: 30px; } .overlayer-window .two-col-layout > div.col {width: calc(50% - 30px); } .overlayer-window .two-col-layout .personalisation-component { width: calc(100% - 40px); } .overlayer-window .two-col-layout .personalisation-component { margin: 40px 40px 40px 0; } .overlayer-window .two-col-layout .personalisation-component .primary-cta { display: block; } .overlayer-window .two-col-layout .personalisation-component .component-content { padding: 30px; } .overlayer-window .two-col-layout .personalisation-component .component-content .content { color: #2d373e; } .overlayer-window .two-col-layout .personalisation-component .component-content .content h3 { color: #00573d; } .overlayer-window .two-col-layout .personalisation-component .component-content ul li { position: relative; padding-left: 20px; } /* stat component */ .stat-component { margin-top: 105px; } .stat-component .stat-block { width: calc(25% - 29px); height: 190px; border: 3px solid #9b9983; float: left; margin-left: 30px; } .stat-component .stat-block:first-child { margin-left: 0; } .stat-component .stat-block img { margin: -60px auto 0 auto; display: block; width: 180px; height: 120px; } .stat-component .stat-block .count { font-size: 32px; font-size: 3.2rem; text-align: center; overflow: hidden; margin: 10px 5px 0; } .stat-component .stat-block .title { width: 60%; margin: 12px auto 0; text-transform: uppercase; font-size: 13px; font-size: 1.3rem; text-align: center; overflow: hidden; } /* video component */ .video-component { width: 50%; margin: 0 auto; } .two-col-layout .video-component { width: 100%; } .video-component .component-content { margin-top: 20px; overflow: hidden; position: relative; width: 100%; max-height: 325px; } .video-component .vid-thumbnail .cover-img { width: 100%; height: auto; } .video-component .vid-thumbnail .play-btn { position: absolute; top: calc(50% - 40px); left: calc(50% - 40px); } #content-main .video-component .component-content h3 { position: absolute; color: #ffffff; left: 20px; top: 20px; margin: 0; font-weight: 600; font-size: 20px; font-size: 2rem; } #content-main .video-component ul.component-content li.img { background: none; padding-left: 0; height: 325px; } #content-main .video-component ul.component-content li.img:before { background: none; } /* price overlay */ .price-overlayer { padding: 40px 0 40px 40px; } .price-overlayer h3 { margin-top: 0; } .price-overlayer .actions, .price-overlayer p { text-align: center; color: #2d373e; } .price-overlayer .form-block { padding-bottom: 20px; border-bottom: 1px solid #d9d9d9; } .price-overlayer .member-fee { color: #2d363b; font-size: 2.8rem; text-align: center; font-weight: 600; } .price-overlayer .button-default { background-image: none; display: block; margin: 0; padding: 16px 20px; border: none; background: #088921; color: #ffffff; text-transform: uppercase; font-size: 13px; font-size: 1.3rem; font-weight: 600; letter-spacing: 2px; letter-spacing: 0.2rem; } .price-overlayer .button-default:hover { text-decoration: none; } .price-overlayer .content .form-block .stylish-select .selected { color: #00573d; } .price-overlayer .content .form-block .stylish-select .selected .ico { opacity: 0.5; } /* overlayer window */ .overlayer-window { position: fixed; width: 41%; top: 50%; left: 25%; z-index: 6; background: #ffffff; display: none; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 1.7rem; } .overlayer-window.active { display: block; } .overlayer-window .close { position: fixed; z-index: 15; top: 20px; right: 20px; width: 22px; height: 22px; background: url('/VisualAssets/corporate/Assets/images/icons/close-btn.png') no-repeat; background-size: contain; } .overlayer-window .two-col-layout { margin-top: 0; } /* select-member 3 col layout */ .select-member { color: #00573d; background: #ffffff; } .select-member p { color: #151515; } .select-member .member-types { background-image: url('/VisualAssets/corporate/images/business-type-bg.png'); background-size: cover; background-position: center; } .select-member .member-types { padding-bottom: 20px; } .select-member .member-types .member-types-grid { display: flex; flex-wrap: wrap; padding-bottom: 20px; justify-content: space-between; } .select-member .member-types .member-types-grid-mobile { display: none; } .select-member .member-types .member-types-grid .panel { flex-basis: calc(33% - 13px); border: 1px solid #d5d5d5; margin-top: 20px; position: relative; min-height: 290px; max-height: 290px; text-align: center; cursor: pointer; background-color: rgba(255, 255, 255, 0.8); } .select-member .member-types .member-types-grid .panel .text-container { padding: 20px; height: 100%; } .select-member .member-types .member-types-grid .panel .text-container h3 { font-size: 2.8rem; line-height: 2.8rem; margin: 10px 0 0; color: #088921; font-weight: 600; word-break: break-word; transition: all 0.4s ease-in; } .select-member .member-types .member-types-grid .panel .text-container .description { font-size: 1.4rem; color: #151515; opacity: 0; transition: opacity 0.4s ease-in; margin: 18px 0; word-break: break-word; transform: translateY(-80px); } .select-member .member-types .member-types-grid .panel .text-container .description p { margin: 0; } .select-member .member-types .member-types-grid .panel .text-container:hover img, .select-member .member-types .member-types-grid .panel .text-container:focus img { opacity: 0; transition: opacity 0.4s ease-in; width: auto; height: 80px; } .select-member .member-types .member-types-grid .panel .text-container:hover .description, .select-member .member-types .member-types-grid .panel .text-container:focus .description { opacity: 1; } .select-member .member-types .member-types-grid .panel .text-container:hover h3, .select-member .member-types .member-types-grid .panel .text-container:focus h3 { transition: all 0.4s ease-in; transform: translateY(-80px); } .select-member .member-types .member-types-grid .panel .text-container.no-image:hover h3, .select-member .member-types .member-types-grid .panel .text-container.no-image:focus h3, .select-member .member-types .member-types-grid .panel .text-container.no-image .description, .select-member .member-types .member-types-grid .panel .text-container.no-image:hover .description, .select-member .member-types .member-types-grid .panel .text-container.no-image:focus .description { transform: translateY(0); } .select-member .member-types .member-types-grid .panel .text-container .button-default { position: absolute; top: 65%; left: calc(50% - 47px); padding: 13px 18px; border: none; background: #088921; color: #ffffff; text-transform: uppercase; font-size: 1.3rem; font-weight: 600; font-family: 'Muli', sans-serif; letter-spacing: 0.2rem; } .select-member .member-types .member-types-grid .panel .text-container .button-default:hover { text-decoration: none; } .select-member .member-types .member-types-grid .panel .text-container img { opacity: 0.2; width: auto; height: 80px; transition: opacity 0.4s ease-in; } .select-member .member-types .confirm-member:disabled { background: #9c9c9c; } .select-member .member-types .member-redirect { display: block; text-align: center; margin-top: 20px; } .select-member .member-types .member-redirect.hide { display: none; } .select-member .member-types .confirm-member { margin-top: 20px; width: 100%; } .select-member .member-header { padding: 10px 0; } .select-member .member-types .stylish-select { background: #ffffff; } /* Rich text icon component */ .rt-icon-component { padding: 10px 0; background: #ffffff; color: #000000; } .rt-icon-component .content { padding: 8px 36px; } .rt-icon-component .content h3 { color: #00573d; margin-bottom: 18px; } .rt-icon-component .content h3 img { vertical-align: bottom; } .rt-icon-component .content .description { font-size: 1.4rem; line-height: 2.4rem; } /* helper classes ============================ */ .no-scroll { height: 100%; overflow: hidden; -webkit-overflow-scrolling: auto; } .txt-sml, #content-main p.txt-sml { margin: 0; font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 2rem; } .left { float: left; } .right { float: right; } .cf, .cf:after { clear: both; } .cf:before, .cf:after { content: ""; display: table; } .box-sized { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .font-weight-normal { font-weight: normal; } .pdf { position: relative; padding-left: 25px; } .pdf:before { content: ''; display: block; width: 16px; height: 16px; background: url('/VisualAssets/corporate/Assets/images/icons/pdf.png') no-repeat; position: absolute; top: 50%; left: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* tb overlay */ .tb-lightbox-active #TB_overlay { z-index: 10; } .tb-lightbox-active #TB_window { z-index: 11; } /* errors */ .error, #content-main .scfValidationSummary { margin-bottom: 20px; padding: 20px 30px 20px 50px; position: relative; background: #feeeee; color: #ac0101; font-size: 17px; font-size: 1.7rem; line-height: 25px; line-height: 2.5rem; font-weight: 600; } .error:before, #content-main .scfValidationSummary:before { content: ''; position: absolute; top: 23px; left: 16px; display: block; width: 22px; height: 22px; background: url('/VisualAssets/Global/Media/Icons/exclamation.png') no-repeat; background-size: contain; } #content-main .scfValidationSummary li:before, #content-main .error ul li:before { background: #ac0101; } #content-main .scfValidationSummary { margin-left: 0; } #content-main .scfValidationSummary li { font-family: 'Muli', sans-serif; } #content-main .scfValidationSummary li:first-child { margin-top: 0; } #content-main .scfSubmitSummary.error { padding: 20px; font-size: 17px; font-size: 1.7rem; font-family: 'Muli', sans-serif; color: #ac0101 !important; } #content-main .scfSubmitSummary.error:before { display: none; } /* HIA Credit Credit iframe */ #divFrame { position: relative; width: 100%; height: 0; padding-bottom: 550px; } #divFrame iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* responsive ============================ */ @media screen and (min-width: 2130px) { .featured-images.mod-carousel .slide-container .wrapper:after { display: none; } .featured-images.mod-carousel .slide-container .slide-content { background: #2d373e; } .featured-images.mod-carousel .slide-container .image { position: relative; float: right; } .featured-images.mod-carousel .slide-container .image:after { content: ""; position: absolute; z-index: 0; left: 0; top: 0; width: 123px; height: 100%; background-image: url("/VisualAssets/corporate/Assets/images/hero-description-bk.png"); background-repeat: no-repeat; background-size: cover; } } @media screen and (min-width: 1838px) { .hero-carousel.mod-carousel .slide-container .wrapper:after, .no-sidebar .featured-images.mod-carousel .slide-container .wrapper:after { display: none; } .hero-carousel.mod-carousel .slide-container .image:after, .no-sidebar .featured-images.mod-carousel .slide-container .image:after { content: ""; position: absolute; z-index: 0; left: 0; top: 0; width: 123px; height: 100%; background-image: url("/VisualAssets/corporate/Assets/images/hero-description-bk.png"); background-repeat: no-repeat; background-size: cover; } } @media screen and (max-width: 1837px) { .hero-carousel.mod-carousel .slide-container .image:after { display: none; } } @media screen and (max-width: 1438px) { .hero-carousel.mod-carousel, .mod-carousel .viewport .slide-container, .hero-carousel.mod-carousel .viewport .slide-container .slide { height: 307px; } .hero-carousel.mod-carousel .slide-container .wrapper .info, .no-sidebar .featured-images.mod-carousel .slide-container .wrapper .info { width: auto; max-width: 320px; right: 0; left: auto; float: left; } .hero-carousel.mod-carousel .slide-container .info h2 { font-size: 26px; font-size: 2.6rem; line-height: 36px; line-height: 3.6rem; } /* media gallery */ .media-window.image-window-open #TB_window #TB_ImageOff + #TB_footer > span { display: block; padding-top: 5px; min-width: 350px; position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .media-window.image-window-open #TB_window #TB_ImageOff + #TB_footer span.em { font-size: 1.3rem; line-height: 1.8rem; } } @media screen and (max-width: 1358px) { /* member dashboard table */ .tbl-styled.stylish-form .stylish-ds, .tbl-styled.stylish-form .stylish-ds[data-type=checkbox] > span { width: 24px; height: 24px; } .tbl-styled.stylish-form .stylish-ds[data-type=checkbox] > span.checked .ico { width: 10px; height: 10px; } } @media screen and (max-width: 1280px) { /* header */ header .logo img { width: 60px; height: 67px; } header .links { max-width: 870px; } /* addtools */ #at15s .close-addtools { display: block; } /* full width content */ #content-main.full-width a img { max-width: 100%; height: auto; } #content-main .partners.col4 li img { width: auto !important; } .no-sidebar #content-main { padding: 20px 40px; } #content-main h1 { margin-bottom: 30px } /* carousels */ .hero-carousel.mod-carousel .slide-container .wrapper, .no-sidebar .featured-images.mod-carousel .slide-container .wrapper { width: auto; } .hero-carousel.mod-carousel .slide-container .info h2, .featured-images.mod-carousel .slide-container .info h2 { font-size: 24px; font-size: 2.4rem; line-height: 32px; line-height: 3.2rem; } .featured-images.mod-carousel .slide-container .info h2.alt-font-size { font-size: 2px; font-size: 2rem; line-height: 26px; line-height: 2.6rem; } .hero-carousel.mod-carousel, .mod-carousel .viewport .slide-container, .hero-carousel.mod-carousel .viewport .slide-container .slide, .hero-carousel.mod-carousel, .featured-images.mod-carousel .viewport .slide-container .slide { height: 350px; } .featured-images.mod-carousel .slide-container .image { width: 475px; } .mod-carousel .pagination.wrapper fieldset { right: auto; left: 20px; } /* featured images carousel */ .featured-images.mod-carousel .slide-container img { width: auto; height: auto; max-height: none; min-height: 100%; min-width: 100%; min-height: 350px; } .no-sidebar .featured-images.mod-carousel .slide-container img { width: 100%; max-height: initial; min-height: 351px; min-width: initial; position: relative; } /* panels */ #content-main .panels .pnl-grp.four .panel, #content-main .panels .panel .publications.items-4 li { width: calc(50% - 19px); margin: 0 0 30px 30px; } #content-main .panels .pnl-grp.four .panel:nth-child(odd), #content-main .panels .panel .publications li:nth-child(odd) { margin-left: 0; } #content-main .panels .panel .publications li { margin-left: 30px; width: calc(50% - 15px); } #content-main .panels .panel .publications.items-3 li { margin-left: 30px; } #content-main .panels .panel .publications li:first-child { margin-left: 0; } .panel #content-main + .rhs-panel { width: 40%; margin-right: 0; } /* featured panels */ .featured-panels .panel p { font-size: 16px; font-size: 1.6rem; } .featured-panels .top-section .panel.left { min-height: 580px; } .featured-panels .panel .info { padding: 0 20px; } .sidebar-wrap.filters { padding-left: 10px; } .sidebar-wrap { padding-left: 15px; } #content-main .wrapper { padding-right: 15px; } .member .member-invoices .stylish-ds { margin: 0; } .member .member-licences { table-layout: fixed; } /* form stages */ #content-main .delegate-details .form-row, #content-main .delegate-details.info-box ul.horizontal li { width: 49%; } #content-main .delegate-details.info-box .fieldset { margin-bottom: 20px; } /* upcoming training events */ #content-main .upcoming-training-list.media-release li p.upcoming-training-info { width: 40%; } #content-main .upcoming-training-list .upcoming-training-location { width: 60%; } /* overlayer window */ .overlayer-window { width: 60% } } @media screen and (max-width: 1120px) { #content-main .info-box .notify-me-container { width: 100%; } } @media screen and (max-width: 1060px) { .featured-images.mod-carousel .slide-container .slide-content .wrapper { min-width: 400px; background-position: right 0; } .featured-images.mod-carousel .slide-container .wrapper .info { width: 275px; } } @media screen and (max-width: 1024px) { .no-sidebar #cont-inr-sub { overflow: hidden; } /* carousels */ .featured-images.mod-carousel .slide-container .wrapper:before { width: 230px; } .featured-images.mod-carousel .slide-container .wrapper:after { left: 230px; } /* featured panels */ .featured-panels .panel .info { padding: 0 20px; } .featured-panels .panel.img-cta .info h3 { padding: 10px; font-size: 21px; } .featured-panels .top-section .panel.left { min-height: 540px; margin-bottom: 0; } /* structured img lists */ #content-main ul.structured-list li img { float: none; margin-top: 0; margin-bottom: 0; } #content-main ul.structured-list li.img p, #content-main ul.structured-list li.img h2 { float: none; margin-left: 0; } /* breadcrumbs */ #breadcrumbs { padding-left: 20px; width: calc(80% - 40px); position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #breadcrumbs a, #breadcrumbs span { display: none; } #breadcrumbs span.hidden { display: inline-block; padding-right: 5px; } #breadcrumbs span.hidden:before { content: ''; display: block; width: 15px; height: 9px; position: absolute; top: 50%; left: 10px; -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); background: url('/VisualAssets/corporate/Assets/images/icons/arrow.png') no-repeat; background-size: contain; } #breadcrumbs a:last-of-type { display: inline; padding: 0; border: none; } .filter-pnl.media-filter .year h2, .filter-pnl.media-filter .month h2 { line-height: 2.5rem; } /* login page */ #login .filter-pnl section label, #login .filter-pnl section fieldset .stylish-text, #login .filter-pnl section fieldset .stylish-password { width: 100%; } #login .filter-pnl section .form-column { padding-left: 0; } #content-main #login .filter-pnl section:first-child input[type="submit"] { margin: 0; } /* upcoming events */ #content-main ul.media-release li p { width: calc(100% - 60px); } #content-main ul.media-release li .date, #content-main ul.media-release li .location { width: calc(100% - 65px); float: none; margin: 0; } /* forgotten password */ #forgetPassword { padding: 20px; } #forgetPassword .form-row, #forgetPassword .submit { max-width: initial; } #forgetPassword label, #forgetPassword input[type="text"] { width: 100%; } #content-main #forgetPassword input[type="submit"] { margin-left: 0; } #forgetPassword .form-row.confirmation { padding: 0; } /* training details */ #content-main .training-details .info-box-inr .wysiwyg, #content-main .training-details .info-box-inr .highlight { display: block; width: 100%; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #content-main .training-details .intro { padding: 0; margin-bottom: 20px; } #content-main .training-details .training-info { width: 100%; padding-right: 0; } #content-main .training-details .training-info h1 { width: 100%; margin-bottom: 10px; } #content-main .training-details .training-info .training-type-icon, #content-main .training-details .training-info .funding-logo { position: relative; right: auto; top: auto; width: 30px; height: 30px; margin-top: 5px; margin-bottom: 20px; } /* form stages */ #content-main ul.step-stages li.first .step-number, #content-main ul.step-stages li.current .step-number { display: block; margin: 0 auto; } /* events filter panel */ #EventSearch .stylish-text, #EventSearch .stylish-select { width: calc(50% - 10px); } /* map window */ #TB_window.gmap-window iframe { min-width: 0; } #TB_window.gmap-window { top: auto !important; height: 100% !important; } #content-main .tabs.membership-types .content { width: 68%; } .tbl-styled.listing-by-course-info tr td { display: inline-block; } #content-main .listing-container .listing-by-course .listing-by-course-info td.listing-item-cta span { padding: 0; } #content-main .listing-container .listing-by-course .listing-by-course-info td.listing-item-cta { width: 20%; } #content-main .listing-container .listing-by-course .listing-by-course-info td.listing-date-info { width: 31%; } /* member dashboard updates */ #updates .c { width: calc(33.33% - 14px); margin-left: 15px; padding: 15px; } #content-main #updates input[type="submit"] { width: 100%; white-space: normal; text-align: left; } /* personalisation */ .personalisation-component.with-bg .content { width: 100%; } .personalisation-component .actions { margin-top: 15px; } .personalisation-component.with-bg .component-content { padding: 20px; } /* stat component */ .stat-component { margin-top: 50px; } .stat-component .stat-block img { margin: -46px auto 0; display: block; width: 140px; height: 90px; } .select-member .member-types .member-types-grid .panel .text-container .button-default { top: 72%; } } @media only screen and (max-width: 1366px) and (min-width: 1024px) { /* media gallery */ #content-main ul#img-lib li { height: 260px; } #TB_window img#TB_Image { box-sizing: border-box; width: 100%; height: auto; } .media-window #TB_Header, .media-window #TB_window #TB_ImageOff + #TB_footer { bottom: 15px; width: 100%; font-size: 2rem; line-height: 3rem; padding: 0 15px; text-align: left; } } @media screen and (max-width: 880px) { /* primary navigation ---------------------------- */ nav ul .cont { width: 100%; } /* carousels */ .hero-carousel.mod-carousel .desktop-image, .featured-images.mod-carousel .desktop-image { display: none; } .hero-carousel.mod-carousel .tablet-image, .featured-images.mod-carousel .tablet-image { display: block; } .hero-carousel.mod-carousel .slide-container .image { right: 0; width: 535px; } .hero-carousel.mod-carousel .slide-container .wrapper .info { right: 0; max-width: 280px; width: auto; padding: 0 20px 0 0; } .hero-carousel.mod-carousel .slide-container .wrapper { margin: 0; left: 0; } .partners .mod-carousel .slide-container > div { display: inline-block; float: none; position: relative; vertical-align: top; } .partners .mod-carousel .slide-container > div.cols-6 { width: 1320px !important; } .partners .mod-carousel .slide-container > div.cols-5 { width: 1100px !important; } .partners .mod-carousel .slide-container > div.cols-4 { width: 880px !important; } .partners .mod-carousel .slide-container > div.cols-3 { width: 660px !important; } .partners .mod-carousel .slide-container > div.cols-2 { width: 440px !important; } .partners .mod-carousel .slide-container > div.cols-1 { width: 220px !important; } .partners .mod-carousel .viewport .slide-container { width: 100%; padding-bottom: 20px; white-space: nowrap; overflow-x: scroll; } .partners .mod-carousel .viewport .slide-container a { width: 220px; } .partners .mod-carousel > fieldset .step.next, .partners .mod-carousel > fieldset .step.prev, .partners .mod-carousel .pagination-controls { display: none !important; } .partners .mod-carousel > fieldset .scroll.next, .partners .mod-carousel > fieldset .scroll.prev { display: block; } .mod-carousel .pagination.wrapper fieldset { width: 760px; } .hero-carousel.mod-carousel .slide-container .wrapper:before { width: 39%; } .hero-carousel.mod-carousel .slide-container .wrapper:after { left: 39%; } .featured-images.mod-carousel.extra-content .pagination.wrapper fieldset { bottom: 5px; } .featured-images.mod-carousel .slide-container .slide-content .wrapper { min-width: 320px; background-position: right 0; } .featured-images.mod-carousel .slide-container .wrapper .info { width: 260px; padding-top: 20px; } .featured-images.mod-carousel .slide-container img { min-height: initial; } .featured-images.mod-carousel .slide-container .image { float: right; } /* page level ============================ */ /* landing page wrap content */ .panel #content-main { width: 100%; } .panel #aside, .panel #content-main .training-detail-content { width: 100%; } .panel #content-main .training-detail-content { padding-right: 0; } .panel #content-main + .rhs-panel { width: 100%; margin-right: 0; padding-bottom: 20px; } .panel #content-main + .rhs-panel aside, .panel #content-main + .rhs-panel ul.ads { padding-left: 30px; margin-right: 0; } #wrap-content, .page-banner { width: 77%; } /* panels */ #content-main .panels h2 { width: 100%; } #content-main ul.ads img, #content-main ul.ads a img { max-width: 350px; } #content-main ul.ads li { display: block; width: 100%; margin: 0 0 10px 0; } #content-main .panels .panel div h2 a { font-size: 20px; font-size: 2rem; line-height: 25px; line-height: 2.5rem; } #content-main .panels .pnl-grp .panel div { padding: 0 10px; } #content-main .panels .pnl-grp .panel { width: 100%; margin: 0 0 20px 0; } #content-main .panels .pnl-grp .panel h2 { margin-bottom: 0; } #content-main .panels .pnl-grp .panel.img > a { height: auto; } #content-main .panels .pnl-grp .panel.img > a img { width: 100% !important; position: relative; top: auto; left: auto; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; transform: none; } #content-main .panels .pnl-grp.four .panel.img > a { height: 150px; } #content-main .panels .pnl-grp.four .panel.img > a img { width: auto !important; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } /* sidebar navigation */ .sidebar-wrap { width: 23%; font-size: 13px; font-size: 1.3rem; } .sidebar-wrap h2 { padding: 0 30px 0 10px; } .sidebar-nav > ul > li > ul > li ul li a { padding: 20px 30px; } .sidebar-nav > ul > li > ul > li ul li a:after { width: 15px; left: 10px; } /* sidebar member dashboard */ .member #content-main #aside .ads a { margin-bottom: 0; } .member #content-main #aside aside { padding: 15px; } #content-main #aside ul.ads img { width: 100%; } /* member invoices/licences */ .member .member-licences tr:first-child { display: none; } .member .member-invoices.tbl-style2 tr, .member .member-licences tr { display: block; padding: 7px 0 15px; border-top: 1px solid #d9d9d9; border-bottom: none; } .member .member-invoices tr:last-child, .member .member-licences tr:last-child { border-bottom: 1px solid #d9d9d9; } .member .member-invoices tr td { display: block; padding: 7px 25px; } .member .member-invoices tr td.empty { display: none; } .member .member-invoices .type, .member .member-licences .type { display: inline-block; width: 49%; vertical-align: top; font-size: 1.8rem; font-weight: 700; } .member .member-invoices tr td:nth-child(even) { background: #ffffff; } .member .member-invoices .stylish-ds { float: none; margin-left: 50%; } #content-main .member-invoices input[type="submit"] { margin-top: 40px; } .member .member-invoices.tbl-style2 tr:first-child { display: block; padding-bottom: 0; padding-top: 0; } .member .member-invoices.tbl-style2 th:not(.mi-checkall-cell) { display: none; } .member .member-invoices th .stylish-ds { float: left; margin-left: 5px; } .member .member-invoices.tbl-style2 th.mi-check-all, .member .member-invoices .mi-check-all { display: inline-block; vertical-align: middle; margin-left: 12px; color: #ffffff; font-weight: bold; text-transform: uppercase; } .member .member-invoices.tbl-style2 tr.has-check-cell { padding-left: 40px; } .member .member-invoices.tbl-style2 tr.has-check-cell .mi-check-cell { display: none; } .member .member-invoices.tbl-style2 tr.has-check-cell .mi-date-cell { position: relative; } .member .member-invoices.tbl-style2 tr.has-check-cell .mi-date-cell .stylish-ds { position: absolute; left: -20px; top: 10px; margin: 0; } /* date picker */ .Zebra_DatePicker { margin-left: -32px; margin-top: 357px; } .member .member-licences .datepicker .stylish-text { width: 100%; } .member .member-licences .stylish-text, .member .member-licences .datepicker, .member .member-licences .stylish-select, .member .member-downloads a, .member .member-downloads td > div { display: inline-block; width: 49%; max-width: initial; box-sizing: border-box; vertical-align: top; } #content-main .member-downloads.tbl-styled input[type="submit"] { width: auto; } /* membership types */ #content-main .tabs.membership-types .content { width: 100%; } #content-main .tabs.membership-types .tabs-list { display: none; width: 100%; } #content-main .tabs.membership-types .tabs-list li.current:before { display: none; } #content-main .tabs.membership-types .tabs-list li a { padding-left: 15px; } #content-main .tabs.membership-types .tabs-list li a span { display: none; } #mem-type .membership-select { display: block; width: 100%; min-height: 44px; padding: 15px; box-sizing: border-box; position: relative; border: none; color: #ffffff; background: #2d373e; font-size: 14px; font-size: 1.4rem; } #mem-type .membership-select:after { content: ''; display: block; width: 15px; height: 10px; position: absolute; top: 50%; right: 20px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url('/VisualAssets/corporate/Assets/images/icons/arrow-down.png') no-repeat; background-size: contain; } .tips { position: relative; width: 100%; margin-top: 20px; max-width: initial; box-sizing: border-box; } .tips:before { display: none; } #content-main .tabs.membership-types .content .tooltips { width: 100%; } /* basket listing */ .tbl-styled.basket-listing { margin: 0 auto; width: calc(100% - 40px); } .tbl-styled tr td { display: block; } .tbl-styled.tbl-prod-listing tr td { display: table-cell; } .tbl-booking tr:first-child { display: none; } .accordion .tbl-styled tr td, .tbl-booking.tbl-styled tr td { display: block; width: 100%; box-sizing: border-box; } .accordion .tbl-styled tr td, .tbl-booking span.type, .tbl-booking span, .tbl-styled .label, .tbl-styled span { display: inline-block; width: 49%; vertical-align: top; } .tbl-styled .label { font-size: 1.8rem; font-weight: bold; } .tbl-booking .qty-col input[type="text"] { height: 34px; width: 60px; font-size: 1.7rem; background: #ffffff; border: 1px solid #cccccc; border-radius: 2px 2px 2px 2px; outline: medium none; padding: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .accordion .tbl-styled tr.pricing td, .tbl-booking span input { width: 100%; } #content-main .detail-overview .accordion tr td a { float: none; display: block; } #content-main .info-box .book input[type="submit"] { width: 100%; } #content-main .detail-overview .wysiwyg, #content-main .detail-overview .highlight { width: 100%; } #content-main .detail-overview .wysiwyg.notify-me-panel { padding-right: 0; } .tbl-styled tr td.iframe { padding: 0; } .tbl-styled tr.product td > span { font-size: 18px; font-size: 1.8rem; font-weight: 700; } .tbl-styled tr.product td > span span { font-weight: 600; font-size: 13px; font-size: 1.3rem; } .tbl-styled tr.product td > span, .tbl-styled tr.product td div.info { display: inline-block; width: 49%; vertical-align: top; } .tbl-styled tr.product td div.info .stylish-ds { margin: 0; } .basket-listing tr:first-child { display: none; } .basket-listing tr { display: block; padding-bottom: 5px; border-top: 1px solid #d9d9d9; } .basket-listing tr td .stylish-ds, .tbl-styled.basket-listing tr table { float: none; } .tbl-styled.basket-listing tr table tr { padding: 5px 0; } .tbl-styled.basket-listing tr table tr td { display: inline-block; width: 44%; padding: 10px 0; vertical-align: top; box-sizing: border-box; border: none; font-weight: 700; } #content-main.confirmation-page .tbl-styled.basket-listing tr table tr td:first-child { margin-left: 0; } .tbl-styled.basket-listing tr table tr:first-child, .tbl-styled tr.product td, .tbl-styled tr.continue { border: none; } .tbl-styled.basket-listing tr table tr, .tbl-styled.basket-listing tr table tr:first-child { display: block; width: calc(100% - 40px); margin: 0 auto; } .tbl-styled.basket-listing tr table tr.total td:last-child { font-size: 2.2rem; } .tbl-styled tr td.total { padding: 40px 0 20px; } .tbl-styled td.update, .tbl-styled tr.continue td { padding: 10px 0 40px; } #content-main .tbl-styled td.membership { border-top: none; } #content-main .tbl-styled input[type="submit"] { width: 100%; } #content-main .tbl-styled td.membership .member { font-size: 1.7rem; } #prod-detail #image { width: 100%; margin-bottom: 30px; text-align: left; } #prod-detail #details { width: 100%; } #prod-detail #image .prd-thumbs { display: none; } #prod-detail #details .form-row input[type="submit"] { margin-left: 13px; } /* event sessions listing */ #content-main .detail-overview .accordion .tbl-sessions tr td { padding: 10px; } #content-main .detail-overview .accordion .tbl-sessions tr td.column-label { display: table-cell; width: auto; max-width: 95px; word-wrap: break-word; padding-left: 0; } #content-main .detail-overview .accordion .tbl-sessions tr td:not(.column-label) { display: block; width: 100%; padding-left: 0 } #content-main .detail-overview .accordion .tbl-sessions tr td.column-date, #content-main .detail-overview .accordion .tbl-sessions tr td.column-location { padding-bottom: 0; padding-right: 0; } #content-main .detail-overview .accordion .tbl-sessions tr td.column-add-calendar, #content-main .detail-overview .accordion .tbl-sessions tr td.column-view-map { font-size: 1.5rem; padding-top: 3px; padding-right: 0; } #content-main .detail-overview .accordion tr td.column-add-calendar { min-width: 0; } /* wysiwyg */ #main .wysiwyg .tablet-image { display: block; } #main .wysiwyg .desktop-image, #main .wysiwyg .mobile-image { display: none; } .wysiwyg { margin: 40px 0; } .wysiwyg p { padding: 0 70px; } /* media gallery */ #content-main ul.structured-list.video-lib li { width: calc(50% - 20px); } #content-main ul.structured-list.video-lib li:nth-child(3n+1) { margin-left: 30px; } #content-main ul.structured-list.video-lib li:nth-child(odd) { margin-left: 0; } /* featured panels ---------------------------- */ .featured-panels .panel { min-height: 230px; width: 48.8%; margin-left: 2.4%; } .featured-panels .wrapper div .panel:not(:first-child) { min-height: 305px; } .featured-panels .panel img { max-height: none; height: auto; } .featured-panels .panel.left h3 { margin-top: 15px; } .featured-panels .panel.img-cta:nth-child(4) { margin-left: 0; } .featured-panels .panel.img-cta { margin-left: 2.4%; } .featured-panels .panel.training img { max-width: 80px; } .featured-panels .panel.shop img { max-width: 60px; } .featured-panels .panel.left p { margin-bottom: 17px; } .featured-panels .panel:first-child img { max-height: none; height: auto; } .featured-panels .services-panels .panel { width: 48.8%; margin-left: 2.4%; } .featured-panels .services-panels .panel:nth-child(odd) { margin-left: 0; } .featured-panels .services-panels .panel:nth-child(4) { margin-left: 2.4%; } .featured-panels .top-section .panel:not(.left) { min-height: 305px; } .featured-panels .top-section .panel:not(.left):not(.img-cta) .featured-img { margin-bottom: 15px; } /* filter panel / search products */ .filter-pnl { padding: 30px 20px; } #content-main .filter-pnl.contact ul.structured-list li { width: calc(50% - 20px); margin-left: 20px; } #content-main .filter-pnl.contact ul.structured-list li:nth-child(3n+1) { margin-left: 20px; } #content-main .filter-pnl.contact ul.structured-list li:nth-child(odd) { margin-left: 0; } #content-main .filter-pnl.contact ul.structured-list p a { word-wrap: break-word; } /* form stages */ #content-main .step-stages { margin-bottom: 20px; } #content-main .info-box .form-row .billing-address { padding-left: 0; } #content-main .info-box .form-row, #content-main .info-box .form-row.enter-email-address, #content-main .info-box .form-row.enter-email-address + .form-row { max-width: initial; } #content-main .info-box .form-row label, #content-main .info-box .no-bg.med-width .form-row span.label, #content-main .info-box .form-row .form-column, #content-main .group-heading, #content-main .group-heading h3, #content-main .info-box .form-row span.label { width: 100%; text-align: left; max-width: initial; } #content-main .info-box ul.horizontal.radio, #content-main .info-box .form-row .form-column.terms-text { margin-top: 10px; } #content-main .info-box input[type="submit"] { margin: 0; } #content-main .personal-details { padding: 0 20px 20px; } #content-main .personal-details input[type="submit"] { float: right; padding-right: 40px; } #content-main .personal-details .txt-sml, #content-main .info-box .form-row.consent .form-column { padding: 0; } #content-main .personal-details .submit .txt-sml { margin: 0; padding-top: 10px; clear: both; } #content-main .info-box .dob .form-row { margin-left: 10px; width: calc(33.33% - 10px); } #content-main .info-box .dob .form-row .stylish-select > span.selected { padding-left: 6px; } #content-main .info-box .dob .form-row .stylish-select > span > span.ico { right: 8px; } #content-main .order-review, #content-main .delegate-details { padding: 0 15px; } #content-main .info-box .declare .form-row .stylish-text { width: 100%; margin: 0; } #content-main .info-box .declare .form-row .datepicker { width: 100%; max-width: initial; } #content-main .info-box .declare .date { display: none; } #content-main .info-box .declare .date-mobile { display: block; margin-top: 15px; } /* payment iframe */ #divFrame { border-top: none; } #divFrame iframe { min-height: 760px; } #content-main .submit input[type="submit"].back { margin: 0 0 30px 0; } #content-main .submit input[type="submit"].back.mem-type-back { margin-top: 10px; } /* training calendar listing ---------------------------------------- */ #content-main .listing-container .listing-info.after { display: inline-block; width: 100%; max-width: none; padding-left: 0; } #content-main .listing-container .listing-info .listing-item-cta { left: 0; } #content-main .listing-container td.training-type { display: table-cell; } #content-main .listing-container td.item-description { padding-top: 12px; } /* member dashboard */ #content-main .member-details .newsletter .form-row { margin-bottom: 20px; } /* confirmation pages */ #content-main .tbl-styled .info-box input[type="submit"] { margin: 40px 0; } #content-main .tbl-styled input[type="submit"].continue { margin: 0; } /* Credit card iframe */ #divFrame { padding-bottom: 710px; } /* WFFM */ #content-main .scfForm.stylish-form .scfDateSelectorGeneralPanel label { width: calc(31% - 10px); min-width: inherit; } #content-main .scfForm.stylish-form .scfDateSelectorGeneralPanel .stylish-select { width: calc(31% - 10px); min-width: inherit; } /* overlayer-window */ .overlayer-window { width: 85%; } /* select-member 3 col layout */ .select-member .member-types .member-types-grid .panel .text-container h3 { font-size: 2rem; line-height: 2rem; } /* stat component */ .stat-component .stat-block img { margin: -29px auto 0; display: block; width: 90px; height: 58px; } /* video component */ #content-main .video-component ul.component-content li.img, .video-component .component-content, .two-col-layout .video-component .component-content { height: 200px; } /* membership sign up form */ #content-main .membership-sign-up .inner { padding: 11px 50px 0; } #content-main .membership-sign-up .inner.declaration { padding: 11px 0 0 50px; } #content-main .membership-sign-up ul li > h3 { margin-top: 12px; padding: 5px 15px; position: relative; font-size: 1.7rem; } #content-main .membership-sign-up ul li > h3:after { content: ''; display: block; width: 21px; height: 15px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); transform-origin: 50% 0; background: url('/VisualAssets/corporate/Assets/images/icons/arrow.png') no-repeat; background-size: contain; } #content-main .membership-sign-up ul li > h3.open:after { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } } @media screen and (max-width: 810px) { .mod-carousel .pagination.wrapper fieldset { width: auto; left: 10px; } } @media screen and (max-width: 760px) { /* global */ .member #main { background: #ffffff; } #content-main h1 { margin-bottom: 20px; } #breadcrumbs a { color: #088921; } .ios input[type="text"], .ios input[type="text"]:focus { font-size: 1.6rem; } /* helpers */ .overlay.active { opacity: 0.9; } .listing-content-wrapper #content-main { padding-top: 15px; } #content-main .wrapper, .no-sidebar #content-main .wrapper { padding: 0 20px; } .panel #content-main .wrapper { padding-right: 20px; } .panel #content-main + .rhs-panel aside, .panel #content-main + .rhs-panel ul.ads { padding: 20px; } .panel #content-main + .rhs-panel { padding-bottom: 0; } .panel #content-main + .rhs-panel img { max-width: 100%; height: auto; } header #location section .error { width: calc(100% - 70px); } /* page level ============================ * /* wysiwyg */ #main .wysiwyg .mobile-image { display: inline-block; height: auto; } #main .wysiwyg .desktop-image, #main .wysiwyg .tablet-image { display: none; } .no-sidebar #content-main { padding: 20px 0 0 0; } .no-sidebar #page-tools, .wysiwyg p { padding: 0; } .no-sidebar #content-main > h2, .no-sidebar #content-main .wrapper > div > h2 { margin-top: 0; padding: 0 20px; } .no-sidebar #content-main > p, .no-sidebar #content-main .wrapper > div > p { padding: 0 20px; } .no-sidebar #content-main.confirmation-page > p, .no-sidebar #content-main.confirmation-page h1 { padding-left: 0; padding-right: 0; } .no-sidebar #content-main .wrapper > div > p.error { padding: 20px 30px 20px 50px; } .no-sidebar #content-main h1 { padding: 20px 0; } /* stylish forms */ .stylish-form .stylish-select > .dropdown-list.show-above { top: inherit; bottom: 0; z-index: 15; } /* carousels */ #carousel { max-height: none; } .hero-carousel.mod-carousel .tablet-image, .featured-images.mod-carousel .tablet-image { display: none; } .hero-carousel.mod-carousel .mobile-image, .featured-images.mod-carousel .mobile-image { display: block; } .hero-carousel.mod-carousel .slide-container .wrapper .image, .featured-images.mod-carousel .slide-container .wrapper .image { float: none; width: 100%; margin: 0; } .hero-carousel.mod-carousel .slide-container .wrapper .info, .featured-images.mod-carousel .slide-container .wrapper .info { position: relative; top: auto; width: 100%; max-width: initial; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; transform: none; padding: 20px 20px 40px; } .hero-carousel.mod-carousel .slide-container .image div, .featured-images.mod-carousel .slide-container .image div { width: 100%; margin: 0; } .hero-carousel.mod-carousel .slide-container .image, .featured-images.mod-carousel .slide-container .image, .no-sidebar .featured-images.mod-carousel .slide-container .image { position: relative; height: auto; width: 100%; max-width: none; } .hero-carousel.mod-carousel .slide-container .info h2, .featured-images.mod-carousel .slide-container .info h2 { font-size: 24px; font-size: 2.4rem; color: #088921; } .hero-carousel.mod-carousel .slide-container .info p, .featured-images.mod-carousel .slide-container .info p { color: #2d373e; } .hero-carousel.mod-carousel .pagination.wrapper fieldset button.active, .featured-images.mod-carousel .pagination.wrapper fieldset button.active { background: #00573d; } .hero-carousel.mod-carousel .slide-container .image div, .featured-images.mod-carousel .slide-container .image div { float: none; } .hero-carousel.mod-carousel .viewport .slide-container .slide, .featured-images.mod-carousel .viewport .slide-container .slide { background: #ffffff; } .hero-carousel.mod-carousel .slide-container .image div, .featured-images.mod-carousel .slide-container .image div { width: 100%; margin: 0; } .hero-carousel.mod-carousel .slide-container .info h2, .featured-images.mod-carousel .slide-container .info h2 { font-size: 2.4rem; color: #088921; } .hero-carousel.mod-carousel .slide-container .info p, .featured-images.mod-carousel .slide-container .info p { color: #2d373e; } .hero-carousel.mod-carousel .pagination.wrapper fieldset button.active, .featured-images .pagination.wrapper fieldset button.active { background: #00573d; } .hero-carousel.mod-carousel .slide-container .image div, .featured-images.mod-carousel .slide-container .image div { float: none; } .hero-carousel.mod-carousel .viewport .slide-container .slide, .featured-images.mod-carousel .viewport .slide-container .slide, .no-sidebar .featured-images.mod-carousel .viewport .slide-container .slide { background: #ffffff; } .mod-carousel .slide-container > div .wrapper { padding: 0; } .mod-carousel .pagination.wrapper fieldset, div.featured-images.mod-carousel .pagination.wrapper fieldset { bottom: 10px; left: 50%; right: auto; width: auto; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .hero-carousel.mod-carousel .slide-container .image div img, .featured-images.mod-carousel .slide-container .image div img { min-height: 0; } .featured-images.mod-carousel .pagination.wrapper fieldset { left: 40px; } .hero-carousel.mod-carousel .slide-container .wrapper, .featured-images .slide-container .wrapper, .no-sidebar .featured-images.mod-carousel .slide-container .slide-content .wrapper { position: relative; max-width: none; height: auto; width: 100%; padding: 0; } .hero-carousel.mod-carousel, .hero-carousel.mod-carousel .viewport .slide-container, .featured-images.mod-carousel, .featured-images.mod-carousel .viewport .slide-container, .featured-images.mod-carousel .viewport .slide-container .hero-carousel.mod-carousel .viewport .slide-container .slide, .featured-images.mod-carousel .viewport .slide-container .slide { height: 100%; } #carousel + .wysiwyg { margin: 30px 0 40px 0 } #carousel + .sponsored { margin: -10px 0 10px 0; } .hero-carousel.mod-carousel .slide-container .wrapper:after, .hero-carousel.mod-carousel .slide-container .wrapper:before, .featured-images.mod-carousel .slide-container .wrapper:before, .featured-images.mod-carousel .slide-container .wrapper:after { display: none; } .mod-carousel .slide-container .image div img.mobile-image, .no-sidebar .featured-images.mod-carousel .slide-container .image div img { width: auto; min-height: initial; min-width: initial; float: none; margin: 0 auto; } .hero-carousel.mod-carousel .slide-container .wrapper .info, .no-sidebar .featured-images.mod-carousel .slide-container .wrapper .info { max-width: 100%; } /* featured carousel images */ .featured-images.mod-carousel .slide-container img { position: relative; width: 100%; top: 0; left: 0; -moz-transform: none; -o-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; min-height: 0; } .featured-images.mod-carousel .slide-container .slide-content .wrapper { position: relative; min-width: 0; width: 100%; background: #ffffff; } .featured-images.mod-carousel .slide-container .wrapper .info { top: 0; left: 0; } .featured-images.mod-carousel .slide-container .image { width: 100%; float: none; } /* panels */ #content-main .panels .panel, #content-main .panels .pnl-grp.four .panel, #content-main .panels .panel .publications li, #content-main .panels .panel .publications.items-2 li, #content-main .panels .panel .publications.items-3 li, #content-main .panels .panel .publications.items-4 li { width: 100%; margin: 0 0 20px 0; } #content-main .panels .panel.full td { display: block; } #content-main .panels .panel.full td:first-child { width: 100% !important; padding-right: 0; } /* featured panels */ .featured-panels .top-section .panel:not(.left) { min-height: 305px; } .featured-panels .top-section .panel:not(.left):not(.img-cta) .featured-img { margin-bottom: 0; } /* two col shopping categories */ #content-main ul.category li { width: 100%; height: auto !important; margin: 0 0 30px 0; } #content-main ul.category li div { padding-top: 0; padding-bottom: 10px; } #content-main ul.category li.product-item > div { padding-top: 15px; } #content-main ul.category li h3 { margin-top: 0; } #content-main ul.category li div h3 a { font-size: 2rem; } #content-main ul.category li div span { margin-bottom: 9px; } #content-main .panel ul.media-release li p, #content-main .panel ul.media-release li p.date { width: 100%; } #content-main .panel ul.media-release li p.date { margin-left: 30px; margin-top: -5px; } #content-main ul.media-release li { padding-bottom: 20px; } #content-main ul.media-release li img { margin-top: 20px; } #content-main ul.media-release li img.lock { margin-top: 6px; } /* four col partners */ #content-main .partners.col4 li { width: 100%; padding-bottom: 40px; text-align: center; } #content-main .partners.col4 li:last-child { padding-bottom: 0; } /* media gallery */ #content-main ul#img-lib li { width: calc(50% - 15px); padding-bottom: calc(50% - 15px); } #content-main ul#img-lib li:nth-child(3n+1) { margin-left: 30px; } #content-main ul#img-lib li:nth-child(odd) { margin-left: 0; } #content-main ul#img-lib li img { width: auto; height: 152px; } #content-main ul.structured-list.video-lib li, #content-main ul.structured-list.video-lib li:nth-child(3n+1), #content-main ul.structured-list.video-lib li:nth-child(odd) { width: 100%; margin-left: 0; } #content-main ul.structured-list.video-lib li a.vid-thumbnail { max-height: 170px; } #content-main .search-filter fieldset { margin-bottom: 20px; } /* media listing & filter panel */ #content-main .tabs-container { width: 100%; } #content-main .filter-pnl.media-filter h2 { width: 45%; max-width: 45%; font-size: 1.7rem; } #content-main .tabbody .listing-group li:nth-child(n+5) { display: none; } #content-main .tabbody .view-more { display: block; width: 100%; padding: 12px; margin: 15px 0; border: none; font-size: 1.3rem; font-weight: 600; letter-spacing: 0.1rem; text-transform: uppercase; background: #2d373e; color: #ffffff; } /* contact us tabs */ #content-main .tabs-container.contact-us-tabs, #content-main .tabs-container.media-listing-tabs { width: 100%; margin-left: 0; } .filter-pnl.media-filter .year { width: 100%; margin-bottom: 10px; } .filter-pnl.media-filter .month { width: 100%; } .filter-pnl.media-filter.stylish-form .stylish-select { width: calc(55% - 20px); } .filter-pnl.media-filter .year h2, .filter-pnl.media-filter .month h2 { line-height: 4rem; } #TB_window { top: 27.5% !important; left: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; max-width: none; background-color: rgba(15, 15, 15, 0.65); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; transform: none; } .tb-lightbox-active #TB_window { background: none; } .lightbox-form-content-active.tb-lightbox-active #TB_window { background: #ffffff; } .media-window #TB_window { height: 100% !important; background: none; } #TB_window img#TB_Image { box-sizing: border-box; width: 100%; height: auto; } #TB_footer .count { padding: 50px 20px 0 0; } #TB_footer .em { float: left; padding: 50px 0 0 20px; max-width: 60%; } #TB_closeWindowButton { top: 20px; right: 20px; } .lightbox-form-content-active #TB_closeWindowButton { background: url('/VisualAssets/corporate/Assets/images/icons/close-green.png') no-repeat; background-size: contain; } #TB_window iframe { min-width: 0; width: 100%; } /* media window */ .media-window iframe { height: 200px; } .media-window #TB_Header, .media-window #TB_window #TB_ImageOff + #TB_footer { position: fixed; bottom: 15px; width: 100%; font-size: 2rem; line-height: 3rem; padding: 0 15px; margin: 0; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .media-window #TB_Header .scrollable, .media-window #TB_window #TB_ImageOff + #TB_footer span.em { display: inline-block; width: 100%; white-space: nowrap; overflow-x: auto; } .media-window .window-content { position: absolute; top: 0; bottom: 0; height: 248px !important; width: 100%; max-width: 100%; margin: auto; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .media-window #TB_ajaxContent p { display: none; } .media-window #TB_window #TB_ajaxContent { width: 100% !important; } .media-window #TB_window .window-content { width: 100%; overflow: hidden; } .media-window #TB_window #TB_ImageOff + #TB_footer { padding-top: 0; background: rgba(0,0,0,0.5); } .media-window #TB_window #TB_ImageOff + #TB_footer #TB_next { right: 0; bottom: -20px; top: initial; } .media-window #TB_window #TB_ImageOff + #TB_footer #TB_prev { top: initial; left: 0; bottom: -20px; } /* image window */ .media-window.image-window-open #TB_window #TB_ImageOff + #TB_footer span.em { width: 92%; display: block; text-align: center; max-width: 100%; padding: 5px 4% 20px; white-space: initial; } .media-window.image-window-open #TB_window #TB_ImageOff + #TB_footer span.count { padding-right: 0; float: none; width: 80%; display: block; margin: 0 auto; text-align: center; } .media-window.image-window-open #TB_window #TB_ImageOff { position: relative; top: 50%; width: 100% !important; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* map window */ #TB_iframeContent.gmap-open, .media-window #TB_window iframe { height: 100% !important; } #TB_window.gmap-window iframe { position: fixed; top: 65px; min-width: 0; height: calc(100% - 65px) !important; min-height: 0 !important; } #TB_window.gmap-window { top: auto !important; height: 100% !important; } .media-window #TB_window { position: fixed !important; top: 0 !important; bottom: 0 !important; height: 230px !important; width: 100% !important; max-width: 100%; margin: auto !important; padding: 0 !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } /* basket overlay */ #TB_overlay.TB_overlayBG.preloader-bg + #wait { top: 0 !important; max-width: none; height: 100% !important; } #TB_overlay.esc-prohibited.close-back.location-lightbox-overlay { background-color: #ffffff; opacity: 1; } #TB_window.location-lightbox-container { max-width: none !important; padding-top: 20px !important; background-color: #ffffff; } #TB_window.location-lightbox-container #TB_closeWindowButton { background-color: #00573d; padding: 10px; background-size: 45%; background-position: center; top: 0; right: 0; } /* product listing */ .tbl-styled.tbl-prod-listing .thumbnail { text-align: center; } .tbl-styled.tbl-prod-listing tr td, #content-main .tbl-prod-listing .additional { display: block; padding: 0; } #content-main .tbl-prod-listing .prices p { width: calc(49% - 20px); } #content-main .tbl-prod-listing { margin-bottom: 20px; } #content-main .tbl-prod-listing tr:last-child td { border-bottom: none; } #prod-detail #image { text-align: center; } /* featured panels ---------------------------- */ .featured-panels .panel, .featured-panels .panel.img-cta { width: 100%; margin-left: 0; } .featured-panels .services-panels .panel, .featured-panels .services-panels .panel:nth-child(4) { width: calc(50% - 5px); margin: 0 0 10px 6px; } .featured-panels .wrapper div .panel:not(:first-child) { min-height: 0; } .featured-panels .wrapper div .panel:first-child .featured-img { position: relative; max-height: 300px; overflow: hidden; } .featured-panels .panel h3, .featured-panels .panel.left h3 { font-size: 2.1rem; line-height: 3rem; margin-bottom: 10px } .featured-panels .wrapper div .panel:first-child img { position: relative; top: -80px; max-height: none; height: auto; } .featured-panels .top-section .panel.left { min-height: 0; margin-bottom: 20px; } .featured-panels .panel p { margin-bottom: 20px; } /* product categories listing */ #content-main ul.category li.product-item .img-holder, #content-main .panels .panel.img > a, #content-main .panels .pnl-grp .panel.img > a, #content-main .panels .pnl-grp.four .panel.img > a { height: auto; } #content-main ul.structured-list.video-lib li a.vid-thumbnail { max-height: 140px; } #content-main ul.category li.product-item a img, #content-main .panels .panel.img > a img, #content-main .panels .pnl-grp .panel.img > a img, #content-main .panels .pnl-grp.four .panel.img > a img { position: relative; width: 100% !important; min-height: 0; top: 0; left: 0; -moz-transform: none; -o-transform: none; transform: none; -ms-transform: none; -webkit-transform: none; } #content-main ul.structured-list.video-lib li img { top: 100%; } /* featured training panel */ #content-main .panels .panel.full .left-col, #content-main .panels .panel.full .right-col { display: inline-block; width: 100%; } #content-main .panels .panel.full .right-col img { padding: 0 30px !important; } /* sidebar navigation */ .sidebar-wrap { float: none; order: 1; width: calc(100% - 40px); max-width: initial; padding: 0; margin: 0 10px; margin: 0 auto; } .sidebar-wrap.filters { padding-left: 0; } .sidebar-nav { max-width: initial; display: none; margin-top: 20px; } .sidebar-nav:not(.sidebar-filters):not(.member-sidebar) { margin-bottom: 15px; } .sidebar-nav.no-children { display: none !important; } .sidebar-nav a.active, .sidebar-nav ul li a.current.active { padding: 20px 65px 20px 20px; background: #2d373e; color: #ffffff; text-align: left; font-size: 1.7rem; } .sidebar-nav ul li a, .sidebar-wrap.filters ul.selected li span { font-size: 1.7rem; } .sidebar-nav h2 { margin: 0; padding: 20px 65px 20px 20px; position: relative; background: #2d373e; line-height: 2.3rem; } .sidebar-nav h2 a { color: #ffffff; } .sidebar-nav h2 a:after { content: ''; display: block; width: 15px; height: 10px; position: absolute; right: 10px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url('/VisualAssets/corporate/Assets/images/icons/arrow-down.png') no-repeat; background-size: contain; transition: all 0.2s; } .sidebar-nav ul { background: #ffffff; } .sidebar-nav ul li.active > a.active:after { width: 15px; height: 10px; left: auto; right: 18px; background: url('/VisualAssets/corporate/Assets/images/icons/arrow-down.png') no-repeat; background-size: contain; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all 0.2s; } .sidebar-nav ul li.active > a.active:before, #main .tabs-container .tabs-select-button div:after { content: ""; position: absolute; top: 1.5rem; bottom: 1.5rem; right: 5rem; width: 1px; height: auto; margin: auto; background-color: rgba(255, 255, 255, 0.4); } .sidebar-nav h2.toggle-arrow a:after, .sidebar-nav ul li.active > a.active.toggle-arrow:after { -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .sidebar-nav ul li a:after { background: none; } .sidebar-nav ul li.active.hidden, .sidebar-nav ul li.active.hidden > ul { display: block; } .sidebar-nav ul li.active.hidden > a, .sidebar-nav ul li.active ul { display: none; } .sidebar-mobile .sidebar-wrap { width: calc(100% - 40px); } .sidebar-nav.member-sidebar { display: block; margin-bottom: 20px; } /* sidebar filters */ .sidebar-nav.sidebar-filters { display: block; margin-top: 10px; } .sidebar-nav.sidebar-filters h2 { margin-bottom: 0; font-size: 1.7rem; background: none; } .sidebar-wrap.filters .open-filters { display: block; width: 100%; padding: 14px; margin-bottom: 20px; position: relative; text-transform: uppercase; background: #088921; border: none; color: #ffffff; font-weight: 600; letter-spacing: 0.1rem; } .sidebar-wrap.filters .open-filters .btn-label { position: relative; padding-left: 30px; min-height: 26px; } .sidebar-wrap.filters .open-filters .btn-label:before { content: ''; position: absolute; top: -2px; left: -10px; display: block; width: 26px; height: 26px; background: url('/VisualAssets/corporate/Assets/images/icons/filter.png') no-repeat; background-size: contain; } .sidebar-wrap.filters .close-filters { display: block; width: 20px; height: 20px; position: absolute; top: 14px; right: 10px; border: none; background: url('/VisualAssets/corporate/Assets/images/icons/close-green.png') no-repeat; background-size: contain; z-index: 1; } .sidebar-nav.sidebar-filters .refine { display: none; width: calc(100% - 20px); height: 100%; padding: 0 10px; position: fixed; top: 0; left: 0; overflow: scroll; z-index: 8; background: #ffffff; } .sidebar-nav.sidebar-filters .refine.active { display: block; } .sidebar-nav.sidebar-filters .refine h2 { margin-top: 10px; margin-bottom: 12px; text-align: center; } .sidebar-wrap.filters ul.selected { background: none; } .sidebar-wrap.filters ul.selected li, .sidebar-wrap.filters ul.selected li:first-child { display: block; float: left; margin-top: 10px; margin-right: 10px; } .sidebar-wrap.filters .filter-by { display: block; } .sidebar-nav ul.cat:first-child li:first-child { border-top: none; } /* sidebar member dashboard */ .sidebar-wrap .member { max-width: initial; color: #2d373e; } .sidebar-wrap .member h4 { color: #00573d; } .sidebar-wrap .member a { color: #c92d0e; font-size: 1.7rem; } .sidebar-wrap .member p { font-weight: 700; font-size: 1.7rem; } .sidebar-wrap .member div span { font-size: 1.7rem; } .sidebar-nav.member-sidebar button.mobile { display: block; width: 100%; margin: 0 auto; padding: 20px 30px 20px 10px; position: relative; border: none; background: #2d373e; color: white; font-weight: 600; font-size: 1.5rem; text-transform: uppercase; letter-spacing: 0.1rem; text-align: left; } .sidebar-nav.member-sidebar button.mobile:after { content: ''; display: block; width: 15px; height: 10px; position: absolute; right: 20px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url('/VisualAssets/corporate/Assets/images/icons/arrow-down.png') no-repeat; background-size: contain; transition: all 0.2s; } .sidebar-nav.member-sidebar button.mobile.toggle-arrow:after { -moz-transform: translateY(-50%) rotateX(180deg); -ms-transform: translateY(-50%) rotateX(180deg); -o-transform: translateY(-50%) rotateX(180deg); -webkit-transform: translateY(-50%) rotateX(180deg); transform: translateY(-50%) rotateX(180deg); } .sidebar-nav.member-sidebar ul { display: none; width: 100%; margin: 0 auto; background: #2d373e; } .member .sidebar-nav ul li a.current:after, .member .sidebar-nav ul li a.active:after { left: 10px; } .member .sidebar-nav ul li a.current.active, .member .sidebar-nav ul li a.active { padding-left: 40px; } /* member licences */ .member .member-licences td { display: block; width: 100%; padding-right: 0; -wbkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .member .member-licences td input[type="image"] { display: inline-block; margin: 0; } /* date picker */ .Zebra_DatePicker { width: 100%; height: 100%; margin-top: auto; margin-left: auto; } #updates .c { width: 100%; margin: 30px 0 0 0; } #updates .c:first-child { margin-top: 0; } .member #content-main #left-col { width: 100%; } .member #content-main #aside { width: 100%; margin: 0; } .member #content-main #aside .ads { padding-right: 0; } .member #content-main .ads li { text-align: center; } .member #content-main #aside .ads li a img { max-width: 350px; } .member #content-main #aside .ads:first-of-type { margin-top: 10px; } /* membership types */ #content-main .tabs.membership-types .content .form-row .left, #content-main .tabs.membership-types .content .stylish-text, #content-main .tabs.membership-types .content .stylish-select { width: 100%; max-width: initial; } #content-main .tabs.membership-types .content { padding: 10px; } #content-main input[type="submit"] { margin-left: 0; } /* share toolbar */ #share-mobile { display: block; width: calc(100% - 40px); margin: 20px auto 20px; background: #088921; text-align: center; } #share-mobile .addthis_toolbox { float: none; padding-top: 15px; } #share-mobile .addthis_button_compact { padding-left: 30px; color: #ffffff; background: url('/VisualAssets/corporate/Assets/images/icons/share-white.png') no-repeat; background-size: 18px 20px; text-transform: uppercase; font-size: 13px; font-size: 1.3rem; letter-spacing: 2px; letter-spacing: 0.2rem; font-weight: 700; } /* wrap content */ #cont-inr-sub { display: flex; flex-direction: column; overflow: hidden; } #wrap-content { width: 100%; order: 2; } .page-banner { width: 100%; order: 0; display: flex; flex-direction: column; } .page-banner section { order: 0; } .page-banner div { order: 1; } /* filter panel / search products */ .filter-pnl { padding: 0; } .filter-pnl.search { padding: 30px 20px 20px; } .filter-pnl h2 { font-size: 2.2rem; } .filter-pnl.stylish-form .stylish-select, .filter-pnl.stylish-form .stylish-text { width: 100%; margin: 0 0 10px 0; } .filter-pnl.stylish-form .primary-cta { width: 100%; text-align: left; background: url('/VisualAssets/corporate/Assets/images/icons/arrow-right-white.png') 90% 16px no-repeat #088921; background-size: 18px 14px; } .filter-pnl.stylish-form .stylish-select > span > span.ico { right: 20px; background: url('/VisualAssets/corporate/Assets/images/icons/arrow-down-orange.png') no-repeat; background-size: contain; } .filter-pnl .more { width: 100%; margin-top: 20px; text-align: center; } #content-main .filter-pnl input[type="submit"] { margin: 20px 0 0 0; } .filter-pnl.contact .location .map { width: 100%; margin-bottom: 20px; } .filter-pnl.contact .location .details { width: 100%; padding: 0; } .filter-pnl.contact .location { margin-bottom: 20px; } .filter-pnl.contact .location:last-of-type { margin-bottom: 0; } #content-main .filter-pnl.contact .location p { line-height: 2.4rem; } #content-main .filter-pnl.contact ul.structured-list li, #content-main .filter-pnl.contact ul.structured-list li:nth-child(3n+1) { width: 100%; margin: 20px 0 0 0; } #content-main .filter-pnl.contact ul.structured-list li:first-child { margin-top: 0; } #content-main .filter-pnl.contact ul.structured-list li > h3 { margin: 0; font-size: 2rem; } #content-main .scfRadioButtonList { margin: 10px 0 15px; } #content-main .scfListBoxGeneralPanel, #content-main .scfDropListGeneralPanel, #content-main .scfEmailGeneralPanel, #content-main .scfMultipleLineGeneralPanel, #content-main .scfSingleLineGeneralPanel, #content-main .scfPasswordGeneralPanel, #content-main .scfNumberGeneralPanel, #content-main .scfDatePickerGeneralPanel, #content-main .scfDateGeneralPanel, #content-main .scfRadioButtonListGeneralPanel, #content-main .scfCheckBoxListGeneralPanel, #content-main .scfFileUploadGeneralPanel, #content-main .scfDateSelectorGeneralPanel, #content-main .scfCreditCardGeneralPanel, #content-main .scfConfirmPasswordGeneralPanel, #content-main .scfCaptchaGeneralPanel, #content-main .scfTelephoneGeneralPanel, #content-main .scfSmsTelephoneGeneralPanel { width: 100%; margin: 0; } #content-main .scfForm.stylish-form label, #content-main .scfForm.stylish-form .scfRadioButtonListLabel, #content-main .scfForm.stylish-form .scfCheckBoxListGeneralPanel label { width: 100%; margin-bottom: 5px; text-align: left; } #content-main .scfForm .scfDateSelectorLabel { width: 100%; margin-bottom: 20px; font-size: 1.8rem; text-align: left; } #content-main .scfForm.stylish-form .scfRadioButtonList label { width: calc(100% - 40px); } #content-main .scfForm.stylish-form .stylish-select, #content-main .scfForm.stylish-form .stylish-text, #content-main .scfForm.stylish-form .stylish-textarea { max-width: initial; } #content-main .scfForm.stylish-form input[type="submit"] { width: 100%; margin: 20px 0 0 0; } #content-main .scfCheckBoxListLabel { width: 100%; margin: 5px 0 15px; float: none; text-align: left; } /* login page */ .no-sidebar #content-main h1 { margin: 0; padding: 20px; } #content-main #login h2, #login .filter-pnl section fieldset .stylish-text { margin: 0; } #login .filter-pnl section fieldset .stylish-password { margin-bottom: 10px; } #login .filter-pnl section:first-child { margin-bottom: 20px; } #login .filter-pnl section { width: 100%; margin-left: 0; padding: 20px; box-sizing: border-box; } #login .filter-pnl section .form-column { margin-bottom: 30px; } /* training details */ #content-main .swipe-guide { display: block; } #content-main .training-details input[type="submit"] { width: 100%; } #content-main .delegate-details .form-row, #content-main .delegate-details.info-box ul.horizontal li, #content-main .info-box .types .form-row { width: 100%; } #content-main ul.step-stages li > span:last-child { display: none; } /* page listing */ #main .listing-intro .intro { margin-top: 5px; margin-bottom: 15px; } #content-main .listing-container .listing-intro { display: none; } #content-main .listing-container td { display: inline-block; } #content-main .featured-products-list td { width: 100% !important; display: inline-block; } #content-main .listing-container .listing-info.after { padding-left: 0; } #content-main .listing-container td.training-type { display: table-cell; } #content-main .listing-container .listing-info.after { padding-bottom: 42px; } #content-main .listing-container .listing-info .listing-item-cta { bottom: 12px; left: 0; } #cont-inr-sub > .listing-intro { display: table; width: 100%; } #cont-inr-sub > .listing-intro h1 { margin-top: 15px; margin-bottom: 0; } .training-list-section #content-main .listing-container .listing-info.after { padding-top: 0; } #content-main .featured-products-list tr { margin-left: 10px; } /* training courses listing */ #content-main .listing-container .training-type img { width: 30px; height: 30px; } /* training by course courses listing */ #content-main .listing-container .listing-by-course .listing-by-course-info td { display: inline-block; width: 100%; padding: 0; } #content-main .listing-container .listing-by-course .listing-by-course-info td:first-child { padding-top: 10px; } #content-main .listing-container .listing-by-course .listing-by-course-info td:last-child { padding-bottom: 10px; } #content-main .listing-container .listing-by-course .listing-by-course-info td.listing-item-cta span { text-align: left; padding-left: 0; } /* upcoming training courses listing */ #content-main .upcoming-training-list .upcoming-event-cta { display: none; } #content-main .upcoming-training-list.media-release li p { width: 100%; } #content-main .upcoming-training-list.media-release li p.upcoming-training-info a { font-size: 1.8rem; line-height: 2.5rem; font-weight: bold; padding-left: 12px; padding-top: 0; } #content-main .upcoming-training-list.media-release li { padding-left: 0; padding-bottom: 0; padding-right: 15px; } #content-main .upcoming-training-list .upcoming-training-item img { left: 15px; width: 30px; height: 30px; margin-top: 15px; } #content-main .upcoming-training-list .upcoming-training-item img + a { display: table-cell; } #content-main ul#mem-stages li > span:last-child { display: none; } #content-main .upcoming-training-list.media-release li p.upcoming-training-info { display: table; width: 100%; min-height: 0; margin-top: 15px; margin-bottom: 15px; padding-left: 48px; } #content-main .upcoming-training-list .upcoming-training-location { width: 100%; padding-left: 60px; margin-top: 0; } #content-main .upcoming-training-list.media-release .upcoming-training-location p { width: 100%; margin-right: 0; margin-bottom: 0; } #main #content-main .wysiwyg.view-all-upcoming .button-default { float: none; display: inline-block; width: 100%; background-position-x: 80%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #content-main .upcoming-training-list.media-release .upcoming-training-location p.location, #content-main .upcoming-training-list.media-release .upcoming-training-location p.date { width: 100%; margin: 0; } /* tables */ .tbl-styled tr.product td { padding-left: 0; padding-right: 0; } #content-main.confirmation-page .tbl-styled.basket-listing { width: 100%; } /* mobile tabs dropdown button */ #main .tabs-container.contact-us-tabs, #main .tabs-container.media-listing-tabs, #main .tabs-container.training-listing-tabs, #main .tabs-container.my-profile-tabs, #main .tabs-container.featured-tabs .tabs-select-button { overflow-x: hidden; width: 100%; margin-left: 0; } #main .tabs-container.contact-us-tabs .tabs-select-button, #main .tabs-container.media-listing-tabs .tabs-select-button, #main .tabs-container.training-listing-tabs .tabs-select-button, #main .tabs-container.my-profile-tabs .tabs-select-button, #main .tabs-container.featured-tabs .tabs-select-button { display: block; } #main .tabs-container .tabs-select-button + .tabs-list { border-bottom: none; display: none; } #main .tabs-container .tabs-select-button + .tabs-list li { display: block; width: 100%; font-size: 1.3rem; text-align: left; padding: 0; border-bottom: solid 1px #d8d8d8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #main .tabs-container .tabs-select-button + .tabs-list li a { padding: 11px 15px; } #main .tabs-container .tabs-select-button + .tabs-list li:before { display: none; } #content-main .tabs .tabs-list li.current { display: none; } /* form stages */ #content-main .order-review, #content-main .delegate-details { padding: 0; } /* event search */ #EventSearch { position: relative; display: table; width: 100%; } #EventSearch .stylish-text, #EventSearch .stylish-select { width: 100%; } #EventSearch .stylish-text, #EventSearch .stylish-select { margin-right: 0; } /* featured tabbed items */ #content-main .featured-tabbed-items .content li a, #content-main .featured-tabbed-items .content li .featured-panel-data { display: block; width: 100%; padding-right: 0; } #content-main .info-box .button-holder { font-size: 1.1rem; letter-spacing: 0.1rem; } /*basket listing*/ .accordion .tbl-styled tr td { width: 70%; } .accordion .tbl-styled tr td.pad-r { width: 30%; } #content-main.full-width .wrapper .host, #content-main.full-width .wrapper .parents, #content-main.full-width .wrapper div .span-2 { width: 100%; margin: 0; } /* iframe */ #content-main .wrapper iframe { width: 100%; } /* two col layout */ .two-col-layout { margin-top: 20px; } .two-col-layout > div.col { float: none; width: 100%; margin-top: 20px; } .two-col-layout .col.left-col, .two-col-layout .col.right-col { margin: 0; } /* thank you page two col layout */ .thank-you .thankyou-inner h2, .thank-you .thankyou-inner p { padding: 0; } .thank-you .two-col-layout { margin-left: 0; } /* personalisation */ .personalisation-component, .personalisation-component.with-bg .content { width: 100%; } .personalisation-component .actions { margin-top: 15px; } .personalisation-component.one-col { width: 100%; margin-top: 20px; } .personalisation-component.with-bg .component-content { padding: 20px; } /* stat component */ .stat-component { margin-top: 20px; } .stat-component .stat-block { height: auto; float: none; width: calc(100% - 40px); margin: 20px 0 0; padding: 20px; } .stat-component .stat-block img { display: none; } .stat-component .stat-block:first-child { margin-top: 0; } /* video component */ .video-component, .two-col-layout .video-component { width: 100%; } /* overlayer-window */ .overlayer-window .two-col-layout .col.right-col { display: none; } .overlayer-window .two-col-layout .col.left-col { margin: 0; width: 100%; } .media-window #TB_Header, .media-window #TB_window #TB_ImageOff + #TB_footer { position: fixed; bottom: 15px; width: 100%; font-size: 2rem; line-height: 3rem; padding: 0 15px; margin: 0; text-align: left; } /* select-member 3 col layout */ .select-member .member-types { background-image: none; background-color: #ffffff; } .select-member .member-types .member-types-grid .panel { display: none; } .select-member .member-types .member-types-grid-mobile { display: block; } .select-member .member-types .member-types-grid-mobile .selected { color: #00573d; } .select-member .member-types .price-overlayer { margin: 30px; padding: 0; } /* membership sign up form */ #content-main .membership-sign-up .inner, #content-main .membership-sign-up .inner.declaration, #content-main .membership-sign-up .declaration .form-row.submit { padding: 0; } #content-main .membership-sign-up .form-row label, #content-main .membership-sign-up .form-row .form-column, #content-main .membership-sign-up .declaration .form-row p, #content-main .membership-sign-up .form-row .form-column.address .postcode, #content-main .membership-sign-up .form-row .form-column.address .postcode .stylish-text, #content-main .membership-sign-up .declaration .form-row .permission { width: 100%; } #content-main .membership-sign-up .form-row { margin-bottom: 10px; } #content-main .membership-sign-up .form-row.submit button, #content-main .membership-sign-up .form-row .form-column.address .postcode label { margin: 10px 0 0; width: 100%; } #content-main .membership-sign-up .heading > h4, #content-main .membership-sign-up .heading.billing h4 { width: 100%; margin-bottom: 22px; } #content-main .membership-sign-up .form-row .form-column.address .stylish-select { width: 100%; margin: 0; } #content-main .membership-sign-up .heading.billing div { display: block; margin-bottom: 15px; } #content-main .membership-sign-up .heading.billing span { color: #00573d; } #content-main .membership-sign-up .form-row .form-column .dob { width: calc(25% - 10px); } #content-main .membership-sign-up .form-row .form-column .dob.year { width: calc(50% - 23px); } #content-main .membership-sign-up .gender { margin: 5px 10px 0 0; } #content-main .membership-sign-up .gender label { width: auto; } } @media screen and (max-width: 500px) { /* Credit card iframe */ #divFrame { padding-bottom: 770px; } } @media screen and (max-width: 414px) { /* Credit card iframe */ #divFrame { padding-bottom: 780px; } } @media screen and (max-width: 400px) { .featured-panels .services-panels .panel h4 { font-size: 1.4rem; } .invoice-number { float: right; width: 50%; } } @media screen and (max-width: 375px) { /* Credit card iframe */ #divFrame { padding-bottom: 830px; } } @media screen and (max-width: 320px) { .featured-panels .services-panels .panel h4 { font-size: 1.2rem; } } @media print { #content-main { padding: 0 !important; position: relative; width: 100% !important } } @media screen and (max-width: 768px) { #content-main .panels .panel.img > a img { position: relative; width: 100% !important; min-height: 0; top: 0; left: 0; -moz-transform: none; -o-transform: none; transform: none; -ms-transform: none; -webkit-transform: none; } #content-main .panels .panel.img > a { height: auto; } } @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { /* media gallery */ .media-window #TB_window #TB_ImageOff + #TB_footer { padding-top: 50px; } .media-window #TB_Header, .media-window #TB_window #TB_ImageOff + #TB_footer { font-size: 2rem; line-height: 3rem; padding: 0 15px; margin: 0; text-align: left; } #TB_ImageOff + #TB_footer span.em { padding-left: 0; } .select-member .member-types .member-types-grid .panel .text-container h3 { font-size: 2rem; } .select-member .member-types .member-types-grid .panel .text-container .description { font-size: 1.49rem; } } @media (min-width: 481px) and (max-width: 812px) { .select-member .member-types .member-types-grid .panel .text-container h3 { font-size: 2rem; } .select-member .member-types .member-types-grid .panel .text-container .description { font-size: 1.25rem; } } @media screen and (min-device-width: 1200px) and (max-device-width: 1600px) { .overlayer-window { width: 60%; } }