.ad_small_pagebreak_container .slick-dots{ bottom: -25px !important; } .slick-dotted.slick-slider{ margin-bottom: 50px !important; } .container-xxl { padding-left: 0px; padding-right: 0px; } #jumbo_container_article_banner { height: 580px; padding-top: 250px; /*margin-top: -165px;*/ margin-top: -220px; } .hidden { display: none !important } #header_container { margin-top: -300px; text-align: left; } #header_container .container { position: relative; height: 300px; margin-left: auto; margin-right: auto; } #header_container h1 { /* font-size: 50px; letter-spacing: -0.03em; line-height: 0.85em; font-weight: normal; */ text-align: center; /* text-transform: uppercase; */ } #header_container p { /* font-size: 17px; line-height: 21px; color: #666; */ text-align: center; /* margin-bottom: 25px; margin-top: 10px; */ } /* Extra Small */ @media(max-width:767px) { #header_container p { padding: 0 0px; } .sectioncontent .tabbox { width: 100%; height: 100%; overflow: hidden; } .sectioncontent .tabbox .nav-tabs { width: 100%; height: 100%; overflow-y: hidden; overflow-x: scroll; text-align: center; vertical-align: top; } .sectioncontent .nav-tabs a { padding: 0px 10px !important; border-radius: 4px 4px 0 0; height: 50px !important; text-align: center !important; } .sectioncontent .nav-tabs a .text { width: 200px !important; height: 50px !important; } .sectioncontent .nav-tabs.nav-justified li { display: table-cell; width: 1%; } } /* Small */ @media(min-width:768px) and (max-width:991px) { #header_container p { padding: 0 20px; } .sectioncontent .tabbox { width: 100%; height: 100%; overflow: hidden; } .sectioncontent .tabbox .nav-tabs { width: 100%; height: 100%; overflow-y: hidden; overflow-x: scroll; text-align: center; vertical-align: top; } .sectioncontent .nav-tabs a { padding: 0px 10px !important; border-radius: 4px 4px 0 0; height: 50px !important; text-align: center !important; } .sectioncontent .nav-tabs a .text { width: 200px; height: 50px; } .sectioncontent .nav-tabs.nav-justified li { display: table-cell; width: 1%; } } /* Medium */ @media(min-width:992px) and (max-width:1199px) { #header_container p { padding: 0 130px; } .sectioncontent .tabbox { width: 100%; height: 100%; overflow: hidden; } .sectioncontent .tabbox .nav-tabs { width: 100%; height: 100%; overflow-y: hidden; overflow-x: scroll; text-align: center; vertical-align: top; } .sectioncontent .nav-tabs a { padding: 0px 10px !important; border-radius: 4px 4px 0 0; height: 50px !important; text-align: center !important; } .sectioncontent .nav-tabs.nav-justified li { display: table-cell; width: 1%; } } /* Large */ @media(min-width:1200px) { #header_container p { padding: 0 238px; } .sectioncontent .nav-tabs a { height: 65px; border-radius: 4px 4px 0 0; } .sectioncontent .nav-tabs.nav-justified li { display: table-cell; width: 1%; } #tabbedcontent.sectioncontent .nav-tabs a { height: 65px; } } /* @media (min-width:441px) and (max-width:514px) { #header_container h1 { font-size: 42px; } } @media(min-width:401px) and (max-width:440px) { #header_container h1 { font-size: 37px; } } @media(min-width:351px) and (max-width:400px) { #header_container h1 { font-size: 32px; } } @media(min-width:301px) and (max-width:350px) { #header_container h1 { font-size: 27px; } } @media(max-width:300px) { #header_container h1 { font-size: 25px; } } */ /* start of single youtube video */ .single_youtube_video, .sectorarticle .single_youtube_video { position: relative; /*padding-bottom: 56.25%;*/ padding-bottom: 10% !important; padding-top: 2px !important; height: 0; overflow: inherit !important; padding-left: 15%; padding-right: 15%; } .single_youtube_video iframe, .sectorarticle .single_youtube_video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .block.single_youtube_video, .sectorarticle .block.single_youtube_video { text-align: center; display: block; } /* end of single youtube video */ .block.single_youtube_video { /*margin: -10px;*/ margin-top: 10px; padding: 0px; } @charset "UTF-8"; @font-face{ font-family:sgds-icons; font-weight:400;font-style:normal; } .sgds-icon{ font-family:sgds-icons!important; /*speak:none;*/ font-style:normal; font-weight:400; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .sgds-icon-breadcrumb:before{content:"\e9a2"}.sgds-icon-callout:before{content:"\e9a3"}.sgds-icon-hero:before{content:"\e9a4"}.sgds-icon-mainnav:before{content:"\e9a5"}.sgds-icon-sidenav:before{content:"\e9a6"}.sgds-icon-table:before{content:"\e9a7"}.sgds-icon-typography:before{content:"\e9a8"}.sgds-icon-delete:before{content:"\e997"}.sgds-icon-grid-alt:before{content:"\e998"}.sgds-icon-pause-alt:before{content:"\e999"}.sgds-icon-pause:before{content:"\e99a"}.sgds-icon-pencil:before{content:"\e99b"}.sgds-icon-play-alt:before{content:"\e99c"}.sgds-icon-play:before{content:"\e99d"}.sgds-icon-privacy-alt:before{content:"\e99e"}.sgds-icon-privacy:before{content:"\e99f"}.sgds-icon-signal:before{content:"\e9a0"}.sgds-icon-stop:before{content:"\e9a1"}.sgds-icon-telephone:before{content:"\e97c"}.sgds-icon-bookmark-alt:before{content:"\e995"}.sgds-icon-star-alt:before{content:"\e996"}.sgds-icon-guides:before{content:"\e97d"}.sgds-icon-sentimeter:before{content:"\e97e"}.sgds-icon-sharepoint:before{content:"\e97f"}.sgds-icon-sitecore:before{content:"\e980"}.sgds-icon-sitefinity:before{content:"\e981"}.sgds-icon-swiit:before{content:"\e982"}.sgds-icon-wordpress:before{content:"\e983"}.sgds-icon-accordion:before{content:"\e984"}.sgds-icon-button:before{content:"\e985"}.sgds-icon-card:before{content:"\e986"}.sgds-icon-checklist:before{content:"\e987"}.sgds-icon-container:before{content:"\e988"}.sgds-icon-dropdown:before{content:"\e989"}.sgds-icon-footer:before{content:"\e98a"}.sgds-icon-grid:before{content:"\e98b"}.sgds-icon-icons:before{content:"\e98c"}.sgds-icon-masthead:before{content:"\e98d"}.sgds-icon-section:before{content:"\e98e"}.sgds-icon-tab:before{content:"\e98f"}.sgds-icon-atom:before{content:"\e990"}.sgds-icon-molecule:before{content:"\e991"}.sgds-icon-organism:before{content:"\e992"}.sgds-icon-page:before{content:"\e993"}.sgds-icon-template:before{content:"\e994"}.sgds-icon-add-image:before{content:"\e973"}.sgds-icon-attachment:before{content:"\e974"}.sgds-icon-cloud:before{content:"\e975"}.sgds-icon-contact:before{content:"\e976"}.sgds-icon-create-folder:before{content:"\e977"}.sgds-icon-delay:before{content:"\e978"}.sgds-icon-file-copy:before{content:"\e979"}.sgds-icon-file-pdf:before{content:"\e97a"}.sgds-icon-folder:before{content:"\e97b"}.sgds-icon-add-photo:before{content:"\e900"}.sgds-icon-browser:before{content:"\e901"}.sgds-icon-calculator:before{content:"\e902"}.sgds-icon-camera:before{content:"\e903"}.sgds-icon-clock:before{content:"\e904"}.sgds-icon-cloud-download:before{content:"\e905"}.sgds-icon-cloud-success:before{content:"\e906"}.sgds-icon-cloud-upload:before{content:"\e907"}.sgds-icon-database:before{content:"\e908"}.sgds-icon-download:before{content:"\e909"}.sgds-icon-file-add:before{content:"\e90a"}.sgds-icon-file-alt:before{content:"\e90b"}.sgds-icon-file:before{content:"\e90c"}.sgds-icon-hdd:before{content:"\e90d"}.sgds-icon-image:before{content:"\e90e"}.sgds-icon-link:before{content:"\e90f"}.sgds-icon-lock:before{content:"\e910"}.sgds-icon-mail:before{content:"\e911"}.sgds-icon-print:before{content:"\e912"}.sgds-icon-radar:before{content:"\e913"}.sgds-icon-save:before{content:"\e914"}.sgds-icon-share:before{content:"\e915"}.sgds-icon-unlock:before{content:"\e916"}.sgds-icon-upload:before{content:"\e917"}.sgds-icon-volume-mute:before{content:"\e918"}.sgds-icon-volume:before{content:"\e919"}.sgds-icon-docker:before{content:"\e91a"}.sgds-icon-facebook-alt:before{content:"\e91b"}.sgds-icon-facebook:before{content:"\e91c"}.sgds-icon-google:before{content:"\e91d"}.sgds-icon-instagram:before{content:"\e91e"}.sgds-icon-linkedin-alt:before{content:"\e91f"}.sgds-icon-linkedin:before{content:"\e920"}.sgds-icon-person-add:before{content:"\e921"}.sgds-icon-person-cancel:before{content:"\e922"}.sgds-icon-person-remove:before{content:"\e923"}.sgds-icon-person:before{content:"\e924"}.sgds-icon-rss:before{content:"\e925"}.sgds-icon-thumbs-down:before{content:"\e926"}.sgds-icon-thumbs-up:before{content:"\e927"}.sgds-icon-twitter:before{content:"\e928"}.sgds-icon-youtube:before{content:"\e929"}.sgds-icon-add-place:before{content:"\e92a"}.sgds-icon-boat:before{content:"\e92b"}.sgds-icon-bus:before{content:"\e92c"}.sgds-icon-car:before{content:"\e92d"}.sgds-icon-layers:before{content:"\e92e"}.sgds-icon-map:before{content:"\e92f"}.sgds-icon-my-location:before{content:"\e930"}.sgds-icon-place:before{content:"\e931"}.sgds-icon-taxi:before{content:"\e932"}.sgds-icon-traffic:before{content:"\e933"}.sgds-icon-train:before{content:"\e934"}.sgds-icon-arrow-down:before{content:"\e935"}.sgds-icon-arrow-left:before{content:"\e936"}.sgds-icon-arrow-right:before{content:"\e937"}.sgds-icon-arrow-top-left:before{content:"\e938"}.sgds-icon-arrow-top-right:before{content:"\e939"}.sgds-icon-arrow-up:before{content:"\e93a"}.sgds-icon-check:before{content:"\e93b"}.sgds-icon-chevron-down:before{content:"\e93c"}.sgds-icon-chevron-left:before{content:"\e93d"}.sgds-icon-chevron-right:before{content:"\e93e"}.sgds-icon-chevron-up:before{content:"\e93f"}.sgds-icon-cog:before{content:"\e940"}.sgds-icon-cross:before{content:"\e941"}.sgds-icon-ellipsis:before{content:"\e942"}.sgds-icon-home:before{content:"\e943"}.sgds-icon-menu:before{content:"\e944"}.sgds-icon-minus:before{content:"\e945"}.sgds-icon-notification:before{content:"\e946"}.sgds-icon-plus:before{content:"\e947"}.sgds-icon-sg-crest:before{content:"\e948";color:#db0000}.sgds-icon-text-center:before{content:"\e949"}.sgds-icon-text-justify:before{content:"\e94a"}.sgds-icon-text-left:before{content:"\e94b"}.sgds-icon-text-right:before{content:"\e94c"}.sgds-icon-add-comment:before{content:"\e94d"}.sgds-icon-ban:before{content:"\e94e"}.sgds-icon-bookmark:before{content:"\e94f"}.sgds-icon-calendar:before{content:"\e950"}.sgds-icon-chat:before{content:"\e951"}.sgds-icon-circle-info:before{content:"\e952"}.sgds-icon-circle-minus:before{content:"\e953"}.sgds-icon-circle-plus:before{content:"\e954"}.sgds-icon-circle-question:before{content:"\e955"}.sgds-icon-circle-warning:before{content:"\e956"}.sgds-icon-compress-alt:before{content:"\e957"}.sgds-icon-compress:before{content:"\e958"}.sgds-icon-edit:before{content:"\e959"}.sgds-icon-expand-alt:before{content:"\e95a"}.sgds-icon-expand:before{content:"\e95b"}.sgds-icon-external:before{content:"\e95c"}.sgds-icon-feedback:before{content:"\e95d"}.sgds-icon-filter:before{content:"\e95e"}.sgds-icon-info:before{content:"\e95f"}.sgds-icon-list:before{content:"\e960"}.sgds-icon-pin:before{content:"\e961"}.sgds-icon-question:before{content:"\e962"}.sgds-icon-refresh:before{content:"\e963"}.sgds-icon-rsvp-no:before{content:"\e964"}.sgds-icon-rsvp-yes:before{content:"\e965"}.sgds-icon-search:before{content:"\e966"}.sgds-icon-slider-horizontal:before{content:"\e967"}.sgds-icon-slider-vertical:before{content:"\e968"}.sgds-icon-star:before{content:"\e969"}.sgds-icon-sync:before{content:"\e96a"}.sgds-icon-toggle-minus:before{content:"\e96b"}.sgds-icon-toggle-off:before{content:"\e96c"}.sgds-icon-toggle-on:before{content:"\e96d"}.sgds-icon-toggle-plus:before{content:"\e96e"}.sgds-icon-triangle-warning:before{content:"\e96f"}.sgds-icon-warning:before{content:"\e970"}.sgds-icon-zoom-in:before{content:"\e971"}.sgds-icon-zoom-out:before{content:"\e972"} #CareerTips .textwrapimage { margin-top: 10px; } #CareerTips .textwrapimage_v3 { /*padding-top: 10px;*/ display: inline-block; width: 100%; } #CareerTips .detail_sectioncontent.textwrapimage_v3 { word-break: inherit; } /* Desktop View */ @media(min-width: 768px) { #CareerTips .detail_sectioncontent.textwrapimage_v3 .left .headerbar h1 { padding-left: 345px; } #CareerTips .detail_sectioncontent.textwrapimage_v3 .left .headerbar h2, #CareerTips .detail_sectioncontent.textwrapimage_v3 .left .headerbar h3, #CareerTips .detail_sectioncontent.textwrapimage_v3 .left .headerbar h4 { padding-left: 348px; } } /* Desktop View */ #CareerTips .detail_sectioncontent.textwrapimage_v3 .no-image .headerbar h1, #CareerTips .detail_sectioncontent.textwrapimage_v3 .no-image .headerbar h2, #CareerTips .detail_sectioncontent.textwrapimage_v3 .no-image .headerbar h3, #CareerTips .detail_sectioncontent.textwrapimage_v3 .no-image .headerbar h4 { padding-left: 0px; } @media (min-width: 992px) { /** for textwrapimages in tab1 only **/ #tab1 .textwrapimage .left { float: inherit; } } #CareerTips .detail_sectioncontent.textwrapimage_v3 .headerbar h2 { padding-left: 15px; } #CareerTips .detail_sectioncontent.block.textwrapimage_v3 .image { float: left !important; } #CareerTips .detail_sectioncontent.block.textwrapimage_v3 .image.right { float: right !important; } #CareerTips .detail_sectioncontent.block.textwrapimage_v3 .image, #CareerTips .detail_sectioncontent.block.textwrapimage_v3 .image.right { padding-bottom: 10px !important; } #CareerTips .textwrapimage_v3 h3 { padding-top: 0px; } /* div.col-sm-12 #tabbedcontent { margin-top: 0px; } #CareerTips #tabbedcontent .page-tab-holder ul { margin-bottom: 0px !important; padding-left: 0px !important; } #CareerTips #tabbedcontent ul { margin-bottom: 16px !important; padding-left: 2rem !important; } */ .ad_small_pagebreak_container .slick-dots{ bottom: -25px !important; } .slick-dotted.slick-slider{ margin-bottom: 50px !important; } #CareerTips .detail_sectioncontent.block .image img { max-height: 400px; max-width: 300px; padding: 0px; } #careerSupportProgramme .detail_sectioncontent.block p, #careerSupportProgramme .detail_sectioncontent.block li, #CareerTips .detail_sectioncontent.block p, .sectorarticle .detail_sectioncontent.block p, .sectorarticle .detail_sectioncontent.block li, .sectorarticle #tabbedcontent .tab-content p, .sectorarticle #tabbedcontent .tab-content li, .detail_sectioncontent.block p i { word-break: break-word; line-height: 20px; color: #4a4a4a; } .sectorarticle .detail_sectioncontent.block li, .sectorarticle #tabbedcontent .tab-content p, .sectorarticle #tabbedcontent .tab-content li { color: #333333; font-size: 16px; } .sectorarticle .DetailsPageStyle .detail_sectioncontent.block { border-bottom: 0px; margin: 0; padding: 10px 0; } .sectorarticle .DetailsPageStyle .detail_sectioncontent .content { padding: 20px 0; } #CareerTips .detail_sectioncontent.block img, .sectorarticle .detail_sectioncontent.block img, #careerSupportProgramme .detail_sectioncontent.block img { max-height: 450px; max-width: 360px; float: left; padding-right: 30px; padding-bottom: 20px; vertical-align: middle; border: 0; } @media (max-device-width: 767px) { .DetailsPageStyle .detail_sectioncontent h1 { font-size: 40px; line-height: 44px; } .row.aroundmyskillsfuture_container { width: 600px; } } @media (max-device-width: 450px) { .row.aroundmyskillsfuture_container { width: 340px; } .DetailsPageStyle .detail_sectioncontent h1 { font-size: 30px; } #CareerTips .detail_sectioncontent.textimonialblock .message { font-size: 20px; } .name { width: 340px; } #CareerTips .detail_sectioncontent.block .image.right { float: none !important; } .workforce_IndustryInsights_FeaturedTopic .article-card .contentblock .name, .workforce_IndustryInsights_FeaturedTopic .article-card .contentblock .description, .workforce_IndustryInsights_FeaturedTopic .article-card .contentblock .excerpt { width: 290px; } } @media (max-width: 768px) and (min-width: 700px){ .row.aroundmyskillsfuture_container { width: 700px; } .DetailsPageStyle .detail_sectioncontent h1 { font-size: 40px; line-height: 44px; } } } .landingpagestyle.CareerTipsArticle .DetailsPageStyle .detail_sectioncontent .content { padding-top: 0px; } #CareerTips .DetailsPageStyle .detail_sectioncontent.block, .sectorarticle .DetailsPageStyle .detail_sectioncontent.block { display: table-row-group; } /* start of page title & separator */ /* .page-header h1.article_title, h2 { color: #029185; } */ .sectorarticle h2 { color: #ef4125; } #CareerTips{ padding-top: 0px !important; } #CareerTips .DetailsPageStyle .detail_sectioncontent.first.withseparator { margin-top: 0px; } #CareerTips.CareerTipsArticle .sub_header .headerbar h1, #CareerTips.CareerTipsArticle .sub_header .headerbar h2, #CareerTips.CareerTipsArticle .sub_header .headerbar h3, #CareerTips.CareerTipsArticle .sub_header .headerbar h4 { color: #4a4a4a; font-family: WorkSans-SemiBold; text-transform: capitalize; } .detail_sectioncontent.msf_template_separator { margin-top: -50px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e0e0e0; } .page_title { padding-top: 50px; } /* end of page title */ /* start of last modified date */ .article_date_difference { color: #8d8d8d; font-size: 15px; } .article_date_difference { float: right; } /* end of last modified date */ /* start of video gallary */ .videophotograllery_container .videobox { border: 1px solid #ccc; padding: 2px; background-color: #fff; position: relative; margin-top: 20px; overflow: hidden; } #CareerTips .detail_sectioncontent.videophotograllery_container { padding-bottom: 50px; } .detail_sectioncontent { word-break: break-word;; } #video-photo-gallery-container ul, #video-photo-gallery-container ul li.slick-slide{ padding-left: 0px !important; } #videoandphotogalleryContainer .slick-slider{ margin-bottom: 0px; } .videophotograllery_container .slides-show{ margin-bottom: -10px; } .video-on-slider-show, #video-photo-gallery-container .slides-show iframe, #video-photo-gallery-container .slides-show img { width: 100%; max-height: 330px; min-height: 325px; } .article-main-slider-nav img, .article-main-slider-nav iframe{ width: 100%; height:auto; max-height: 79px; min-height: 79px; } #video-photo-gallery-container .slides .consolepanel .article-main-slider-nav{ padding-top: 20px; } #video-photo-gallery-container .slides{ margin-top: -15px; } @media (min-width: 1200px){ .CareerTipsArticle { width: 100%; } } .paneltable .contentrow td { border-right: 1px solid #e0e0e0; } /* end of video gallary */ /* workforce article page table same to design*/ /* start of workforce article page table*/ .CareerTipsArticle table{ border: 2px solid #005C54; font-size: 13px; line-height: 16px; color: #666; border-radius: 3px; display: table; width: 100%; border-collapse: collapse; } .CareerTipsArticle table tbody tr:first-child{ padding: 0; font-weight: bold; color: #fff; background-color: #005C54; vertical-align: top; } .CareerTipsArticle table tbody tr:first-child td{ border: none; } .CareerTipsArticle table tbody tr:first-child td p{ font-weight: bold; color: #F2F2F2!important; } .CareerTipsArticle table tbody tr:first-child td p:last-child{ font-size: 12px; font-weight: normal; } .CareerTipsArticle table tbody tr:not(:first-child) td{ border: 1px solid #e0e0e0; } .CareerTipsArticle table tbody tr td{ padding: 15px; text-align: left; } /* start of banner */ .article_300_x_250_banner { width: 300px; height: 250px; } #CareerTips.CareerTipsArticle #jumbo_container_article_banner { background-size: cover; height: 580px; padding-top: 200px; } /* end of banner */ #CareerTips .DetailsPageStyle .detail_sectioncontent ol li> ol li, #careerSupportProgramme .DetailsPageStyle .detail_sectioncontent ol li> ol li { padding-left: 10px; font-weight: normal; } #CareerTips .DetailsPageStyle .detail_sectioncontent ol li, #CareerTips .DetailsPageStyle .detail_sectioncontent ul li, #careerSupportProgramme .DetailsPageStyle .detail_sectioncontent ol li, #careerSupportProgramme .DetailsPageStyle .detail_sectioncontent ul li{ font-size: 16px; padding: 3px 0px; } #CareerTips .DetailsPageStyle .detail_sectioncontent ul, #careerSupportProgramme .contentpanel.sectioncontent ul { margin-top: 0px; } #CareerTips .contentpanel.sectioncontent ul li, #CareerTips .DetailsPageStyle .detail_sectioncontent ol li, #careerSupportProgramme .contentpanel.sectioncontent ul li { padding-left: 10px !important; } #CareerTips #tabbedcontent.contentpanel.sectioncontent .tabbox ul li { padding: 0px !important; } #CareerTips .DetailsPageStyle .detail_sectioncontent ol, #CareerTips .DetailsPageStyle .detail_sectioncontent ol li, #CareerTips .DetailsPageStyle .detail_sectioncontent ul, #CareerTips .DetailsPageStyle .detail_sectioncontent ul li, #careerSupportProgramme .DetailsPageStyle .detail_sectioncontent ol, #careerSupportProgramme .DetailsPageStyle .detail_sectioncontent ol li, .CareerTipsArticle .DetailsPageStyle .detail_sectioncontent p, .DetailsPageStyle .CareerTipsArticle .detail_sectioncontent ul, .CareerTipsArticle .DetailsPageStyle .detail_sectioncontent li, #careerSupportProgramme .DetailsPageStyle .detail_sectioncontent p, .DetailsPageStyle #careerSupportProgramme .detail_sectioncontent ul, #careerSupportProgramme .DetailsPageStyle .detail_sectioncontent li, #careerSupportProgramme .detail_sectioncontent.block a, #careerSupportProgramme .DetailsPageStyle .sectioncontent li{ font-size:16px; line-height:26px; font-weight: normal !important; } #careerSupportProgramme .DetailsPageStyle p.no-margin-bottom{ margin-bottom: 0 !important; } #CareerTips .DetailsPageStyle .detail_sectioncontent ol li ol { list-style: lower-alpha; } #CareerTips .DetailsPageStyle .detail_sectioncontent ol li ol li ol { list-style: lower-roman; } #CareerTips .DetailsPageStyle .detail_sectioncontent ol, #careerSupportProgramme .DetailsPageStyle .detail_sectioncontent ol{ padding-left: 15px; } #CareerTips .listing_container .itemset .description, #careerSupportProgramme .listing_container .itemset .description { line-height: 26px; } /* start of Share Article */ #share_article_social_media .icon.st_facebook_custom { background: url("http://w.sharethis.com/images/facebook_32.png") no-repeat scroll left top transparent; background-color: #3b5998; background-size: 30px; background-position: center; } #share_article_social_media .icon.st_twitter_custom { background: url("http://w.sharethis.com/images/twitter_32.png") no-repeat scroll left top transparent; background-color: #00a9f1; background-size: 35px; background-position: center; } #share_article_social_media .icon.st_email_custom { background: url(http://w.sharethis.com/images/email_32.png) no-repeat scroll left top transparent; background-color: #787878; background-size: 20px 15px; background-position: center; } #share_article_social_media { position: fixed; right: 0; top:30%; } /* end of Share Article */ /* start of Quote */ #CareerTips .detail_sectioncontent.textimonialblock .message::before, .sectorarticle .detail_sectioncontent.textimonialblock .message::before { line-height: 10px; content: '' !important; } #CareerTips .detail_sectioncontent.textimonialblock .message::after, .sectorarticle .detail_sectioncontent.textimonialblock .message::after { font-size: 32px; line-height: 10px; content: ''; } .sectorarticle .detail_sectioncontent.textimonialblock .message { font-size: 32px; font-weight: 600; line-height: 36px; color: #666; padding: 0px 50px; width: 100% ! important; } .sectorarticle .detail_sectioncontent.textimonialblock { text-align: center; } .sectorarticle .detail_sectioncontent { word-break: break-word; } .sectorarticle .detail_sectioncontent.textimonialblock .name { font-size: 15px; font-weight: bold; color: #ef4125; padding-top: 10px; margin-top: 15px; } .sectorarticle .detail_sectioncontent.textimonialblock .name span { border-top: 2px solid #f1f1f1; padding-top: 5px; } /* end of Quote */ /* start of single youtube video */ #CareerTips .single_youtube_video, .sectorarticle .single_youtube_video:not(.parbase) { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; padding-left:15%; padding-right:15%; } .sectorarticle .single_youtube_video.parbase > .single_youtube_video { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; padding-left:15%; padding-right:15%; } body.cq-wcm-edit .single_youtube_video.parbase { padding-bottom: 3rem; } #CareerTips .single_youtube_video iframe, .sectorarticle .single_youtube_video iframe { position:absolute; top:0; left:0; width:100%; height:100%; } #CareerTips .detail_sectioncontent.block.single_youtube_video, .sectorarticle .detail_sectioncontent.block.single_youtube_video { text-align: center; display: block; } /* end of single youtube video */ /* start of TabPanel for Sector Article */ /* Tabs */ .sectorarticle .contentpanel.sectioncontent ul.nav-tabs { padding: 0 34px; } .sectorarticle .contentpanel.sectioncontent ul.nav-tabs li {padding-left:0px;} .sectorarticle .sectioncontent .nav-tabs a { font-family: 'Source Sans Pro'; font-size: 14px; line-height: 16px; font-weight: bold; padding: 15px 5px; } .sectioncontent .nav-tabs.nav-justified > .active > a::after {bottom: -8px;} .sectorarticle .contentpanel.sectioncontent .tab-content { padding:10px 0; position:relative; } .sectorarticle .tabbox { position:relative; } .sectorarticle .tabbox .leftbuttonbox, .sectorarticle .tabbox .rightbuttonbox { position:absolute; top:0px; z-index: 10; height:65px; padding-top:25px; } .sectorarticle .tabbox .leftbuttonbox {left:0px;} .sectorarticle .tabbox .rightbuttonbox {right:0px;} /* Extra Small */ @media(max-width:767px){ .sectorarticle .tabbox .leftbuttonbox, .tabbox .rightbuttonbox {display:none;} } /* Small */ @media(min-width:768px) and (max-width:991px){ .sectorarticle .sectioncontent .nav-tabs a { height:50px;} .sectorarticle .tabbox .leftbuttonbox, .tabbox .rightbuttonbox {height:65px;} } /* Medium */ @media(min-width:992px) and (max-width:1199px){ .sectorarticle .sectioncontent .nav-tabs a { height:65px;} .sectorarticle .tabbox .leftbuttonbox, .tabbox .rightbuttonbox {height:80px;} } /* LArge */ @media(min-width:1200px){ .sectorarticle .sectioncontent .nav-tabs a { height:50px;} } /* tabbox collapse */ .sectorarticle .contentpanel.sectioncontent .tabbox #Courses_Tab-accordion .panel-group .panel, .sectorarticle .contentpanel.sectioncontent .tabbox #Categories_Tab-accordion .panel-group .panel { margin-bottom: 0; border-radius: 0px; } .sectorarticle .contentpanel.sectioncontent .tabbox #Courses_Tab-accordion .panel-default, .sectorarticle .contentpanel.sectioncontent .tabbox #Categories_Tab-accordion .panel-default { border-color: transparent; } .sectorarticle .contentpanel.sectioncontent .tabbox #Courses_Tab-accordion .panel, .sectorarticle .contentpanel.sectioncontent .tabbox #Categories_Tab-accordion .panel { background-color: transparent; border: 0px solid transparent; box-shadow: 0 0px 0px rgba(0,0,0,0.05); } .sectorarticle .contentpanel.sectioncontent .tabbox #Courses_Tab-accordion .panel-heading, .sectorarticle .contentpanel.sectioncontent .tabbox #Categories_Tab-accordion .panel-heading { background-color: transparent; border-color: transparent; padding: 0px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .sectorarticle .contentpanel.sectioncontent .tabbox .panel-group .panel-heading + .panel-collapse > .panel-body, .sectorarticle .contentpanel.sectioncontent .tabbox .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 0px solid #ddd; } .sectorarticle .contentpanel.sectioncontent .tabbox .panel-body.js-tabcollapse-panel-body { padding: 20px 0px; } .sectorarticle .contentpanel.sectioncontent .tabbox .panel-group .panel-heading + .panel-collapse > .panel-body, .sectorarticle .contentpanel.sectioncontent .tabbox .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 0px solid #ddd; } .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading, .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading:link, .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading:visited { color: #e88a2d; text-align: center; padding: 12px 0px 18px; background-color: transparent; display:block; border-bottom: 1px solid #e0e0e0; position:relative; text-transform: none; font-weight: bold; font-family: 'Source Sans Pro'; font-size: 14px; line-height: 16px; } .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading:hover, .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading:focus { color: #e88a2d; text-decoration: none; } .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading.collapsed, .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading.collapsed:link, .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading.collapsed:visited { color: #666; } .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading::after, .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading:link::after, .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading:visited::after { position: absolute; bottom: -7px; left: 50%; } .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading.collapsed::after, .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading.collapsed:link::after, .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading.collapsed:visited::after { content:' '; } .sectorarticle .tabbedcontent .tab-content .tab-pane { padding: 20px 50px; } .sectorarticle .tabbedcontent .sector_article_divider { text-align: center; width: 50%; margin: 0 auto; } .sectorarticle .tabbedcontent .sector_article_divider::after { content: "..................................................."; letter-spacing: 4px; } .sectorarticle .tabbedcontent a.btn-orange-light { background-color: #ef4125; border: 1px solid #ef4125 !important; text-transform: uppercase; color: #fff; border-radius: 50px; width: 30px; height: 30px; padding: 5px; } .sectorarticle .tabbedcontent a { color: #606060; } .sectorarticle .tabbedcontent ul li.active a { color: #ef4125; } /* end of TabPanel for Sector Article */ /* start of custom date */ #CareerTips .DetailsPageStyle .detail_sectioncontent p.custom_date, .sectorarticle .DetailsPageStyle .detail_sectioncontent p.custom_date { display: inline-block; color: #4a4a4a; } /* end of custom date */ #CareerTips.CareerTipsArticle .article_container .article-page-image { text-align: center; } #CareerTips .DetailsPageStyle .detail_sectioncontent.first { margin-top: 0px ! important; padding-bottom:20px; } #CareerTips .detail_sectioncontent.block .bootstrap_modal_text, #CareerTips .detail_sectioncontent.block .bootstrap_modal_text a, #CareerTips .detail_sectioncontent.block .bootstrap_modal_text p, #careerSupportProgramme .detail_sectioncontent.block .bootstrap_modal_text, #careerSupportProgramme .detail_sectioncontent.block .bootstrap_modal_text a, #careerSupportProgramme .detail_sectioncontent.block .bootstrap_modal_text p { display: inline; } #CareerTips .detail_sectioncontent.block .bootstrap_modal_text { margin-bottom: 20px; } #CareerTips .DetailsPageStyle .detail_sectioncontent h2, #careerSupportProgramme .DetailsPageStyle .detail_sectioncontent h2 { text-transform: none; padding-bottom: 10px; } #CareerTips.CareerTipsArticle .sub_header .headerbar h1.california, #CareerTips.CareerTipsArticle .sub_header .headerbar h2.california, #CareerTips.CareerTipsArticle .sub_header .headerbar h3.california, #CareerTips.CareerTipsArticle .sub_header .headerbar h4.california, #CareerTips.CareerTipsArticle .textwrapimage .detail_sectioncontent.block .content.california h3 { color: #4a4a4a; } #CareerTips .sub_header .headerbar h1.cyan, #CareerTips .sub_header .headerbar h2.cyan, #CareerTips .sub_header .headerbar h3.cyan, #CareerTips .sub_header .headerbar h4.cyan, #CareerTips .textwrapimage .detail_sectioncontent.block .content.cyan h3 { color: #005C54; } #CareerTips.CareerTipsArticle .sub_header .headerbar h1 { font-size: 50px; } #CareerTips.CareerTipsArticle .sub_header .headerbar h3 { font-size: 18px !important; margin-bottom: 0px; } #CareerTips.CareerTipsArticle .sub_header .headerbar h4 { font-size: 16px !important; } #CareerTips .detail_sectioncontent.block .image.right { padding-left: 30px; float: right; } /* start of Iframe Component */ .iframe_component { width: 300px; height: 250px; overflow: hidden; border: 1px solid #ccc; margin:-1px; } .iframeLink { position:relative; display:inline-block; } .divLink { position:absolute; width: 100%;height: 100%; z-index:1;} .iframeLink iframe { z-index: 2;} /* end of Iframe Component */ /* latest featured article */ .latest_featured_article .articleborder{ border: 1px solid #ccc; margin:-1px; } /* twitterssg */ .twitterssg .followus_cta { font-size:12px; color:#666; text-transform: uppercase; display: block; } .twitterssg .followus_cta a .fa-facebook-square {font-size:20px;color:#46569c;} .twitterssg .followus_cta a .fa-twitter-square {font-size:20px; color:#559ef7;} .twitterssg .followus_cta .text{ font-size:14px; line-height:17px; font-weight:400; color:#666; padding:15px 0; text-transform: uppercase; display: block; } .twitterssg .followus_cta .text, .twitterssg .followus_cta .icon { display:inline-block; vertical-align: middle; width:auto; } #CareerTips .sub_header .detail_sectioncontent.block .headerbar, #CareerTips.CareerTipsArticle .textwrapimage .headerbar { display: inline-block; padding-right: 10px !important; } #CareerTips .sub_header .detail_sectioncontent.block .fa-external-link:before, #CareerTips .textwrapimage .content .fa-external-link:before{ color: #e88a2d; } #CareerTips .panel.detail_sectioncontent .headerbar a h2::after { content: none; } #CareerTips .DetailsPageStyle .detail_sectioncontent .content { padding: 0px 0; } #CareerTips .DetailsPageStyle .aroundmyskillsfuture_container .detail_sectioncontent ol, #CareerTips .DetailsPageStyle .aroundmyskillsfuture_container .detail_sectioncontent ol li { font-size:16px; line-height:26px; } .collapse.in { display: block; } /* .accordion-body { display: inline-block; width: 100%; max-width: unset; } */ .accordion-body { word-wrap: break-word; } .course-section-body .accordion .single_youtube_video { padding: 15px; height: 480px; } @media(max-width:450px) { .course-section-body .accordion .single_youtube_video { height: 240px; } } @media(max-width:600px) { .accordion-body{ max-width: 450px; } } @media(max-width:450px) { .accordion-body{ max-width: 296px; } } @media(max-width: 375px) { #CareerTips .col-md-2 .sub_header .headerbar h1, #CareerTips .col-sm-3 .sub_header .headerbar h1, #CareerTips .col-md-2 .sub_header .headerbar h2, #CareerTips .col-sm-3 .sub_header .headerbar h2, #CareerTips .col-md-2 .sub_header .headerbar h3, #CareerTips .col-sm-3 .sub_header .headerbar h3, #CareerTips .col-md-2 .sub_header .headerbar h4, #CareerTips .col-sm-3 .sub_header .headerbar h4 { position: inherit; max-width: 200px; } } @media (min-width: 320px) and (max-width: 560px) { #CareerTips .columncontrol .col-md-2, #CareerTips .columncontrol .col-sm-3 { height: auto; } }