#stacks_in_14_page2 hr{border:0;height:0;width:100%;margin:0;padding:0}#stacks_in_14_page2 hr.gradient{height:10px;background:#333;background-image:-webkit-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-moz-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-ms-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-o-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:linear-gradient(left,#CCCCCC,#333333,#CCCCCC)}#stacks_in_14_page2 hr.faded{height:10px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0))}#stacks_in_14_page2 hr.dashed_fade{border-bottom:10px dashed #7E7E7E;background:#333333}#stacks_in_14_page2 hr.dotted_fade{border-bottom:10px dotted #7E7E7E;background:#333333}#stacks_in_14_page2 hr.dashed{border-bottom:10px dashed #333333}#stacks_in_14_page2 hr.dotted{border-bottom:10px dotted #7E7E7E}#stacks_in_14_page2 hr.shadow{height:10px;box-shadow:inset 0 10px 10px -10px rgba(0,0,0,0.5)}#stacks_in_14_page2 hr.cloudy{margin:10px 0;box-shadow:0 0 10px 1px #333333}#stacks_in_14_page2 hr.cloudy:after{content:"\00a0"}#stacks_in_14_page2 hr.inset{border-top:10px solid rgba(0,0,0,0.1);border-bottom:10px solid rgba(255,255,255,0.3)}#stacks_in_14_page2 hr.inset_two{border-top:10px solid #CCCCCC;border-bottom:10px solid #333333}#stacks_in_14_page2 hr.inset_three{border-top:10px solid #333333;border-bottom:10px solid #CCCCCC}#stacks_in_14_page2 hr.inset_four{border-top:10px solid #333333;border-bottom:10px solid #CCCCCC}#stacks_in_14_page2 hr.flared{height:30px;border-style:solid;border-color:#333333;border-width:10px 0 0 0;border-radius:20px;margin-top:12px}#stacks_in_14_page2 hr.flared:before{display:block;content:"";height:30px;margin-top:-31px;border-style:solid;border-color:#333333;border-width:0 0 10px 0;border-radius:20px}#stacks_in_14_page2 hr.glyph{padding:0;border:0;border-top:10px double #333333;color:#333333;text-align:center;margin:1em 0}#stacks_in_14_page2 hr.glyph:after{content:"§";display:inline-block;position:relative;top:-0.00em;font-size:1.5em;padding:0 .25em;background:#FFFFFF} /* ------------------ edit -- */ /* ------------------ edit END -- */ /* ------------------ 2 columns -- */ #stacks_in_6_page2 .wrapper-link:hover { -webkit-animation: wrapper-link 1.5s linear forwards !important; -moz-animation: wrapper-link 1.5s linear forwards !important; animation: wrapper-link 1.5s linear forwards !important; background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(255, 255, 255, 0.00)), to(rgba(255, 255, 255, 0.15))); background-image: -webkit-radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00)); background-image: -moz-radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00)); background-image: radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00)); } @-webkit-keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} @keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} @-moz-keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} #stacks_in_6_page2 .element-link, #stacks_in_6_page2 .wrapper-link { display: none !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2 !important; width: 100%; height: 100%; } /* ------- global ------ */ #stacks_in_6_page2 *{ box-sizing: border-box !important; } /* ------- BG main ------ */ #stacks_in_6_page2 .extend_image_main { background-image: url() !important; filter: contrast(100%) brightness(100%) grayscale(0%) blur(0px) !important; -webkit-filter: contrast(100%) brightness(100%) grayscale(0%) blur(0px) !important; background-size: cover !important; background-position: 0% 50% !important; opacity: 0.5 !important; } #stacks_in_6_page2 .extend_image_main_colour { } #stacks_in_6_page2 .extend_image_main_colour_border { } /* ------- Text BG left ------ */ #stacks_in_6_page2 .left-box-over-bg-0 path, #stacks_in_6_page2 .left-box-over-bg-1 path, #stacks_in_6_page2 .left-box-over-bg-2 path, #stacks_in_6_page2 .left-box-over-bg-3 path, #stacks_in_6_page2 .left-box-over-bg-4 path, #stacks_in_6_page2 .left-box-over-bg-5 path, #stacks_in_6_page2 .left-box-over-bg-6 path, #stacks_in_6_page2 .left-box-over-bg-7 path, #stacks_in_6_page2 .left-box-over-bg-8 path, #stacks_in_6_page2 .left-box-over-bg-9 path, #stacks_in_6_page2 .left-box-over-bg-10 path { fill: rgba(250, 250, 250, 0.75) !important; } #stacks_in_6_page2 .left-box-over-bg-7 { display: block !important; } /* ------- BG back shape ------ */ #stacks_in_6_page2 .morph-shape-1, #stacks_in_6_page2 .morph-shape-1 path, #stacks_in_6_page2 .morph-shape-2, #stacks_in_6_page2 .morph-shape-2 path, #stacks_in_6_page2 .morph-shape-3, #stacks_in_6_page2 .morph-shape-3 path { fill: rgba(104, 104, 104, 0.50) !important; } /* NOTE use the order 2 and 1 and 3 to fix consolid. css */ #stacks_in_6_page2 .morph-shape-2, #stacks_in_6_page2 .morph-shape-2 path { } #stacks_in_6_page2 .morph-shape-1, #stacks_in_6_page2 .morph-shape-1 path { display: block !important; } #stacks_in_6_page2 .morph-shape-3, #stacks_in_6_page2 .morph-shape-3 path { } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_6_page2 .HYPE_document { direction:ltr !important; margin:auto; position:relative; display: block; overflow: hidden; width: 100%; min-height: 400px; max-width: 1800px; } /* was important - fox edit mode UP */ /* ------- IMG LINE ------ */ #stacks_in_6_page2 .anim-line { text-align: left !important; position: absolute !important; top: 0 !important; bottom: 0 !important; right: 0 !important; left: 0 !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: auto !important; important; margin-top: auto !important; width: 450px !important; height: 450px !important; } #stacks_in_6_page2 .anim-line path { stroke-width: 3px !important; stroke: rgba(255, 255, 255, 0.80) !important; } /* ------- IMG ------ */ /* removed below width: auto !important; bwlow to fix in IE11 */ #stacks_in_6_page2 .extend_image { left: 0 !important; right: 0 !important; text-align: center !important; margin: auto !important; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; background-image: url() !important; max-width: 70% !important; height: 90% !important; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; background-size: cover !important; } #stacks_in_6_page2 .extend_image_main_overlay { background-color: transparent !important; } #stacks_in_6_page2 .extend_image_main_grid { background: url(../files/dots2.png) center center repeat !important; display: block !important; } #stacks_in_6_page2 .hype_box { box-sizing: border-box !important; text-align: center !important; max-height: 95vh; margin: auto !important; width: auto; display: inline-table !important; right: 0 !important; left: 0 !important; border-style: none !important; top: 0; } /* fade-css to slice */ #stacks_in_6_page2 .inner_slice { z-index: 2 !important; box-sizing: border-box !important; position: relative; max-width: 40% !important; -webkit-animation: fade-css 0.30s ease-in-out both; animation: fade-css 0.30s ease-in-out both; } @keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_6_page2 .inner_slice_content, #stacks_in_6_page2 .inner_slice_content p, #stacks_in_6_page2 .inner_slice_content span, #stacks_in_6_page2 .inner_slice_content [class*="fa fa-"], #stacks_in_6_page2 .inner_slice_content h1, #stacks_in_6_page2 .inner_slice_content h2, #stacks_in_6_page2 .inner_slice_content h3, #stacks_in_6_page2 .inner_slice_content h4, #stacks_in_6_page2 .inner_slice_content h5, #stacks_in_6_page2 .inner_slice_content h6 {-webkit-font-smoothing: antialiased; color:#000000 !important; } #stacks_in_6_page2 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_6_page2 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_6_page2 .inner_slice_content a:link, #stacks_in_6_page2 .inner_slice_content a { color:#5A76B9 !important; } #stacks_in_6_page2 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_6_page2 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_6_page2 .inner_slice_content a:hover { color:#404040 !important; } /* hype elements */ #stacks_in_6_page2 .viewport-morph-trigger { opacity: 0.45; } #stacks_in_6_page2 .viewport-rotscal-trigger { opacity: 0.45; } #stacks_in_6_page2 .viewport-line-trigger { opacity: 0.45; } #stacks_in_6_page2 .setting_panel_slide { } /* ------------------ 2 columns -- END */ /* ------------------------------- breakpoint min -------------------------------------- */ @media screen and (min-width: 780px ) { #stacks_in_6_page2 .anim-line { margin-top: 70px !important; } #stacks_in_6_page2 .inner_slice {max-width: 40% !important;} #stacks_in_6_page2 .hype_box, #stacks_in_6_page2 .wrapper-link { width: 60% !important; left: 40% !important; margin-top: 0 !important; margin-bottom: 10% !important; max-height: 400px; } #stacks_in_6_page2 .left-box-over-bg-7 { margin-left: -10% !important; } #stacks_in_6_page2 .extend_image { top: 5% !important; background-position: 50% 50% !important; /* below for desktop - 2 columns only- to use in one */ } #stacks_in_6_page2 .setting_panel_slide { position: absolute !important; margin-left: -5% !important; } #stacks_in_6_page2 .inner_slice_content { padding-top: 0px; } } /* -------------------- breakpoint min -------------- END ---------- */ /* Hype element simulator centering in MAX */ #stacks_in_6_page2 .setting_panel_slide { position: absolute !important; margin-left: -25%; } /* -------------------- breakpoint MAX ----------------------- */ @media screen and (max-width: 780px ) { /* line 2 col */ #stacks_in_6_page2 .inner_slice { max-width: 100% !important; margin-top: 350px; top: 0px !important; } #stacks_in_6_page2 .inner_slice_content { background-color: rgba(250, 250, 250, 0.75); } #stacks_in_6_page2 .hype_box, #stacks_in_6_page2 .wrapper-link { max-width: 100% !important; left: 0% !important; position: absolute !important; top: 0 !important; max-height: 350px; } #stacks_in_6_page2 .hype_box { display: block !important; margin-top: 20px !important; } #stacks_in_6_page2 .extend_image { top: 5% !important; max-width: 90% !important; height: 90% !important; background-position: 50% 50% !important; } #stacks_in_6_page2 .anim-line { bottom: 0 !important; top: 0 !important; right: 0 !important; left: 0 !important; margin-right: auto !important; margin-left: auto !important; margin-bottom: auto !important; margin-top: auto !important; min-width: 300px !important; min-height: 300px !important; max-width: 390px !important; max-height: 390px !important; } #stacks_in_6_page2 .HYPE_document { overflow: hidden !important; padding-top: 20px !important; margin-bottom: 0px !important; } /* link area */ #stacks_in_6_page2 .element-link, #stacks_in_6_page2 .wrapper-link, #stacks_in_6_page2 .wrapper-link:hover { display: none !important; } /* hide show text background */ #stacks_in_6_page2 .left-box-over-bg-7 { display: none !important; } /* preview simulator centering in MAX */ #stacks_in_6_page2 .setting_panel_slide { position: absolute !important; margin-left: -25%; } } /* -------------------- breakpoint MAX ----------- END ------------ */ /* -------------------- breakpoint small devices ---- */ @media screen and (max-width: 560px) { #stacks_in_6_page2 .extend_image { } } /* -------------------- breakpoint internal ---- */ @media screen and (max-width: 420px ) { #stacks_in_6_page2 .anim-line { max-width: 300px !important; max-height: 300px !important; } } /* -------------- if edit mode list -------------- */ #stacks_in_6_page2 .HYPE_document { } #stacks_in_6_page2 .inner_slice_content { } #stacks_in_6_page2 .inner_slice { } /* -- End EACH CSS Template -- */ #stacks_in_6_page2 { background-image: url("../files/backgroundImage_6.jpg"); background-repeat: repeat; background-size: cover; background-position: center; } #stacks_in_12_page2 { margin: 16px; padding: 11px; } #stacks_in_16_page2 hr{border:0;height:0;width:100%;margin:0;padding:0}#stacks_in_16_page2 hr.gradient{height:1px;background:#333;background-image:-webkit-linear-gradient(left,#000000,#000000,#000000);background-image:-moz-linear-gradient(left,#000000,#000000,#000000);background-image:-ms-linear-gradient(left,#000000,#000000,#000000);background-image:-o-linear-gradient(left,#000000,#000000,#000000);background-image:linear-gradient(left,#000000,#000000,#000000)}#stacks_in_16_page2 hr.faded{height:1px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0))}#stacks_in_16_page2 hr.dashed_fade{border-bottom:1px dashed #4B4B4B;background:#000000}#stacks_in_16_page2 hr.dotted_fade{border-bottom:1px dotted #4B4B4B;background:#000000}#stacks_in_16_page2 hr.dashed{border-bottom:1px dashed #000000}#stacks_in_16_page2 hr.dotted{border-bottom:1px dotted #4B4B4B}#stacks_in_16_page2 hr.shadow{height:1px;box-shadow:inset 0 1px 1px -1px rgba(0,0,0,0.5)}#stacks_in_16_page2 hr.cloudy{margin:1px 0;box-shadow:0 0 1px 1px #000000}#stacks_in_16_page2 hr.cloudy:after{content:"\00a0"}#stacks_in_16_page2 hr.inset{border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(255,255,255,0.3)}#stacks_in_16_page2 hr.inset_two{border-top:1px solid #000000;border-bottom:1px solid #000000}#stacks_in_16_page2 hr.inset_three{border-top:1px solid #000000;border-bottom:1px solid #000000}#stacks_in_16_page2 hr.inset_four{border-top:1px solid #000000;border-bottom:1px solid #CCCCCC}#stacks_in_16_page2 hr.flared{height:30px;border-style:solid;border-color:#000000;border-width:1px 0 0 0;border-radius:20px;margin-top:12px}#stacks_in_16_page2 hr.flared:before{display:block;content:"";height:30px;margin-top:-31px;border-style:solid;border-color:#000000;border-width:0 0 1px 0;border-radius:20px}#stacks_in_16_page2 hr.glyph{padding:0;border:0;border-top:1px double #000000;color:#000000;text-align:center;margin:1em 0}#stacks_in_16_page2 hr.glyph:after{content:"§";display:inline-block;position:relative;top:-0.00em;font-size:1.5em;padding:0 .25em;background:#FFFFFF} #stacks_in_22_page2>.s3_row { margin: 0 -10px; } #stacks_in_22_page2>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_22_page2>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_22_page2>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_22_page2>.s3_row { margin: -10px 0; } #stacks_in_22_page2>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_27_page2 .pullquote { font-size:1.25em; display:block; padding:0.5em; font-style:italic; } #stacks_in_27_page2 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_27_page2 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_27_page2 { margin: 20px; } #stacks_in_30_page2>.s3_row { margin: 0 -10px; } #stacks_in_30_page2>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_30_page2>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_30_page2>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_30_page2>.s3_row { margin: -10px 0; } #stacks_in_30_page2>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_34_page2 .pullquote { font-size:1.25em; display:block; padding:0.5em; font-style:italic; } #stacks_in_34_page2 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_34_page2 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_34_page2 { margin: 20px; } #stacks_in_38_page2>.s3_row { margin: 0 -10px; } #stacks_in_38_page2>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_38_page2>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_38_page2>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_38_page2>.s3_row { margin: -10px 0; } #stacks_in_38_page2>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_42_page2 .pullquote { font-size:1.25em; display:block; padding:0.5em; font-style:italic; } #stacks_in_42_page2 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_42_page2 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_42_page2 { margin: 20px; } /* ------------------ edit -- */ /* ------------------ edit END -- */ /* ------------------ 2 columns -- */ #stacks_in_2_page2 .wrapper-link:hover { -webkit-animation: wrapper-link 1.5s linear forwards !important; -moz-animation: wrapper-link 1.5s linear forwards !important; animation: wrapper-link 1.5s linear forwards !important; background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(255, 255, 255, 0.00)), to(rgba(255, 255, 255, 0.15))); background-image: -webkit-radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00)); background-image: -moz-radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00)); background-image: radial-gradient(50% 50%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.00)); } @-webkit-keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} @keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} @-moz-keyframes wrapper-link { 0%,100% { opacity: 0; } 30% { opacity: 1; }} #stacks_in_2_page2 .element-link, #stacks_in_2_page2 .wrapper-link { display: none !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2 !important; width: 100%; height: 100%; } /* ------- global ------ */ #stacks_in_2_page2 *{ box-sizing: border-box !important; } /* ------- BG main ------ */ #stacks_in_2_page2 .extend_image_main { background-image: url() !important; background-size: cover !important; background-position: 50% 50% !important; opacity: 1 !important; } #stacks_in_2_page2 .extend_image_main_colour { } #stacks_in_2_page2 .extend_image_main_colour_border { } /* ------- Text BG left ------ */ #stacks_in_2_page2 .left-box-over-bg-0 path, #stacks_in_2_page2 .left-box-over-bg-1 path, #stacks_in_2_page2 .left-box-over-bg-2 path, #stacks_in_2_page2 .left-box-over-bg-3 path, #stacks_in_2_page2 .left-box-over-bg-4 path, #stacks_in_2_page2 .left-box-over-bg-5 path, #stacks_in_2_page2 .left-box-over-bg-6 path, #stacks_in_2_page2 .left-box-over-bg-7 path, #stacks_in_2_page2 .left-box-over-bg-8 path, #stacks_in_2_page2 .left-box-over-bg-9 path, #stacks_in_2_page2 .left-box-over-bg-10 path { fill: rgba(250, 250, 250, 0.75) !important; } #stacks_in_2_page2 .left-box-over-bg-1 { display: block !important; } /* ------- BG back shape ------ */ #stacks_in_2_page2 .morph-shape-1, #stacks_in_2_page2 .morph-shape-1 path, #stacks_in_2_page2 .morph-shape-2, #stacks_in_2_page2 .morph-shape-2 path, #stacks_in_2_page2 .morph-shape-3, #stacks_in_2_page2 .morph-shape-3 path { fill: rgba(104, 104, 104, 0.50) !important; } /* NOTE use the order 2 and 1 and 3 to fix consolid. css */ #stacks_in_2_page2 .morph-shape-2, #stacks_in_2_page2 .morph-shape-2 path { } #stacks_in_2_page2 .morph-shape-1, #stacks_in_2_page2 .morph-shape-1 path { } #stacks_in_2_page2 .morph-shape-3, #stacks_in_2_page2 .morph-shape-3 path { } /* foundation RTL theme - fix - direction:ltr */ #stacks_in_2_page2 .HYPE_document { direction:ltr !important; margin:auto; position:relative; display: block; overflow: hidden; width: 100%; min-height: 400px; max-width: 1800px; } /* was important - fox edit mode UP */ /* ------- IMG LINE ------ */ #stacks_in_2_page2 .anim-line { text-align: left !important; position: absolute !important; top: 0 !important; bottom: 0 !important; right: 0 !important; left: 0 !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: auto !important; important; margin-top: auto !important; width: 450px !important; height: 450px !important; } #stacks_in_2_page2 .anim-line path { stroke-width: 3px !important; stroke: rgba(255, 255, 255, 0.80) !important; } /* ------- IMG ------ */ /* removed below width: auto !important; bwlow to fix in IE11 */ #stacks_in_2_page2 .extend_image { left: 0 !important; right: 0 !important; text-align: center !important; margin: auto !important; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; background-image: url() !important; max-width: 70% !important; height: 90% !important; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; background-size: cover !important; } #stacks_in_2_page2 .extend_image_main_overlay { background-color: transparent !important; } #stacks_in_2_page2 .extend_image_main_grid { background: url(../files/dots2.png) center center repeat !important; display: block !important; } #stacks_in_2_page2 .hype_box { box-sizing: border-box !important; text-align: center !important; max-height: 95vh; margin: auto !important; width: auto; display: inline-table !important; right: 0 !important; left: 0 !important; border-style: none !important; top: 0; } /* fade-css to slice */ #stacks_in_2_page2 .inner_slice { z-index: 2 !important; box-sizing: border-box !important; position: relative; max-width: 40% !important; -webkit-animation: fade-css 0.30s ease-in-out both; animation: fade-css 0.30s ease-in-out both; } @keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-css { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_2_page2 .inner_slice_content, #stacks_in_2_page2 .inner_slice_content p, #stacks_in_2_page2 .inner_slice_content span, #stacks_in_2_page2 .inner_slice_content [class*="fa fa-"], #stacks_in_2_page2 .inner_slice_content h1, #stacks_in_2_page2 .inner_slice_content h2, #stacks_in_2_page2 .inner_slice_content h3, #stacks_in_2_page2 .inner_slice_content h4, #stacks_in_2_page2 .inner_slice_content h5, #stacks_in_2_page2 .inner_slice_content h6 {-webkit-font-smoothing: antialiased; color:#000000 !important; } #stacks_in_2_page2 .inner_slice_content a:link [class^="fa fa-"], #stacks_in_2_page2 .inner_slice_content a:visited [class^="fa fa-"], #stacks_in_2_page2 .inner_slice_content a:link, #stacks_in_2_page2 .inner_slice_content a { color:#5A76B9 !important; } #stacks_in_2_page2 .inner_slice_content a:hover [class^="fa fa-"], #stacks_in_2_page2 .inner_slice_content a:active [class^="fa fa-"], #stacks_in_2_page2 .inner_slice_content a:hover { color:#404040 !important; } /* hype elements */ #stacks_in_2_page2 .viewport-morph-trigger { opacity: 0.45; } #stacks_in_2_page2 .viewport-rotscal-trigger { opacity: 0.45; } #stacks_in_2_page2 .viewport-line-trigger { opacity: 0.45; } #stacks_in_2_page2 .setting_panel_slide { } /* ------------------ 2 columns -- END */ /* ------------------------------- breakpoint min -------------------------------------- */ @media screen and (min-width: 780px ) { #stacks_in_2_page2 .anim-line { } #stacks_in_2_page2 .inner_slice {max-width: 40% !important;} #stacks_in_2_page2 .hype_box, #stacks_in_2_page2 .wrapper-link { width: 60% !important; left: 40% !important; margin-top: 0 !important; margin-bottom: 10% !important; max-height: 400px; } #stacks_in_2_page2 .left-box-over-bg-1 { margin-left: -10% !important; } #stacks_in_2_page2 .extend_image { top: 5% !important; background-position: 50% 50% !important; /* below for desktop - 2 columns only- to use in one */ } #stacks_in_2_page2 .setting_panel_slide { position: absolute !important; margin-left: -5% !important; } #stacks_in_2_page2 .inner_slice_content { padding-top: 0px; } } /* -------------------- breakpoint min -------------- END ---------- */ /* Hype element simulator centering in MAX */ #stacks_in_2_page2 .setting_panel_slide { position: absolute !important; margin-left: -25%; } /* -------------------- breakpoint MAX ----------------------- */ @media screen and (max-width: 780px ) { /* line 2 col */ #stacks_in_2_page2 .inner_slice { max-width: 100% !important; margin-top: 350px; top: 0px !important; } #stacks_in_2_page2 .inner_slice_content { background-color: rgba(250, 250, 250, 0.75); } #stacks_in_2_page2 .hype_box, #stacks_in_2_page2 .wrapper-link { max-width: 100% !important; left: 0% !important; position: absolute !important; top: 0 !important; max-height: 350px; } #stacks_in_2_page2 .hype_box { display: block !important; margin-top: 20px !important; } #stacks_in_2_page2 .extend_image { top: 5% !important; max-width: 90% !important; height: 90% !important; background-position: 50% 50% !important; } #stacks_in_2_page2 .anim-line { bottom: 0 !important; top: 0 !important; right: 0 !important; left: 0 !important; margin-right: auto !important; margin-left: auto !important; margin-bottom: auto !important; margin-top: auto !important; min-width: 300px !important; min-height: 300px !important; max-width: 390px !important; max-height: 390px !important; } #stacks_in_2_page2 .HYPE_document { overflow: hidden !important; padding-top: 20px !important; margin-bottom: 0px !important; } /* link area */ #stacks_in_2_page2 .element-link, #stacks_in_2_page2 .wrapper-link, #stacks_in_2_page2 .wrapper-link:hover { display: none !important; } /* hide show text background */ #stacks_in_2_page2 .left-box-over-bg-1 { display: none !important; } /* preview simulator centering in MAX */ #stacks_in_2_page2 .setting_panel_slide { position: absolute !important; margin-left: -25%; } } /* -------------------- breakpoint MAX ----------- END ------------ */ /* -------------------- breakpoint small devices ---- */ @media screen and (max-width: 560px) { #stacks_in_2_page2 .extend_image { } } /* -------------------- breakpoint internal ---- */ @media screen and (max-width: 420px ) { #stacks_in_2_page2 .anim-line { max-width: 300px !important; max-height: 300px !important; } } /* -------------- if edit mode list -------------- */ #stacks_in_2_page2 .HYPE_document { } #stacks_in_2_page2 .inner_slice_content { } #stacks_in_2_page2 .inner_slice { } /* -- End EACH CSS Template -- */ #stacks_in_2_page2 { background-color: rgba(204, 204, 204, 1.00); background-image: url("../files/backgroundImage_2.jpg"); background-repeat: repeat; background-size: cover; background-position: center; } #stacks_out_4_page2 { margin-left:0; } #stacks_in_4_page2 { background-color: rgba(204, 204, 204, 0.00); margin: 16px; padding: 11px; } #stacks_in_46_page2>.s3_row { margin: 0 -10px; } #stacks_in_46_page2>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_46_page2>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_46_page2>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_46_page2>.s3_row { margin: -10px 0; } #stacks_in_46_page2>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_50_page2 .pullquote { font-size:1.25em; display:block; padding:0.5em; font-style:italic; } #stacks_in_50_page2 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_50_page2 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_50_page2 { margin: 20px; } #stacks_in_54_page2>.s3_row { margin: 0 -10px; } #stacks_in_54_page2>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_54_page2>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_54_page2>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_54_page2>.s3_row { margin: -10px 0; } #stacks_in_54_page2>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_58_page2 .pullquote { font-size:1.25em; display:block; padding:0.5em; font-style:italic; } #stacks_in_58_page2 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_58_page2 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_58_page2 { margin: 20px; } #stacks_in_62_page2>.s3_row { margin: 0 -10px; } #stacks_in_62_page2>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_62_page2>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_62_page2>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_62_page2>.s3_row { margin: -10px 0; } #stacks_in_62_page2>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_66_page2 .pullquote { font-size:1.25em; display:block; padding:0.5em; font-style:italic; } #stacks_in_66_page2 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_66_page2 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_66_page2 { margin: 20px; }