/* Theme Name: Northern Healthcare Theme URI: http://www.thinkeq.co.uk/ Author: EQ Author URI: http://www.thinkeq.co.uk/ Description: Northern Healthcare brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2018 works great in many languages, for any abilities, and on any device. Version: 1.0 Text Domain: nhc Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* =================reset css starts here================= */ *{margin:0;padding:0;} h1,h2,h3,h4,h5,h6,p,ul,li,body,html,form,fieldset{margin:0;padding:0;outline:none;border:0} img{border:0;} a{text-decoration:none;border:0;outline:0;} .clear{clear:both;width:auto!important} ul{list-style:none;} a:focus,input:focus,textarea:focus,*:focus{outline:0!important;box-shadow:none!important;} *{margin:0;padding:0;} h1,h2,h3,h4,h5,h6,p,ul,li,body,html,form,fieldset{margin:0;padding:0;outline:none;border:0} /* =================reset css ends here================= */ /* =================core css starts here================= */ body{font-family:'Roboto',sans-serif;font-weight:400;font-size:16px;line-height:22px;letter-spacing:-0.4px;background:#fff;color:#586271;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:124px;} .container{width:100%;max-width:1200px;} .form-control::-webkit-input-placeholder{color:#586271;opacity:1;} .form-control::-moz-placeholder{color:#586271;opacity:1;} .form-control:-moz-placeholder{color:#586271;opacity:1;} .form-control:-ms-input-placeholder{color:#586271;opacity:1;} a{transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;color:inherit;} a:hover{text-decoration:none;color:#00a091;} .os-animation{opacity:0;} .os-animation.animated{opacity:1;} img{max-width:100%;height:auto;} h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;margin-bottom:25px;line-height:1.2;font-weight:900;font-family:'Muli',sans-serif;color:inherit;letter-spacing:-0.8px;} h1{font-size:40px;} h2{font-size:36px;} h3{font-size:30px;} h4{font-size:24px;} h5{font-size:22px;} h6{font-size:20px;font-family:'Roboto',sans-serif;font-weight:700;margin-bottom:0;letter-spacing:-0.4px;} p{margin:0px;padding:0px;margin-bottom:25px;} strong{font-weight:700;} h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{font-weight:900;} b{font-weight:400;} p:last-child{margin-bottom:0;} .grey-bg{background:#f0f0f0;} .light-bg{background:#67c1bf;color:#fff;} .dark-bg{background:#055468;color:#fff;} .light-bg .heading h1,.dark-bg .heading h1,.light-bg .heading h4,.dark-bg .heading h4,.light-bg .heading h3,.dark-bg .heading h3{color:#fff;} .btn{border-radius:5px;padding:5px 15px;height:40px;line-height:28px;min-width:184px;font-size:16px;box-shadow:none;font-weight:900;font-family:'Muli',sans-serif;text-transform:uppercase;box-shadow:none!important;outline:none!important;letter-spacing:1px;} .btn-block{min-width:100%;} .btn.btn-xs{min-width:173px;} .btn.btn-md{min-width:239px;} .btn.btn-lg{padding:5px 25px;} .btn-block+.btn-block{margin-top:20px;} .btn-primary,.btn-primary:focus{background:#00a091;color:#fff;border:1px solid #00a091;} .btn-primary:hover{background:#029587;color:#fff;border:1px solid #029587;} .btn-primary:not(:disabled):not(.disabled):active{background:#029587;color:#fff;border:1px solid #029587;} .btn-default,.btn-default:focus{background:#90935f;color:#fff;border:1px solid #90935f;} .btn-default:hover{background:#586271;color:#fff;border:1px solid #586271;} .btn-default:not(:disabled):not(.disabled):active{background:#586271;color:#fff;border:1px solid #586271;} .btn-outline-green,.btn-outline-green:focus{background:transparent;color:#00a091;border:1px solid #00a091;} .btn-outline-green:hover,.btn-outline-green.active,.btn-outline-green.active:focus,.btn-outline-green.active:active{background:#00a091;color:#fff;border:1px solid #00a091;} /*.btn-outline-green:not(:disabled):not(.disabled):active{background:transparent; color: #00a091; border: 1px solid #00a091;}*/ .btn-outline-white,.btn-outline-white:focus{background:transparent;color:#fff;border:1px solid #fff;} .btn-outline-white:hover{background:#fff;color:#00a091;border:1px solid #fff;} .btn-outline-white:not(:disabled):not(.disabled):active{background:transparent;color:#fff;border:1px solid #fff;} .btn-outline-white2,.btn-outline-white2:focus{background:transparent;color:#fff;border:1px solid #fff;} .btn-outline-white2:hover{background:#fff;color:#67c1bf;border:1px solid #fff;} .btn-outline-white2:not(:disabled):not(.disabled):active{background:transparent;color:#fff;border:1px solid #fff;} .btn-outline-white3,.btn-outline-white3:focus{background:transparent;color:#fff;border:1px solid #fff;} .btn-outline-white3:hover{background:#fff;color:#055468;border:1px solid #fff;} .btn-outline-white3:not(:disabled):not(.disabled):active{background:transparent;color:#fff;border:1px solid #fff;} .btn-outline-dark,.btn-outline-dark:focus{background:transparent;color:#586271;border:1px solid #586271;} .btn-outline-dark:hover{background:#586271;color:#fff;border:1px solid #586271;} .btn-outline-dark:not(:disabled):not(.disabled):active{background:transparent;color:#586271;border:1px solid #586271;} ul:not([class]){list-style:none;margin-bottom:35px;} ul:not([class]) > li{font-weight:700;padding-left:25px;position:relative;} ul:not([class]) > li:before{content:'\f00c';font-family:"Font Awesome 5 Free";font-size:16px;font-weight:900;color:#00a091;position:absolute;left:0;top:0;} ul.tick-list{list-style:none;position:relative;width:100%;} ul.tick-list li{position:relative;letter-spacing:-0.4px;font-size:16px;font-weight:700;padding-left:25px;line-height:18px;margin-bottom:5px;} ul.tick-list li:before{content:'\f00c';position:absolute;font-family:"Font Awesome 5 Free";font-weight:900;left:0;top:0;font-size:14px;} ul.tick-list.white{color:#fff;} .light-bg ul:not([class]) > li:before,.dark-bg ul:not([class]) > li:before{color:#fff;} .media-box{display:block;width:100%;position:relative;} .media-box > img{width:100%;} .modal-backdrop{z-index:99999;} .modal-backdrop.show{opacity:0.85;} .modal{z-index:999999;} .add-index{position:relative;z-index:9;} .row-sibling + .row{margin-top:15px;} /* =================core css ends here================= */ /* ================= Nice Select css Start here ================= */ .nice-select{-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:5px;border:solid 1px #e8e8e8;box-sizing:border-box;clear:both;cursor:pointer;display:inline-block;float:none;font-family:inherit;font-size:14px;font-weight:normal;height:40px;line-height:26px;outline:none;padding-left:15px;padding-right:30px;position:relative;text-align:left!important;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%;} .nice-select:hover{border-color:#fff;} .nice-select:active,.nice-select.open,.nice-select:focus{border-color:#fff;} .nice-select:after{content:'';display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;-ms-transform-origin:66% 66%;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;width:5px;border-top:solid 8px #586271;border-left:solid 8px transparent;border-right:solid 8px transparent;} .nice-select.open:after{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);} .nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0);} .nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none;} .nice-select.disabled:after{border-top-color:#cccccc;} .nice-select.wide{width:100%;} .nice-select.wide .list{left:0!important;right:0!important;} .nice-select.right{float:right;} .nice-select.right .list{left:auto;right:0;} .nice-select.small{font-size:12px;height:36px;line-height:34px;} .nice-select.small:after{height:4px;width:4px;} .nice-select.small .option{line-height:34px;min-height:34px;} .nice-select .list{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,0.11);box-sizing:border-box;margin-top:4px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:100%;left:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(0.75) translateY(-21px);-ms-transform:scale(0.75) translateY(-21px);transform:scale(0.75) translateY(-21px);-webkit-transition:all 0.2s cubic-bezier(0.5,0,0,1.25),opacity 0.15s ease-out;transition:all 0.2s cubic-bezier(0.5,0,0,1.25),opacity 0.15s ease-out;z-index:9;width:100%;color:#90935f;max-height:180px;overflow-y:auto;} .nice-select .list:hover .option:not(:hover){background-color:transparent!important;} .nice-select .option{cursor:pointer;font-weight:400;line-height:20px;list-style:none;min-height:40px;outline:none;padding:10px;padding-left:18px;padding-right:29px;text-align:left;-webkit-transition:all 0.2s;transition:all 0.2s;white-space:normal;} .nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{background-color:#f6f6f6;} .nice-select .option.selected{font-weight:bold;} .nice-select .option.disabled{background-color:transparent;color:#999;cursor:default;} .no-csspointerevents .nice-select .list{display:none;} .no-csspointerevents .nice-select.open .list{display:block;} .nice-select.form-control{padding-right:40px;} .nice-select.form-control.type2{background:#66c1be;border-color:#66c1be;color:#fff;font-weight:700;} .nice-select.form-control.type2:after{border-top-color:#fff;} .nice-select.form-control.type2 .list{background-color:#65c1be;color:#fff;} .nice-select.form-control.type2 .option{padding-left:15px;font-weight:700;} .nice-select.form-control.type2 .option:hover,.nice-select.form-control.type2 .option.focus,.nice-select.form-control.type2 .option.selected.focus{background-color:rgba(0,0,0,0.1);} /* ================= Nice Select css end here ================= */ /* ================= Slick Slider css start here ================= */ /* Slider */ .slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;} .slick-list:focus{outline:none;} .slick-list.dragging{cursor:pointer;cursor:hand;} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .slick-track{position:relative;top:0;left:0;display:flex;} .align-center .slick-track{align-items:center;} .slick-track:before,.slick-track:after{display:table;content:'';} .slick-track:after{clear:both;} .slick-loading .slick-track{visibility:hidden;} .slick-slide{display:none;float:left;height:auto;min-height:1px;} [dir='rtl'] .slick-slide{float:right;} .slick-slide img{display:block;} .slick-slide.slick-loading img{display:none;} .slick-slide.dragging img{pointer-events:none;} .slick-initialized .slick-slide{display:block;} .slick-loading .slick-slide{visibility:hidden;} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;} .slick-arrow.slick-hidden{display:none;} /* Slider */ /* Arrows */ .slick-prev,.slick-next{z-index:99;font-size:0;line-height:0;position:absolute;top:-50px;display:block;float:left;padding:0;margin-top:-25px\9; /*lte IE 8*/-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent;} .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent;} .slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1;} .slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:0;} /*.slick-prev:before, .slick-next:before {font-family: 'font Awesome 5 Free';font-weight: 900;font-size: 30px;line-height: 1;opacity: 1;color: #00a091;opacity: 0.9;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}*/ .slick-prev:before,.slick-next:before{font-family:'font Awesome 5 Free';font-weight:900;font-size:30px;line-height:1;opacity:1;color:#00a091;opacity:0.9;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:rgba(255,255,255,0.9);width:60px;height:60px;border-radius:50%;display:inline-block;padding:15px;} .slick-prev{left:15px;} [dir='rtl'] .slick-prev{right:15px;left:auto;} .slick-prev:before{content:"\f053";} [dir='rtl'] .slick-prev:before{content:"\f053";} .slick-next{right:15px;} [dir='rtl'] .slick-next{right:auto;left:15px;} .slick-next:before{content:"\f054";} [dir='rtl'] .slick-next:before{content:"\f054";} /* Dots */ .slick-slider{margin-bottom:0;padding-bottom:50px;} .slick-dots{position:absolute;bottom:0;display:block;width:100%;padding:0;list-style:none;text-align:center;vertical-align:top;} .slick-dots li{position:relative;display:inline-block;/* width: 15px; *//* height: 15px; */margin:0 0px;padding:0;text-align:center;cursor:pointer;vertical-align:top;} .slick-dots li button{font-size:0;line-height:0;display:inline-block;width:15px;height:15px;padding:0;cursor:pointer;color:transparent;border:0;outline:none;background:#00a091;opacity:0.3;border:0;border-radius:50%;vertical-align:top;margin:5px;} .slick-dots li.slick-active button,.slick-dots li:hover button{opacity:1;} .white-dots .slick-dots li button{background:#fff;} .dark-bg .slick-prev:before,.dark-bg .slick-next:before{color:#055468} .light-bg .slick-prev:before,.light-bg .slick-next:before{color:#67c1bf} .grey-arrow .slick-prev:before,.grey-arrow .slick-next:before{background:#f0f0f0;} /* ================= Slick Slider css end here ================= */ /* ================= global css Start here ================= */ .content-container{padding:80px 0;} .form-group{position:relative;margin-bottom:23px;} label{display:inline-block;margin-bottom:3px;font-size:16px;font-weight:700;line-height:20px;} .form-control{height:40px;border:solid 1px #fff;border-radius:5px;padding:5px 15px;font-size:16px;background-color:#fff;line-height:28px;} .form-control:focus{color:#90935f;background-color:#fff;border-color:#90935f;outline:0;box-shadow:none;} textarea.form-control{height:150px;} .form-control.no-focus:focus{border-color:#fff;} .form-control.dark-border{border-color:#586271;} .heading{margin-bottom:35px;text-align:center;} .heading h4,.heading h1{font-size:30px;color:#586271;font-family:'Muli';font-weight:900;margin-bottom:0;} .heading h4 + p,.heading h1 + p{margin:23px 0 0;} .heading h3{font-size:40px;color:#586271;font-family:'Muli';font-weight:900;margin-bottom:0;} .heading h3 + p{margin:23px 0 0;} ul.social-links{display:inline-block;vertical-align:top;font-size:0;line-height:0;} ul.social-links > li{display:inline-block;vertical-align:top;padding:0 10px;} ul.social-links > li > a{font-size:19px;line-height:20px;color:#fff;} ul.social-links > li > a:hover{color:#00a091;} .global-search-input .input-group-text{background:#fff;border:0;border-radius:5px;font-size:20px;padding:5px 2px 5px 15px;} .global-search-input .input-group .form-control{padding-left:8px;padding-top:2px;} .form-check{padding:0;margin:0px 0 25px;} .form-check input{display:none;} .form-check input + .wpcf7-list-item-label:before{content:'';display:block;width:20px;height:20px;background:#fff;border:0px solid #C4C4C4;position:absolute;left:0;top:0;border-radius:0;} .form-check input + .wpcf7-list-item-label:after{content:'\f00c';font-family:"Font Awesome 5 Free";display:inline-block;font-weight:900;font-size:0;width:20px;height:20px;line-height:20px;color:#fff;text-align:center;position:absolute;left:0;top:0;-webkit-transition:all 0.12s ease-in;transition:all 0.12s ease-in;} .form-check input:checked + .wpcf7-list-item-label:after{color:#000;font-size:16px;} .form-check label{padding-left:30px;position:relative;display:inline-block;vertical-align:top;font-size:14px;line-height:18px;font-weight:400;} .form-check label a{color:inherit;text-decoration:underline;} .newsletter-check label{padding-left:0;width:calc(100% - 74px);} .newsletter-check .wpcf7-form-control-wrap{display:inline-block;vertical-align:top;width:64px;padding-left:7px;} .newsletter-check .wpcf7-form-control-wrap *{width:100%;font-size:15px;} .newsletter-check .wpcf7-form-control-wrap .wpcf7-list-item{margin:0;} .newsletter-check .wpcf7-form-control-wrap .wpcf7-list-item:not(:last-child){margin-bottom:14px;} .newsletter-check input + .wpcf7-list-item-label:before{right:0;left:auto;} .newsletter-check input + .wpcf7-list-item-label:after{right:0;left:auto;} .newsletter-check input:checked + .wpcf7-list-item-label:after{color:#90935f;} /* ================= global css End here ================= */ header{position:fixed;left:0;top:0;right:0;width:100%;z-index:99999;} .header-upper{background:#055468;} .header-upper .container{position:relative;} .header-upper ul.social-links{margin-left:-10px;} .header-upper ul.social-links > li > a{line-height:40px;} ul.upper-nav{margin-left:6%;} ul.upper-nav > li{padding:0 15px;position:relative;} ul.upper-nav > li > a{font-size:14px;line-height:40px;font-weight:700;color:#fff;word-spacing:2px;} ul.upper-nav > li:hover > a,ul.upper-nav > li.active > a{color:#00a091;} .upper-nav ul.sub-menu{position:absolute;top:100%;left:0;z-index:9;width:180px;padding:10px 0;text-align:left;background:#055468;color:#fff;box-shadow:1px 1px 8px rgba(0,0,0,0.1);opacity:0;visibility:hidden;margin-top:10px;transition:all 0.1s ease-in;-webkit-transition:all 0.1s ease-in;} .upper-nav li:hover ul.sub-menu{opacity:1;visibility:visible;margin-top:0;} .upper-nav ul.sub-menu li{width:100%;padding:0;} .upper-nav ul.sub-menu li a{display:block;padding:5px 15px;font-size:14px;line-height:20px;} .upper-nav ul.sub-menu li a:hover,.upper-nav ul.sub-menu li.active a{background:transparent;color:#00a091;} .hero-btn,.hero-btn:focus{display:inline-flex;vertical-align:top;background:#90935f;color:#fff;font-family:'Muli',sans-serif;font-size:16px;line-height:30px;font-weight:700;text-transform:uppercase;padding:5px 24px;letter-spacing:1px;} .hero-btn:hover,.hero-btn:active{background:#83865d;color:#fff;} .search-icon{display:inline-block;font-size:20px;line-height:40px;color:#fff;padding:0 15px;} .header-phone{display:inline-flex;vertical-align:top;font-weight:700;color:#fff;line-height:40px;} .header-upper-right{max-width:312px;} .navbar{padding:0;box-shadow:0 5px 15px rgba(0,0,0,0.1);} .bg-light{background-color:#fff!important;} .navbar-brand{width:170px;} .navbar-nav{margin-right:-15px;} .navbar-nav > li{padding:0 7px;} .navbar-nav .nav-link{font-size:18px;line-height:60px;padding:12px 8px;font-weight:700;color:#586271;text-transform:uppercase;position:relative;} .navbar-nav .active > .nav-link,.navbar-nav li:hover > .nav-link{color:#00a091;} .dropdown-toggle::after{display:none;} .large-menu{display:none;} .search-outer{display:inline-block;vertical-align:top;} .search-container{position:absolute;top:100%;right:15px;z-index:99;background:#67c1bf;padding:7px;width:340px;border-radius:0 0 7px 7px;box-shadow:0 5px 10px rgba(0,0,0,0.05);margin-top:5px;visibility:hidden;opacity:0;transition:all 0.3s ease-in;} .show-search .search-container{display:block;visibility:visible;opacity:1;margin-top:0;} .search-container .form-control:focus{border-color:#fff;} .show-search .search-icon{background:#67c1bf;color:#fff!important;} @media only screen and (min-width:992px){ .dropdown-menu{display:block;min-width:220px;border:0;border-radius:0;box-shadow:none;background:transparent;padding-top:33px;opacity:0;visibility:hidden;margin-top:15px;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;} .dropdown-menu:before{content:'';background:#fff;border:solid 1px #00a091;border-radius:0;box-shadow:0 0 10px rgba(0,0,0,0.15);position:absolute;top:23px;bottom:0;left:-1px;z-index:-1;width:calc(100% + 2px);} .dropdown:hover .dropdown-menu{opacity:1;visibility:visible;margin-top:0;} .dropdown-item{padding:10px 15px;text-transform:uppercase;color:#586271;} .dropdown-item:focus,.dropdown-item:hover,.dropdown-item.active,.dropdown-item:active{background:#00a091;color:#fff;} .navbar-nav > li.menu-item-has-children > a:after{content:'';position:absolute;left:50%;top:100%;border-top:solid 20px #00a091;border-left:solid 20px transparent;border-right:solid 20px transparent;margin-top:0;margin-left:-20px;opacity:0;visibility:hidden;display:block;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;} .navbar-nav > li.menu-item-has-children:hover > a:after{opacity:1;visibility:visible;} .navbar-nav > li.large-dropdown{position:static;} .large-dropdown .dropdown-menu{display:none;} .large-menu{display:block;position:absolute;top:100%;left:0;right:0;list-style:none;padding:37px 25px 25px;text-align:left;color:#586271;width:92%;max-width:1180px;margin:10px auto 0;opacity:0;visibility:hidden;margin-top:15px;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;} .large-dropdown:hover .large-menu{opacity:1;visibility:visible;margin-top:0;} .large-menu .menu-bg{display:block;position:absolute;left:3px;top:22px;right:3px;bottom:3px;box-shadow:0px 0px 13px 0px rgba(0,0,0,0.2);z-index:-1;background:#fff;border:solid 1px #00a091;} .large-menu .menu-title{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:solid 1px #00a091;margin-bottom:15px;} .large-menu .menu-title h4{font-size:20px;line-height:28px;font-weight:700;margin-bottom:10px;} .dev-menu-list > .sub-menu-list{display:flex;flex-wrap:wrap;justify-content:space-between;} .dev-menu-list > .sub-menu-list > li > a{display:block;width:100%;font-size:16px;line-height:24px;font-weight:700;color:#586271!important;text-transform:uppercase;padding:1px 0;} .dev-menu-list > .sub-menu-list > li > a:hover,.dev-menu-list > .sub-menu-list > li > a:hover *{color:#00b681;background:transparent;} .dev-menu-list > .sub-menu-list > li > a:before{content:'\f3c5';font-family:'Font Awesome 5 Free';font-size:14px;font-weight:900;display:inline-block;vertical-align:middle;margin-right:7px;} .dev-menu-list > .sub-menu-list > li > .sub-menu-list > li{padding:3px 0;} .dev-menu-list > .sub-menu-list > li > .sub-menu-list > li > a{display:block;font-size:16px;line-height:24px;color:#00a091;position:relative;padding:0;padding-right:30px;text-transform:none;} .dev-menu-list > .sub-menu-list > li > .sub-menu-list > li > a:after{content:'\f105';font-family:'Font Awesome 5 Free';font-size:20px;line-height:27px;font-weight:900;display:inline-block;vertical-align:middle;margin-left:25px;margin-right:10px;position:absolute;right:0;transition:all 0.2s ease-in;top:0;} .dev-menu-list > .sub-menu-list > li > .sub-menu-list > li:hover > a:after{margin-right:7px;} .dev-menu-list > .sub-menu-list > li > .sub-menu-list > li > a:hover{background:transparent;color:#586271;} #dev-menu-map-here{height:100%;} } #map_canvas,#menu_map_canvas,#places_map_canvas{height:100%;} .menu-view-toggle{font-size:16px;line-height:28px;margin-bottom:8px;} .menu-view-toggle a{display:none;color:#00a091;} .menu-view-toggle a > i{font-size:14px;margin-right:5px;color:#586271;} .menu-view-toggle a.active{display:block;} .dev-menu-map{width:100%;height:300px;background:#00a091;display:none;position:relative;} .gm-style .gm-style-iw-c{border-radius:0!important;} footer{background:#586271;color:#fff;padding:30px 0;margin-top:78px;position:relative;} footer:before{content:'';width:100%;height:138px;background-color:#fff;background-size:100% 138px;background-position:center;background-repeat:repeat-x;background-image:url(include/images/footer-shape.png);position:absolute;bottom:100%;left:0;z-index:0;} .grey-bg + footer:before{background-color:#f0f0f0;} footer a{color:#fff;} .footer-upper{padding:30px 0 24px;border-bottom:1px solid #fff;} .footer-upper-left{width:50%;} .footer-logo{display:block;max-width:170px;} .footer-upper-mid{text-align:center;} .footer-contact > a{display:block;} .footer-upper-right{width:50%;text-align:right;} .footer-contact{margin-top:8px;margin-bottom:20px;} .footer-logos{margin-bottom:20px;} address{margin-bottom:0;} .footer-lower{padding:27px 0 5px;} p.copyright{margin-bottom:0;} ul.footer-nav{display:inline-block;vertical-align:top;font-size:0;line-height:0;text-align:right;} ul.footer-nav > li{display:inline-block;vertical-align:top;padding:0;position:relative;} ul.footer-nav > li > a{font-size:16px;line-height:20px;} ul.footer-nav > li.sep:after{content:'|';font-size:16px;line-height:20px;padding:0 20px;} .search-result-list{background-color:#fff;position:absolute;display:none;width:100%;height:164px;top:100%;padding:0px;margin:0px;text-align:left;list-style:none;float:left;z-index:300;overflow-x:hidden;overflow-y:auto;box-shadow:0 5px 10px rgba(0,0,0,0.2);margin-top:1px;border-radius:5px;} .search-result-list li{padding:10px 20px;font-size:16px;line-height:20px;border-bottom:1px solid #ddd;cursor:pointer;color:#586271;} .search-result-list li:hover{background-color:rgb(101,193,190);color:#fff;} .search-result-list.active{display:block;} .shb-upper{position:relative;} .shb-upper:before{content:'';width:20px;height:20px;background-image:url(include/images/ajax-loader.gif);background-size:20px;margin:0;position:absolute;top:50%;right:9px;opacity:0;transform:translateY(-50%);z-index:9;} .shb-upper.loading:before{opacity:1;} .search-field-container{position:relative;z-index:999;} .search-field-container .global-search-input{position:relative;} #VF_vacancies{padding:0!important;} .ui.two.cards>.card{width:50%!important;margin:0px!important;padding:0;box-shadow:none;} .VF-jobs-grid-content{width:calc(100% + 30px);margin-left:-15px!important;} .job-card.card .content .ui.grid{background:#f0f0f0;margin:0;height:100%;} .job-card.card .content .ui.grid .column{padding:0px!important;} .job-card.card .content > .ui.grid > .column{padding:15px 20px 80px!important;} .job-card.card .content .ui.grid .column.three.image{width:25%!important;} .job-card.card .content .ui.grid .header{margin-bottom:10px;min-height:72px;} .job-card.card .content .ui.grid .header a{font-size:30px;line-height:1.2;padding-right:25px;color:#00a091!important;font-weight:900;margin-bottom:19px;font-family:'muli';letter-spacing:-0.6px;} .job-card.card .content .ui.grid .extra.content{position:absolute;right:15px;bottom:20px;} .job-card.card .content .ui.grid .column .content.short-details{color:#586271;font-family:'Roboto',sans-serif;font-weight:400;font-size:16px;line-height:22px;} .job-card.card .content .ui.grid .column .content.short-details .jobCardInfoRow span:first-child{font-weight:700;} .ui.button.primary,#loadM,#loadW{border-radius:5px;padding:5px 15px!important;height:40px;line-height:28px;min-width:184px;font-size:16px;box-shadow:none;font-weight:900;font-family:'Muli',sans-serif;text-transform:uppercase;box-shadow:none!important;outline:none!important;letter-spacing:1px;} .ui.button.primary,.ui.button.primary:focus,#loadM,#loadW{background:transparent!important;color:#00a091!important;border:1px solid #00a091;} .ui.button.primary:hover,.ui.button.primary:focus,.ui.button.primary:active,#loadM:hover,#loadW:hover{background:#00a091!important;color:#fff!important;border:1px solid #00a091;} .vacancies-nav{margin-bottom:30px!important;margin-top:0!important;box-shadow:none!important;} .vacancies-nav .vacancies-nav__link{color:#00a091!important;} .vacancies-nav .vacancies-nav__link.active{color:#fff!important;} .ui.menu.three.item .item{font-weight:900;font-family:'Muli',sans-serif;text-transform:uppercase;letter-spacing:0.8px;} .error-container{padding:80px 0;} .partner-logos-container + .cqc-container{padding:0;} .accordion-container + .roles-container{padding-top:0;} .twitter-feed-container{padding:60px 0 0;} .ctf-author-box{position:relative;padding-left:20px;} .ctf-corner-logo{position:absolute;top:2px;left:0;color:#00a091!important;font-size:18px!important;} .ctf-tweet-text{color:#586271;font-size:16px;line-height:22px;} .ctf-tweet-text br{display:none!important;} .ctf-tweet-text a{color:#00a091;font-weight:700;} .ctf-tweet-text a:hover{color:#586271;} #ctf .ctf-author-name{margin-top:0!important;} #ctf .ctf-item{padding:0!important;} ul.search-post-list{display:inline-block;vertical-align:top;width:calc(100% + 30px);margin-left:-15px;margin-bottom:20px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;} ul.search-post-list li{float:left;width:50%;padding:15px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;} .search-post-box{width:100%;display:inline-block;vertical-align:top;background:#f0f0f0;box-shadow:0 0 1px rgba(0,0,0,0.2);transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;display:-webkit-flex;display:-ms-flexbox;display:flex;/* flex-flow: row; *//* flex-wrap: wrap; */flex-wrap:wrap;padding:15px;align-items:flex-start;/* height: 0; */} .search-post-box:hover{background:#f0f0f0;} .search-post-img{width:100px;background-size:cover;background-position:center;background-repeat:no-repeat;/* padding-bottom: 20%; */height:100px;} .search-post-content{position:relative;flex-flow:column;/* padding: 20px; */text-align:left;width:calc(100% - 100px);padding-left:20px;padding-right:20px;} .search-post-content h6{margin-bottom:10px;} .related-post-container{padding:60px 0;} .link{font-size:16px;color:#00a091;letter-spacing:1px;font-family:'Muli';font-weight:900;} .link:hover{color:#586271;} ul.related-post-list{width:calc(100% + 30px);margin-left:-15px;display:flex;flex-wrap:wrap;} ul.related-post-list li.related-item{padding:15px;width:33.333%;} .related-box{background:#fff;display:flex;flex-flow:column;margin:0 auto;height:100%;text-align:left;width:100%;} .related-content{font-family:'Roboto',sans-serif;font-size:16px;line-height:22px;padding:23px 25px 19px;color:#586271;letter-spacing:-0.4px;} .related-box .related-img{width:100%;height:160px;background:#333;position:relative;} .related-img img{width:100%;height:100%;object-fit:cover;} .related-content h4{font-size:16px;color:#00a091;font-weight:700;margin-bottom:2px;font-family:'Roboto',sans-serif;letter-spacing:0;} .related-content h3{font-size:20px;font-weight:700;display:inline-block;margin-bottom:23px;color:#586271;font-family:'Roboto',sans-serif;letter-spacing:0;} .related-box .readmore-btn{margin-top:auto;padding:0px 25px 25px;} .related-video-box .related-img:before{content:'';width:58px;height:58px;background:url(include/images/play-icon.png) no-repeat center/cover;position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);} .entry-meta-container{border-bottom:solid 1px #ddd;} .entry-meta-inner{padding:20px 0;display:flex;align-items:center;justify-content:space-between;} .entry-meta-list{display:flex;} .entry-meta-list li{} .entry-meta-list li:not(:last-child):after{content:'/';display:inline-block;margin:0 8px;} .entry-meta-list li i{color:#67c1bf;margin-right:7px;} .entry-views{display:flex;align-items:center;} .post-views-count{padding-right:5px;} .social-share-wrap{display:flex;} .social-share-wrap li{margin-left:15px;} .jobAlertsFormContent .fields{flex-wrap:wrap;} .jobAlertsFormContent .fields .eight{margin:7px 0!important;} .no-result-container{padding-top:60px;text-align:center;font-size:24px;line-height:30px;} .fancybox-container{z-index:999999!important;} .fancybox-button--zoom,.fancybox-button--play,.fancybox-button--thumbs{display:none!important;} .easy-image-gallery a img{border-radius:0!important;width:100%;} .easy-image-gallery{width:calc(100% + 20px);margin-left:-10px;} .easy-image-gallery li{width:20%;padding:10px;} .event-form-container{padding:0;} .event-form-container-upper{padding:60px 0;} .event-form-container-lower{border-top:solid 2px #fff;padding:60px 0;display:none;} .event-form-content{width:100%;max-width:312px;margin:0 auto;} .form-control:disabled,.form-control[readonly]{background-color:#fff;border-color:#90935f;} .ui.dimmer.modals{z-index:99999;} .ui.modal{left:auto;width:600px;max-width:600px;height:auto;} .vacancy-single-container{padding:60px 0;} .vf-JobDescription{margin-bottom:30px;} .vf-details{background:#f0f0f0;padding:18px 15px 30px;} .vf-details br{display:none;} .vf-details > div{margin-bottom:6px;} .vf-details > div span:first-child{font-weight:700;} .ui.button.btn,.ui.button.btn:focus{background:transparent;color:#00a091;border:1px solid #00a091;border-radius:5px;padding:5px 15px;height:40px;line-height:28px;font-size:16px;box-shadow:none;font-weight:900;font-family:'Muli',sans-serif;text-transform:uppercase;} .ui.button.btn:hover{background:#00a091;color:#fff;border:1px solid #00a091;} .vf-ApplyButton-sidebar{margin:20px 0!important;} .vf-ApplyButton-sidebar .btn{width:100%;margin:0;} .vf-details .social{text-align:center;} .vf-details #share-icons{text-align:center;margin-bottom:20px;} .btn-secondary{padding:5px;} .btn-secondary,.btn-secondary:focus{background:transparent;color:#586271;border:1px solid #586271;} .btn-secondary:hover{background:#586271;color:#fff;border:1px solid #586271;} .vacancy-single-container .ui.button.btn,.vacancy-single-container .btn{letter-spacing:0;font-size:14px!important;} /* ======================= JOB TRAC CSS START ========================== */ div#hj-feed-content { position: relative; } #hj-menu { position: absolute !important; right: 0; top: 7px; margin: 0 !important; display: none !important; } #hj-content { min-height: 315px !important; } #hj-content #hj-select-sector h2, #hj-content #hj-select-sector h3 { /*padding-right: 175px;*/ text-align: left !important; max-width: 970px; margin: 0 auto; letter-spacing: 0px; margin-bottom: 54px; text-align: center !important;} #hj-content #hj-select-sector h2 + div { background: #F0F0F0 !important; border: none !important; padding: 23px !important; font-size: 20px !important; line-height: 27px !important; color: #707070 !important; margin: 0 auto !important; max-width: 970px !important; } #hj-content #hj-select-sector h2 + div > p > a { color: #66C1BF; font-weight: 700; } #hj-content #hj-select-sector h2 + div > p { margin: 0 !important; } #hj-content #hj-select-sector ul { margin: 66px 0 !important; max-width: 100% !important; display: flex; flex-wrap: wrap; justify-content: center; } #hj-content #hj-select-sector ul li {min-width: auto !important;margin: 0 !important;max-width: none !important;padding: 15px !important;width: 25% !important;} #hj-feed-wrapper #hj-content #hj-select-sector .hj-css-sector-icon {border: none;background: #f0f0f0;color: #596472;position: relative;padding: 20px;min-height: auto;display: flex;align-items: center;transition: all .3s ease-in;flex-flow: column;} #hj-content #hj-select-sector .hj-css-sector-icon div.hj-css-icon {position: relative;left: auto;width: 100% !important;height: 80px;/* background: #fff; */top: auto;margin-bottom: 10px;} #hj-content #hj-select-sector .hj-css-sector-icon div.hj-css-icon img {width: 100px;height: 80px;object-fit: contain;mix-blend-mode: multiply;} #hj-content #hj-select-sector .hj-css-sector-icon h3.hj-css-icon-text {font-size: 30px !important;width: 100%;color: #596472 !important;background: transparent !important;line-height: 1 !important;text-align: center !important; word-break: normal !important; padding: 0 !important;} #hj-content #hj-select-sector .hj-css-sector-icon div { width: 100% !important; } #hj-content #JobSearch_default { margin-bottom: 50px !important; } .fieldset-fields .form-widget-container { display: flex; justify-content: center; max-width: 770px; margin: 0 auto; } div#JobSearch\.q_container > label { font-size: 20px; font-weight: 400; line-height: 25px; max-width: 140px; padding-right: 20px; } #hj-content #hj-main .hj-simple-search form#JobSearch.hj-full-width-inputs .form-widget { width: calc(100% - 140px) !important; max-width: 100% !important; display: flex; align-items: center; flex: auto; } #hj-content #JobSearch_default input#JobSearch\.q { margin-right: 0; width: calc(100% - 200px) !important; margin-top: 0 !important; height: 40px; padding: 8px 15px; font-size: 16px; line-height: 20px; } #hj-content #JobSearch_default input#JobSearch\.QueryIntegratedSubmit { width: 170px; min-width: 170px; margin-left: 30px; margin-top: 0 !important; height: 40px; } #hj-content #JobSearch_default input#JobSearch\.QueryIntegratedSubmit::placeholder { color: rgb(88 98 113 / 50%) !important; } .hj-button { font-size: 16px !important; text-transform: uppercase; min-width: 170px !important; text-align: center !important; padding: 12px !important; background: #66C1BF !important; color: #fff !important; font-weight: 700 !important; line-height: 16px !important; border: none !important; border-radius: 5px !important; transition: all .3s ease-in; } .hj-button:hover { background: #4c9897 !important; } #hj-feed-content #hj-content .hj-job-list .hj-sorter { } #hj-feed-content #hj-content .hj-job-list .hj-sorter .form-control{border-color: #596472;} #hj-feed-content #hj-content .hj-job-list .hj-sorter .form-row{display: flex; align-items: center;} div#hj-job-list h2 { /*padding-right: 200px;*/ } #hj-feed-content #hj-content .hj-job-list ol li a { padding: 28px 20px 20px 10px; padding-left: 100px; position: relative; font-size: 16px; line-height: 21px; border-bottom: 1px solid #707070; } #hj-feed-content #hj-content .hj-job-list ol li a .hj-job-list-entry { font-size: 20px; font-weight: bold; color: #586271; letter-spacing: 1.1px; text-transform: inherit; margin-bottom: 15px; } #hj-feed-content #hj-content .hj-job-list ol li a .hj-job-list-entry > img { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 47px !important; height: 47px !important; } #hj-feed-content .hj-field-caption {font-family:'Muli';font-weight:900;} #hj-feed-content .hj-job-details { letter-spacing: 0px; padding-right: 25%;} #hj-feed-content #hj-content .hj-job-list ol li { border-bottom: none; } #hj-feed-content #hj-content #hj-job-list ol li a:hover, #hj-content #hj-job-list ol li a:focus { background: #f0f0f0 !important; width: calc; } #hj-content .hj-job-list ol li .hj-job-list-entry .hj-grade { display: none; } /* Covid 19 END */ .hj-job-title {/* padding-right: 200px;*/ } .hj-apply-online.hj-button.hj-primary { width: 225px !important; } /* Job 19 END */ #hj-content #JobSearch_default input#JobSearch\.q, div#JobSearch\.q_container > label { font-weight: 400; } #hj-feed-content #hj-content .hj-job-list ol li a, #hj-job { font-weight: 400; } #hj-job-summary .card{margin-bottom: 10px;} .hj-jobtitle{font-family:'Muli';font-weight:900; letter-spacing: 0;} #hj-main-section .breadcrumbs + div + .breadcrumbs{display: none;} #hj-content #hj-select-sector ul li a{transition: all 0.2s ease-in; height: 100%; background: #f0f0f0 !important;} #hj-content #hj-select-sector ul li a:hover{transform: scale(1.05);} /* ======================= JOB TRAC CSS END ========================== */ /* ========================================== ! Large devices (desktops, less than 1600px) =========================================== */ @media (max-width:1599.98px){ footer:before{background-size:1600px 138px;} } /* ========================================== ! Large devices (desktops, less than 1200px) =========================================== */ @media (max-width:1199.98px){ .header-upper ul.social-links{margin-left:-5px;} .header-upper ul.social-links > li{padding:0 5px;} ul.upper-nav{margin-left:1%;} ul.upper-nav > li{padding:0 10px;} .navbar-nav .nav-link{font-size:17px;} footer{font-size:15px;} footer:before{background-size:1200px 138px;} ul.footer-nav > li > a{font-size:15px;} #hj-content #hj-select-sector ul li{width: 33.333% !important;} } /*========================================== ! Medium devices (tablets, less than 992px) ========================================== */ @media (max-width:991.98px){ body{padding-top:112px;} h1,h2,h3,h4,h5,h6{letter-spacing:-0.4px;} .heading{margin-bottom:30px;} .heading h4,.heading h1{font-size:25px;} .heading h3{font-size:35px;} .content-container{padding:60px 0;} .navbar-toggler{width:60px;height:60px;border-radius:0;cursor:pointer;text-decoration:none;padding:0;border:0;background:transparent;margin:0;position:absolute;top:-4px;right:0;color:#666C6F;} .navbar-default .navbar-toggler:hover,.navbar-default .navbar-toggler:focus{background:transparent;} .nav-link:hover,.nav-link:focus{color:inherit;} .navbar-toggler:not([class="collapsed"]),.navbar-toggler:not([class="collapsed"]):focus,.navbar-toggler:not([class="collapsed"]):hover{background:transparent;outline:none;} .navbar-toggler.collapsed,.navbar-toggler.collapsed:focus,.navbar-toggler.collapsed:hover{background:transparent;} .navbar-toggler .navbar-toggler-icon{position:relative;display:inline-block;width:22px;height:4px;color:inherit;text-indent:-55px;margin-top:0;background:transparent!important;transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;vertical-align:middle;} .navbar-toggler .navbar-toggler-icon:before,.navbar-toggler .navbar-toggler-icon:after{content:'';width:22px;height:4px;background:currentColor;position:absolute;left:0;transition:all .3s ease-out;} .navbar-toggler.collapsed .navbar-toggler-icon{background:currentColor!important;} .navbar-toggler.collapsed .navbar-toggler-icon:before,.navbar-toggler.collapsed .navbar-toggler-icon:after{background:currentColor;} .navbar-toggler.collapsed .navbar-toggler-icon:before{top:-8px;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);} .navbar-toggler .navbar-toggler-icon:before{top:0;-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg);} .navbar-toggler.collapsed .navbar-toggler-icon:after{bottom:-8px;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);} .navbar-toggler .navbar-toggler-icon:after{width:22px;bottom:0;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg);} .navbar{padding:10px 0;transition:all 0.2s ease-in;} /*.is-navbar-collapse .navbar{padding:10px 0 0;}*/ .navbar-inside{padding:0 15px;} .navbar-brand{width:150px;margin-left:15px;} .navbar-nav{margin-right:-15px;/* margin-top:20px; */width:auto;background:#fff;margin-left:-15px!important;padding-left:15px;padding-right:15px;} .navbar-nav > li{padding:0;position:relative;} .navbar-nav > li:not(:last-child){border-bottom:1px solid #055468;} .navbar-nav .nav-link{line-height:28px;padding:10px 6px;} .dropdown-menu{display:none;box-shadow:none;padding-top:0;opacity:1;visibility:visible;margin-top:0;padding:0;border:0;} .dropdown-item{padding:10px 20px;text-transform:uppercase;color:#586271;} .navbar-nav li > .dropdown-menu{padding-bottom:0;margin:0;} ul.upper-nav{margin-left:0;background:#055468;color:#fff;position:relative;z-index:1;padding:15px 0 30px;width:100%;} ul.upper-nav:before{content:'';background:#055468;width:calc(100% + 30px);margin-left:-15px;position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;} ul.upper-nav > li{padding:0;} ul.upper-nav > li:not(:last-child){border-bottom:1px solid #fff;} ul.upper-nav > li > a{display:block;font-size:14px;line-height:24px;font-weight:400;padding:8px 6px;} .upper-nav ul.sub-menu{position:relative;top:auto;left:auto;opacity:1;visibility:visible;margin-top:0;width:100%;padding:0 0 15px;background:transparent;box-shadow:none;display:none;transition:none;-webkit-transition:none;} .upper-nav ul.sub-menu li a{display:block;font-size:14px;line-height:18px;} /*.dropdown-toggle::after{content:' 067';font-family:"Font Awesome 5 Free";font-weight:900;font-size: 16px;line-height: 49px;width: 48px;height: 48px;display:block;position:absolute;top:calc(50% - 25px);right: 0;border:0;text-align: right; color:#00a091;} .dropdown.show .dropdown-toggle::after{content:' 068';} */ .navbar-collapse{overflow:hidden;height:calc(100% - 103px)!important;position:fixed!important;background:#045367;width:100%;padding:0;transform:translateX(-100%);margin:0;overflow-y:auto;left:auto;right:0;top:103px;z-index:999;border:0;box-shadow:none;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;display:block!important;} .navbar-collapse.show{transform:translateX(0);} .dropdown-menu li{position:relative;} .dropdown-menu li .dropdown-menu{display:block;} .dropdown-menu li .dropdown-menu a{padding-left:35px;font-size:15px;text-transform:none;} .sub-toggle{width:48px;height:48px;/* background: #fff; */position:absolute;top:0;right:-10px;cursor:pointer;z-index:9;text-align:center;} .sub-toggle:before{content:'\f067';font-family:"Font Awesome 5 Free";font-weight:900;font-size:16px;line-height:49px;width:100%;height:100%;display:block;position:absolute;top:calc(50% - 25px);right:0;border:0;text-align:center;color:#00a091;} .sub-toggle.active:before{content:'\f068';} .sub-toggle-child{width:48px;height:36px;/* background: #fff; */position:absolute;top:0;right:-10px;cursor:pointer;z-index:9;text-align:center;} .sub-toggle-child:before{content:'\f067';font-family:"Font Awesome 5 Free";font-weight:900;font-size:14px;line-height:36px;width:100%;height:100%;display:block;position:absolute;top:0;right:0;border:0;text-align:center;color:#00a091;} .sub-toggle-child.active:before{content:'\f068';} .upper-nav .sub-toggle{height:40px;} .dropdown-item:focus,.dropdown-item:hover{color:#00a091;text-decoration:none;background-color:transparent;} .navbar-head{background:#fff;margin-left:-15px;margin-right:-15px;padding:20px 15px;position:relative;} .navbar-head .navbar-toggler{top:50%;margin-top:-30px;} footer{font-size:16px;padding:0;margin-top:98px;} footer:before{background-size:992px 138px;} ul.footer-nav > li > a{font-size:16px;} .footer-upper-left{width:100%;} .footer-logo{max-width:200px;margin:0 auto;} .footer-upper-mid{padding:28px 0;} .footer-contact{margin-top:0;margin-bottom:12px;line-height:20px;} .footer-upper-right{width:100%;text-align:center;} .footer-logos{margin-bottom:32px;} address{line-height:20px;} .footer-lower{text-align:center;padding:17px 0 25px;} ul.footer-nav{text-align:center;max-width:500px;margin-bottom:15px;} .vacancies-filter-row-item{padding:0!important;} .error-container{padding:60px 0;} .twitter-feed-container{padding-top:45px;} .easy-image-gallery li{width:25%;} .job-card.card .content .ui.grid .column.three.image{display:none;} #hj-content #hj-select-sector ul li a:hover{transform: scale(1);} #hj-content #hj-select-sector .hj-css-sector-icon div.hj-css-icon{height: 60px;} #hj-content #hj-select-sector .hj-css-sector-icon div.hj-css-icon img{width: 80px; height: 60px;} #hj-content #hj-select-sector .hj-css-sector-icon h3.hj-css-icon-text{font-size: 20px !important;} } /* ================================================= ! Small devices (landscape phones, less than 768px) ================================================= */ @media (max-width:767.98px){ body{padding-top:40px;} h1{font-size:32px;} h2{font-size:28px;} h3{font-size:26px;} h4{font-size:22px;} h5{font-size:20px;} .btn{width:100%;font-size:15px;} .heading h4,.heading h1{font-size:20px;} .heading h3{font-size:30px;} ul:not([class]){margin-bottom:30px;} ul:not([class]) > li{padding-left:29px;} ul:not([class]) > li:before{font-size:14px;top:2px;left:2px;} .global-search-input .input-group-text{padding-left:7px;font-size:18px;} .global-search-input .input-group .form-control{padding-left:6px;padding-right:4px;letter-spacing:-0.8px;} ul.tick-list li{font-size:15px;padding-left:30px;} .content-container{padding:40px 0;} .btn.btn-lg{padding:5px 15px;} .header-upper-right{max-width:none;position:relative;} .logo-icon{width:32px;position:absolute;top:4px;left:5px;z-index:9;transition:all 0.2s ease-in;} .header-phone{opacity:0;visibility:hidden;font-size:10px;transition:all 0.2s ease-in;} .hero-btn,.hero-btn:focus{padding:5px 15px;font-size:15px;} .header-upper .navbar-toggler{position:relative;float:right;top:auto;right:auto;width:40px;height:40px;margin-left:7px;margin-right:-10px;} .header-upper .navbar-toggler .navbar-toggler-icon{margin-top:-3px;} .header-upper .navbar-toggler.collapsed .navbar-toggler-icon{background:#fff!important;} .header-upper .navbar-toggler .navbar-toggler-icon:before,.header-upper .navbar-toggler .navbar-toggler-icon:after{background:#fff;} .header-upper .navbar-toggler{overflow:hidden;transition:all 0.2s ease-in;} .navbar{padding:0;transition:all 0.2s ease-in 0.2s;height:0;} .navbar-brand{margin-left:0;} .collapsing{position:static;} .is-navbar-collapse .navbar{transition:all 0s ease-in;} .is-navbar-collapse .logo-icon{opacity:0;visibility:hidden;z-index:0;} .is-navbar-collapse .header-phone{font-size:16px;opacity:1;visibility:visible;} .is-navbar-collapse .header-upper .navbar-toggler{width:0;margin-left:0;} ul.footer-nav{margin-bottom:18px;} ul.footer-nav > li{display:block;} ul.footer-nav > li.sep:after{display:none;} .copyright,.site-by{display:inline-block;vertical-align:top;} footer{margin-top:50px;} footer:before{background-size:770px 71px;height:71px;background-image:url(include/images/footer-shape-mobile.png);} #vacancies-jobs-wrapper .ui.two.cards>.card,#vacancies-jobs-wrapper .ui.stackable.cards>.card{width:100%!important;} .job-card.card .content .ui.grid .column.three.image{display:none;} .job-card.card .content .ui.grid .extra.content{position:relative;right:auto;bottom:auto;width:100%;} .ui.button.primary{width:100%;} .job-card.card .content > .ui.grid > .column{padding:20px 20px!important;} .job-card.card .content .ui.grid .header a{font-size:22px;} .ui.card>.content,.ui.cards>.card>.content{padding:0!important;} .job-card.card .content .ui.grid{margin-bottom:15px;} .navbar-collapse{height:calc(100% - 40px)!important;top:40px;} .error-container{padding:50px 0;} .search-container{position:fixed;top:40px;left:0;right:0;padding:4px;width:100%;border-radius:0;} .seach-container .form-control{height:34px;font-size:15px;} .partner-logos-container + .cqc-container{padding-bottom:30px;} .twitter-feed-container{padding-top:30px;} ul.search-post-list li{width:100%;padding:5px 15px;} ul.related-post-list li.related-item{width:320px;} .related-content p{display:none;} .entry-meta-inner{flex-flow:column;} .entry-meta-left{width:100%;} .entry-meta-list{flex-wrap:wrap;justify-content:center;} .entry-meta-list li{font-size:14px;padding:0 10px;margin-bottom:7px;} .entry-meta-list li i{width:20px;text-align:center;} .entry-meta-list li:not(:last-child):after{display:none;} .entry-meta-right{margin-top:25px;width:100%;text-align:center;} .social-share-wrap li{margin-left:0;margin-right:15px;} .no-result-container{font-size:16px;line-height:22px;padding:0 5%;padding-top:25px;} .vacancy-single-container{padding:30px 0;} .vc_column-inner{margin-bottom:30px;} .job-card.card .content .ui.grid .header{min-height:auto;} /* ======================= JOB TRAC CSS START ========================== */ #hj-content #hj-select-sector h2, #hj-content #hj-select-sector h3 { padding: 0; font-size: 28px; line-height: 35px; margin-bottom: 0; margin-top: 17px; } #hj-menu {position: relative !important;margin-bottom: 20px !important;} div#hj-feed-content { margin: 0 10px; } .hj-button { width: 100% !important; min-width: 100% !important; } #hj-menu ul#hj-account-menu { width: 100%; } #hj-menu ul li {width: 100% !important;margin-bottom: 0;} #hj-content #hj-select-sector h2 + div { width: calc(100% + 50px); margin-left: -25px !important; padding: 24px 32px !important; margin-top: 17px !important; line-height: 25px !important; } #hj-content #hj-select-sector ul { margin-top: 27px !important;margin-bottom: 20px !important; } #hj-content #hj-select-sector ul { flex-flow: column; } #hj-content #hj-select-sector ul li { min-width: 100% !important; padding: 15px 0 !important; } .fieldset-fields .form-widget-container { flex-flow: column; } div#JobSearch\.q_container > label { width: 100%; min-width: 100%; text-align: center; margin-bottom: 21px; padding: 0; } #hj-content #hj-main .hj-simple-search form#JobSearch.hj-full-width-inputs .form-widget { min-width: 100%; flex-flow: column; padding: 0 !important; } #hj-content #JobSearch_default input#JobSearch\.q { width: 100%; min-width: 100%; margin-bottom: 18px; } #hj-content #JobSearch_default input#JobSearch\.QueryIntegratedSubmit { margin-left: 0; } /* HOME END */ div#hj-job-list h2{padding-right: 0;} #hj-feed-content #hj-content .hj-job-list ol li a {padding-left: 25px;padding-right: 25px;width: calc(100% + 50px);margin-left: -25px;} #hj-feed-content #hj-content .hj-job-list ol li a .hj-job-list-entry > img { position: relative; left: auto; transform: none; display: block; margin-bottom: 8px; } /* Covid END */ .hj-job-title { padding-right: 0px; } .hj-job-title { position: relative; padding-bottom: 20px; } .hj-job-title > h2 > img { position: absolute; bottom: 10px; right: 0; width: 47px !important; height: 47px !important; } #hj-feed-content .hj-job-details{padding: 0;} #hj-content #hj-select-sector ul li{width: 100% !important;} /* Job END */ /* ======================= JOB TRAC CSS END ========================== */ } /* ====================================================== ! Extra small devices (portrait phones, less than 576px) ====================================================== */ @media (max-width:575.98px){ footer:before{background-size:100% 71px;} .easy-image-gallery li{width:50%;} } .edit-post-link,.edit-post-link:focus,.edit-post-link:hover{position:fixed;bottom:0px;left:0px;z-index:99999;width:auto;line-height:20px;background:#055468;box-shadow:1px -1px 12px rgba(0,0,0,0.2)!important;text-align:center;font-size:13px;/* padding: 12px; */border-radius:0%;width:50px;height:50px;line-height:50px;font-size:20px;color:#fff;} .acf-map{width:100%;height:100%;} .acf-map img{max-width:inherit!important;} .embed-container{position:relative;padding-bottom:56.25%;overflow:hidden;max-width:100%;height:auto;} .embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%;} /*div.wpcf7-response-output{display: none !important;}*/ div.wpcf7-mail-sent-ok{display:none!important;width:100%;border:0px solid #499234;max-width:100%;margin:10px auto 0; /* background: #499234; */color:#499234;font-size:16px;font-weight:normal;padding:0;float:left;text-align:center;} div.wpcf7-validation-errors,div.wpcf7-acceptance-missing{border-color:#f00;position:relative;} div.wpcf7 form.wpcf7-form span.ajax-loader{width:20px;height:20px;background-image:url(include/images/ajax-loader.gif);background-size:20px;margin:10px;position:absolute;bottom:0;} span.wpcf7-not-valid-tip{top:-10px;right:0;padding:0;bottom:auto;background:transparent;color:#f00;font-weight:500;font-size:12px;letter-spacing:0;position:absolute;top:100%;} .wpcf7-form-control-wrap{position:static;} /*div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{display: none !important;}*/ .form-control.wpcf7-not-valid{border-color:#f00;} span.wpcf7-list-item{margin:0;} div.wpcf7 form.wpcf7-form .form-group span.ajax-loader{right:0;bottom:5px;} .form-group .wpcf7-acceptance .wpcf7-list-item-label:after{border:0;} .form-group div.wpcf7-mail-sent-ok{text-align:center;} .wpcf7-form-control-wrap:before{content:'';width:20px;height:20px;background-image:url(include/images/ajax-loader.gif);background-size:20px;margin:0;position:absolute;top:50%;right:40px;opacity:0;transform:translateY(-50%);z-index:9;} .wpcf7-form-control-wrap.loading:before{opacity:1;} div.wpcf7-response-output{margin:0 0 25px;background:rgba(255,0,0,0.12);border-width:1px;border-radius:6px;color:#f00;font-size:15px;line-height:18px;padding:20px;border-style:dashed;position:relative;} .cf-form div.wpcf7-response-output{margin-left:0;margin-right:0;} .form-control.wpcf7-not-valid + .nice-select.form-control{border-color:#f00;} .wpcf7-form-control-wrap .wpcf7-not-valid-tip{font-size:12px;} .pagination-container{width:100%;display:inline-block;vertical-align:top;text-align:center;margin:0;} ul.page-numbers{display:inline-block;vertical-align:top;margin:20px auto 0;} ul.page-numbers li{float:left;} ul.page-numbers>li>a,ul.page-numbers>li>span{background:transparent;border:0;color:#1f204a;font-size:18px;font-weight:400;padding:10px;margin:3px;} ul.page-numbers>li>span.current{font-weight:700;} ul.page-numbers>li:first-child>a,ul.page-numbers>li:first-child>span{margin-left:0;border-radius:0;} ul.page-numbers>li:last-child>a,ul.page-numbers>li:last-child>span{border-radius:0;} ul.page-numbers>li>a:hover,ul.page-numbers>li>span:hover,ul.page-numbers>li>a:focus,ul.page-numbers>li>span:focus,ul.page-numbers .active,ul.page-numbers .active,ul.page-numbers .active:hover,ul.page-numbers .active:hover,ul.page-numbers .active:focus,ul.page-numbers .active:focus{color:#1f204a;font-weight:700;background-color:transparent;} /* Sitemap CSS */ .wsp-container ul{margin-left:30px;} .wsp-container ul li strong.wsp-category-title{margin:10px 0px 10px 0px;display:block;} /* Button changes when disabled */ div.wpcf7 .wpcf7-submit:disabled{background-color:#c3c5c9;border:1px solid #c3c5c9;} div.wpcf7 .wpcf7-submit:disabled:hover{background-color:#c3c5c9;border:1px solid #c3c5c9;} .wws-blocks-box p{max-width:100%;} p:last-child{max-width:100%;} .accomodation-hero-left,.accomodation-hero-right{min-height:220px;} .large-contact-container{padding:0!important;} .large-contact-container .container{height:190px;} .large-contact-container .container .row{height:100%;} .signpost-container{padding:0!important;} .signpost-container .container{height:190px;} .signpost-container .container .row{height:100%;} .small-contact-container{padding:0!important;} .small-contact-container .container{height:190px;} .small-contact-container .container .row{height:100%;}