{"version":3,"sources":["C:/conagraapp/src/assets/sass/C:/conagraapp/src/assets/sass/C:/conagraapp/src/assets/sass/view_ChicagoView.scss","C:/conagraapp/src/components/common/VideoOverlayComponent/C:/conagraapp/src/components/common/VideoOverlayComponent/C:/conagraapp/src/components/common/VideoOverlayComponent/VideoOverlayComponent.scss"],"names":[],"mappings":"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","file":"2.72a4cf41.chunk.css","sourcesContent":["// Background Animation\r\n.sectionChicago{\r\n    position: relative;\r\n    overflow: hidden;\r\n    //// Image bgImageFive- Blue small one -RectangleCopy13\r\n    .scrollSection1Image1 {\r\n        transform: translate(908px, 0px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 0;\r\n        .scrollSection1Image1_img {  \r\n            width: 460px;\r\n            height: 297px;\r\n        }\r\n    }\r\n    .scrollSection1Image2 {\r\n        transform: translate(-71px, 508px) 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(1044px, 468px) 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(1025px, 1295px) 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    .scrollSection1Image5 {\r\n        transform: translate(1179px, 1330px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 0;\r\n        .scrollSection1Image5_img {  \r\n            width: auto;\r\n            height: auto;\r\n        }\r\n    }\r\n    .scrollSection1Image6 {\r\n        transform: translate(0px, 1177px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 0;\r\n        .scrollSection1Image6_img {  \r\n            width: 191px;\r\n            height: 269px;\r\n        }\r\n    }\r\n    .scrollSection1Image7 {\r\n        transform: translate(100px, 1210px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 0;\r\n        .scrollSection1Image7_img {  \r\n            width: auto;\r\n            height: auto;\r\n        }\r\n    }\r\n}\r\n\r\n// Mobile Background Images \r\n@media only screen and (max-width: 767px) {\r\n    .sectionChicago{\r\n        position: relative;\r\n        overflow: hidden;\r\n        //// Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection1Image1 {\r\n            transform: translate(908px, 0px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n            .scrollSection1Image1_img {  \r\n                width: 260px;\r\n                height: 264px;\r\n            }\r\n        }\r\n        .scrollSection1Image2 {\r\n            transform: translate(-71px, 508px) 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(1044px, 468px) 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(1025px, 1295px) 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        .scrollSection1Image5 {\r\n            transform: translate(1179px, 1330px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n            .scrollSection1Image5_img {  \r\n                width: auto;\r\n                height: auto;\r\n            }\r\n        }\r\n        .scrollSection1Image6 {\r\n            transform: translate(0px, 1177px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n            .scrollSection1Image6_img {  \r\n                width: 109px;\r\n                height:169px;\r\n            }\r\n        }\r\n        .scrollSection1Image7 {\r\n            transform: translate(100px, 1210px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n            .scrollSection1Image7_img {  \r\n                width: auto;\r\n                height: auto;\r\n            }\r\n        }\r\n    }\r\n }\r\n// iPad\r\n@media only screen and (min-width: 768px) and (max-width: 991px)  { \r\n    .sectionChicago{\r\n        position: relative;\r\n        overflow: hidden;\r\n        //// Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection1Image1 {\r\n            transform: translate(908px, 0px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n            .scrollSection1Image1_img {  \r\n                width: 460px;\r\n                height: 297px;\r\n            }\r\n        }\r\n        .scrollSection1Image2 {\r\n            transform: translate(-71px, 508px) 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(1044px, 468px) 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(1025px, 1295px) 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        .scrollSection1Image5 {\r\n            transform: translate(1179px, 1330px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n            .scrollSection1Image5_img {  \r\n                width: auto;\r\n                height: auto;\r\n            }\r\n        }\r\n        .scrollSection1Image6 {\r\n            transform: translate(0px, 1177px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n            .scrollSection1Image6_img {  \r\n                width: 191px;\r\n                height: 269px;\r\n            }\r\n        }\r\n        .scrollSection1Image7 {\r\n            transform: translate(100px, 1210px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n            .scrollSection1Image7_img {  \r\n                width: auto;\r\n                height: auto;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// Only for Landscape tablet remove the code \r\n// @media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation:landscape) {\r\n//     /* For landscape layouts only */\r\n//     .sectionInvestView {\r\n//         .scrollSection1Image1, .scrollSection1Image2 {\r\n//             img {\r\n//                 display: none;\r\n//             }\r\n//         }\r\n//     }\r\n//   }\r\n\r\n\r\n.sectionChicago {\r\n    span[class^=\"scrollSection1\"] {\r\n        display: none;\r\n    }\r\n}\r\n","/* Wrapper that hosts the video and the overlay */\r\n@import '../../../assets/sass/global.scss';\r\n.video-player {\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-radius: 0.5rem;\r\n}\r\n\r\n.video-player video {\r\n  width: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n/* Overlay fills the parent and sits on top of the video */\r\n.click-to-play-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n}\r\n\r\n.poster-image {\r\n  position: absolute;\r\n  z-index: 1;\r\n  height: 100%;\r\n  width: 100%;\r\n}\r\n\r\n.poster-image img {\r\n  object-fit: cover;\r\n}\r\n\r\n.video-title {\r\n  position: absolute;\r\n  z-index: 2;\r\n\r\n\r\n  left: 0;\r\n  bottom: 0;\r\n\r\n\r\n  /*background-color: rgba(0,0,0,0.8);*/\r\n  color: #FFF;\r\n  padding: 0.2rem;\r\n  margin: 10px 0;\r\n  \r\n}\r\n\r\n.video-title h3 {\r\n\tfont-weight: bold;\r\n\tfont-size: 1.3rem;\r\n}\r\n\r\n\r\n\r\n.play-icon-center {\r\n\ttop: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n}\r\n\r\n.play-icon-bottom-right {\r\n\tbottom: 0;\r\n\tright: 0;\r\n}\r\n\r\n.play-icon {\r\n  position: absolute;\r\n  z-index: 2;\r\n\r\n  width: 70px;\r\n  height: 70px;\r\n  \r\n  margin: 10px;\r\n\r\n  background-repeat: no-repeat;\r\n  background-size: 100% 100%;\r\n\r\n  cursor: pointer;\r\n  opacity: 1;\r\n}\r\n\r\n.play-icon:hover, .play-icon:focus {\r\n  opacity: 2;\r\n}\r\n\r\n/**************************/\r\n\r\n/* The Overlay (background) */\r\n.overlay {\r\n  /* Height & width depends on how you want to reveal the overlay (see JS below) */    \r\n  height: 100%;\r\n  width: 0;\r\n  position: fixed; /* Stay in place */\r\n  z-index: 4; /* Sit on top */\r\n  left: 0;\r\n  top: 0;\r\n  background-color: rgb(0,0,0); /* Black fallback color */\r\n  background-color: rgba(0,0,0, 0.8); /* Black w/opacity */\r\n  overflow-x: hidden; /* Disable horizontal scroll */\r\n  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */\r\n}\r\n\r\n/* Position the content inside the overlay */\r\n.overlay-content {\r\n  position: relative;\r\n  top: 20%; /* 25% from the top */\r\n  width: 60%; /* 100% width */\r\n  text-align: center; /* Centered text/links */\r\n  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */\r\n  height: 80%;\r\n  margin: auto;\r\n}\r\n\r\n/* The navigation links inside the overlay */\r\n.overlay a {\r\n  padding: 8px;\r\n  text-decoration: none;\r\n  font-size: 36px;\r\n  color: #818181;\r\n  display: block; /* Display block instead of inline */\r\n  transition: 0.3s; /* Transition effects on hover (color) */\r\n}\r\n\r\n/* When you mouse over the navigation links, change their color */\r\n.overlay a:hover, .overlay a:focus {\r\n  color: #f1f1f1;\r\n}\r\n\r\n/* Position the close button (top right corner) */\r\n.overlay .closebtn {\r\n  position: absolute;\r\n  top: 15px;\r\n  right: 45px;\r\n  font-size: 30px;\r\n  color: #fff;\r\n}\r\n\r\n.videowrapper {\r\nborder-radius: 22px;\r\noverflow: hidden;\r\n-webkit-transform: translateZ(0);\r\nbox-shadow: 0 19px 51px 0 rgba(255,255,255,0.07), 0 14px 19px 0 rgba(255,255,255,0.0);\r\nmargin: auto;\r\n}\r\n\r\n.videowrapper video {\r\n\twidth: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */\r\n@media screen and (max-height: 450px) {\r\n  .overlay a {font-size: 20px}\r\n  .overlay .closebtn {\r\n    font-size: 40px;\r\n    top: 15px;\r\n    right: 35px;\r\n  }\r\n}\r\n"]}