{"version":3,"sources":["C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/components/Department/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/components/Department/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/components/Department/department.scss","C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/components/Department/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/components/Department/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/variable.scss","C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/view_DepartmentView.scss"],"names":[],"mappings":"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","file":"19.86b8e7b6.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","$cWhite : #ffffff;\r\n$cBlack : #000000;\r\n$cLightBlue : #43C5E4;\r\n$cBlue : #004359;\r\n$cMaroon : #88161E;\r\n$cOrange : #F04B24;\r\n$cCrimson: #CA1F35;\r\n$cYellow: #F89520;\r\n\r\n// Button Bg color\r\n\r\n$buttonBgColor: #E82C2A;\r\n$transparentButtonColor: #E82C2A;\r\n\r\n\r\n// Media Query Mixins \r\n$mobile-minBreakPoint: 320px;\r\n$mobile-breakPoint: 767px;\r\n@mixin mobile {\r\n  @media only screen and (min-width: $mobile-minBreakPoint) and (max-width: $mobile-breakPoint) {\r\n    @content;\r\n  }\r\n}\r\n\r\n//Font Size For Header\r\n$fSecondHeader : 40px;\r\n$fSecondHeaderMobile: 32px;\r\n\r\n// $fFirstHeader : 50px;\r\n// $fFirstHeaderMobile: 50px;\r\n// $fFirstPara : 40px;\r\n// $fFirstParaMobile: 40px;\r\n// $fSecondPara : 24px;\r\n// $fSecondParaMobile: 30px;\r\n\r\n\r\n/* Changes done in the branding and reverted code\r\n$cWhite : #ffffff;\r\n$cBlack : #000000;\r\n$cLightBlue : #43C5E4;\r\n$cBlue : #007EC5;  // old Value #004359;\r\n$cMaroon : #C3271B;// old Value  #88161E;\r\n$cOrange : #EA5329;// old Value #F04B24;\r\n$cCrimson: #E82C2A;// old Value #CA1F35;\r\n$cYellow: #F89520;\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"]}