{"version":3,"sources":["C:/Users/ZDM3025/Desktop/careers/careers/source/src/components/Department/C:/Users/ZDM3025/Desktop/careers/careers/source/src/components/Department/C:/Users/ZDM3025/Desktop/careers/careers/source/src/components/Department/department.scss","C:/Users/ZDM3025/Desktop/careers/careers/source/src/assets/sass/C:/Users/ZDM3025/Desktop/careers/careers/source/src/assets/sass/C:/Users/ZDM3025/Desktop/careers/careers/source/src/assets/sass/view_DepartmentView.scss"],"names":[],"mappings":"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","file":"19.8dce2072.chunk.css","sourcesContent":["/* Section style */\r\n@import '../../assets/sass/global.scss';\r\n.sectionDepartment {\r\n\tpadding:0px;\r\n\r\n}\r\n.largeImageContainer {\r\n\tfloat: right;\r\n}\r\n.recBg {\r\n\tposition: absolute;\r\n\tz-index: 0;\r\n\twidth: 82px;\r\n\theight: 82px;\r\n}\r\n.recBgTopGreen {\r\n\tbackground-image: url('../Department/image/Rectangle30.png');\r\n\tright: -12px;\r\n\ttop: -22px;\r\n}\r\n.recBgBlue {\r\n\twidth: 74px;\r\n\theight: 74px;\r\n\tbackground-image: url('../Department/image/Rectangle34.png');\r\n\tright: -40px;\r\n\ttop: 32px;\r\n}\r\n.recBgOrange {\r\n\tbackground-image: url('../Department/image/Rectangle31.png');\r\n\tright: 3px;\r\n\ttop: 340px;\r\n}\r\n.recBgBottomGreen {\r\n\tbackground-image: url('../Department/image/Rectangle33.png');\r\n\tright: -40px;\r\n\ttop: 377px;\r\n}\r\n.departmentView {\r\n    padding-left: 0;\r\n    padding-right: 0;  \r\n  }\r\n\r\n  .departmentView .imgsection {\r\n    width:100%;\r\n    height: 400px;\r\n  }\r\n\r\n\r\n  .departmentView .departmentContent {\r\n    margin-top:50px;   \r\n    border-radius: 4px;\tbackground-color: #FFFFFF;\tbox-shadow: 0 2px 12px 0 rgba(0,0,0,0.12);\r\n}\r\n\r\n.departmentView .ourHeading{\r\n    color: $cBlue;\t\r\n    font-family: Champion;\t\r\n    font-size: 32px;\t\r\n    letter-spacing: 0.2px;\t\r\n    line-height: 44px;\r\n    padding-left: 40px;\r\n    padding-top:40px;\r\n}\r\n\r\n.departmentView .contentSection{\r\n    padding-left: 40px;    \r\n    padding-top: 24px;\r\n    padding-bottom: 16px;\r\n    padding-right: 40px;\r\n}\r\n\r\n.departmentView .textSection{\r\n    padding-bottom: 24px;\r\n    color: $cBlue;\t\r\n    font-family: Montserrat;\t\r\n    font-size: 18px;\t\r\n    line-height: 26px;\r\n}\r\n\r\n.departmentView .findJobsButton {\r\n\ttext-align: center;\r\n    margin-top: 48px;\r\n}\r\n.departmentView .find-jobs{\r\n\r\n    color: #FFFFFF;\t\r\n    font-family: Montserrat;\t\r\n    font-size: 18px;\t\r\n    letter-spacing: 0.15px;\t\r\n    line-height: 32px;    \r\n    border-radius: 46px;\r\n    background-color: $buttonBgColor;\r\n    text-transform: uppercase;\r\n    padding: 19px 50px;\r\n    display: inline-block;\r\n\ttext-decoration: none;\r\n\tfont-weight: bold;\r\n}\r\n\r\n/* Common style */\r\n.departmentView figure {\r\n\tposition: relative;\r\n\tfloat: left;\r\n\toverflow: hidden;\r\n\tmargin: auto;\r\n\twidth: 100%;\r\n\t/* background: #3085a3; */\r\n\ttext-align: center;\t\r\n}\r\n\r\n.departmentView figure img {\r\n\tposition: relative;\r\n\tdisplay: block;\r\n\tmin-height: 100%;\r\n\tmax-width: 100%;\r\n\topacity: 1;\r\n}\r\n\r\n.departmentView figure figcaption {\r\n\tpadding: 2em;\r\n\tcolor: #fff;\r\n\tfont-size: 1.25em;\r\n\t-webkit-backface-visibility: hidden;\r\n\tbackface-visibility: hidden;\r\n}\r\n\r\n.departmentView figure figcaption::before,\r\n.departmentView figure figcaption::after {\r\n\tpointer-events: none;\r\n}\r\n\r\n.departmentView figure figcaption,\r\n.departmentView figure figcaption > a {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n/* Anchor will cover the whole item by default */\r\n/* For some effects it will show as a button */\r\n.departmentView figure figcaption > a {\r\n\tz-index: 1000;\r\n\ttext-indent: 200%;\r\n\twhite-space: nowrap;\r\n\tfont-size: 0;\r\n\topacity: 0;\r\n}\r\n\r\n.departmentView figure h2 {\r\n\t\r\n\tfont-weight: 300;\r\n}\r\n\r\n/*.grid figure h2 span {\r\n\tfont-weight: 800;\r\n}*/\r\n\r\n.departmentView figure h2,\r\n.departmentView figure p {\r\n\tmargin: 0;\r\n}\r\n\r\n.departmentView figure p {\r\n\tletter-spacing: 1px;\r\n\tfont-size: 68.5%;\r\n}\r\n\r\n/*---------------*/\r\n/***** Sadie *****/\r\n/*---------------*/\r\n\r\nfigure.department-heading figcaption::before {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);\r\n\tbackground: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);\r\n\tcontent: '';\r\n\topacity: 0;\r\n\t-webkit-transform: translate3d(0,50%,0);\r\n\ttransform: translate3d(0,50%,0);\r\n}\r\n\r\nfigure.department-heading h2 {\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\t-webkit-transition: -webkit-transform 0.35s, color 0.35s;\r\n\ttransition: transform 0.35s, color 0.35s;\r\n\t-webkit-transform: translate3d(0,-50%,0);\r\n\ttransform: translate3d(0,-50%,0);\r\n\ttext-align: center;\t\r\n    color: #FFFFFF;\t\r\n    font-family: Champion;\t\r\n    font-size: 55px;\r\n\ttext-shadow: 0 2px 6px rgba(0,0,0,0.50);\t\r\n    line-height: 95px;\r\n}\r\n\r\nfigure.department-heading figcaption::before,\r\nfigure.department-heading p {\r\n\t-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;\r\n\ttransition: opacity 0.35s, transform 0.35s;\r\n}\r\n\r\nfigure.department-heading p {\r\n\tposition: absolute;\r\n\t/*bottom: 0;\r\n\tleft: 0;\r\n\ttop: 40%;*/\r\n\tpadding: 2em;\r\n\twidth: 100%;\r\n\topacity: 0;\r\n\t-webkit-transform: translate3d(0,10px,0);\r\n\ttransform: translate3d(0,10px,0);\r\n}\r\n\r\nfigure.department-heading p.contentDiv {\r\n\tleft: 0;\r\n\ttop: 45%;\r\n}\r\n\r\nfigure.department-heading p.buttonDiv {\r\n\tleft: 0;\r\n\ttop: 65%;\r\n}\r\n\r\n/* figure.department-heading:hover h2 {\r\n\tcolor: #fff;\r\n\t-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);\r\n\ttransform: translate3d(0,-50%,0) translate3d(0,-40px,0);\r\n} */\r\n\r\n/* figure.department-heading:hover figcaption::before ,\r\nfigure.department-heading:hover p {\r\n\topacity: 0.8;\r\n\t-webkit-transform: translate3d(0,0,0);\r\n\ttransform: translate3d(0,0,0);\r\n} */\r\n\r\n@media screen and (max-width: 50em) {\r\n\r\n\t.departmentView figure {\r\n\t\tdisplay: inline-block;\r\n\t\tfloat: none;\r\n\t\tmargin: 10px auto;\r\n\t\twidth: 100%;\r\n\t}\r\n}\r\n\r\n@media only screen and (max-width: 1199.98px) and (min-width: 992px) {\r\n\t.recBgTopGreen {\r\n\t\tright: -12px;\r\n\t\ttop: -42px;\r\n\t}\r\n\t.recBgBlue {\r\n\t\tright: -40px;\r\n\t\ttop: 13px;\r\n\t}\r\n\t.recBgOrange {\r\n\t\tright: 3px;\r\n\t\ttop: 292px;\r\n\t}\r\n\t.recBgBottomGreen {\r\n\t\tright: -40px;\r\n\t\ttop: 329px;\r\n\t}\r\n}\r\n@media only screen and (max-width: 991px) {\r\n\t.largeImageContainer {\r\n\t\tfloat: none;\r\n\t}\r\n\t.recBg {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n  \r\n\r\n","/* Section style */\r\n@import '../../assets/sass/global.scss';\r\n\r\n// Background Animation\r\n.sectionDepartment{\r\n    position: relative;\r\n    overflow: hidden;\r\n    //// Image bgImageFive- Blue small one -RectangleCopy13\r\n    .scrollSection1Image1 {\r\n        transform: translate(0px, 321px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 40;\r\n        .scrollSection1Image1_img {  \r\n            width: auto;\r\n            height: auto;\r\n        }\r\n    }\r\n    .scrollSection1Image2 {\r\n        transform: translate(1044px, 767px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 0;\r\n        .scrollSection1Image2_img {  \r\n            width: auto;\r\n            height: auto;\r\n        }\r\n    }\r\n    .scrollSection1Image3 {\r\n        transform: translate(800px, 652px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 0;\r\n        .scrollSection1Image3_img {  \r\n            width: auto;\r\n            height: auto;\r\n        }\r\n    }\r\n    .scrollSection1Image4 {\r\n        transform: translate(0px, 830px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 0;\r\n        .scrollSection1Image4_img {  \r\n            width: auto;\r\n            height: auto;\r\n        }\r\n    }\r\n}\r\n@media screen and (max-width: 50em) {\r\n\r\n\t.departmentView figure {\r\n\t\tdisplay: inline-block;\r\n\t\tfloat: none;\r\n\t\tmargin: 10px auto;\r\n\t\twidth: 100%;\r\n\t}\r\n}\r\n\r\n\r\n\r\n  \r\n\r\n"]}