.nav-wrap{margin:0 auto;overflow:visible}.nav-wrap h1,.nav-wrap h2,.nav-wrap h3,.nav-wrap h4,.nav-wrap h5,.nav-wrap h6{margin-bottom:0}.nav-content{position:relative}.contained-bar{margin:0 auto}.site-title a:hover{text-decoration:none}html:not(.menulab-js) .navbar ul,html:not(.menulab-js) .navbar li{display:block!important;position:relative!important;margin:0!important;padding:0!important;left:0!important;right:0!important}html:not(.menulab-js) .navbar .ml-arrows li::after{display:none!important}html:not(.menulab-js) .navbar a{text-align:left!important}.navbar{float:none;max-height:0;overflow:hidden;transition:max-height .5s;margin:0;padding:0;list-style-type:none}.navbar ul{margin:0}.navbar li>ul li{white-space:nowrap}.navbar li{list-style-type:none;display:block;transition:background-color .3s ease}.navbar li a{display:block;text-decoration:none;padding:3px .8em;transition:color .3s ease}.navbar li.has-dropdown>.ml-dropdown{padding-left:20px}.navbar .ml-arrows .has-dropdown::after{top:12px}.ml-dropdown,.ml-dropdown *{margin:0;padding:0;list-style:none}.ml-dropdown li{position:relative}.ml-dropdown ul{display:none;top:100%;right:0;left:auto;z-index:99}html:not(.touch-stripped) .ml-dropdown li:hover>ul{display:block}html.touch-stripped .ml-dropdown li.dd-open>ul{display:block}.ml-dropdown a{display:block;position:relative}.ml-dropdown ul ul{top:0;left:100%}.expand{max-height:100vh}.ml-arrows .has-dropdown:after{content:'';position:absolute;right:6px;margin-top:0;height:0;width:0;border:5px solid transparent}.ml-arrows ul .ml-dropdown:after{margin-top:-5px;margin-right:-3px;border-color:transparent}a.anchor{height:0 !important;font-size:0 !important;line-height:0 !important;padding:0 !important;margin:0 !important;display:block !important} /* Start dooMontage 2 stack page CSS code */ /*! * Justified Gallery - v3.6.1 * http://miromannino.github.io/Justified-Gallery/ * Copyright (c) 2015 Miro Mannino * Licensed under the MIT license. */ @-webkit-keyframes justified-gallery-show-doocaption-animation{from{opacity:0}to{opacity:.7}}@-moz-keyframes justified-gallery-show-doocaption-animation{from{opacity:0}to{opacity:.7}}@-o-keyframes justified-gallery-show-doocaption-animation{from{opacity:0}to{opacity:.7}}@keyframes justified-gallery-show-doocaption-animation{from{opacity:0}to{opacity:.7}}@-webkit-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@-moz-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@-o-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}.justified-gallery{width:100%;position:relative;overflow:hidden}.justified-gallery>a,.justified-gallery>div{position:absolute;display:inline-block;overflow:hidden;opacity:0;filter:alpha(opacity=0)}.justified-gallery>a>img,.justified-gallery>div>img,.justified-gallery>a>a>img,.justified-gallery>div>a>img{position:absolute;top:50%;left:50%;margin:0;padding:0;border:0}.justified-gallery>a>.doocaption,.justified-gallery>div>.doocaption{display:none;position:absolute;bottom:0;padding:5px;background-color:#000;left:0;right:0;margin:0;color:#fff;font-size:12px;font-weight:600;font-family:sans-serif}.justified-gallery>a>.doocaption.doocaption-visible,.justified-gallery>div>.doocaption.doocaption-visible{display:initial;opacity:.7;filter:"alpha(opacity=70)";-webkit-animation:justified-gallery-show-doocaption-animation 500ms 0 ease;-moz-animation:justified-gallery-show-doocaption-animation 500ms 0 ease;-ms-animation:justified-gallery-show-doocaption-animation 500ms 0 ease}.justified-gallery>.entry-visible{opacity:1;filter:alpha(opacity=100);-webkit-animation:justified-gallery-show-entry-animation 500ms 0 ease;-moz-animation:justified-gallery-show-entry-animation 500ms 0 ease;-ms-animation:justified-gallery-show-entry-animation 500ms 0 ease}.justified-gallery>.jg-filtered{display:none}.justified-gallery>.spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0;left:50%;opacity:initial;filter:initial;overflow:initial}.justified-gallery>.spinner>span{display:inline-block;opacity:0;filter:alpha(opacity=0);width:8px;height:8px;margin:0 4px;background-color:#000;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px} /* End dooMontage 2 stack page CSS code */@font-face{font-family:'Raleway';src:url('../../rw_common/plugins/stacks/fontAssets/fonts/Raleway-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display: auto;}@font-face{font-family:'Raleway';src:url('../../rw_common/plugins/stacks/fontAssets/fonts/Raleway-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display: auto;}@font-face{font-family:'Raleway';src:url('../../rw_common/plugins/stacks/fontAssets/fonts/Raleway-Bold.woff2') format('woff2');font-weight:bold;font-style:normal;font-display: auto;}@font-face{font-family:'Raleway';src:url('../../rw_common/plugins/stacks/fontAssets/fonts/Raleway-BoldItalic.woff2') format('woff2');font-weight:bold;font-style:italic;font-display: auto;}body{ font-weight:400 ;font-family:Raleway,'HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif } #stacks_in_4967 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; margin: 7px; padding: 7px; } /* Start dooGrid stack each CSS code */ .stacks_in_4968gridWrapper > div{ display: inline-block !important; width: 33.333333%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; margin-top: 15px; padding-right: 7.500000px; padding-left: 7.500000px; } .stacks_in_4968gridWrapper{ margin-right: -7.500000px; margin-left: -7.500000px; margin-top: -15px; } @media all and (max-width: 1024px) { .stacks_in_4968gridWrapper > div{ width: 33.333333%; } } @media all and (max-width: 768px) { .stacks_in_4968gridWrapper > div{ width: 33.333333%; } } @media all and (max-width: 480px) { .stacks_in_4968gridWrapper > div{ width: 33.333333%; } } #stacks_in_4968 .dooGridItem{ position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(244, 244, 244, 1.00); border:1px solid rgba(204, 204, 204, 1.00); border-radius: 4px; padding: 10px; } /* End dooGrid stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code */#stacks_in_4957.nav-wrap{background-color:var(--nav-bg);width:100%;padding:5px 5px 5px 5px}#stacks_in_4957 .nav-content{z-index:999}html:not(.menulab-js) .nav-wrap{display:none}#stacks_in_4957.nav-fixed,#stacks_in_4957.nav-sticky{top:0;width:100%;z-index:999}#stacks_in_4957.nav-fixed{position:fixed;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12)}#stacks_in_4957.nav-sticky{position:sticky}.stacks_top{overflow:visible!important}#stacks_in_4957 .contained-bar{max-width:var(--container-max-width)}#stacks_in_4957 .navbar li>ul{background-color:var(--nav-bg)}#stacks_in_4957 .navbar li{list-style-type:none;display:block;border-radius:0px}#stacks_in_4957 .navbar li a{color:var(--nav-link)}#stacks_in_4957 .navbar li:hover>*:first-child,#stacks_in_4957 .navbar li.active>*:first-child{color:var(--nav-link-hover)}#stacks_in_4957 .navbar li:hover,#stacks_in_4957 .navbar li.active{background-color:var(--nav-bg-hover)}#stacks_in_4957 .logo img{vertical-align:top;height:42px;border-radius:5px;width:auto;max-width:none}#stacks_in_4957 .logo{display: none;}#stacks_in_4957 .site-title{}#stacks_in_4957 .navbar{display:block;}#stacks_in_4957 .navbar .ml-arrows .has-dropdown::after{top:16px}#stacks_in_4957 .navbar{font-size:16px}#stacks_in_4957 .branding{position:relative;display:flex;align-items:center;justify-content:space-between}#stacks_in_4957 .branding h4{font-size:20px;font-weight:normal;text-transform: uppercase; padding-left:10px;padding-right:10px}#stacks_in_4957 .site-title a{color:#FFFFFF;}#stacks_in_4957 .site-title a:hover{color:#E6E6E6;}@media only screen and (max-width:599px){#stacks_in_4957 .ml-dropdown{background-color:var(--nav-bg);max-height:calc(100vh - 45px);overflow-y:scroll} #stacks_in_4957 .cta{display:none} #stacks_in_4957 .navbar li{margin:3px 0}#stacks_in_4957 .branding{}}@media only screen and (min-width:600px){ #stacks_in_4957 .logo{display: block; margin-left:0;padding-right:10px}#stacks_in_4957 .site-title{display: block;} #stacks_in_4957 .cta-small{display:none} #stacks_in_4957 .branding h4{font-size:22px;padding-left:0;}#stacks_in_4957 .grouped-cta,#stacks_in_4957 .cta{display:flex;flex-wrap:wrap;align-items:center}#stacks_in_4957 .branding{min-width:0px;justify-content: start;}#stacks_in_4957 .logo img{height:54px}#stacks_in_4957 .navbar{display:inline-block} #stacks_in_4957 .navbar .ml-arrows .has-dropdown::after{top:18px}#stacks_in_4957 .navbar{font-size:18px} #stacks_in_4957 .mob-icon{display:none}#stacks_in_4957.nav-wrap{padding:12px 12px 12px 12px}#stacks_in_4957 .navbar{float:right;max-height:none;overflow:visible}#stacks_in_4957 .navbar,#stacks_in_4957 .nav-content{position:relative;display:flex;align-items:center;justify-content:space-between;}#stacks_in_4957 .navbar li a{padding:0 .8em}#stacks_in_4957 .navbar li.active,#stacks_in_4957 .navbar li:hover{border-radius:0px}#stacks_in_4957 .navbar .ml-menu,#stacks_in_4957 .navbar .ml-menu ul{margin:2px 1px}#stacks_in_4957 .navbar .ml-menu li{margin:2px 1px;padding-top:3px;padding-bottom:3px}#stacks_in_4957 .navbar li>ul{box-shadow:0 0 18px rgba(0,0,0,.1)}#stacks_in_4957 .navbar .ml-menu li>ul .dd-to-left>ul{right:100%!important;left:auto!important}#stacks_in_4957 .navbar .ml-menu li>ul .dd-to-right>ul{left:100%!important;right:auto!important}#stacks_in_4957 .navbar .ml-menu ul,#stacks_in_4957 .navbar [dir=rtl] .ml-menu>.dd-to-right>ul{display:none;position:absolute;padding:6px;top:100%;left:0;right:auto;z-index:1}#stacks_in_4957 .navbar [dir=rtl] .ml-menu ul,#stacks_in_4957 .navbar .ml-menu>.dd-to-left>ul{left:auto;right:0}#stacks_in_4957 .navbar .ml-menu ul ul,#stacks_in_4957 .navbar [dir=rtl] .ml-menu ul .dd-to-right ul{top:0;left:100%;right:auto}#stacks_in_4957 .navbar [dir=rtl] .ml-menu ul ul,#stacks_in_4957 .navbar .ml-menu ul .ml-dd-to-left ul{left:auto;right:100%}#stacks_in_4957 .navbar .ml-menu li{position:relative;display:block;list-style-type:none}#stacks_in_4957 .navbar .ml-menu>li{display:inline-block}#stacks_in_4957 .navbar .ml-menu a,#stacks_in_4957 .navbar .ml-menu span{display:block;text-decoration:none;white-space:pre}#stacks_in_4957 .navbar .ml-menu li:hover>ul{display:block}#stacks_in_4957 .navbar .ml-js li:hover>ul{display:none}#stacks_in_4957 .navbar .ml-js li.dd-open>ul{display:block!important}#stacks_in_4957 .ml-arrows .has-dropdown{padding-right:16px;*padding-right:16px}}#stacks_in_4957 .ml-arrows .has-dropdown:after{border-top-color:darkgray;border-top-color:var(--nav-link)}#stacks_in_4957 .ml-arrows .has-dropdown.active:after{border-top-color:darkgray;border-top-color:var(--nav-link-hover)}#stacks_in_4957 .ml-arrows>li>.ml-dropdown:focus:after,#stacks_in_4957 .ml-arrows>li:hover>.ml-dropdown:after,#stacks_in_4957 .ml-arrows>.sfHover>.ml-dropdown:after{border-top-color:darkgray;border-top-color:var(--nav-link)}#stacks_in_4957 .ml-arrows ul .ml-dropdown:after{border-top-color:darkgray;border-left-color:var(--nav-link)}#stacks_in_4957 .ml-arrows ul li>.ml-dropdown:focus:after,#stacks_in_4957 .ml-arrows ul li:hover>.ml-dropdown:after,#stacks_in_4957 .ml-arrows ul .sfHover>.ml-dropdown:after{border-top-color:darkgray;border-left-color:var(--nav-link)}#stacks_in_4957 .mob-icon{-webkit-transform:scale(.6);-moz-transform:scale(.6);-o-transform:scale(.6);transform:scale(.6)}#stacks_in_4957 .burg{width:45px;height:45px;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transition:.5s ease-in-out;cursor:pointer}#stacks_in_4957 .burg span{display:block;position:absolute;height:6px;width:100%;background:darkgray;background:var(--nav-link); border-radius:6px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transition:.25s ease-in-out}#stacks_in_4957 .burg span:nth-child(1){top:0}#stacks_in_4957 .burg span:nth-child(2),#stacks_in_4957 .burg span:nth-child(3){top:18px}#stacks_in_4957 .burg span:nth-child(4){top:36px}#stacks_in_4957.ml-toggle.expand .burg span:nth-child(1){top:18px;width:0;left:50%}#stacks_in_4957.ml-toggle.expand .burg span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#stacks_in_4957.ml-toggle.expand .burg span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}#stacks_in_4957.ml-toggle.expand .burg span:nth-child(4){top:18px;width:0;left:50%} html,.palette0{--text-color-richer:rgba(230, 230, 230, 1.00);--text-color-normal:rgba(255, 255, 255, 1.00);--text-color-softer:rgba(255, 255, 255, 1.00);--accent-color:rgba(255, 255, 255, 1.00);--accent-color-hover:rgba(255, 255, 10, 1.00);--accent-text-color:rgba(255, 255, 255, 1.00);--accent-text-color-hover:rgba(230, 230, 230, 1.00);--accent-color-alt:rgba(255, 255, 255, 1.00);--link-color:rgba(255, 255, 255, 1.00); --link-color-hover:rgba(251, 2, 7, 1.00); --border-color:rgba(187, 187, 187, 1.00);--border-color-softer:rgba(237, 237, 237, 1.00);--border-color-richer:rgba(137, 137, 137, 1.00);--background-color:rgba(255, 255, 255, 1.00);--background-color-alt:rgba(51, 51, 51, 0.00);--nav-bg:rgba(0, 0, 255, 0.86);--nav-bg-hover:rgba(0, 0, 128, 1.00);--nav-link:rgba(255, 255, 255, 1.00);--nav-link-hover:rgba(255, 255, 102, 1.00);--code-background:rgba(0, 0, 0, 1.00);--code-text:rgba(255, 255, 255, 1.00);--button-primary-color:rgba(255, 255, 255, 1.00);--button-primary-color-hover:rgba(230, 230, 230, 1.00);--second-color:rgba(255, 255, 255, 1.00);--second-color-hover:rgba(255, 255, 255, 1.00);--second-color-alt:rgba(255, 255, 255, 1.00);--base-font-size:62.5%;--container-max-width:1500px;--container-max-width-alt:1200px}*{vertical-align:baseline;border:0 none;outline:0;padding:0;margin:0}html{font-size:62.5%;font-size:var(--base-font-size);-webkit-text-size-adjust:100%;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}html,body{height:100%}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{font-size:1.60rem;line-height:1.60;font-weight:normal; color:rgba(255, 255, 255, 1.00);background-color:rgba(255, 255, 255, 1.00);color:var(--text-color-normal);background-color:var(--background-color); -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p.lead{font-size:1.80rem}@media (min-width:600px){body{font-size:1.60rem}p.lead{font-size:1.80rem}}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1.20rem;font-weight:bold;font-style:normal;}h1,.h1{font-size:4.00rem;line-height:1.2;letter-spacing:-.1rem;}h2,.h2{font-size:3.60rem;line-height:1.25;letter-spacing:-.1rem;}h3,.h3{font-size:3.00rem;line-height:1.3;letter-spacing:-.1rem;}h4,.h4{font-size:2.40rem;line-height:1.35;letter-spacing:-.08rem;}h5,.h5{font-size:1.80rem;line-height:1.5;letter-spacing:-.05rem;}h6,.h6{font-size:1.60rem;line-height:1.6;letter-spacing:0;}@media (min-width:600px){h1,.h1{font-size:5.00rem}h2,.h2{font-size:4.20rem}h3,.h3{font-size:3.60rem}h4,.h4{font-size:3.00rem}h5,.h5{font-size:2.40rem}h6,.h6{font-size:2.00rem}}p{margin-top:0}blockquote{margin-top:10px;margin-bottom:10px;margin-left:1rem;margin-right:1rem;padding-left:1rem;border-left:3px solid var(--accent-color);color:var(--text-color-softer)}a{color:var(--link-color);text-decoration:none;transition:all .2s ease 0s}a:hover:not(.source-button):not(.button){color:var(--link-color-hover);text-decoration:underline}.u-case{text-transform:uppercase}:focus{outline:none;box-shadow:0 0 0 3px rgba(21, 156, 228, 0.40)!important}.stripped-button a,.source-btn{line-height:38px;font-size:12px;border-width:1px;height:calc(38px + 2px); font-weight: bolder; display:inline-block;padding:0 0px;text-decoration:none;color:var(--text-color-softer);text-align:center;letter-spacing:.1rem;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:5px;border:1px solid var(--border-color);cursor:pointer;box-sizing:border-box;transition:all .2s ease 0s;max-width:100%}.button-nav a,.source-btn-nav a{color:var(--button-primary-color)!important;background-color:var(--nav-link)!important;border-color:var(--nav-link)!important}.button-nav a:hover,.button-nav a:focus,.source-btn-nav a:focus,.source-btn-nav a:hover{color:var(--button-primary-color);background-color:var(--nav-link-hover);border-color:var(--nav-link-hover)}.button-second a,.s-button-second{color:var(--second-color-alt)!important;background-color:var(--second-color)!important;border-color:var(--second-color)!important}.button-second a:hover,.button-second a:focus,.s-button-second:hover,.s-button-second:focus{color:var(--second-color-alt)!important;background-color:var(--second-color-hover)!important;border-color:var(--second-color-hover)!important}.button-primary-flip a,.s-button-primary-flip{color:var(--accent-color)!important;background-color:var(--button-primary-color)!important;border-color:var(--accent-color)!important}.button-primary-flip a:hover,.button-primary-flip a:focus,.s-button-primary-flip:hover,.s-button-primary-flip:focus{color:var(--button-primary-color)!important;background-color:var(--accent-color)!important;border-color:var(--accent-color)!important}.button-primary a,.s-button-primary{color:var(--button-primary-color)!important;background-color:var(--accent-color)!important;border-color:var(--accent-color)!important}.button-primary a:hover,.button-primary a:focus,.s-button-primary:hover,.s-button-primary:focus{color:var(--button-primary-color)!important;background-color:var(--accent-color-hover)!important;border-color:var(--accent-color-hover)!important}.button-ghost a:hover,.button-ghost a:focus{border-color:var(--border-color-richer)!important}input{font-size:14px}.quizArea label{display:inline-block}ul{list-style:circle inside}ol{list-style:decimal inside}ol,ul{padding-left:1rem;margin-top:0}ul ul,ul ol,ol ol,ol ul{margin-left:1.5rem}li{margin-bottom:0.50rem;margin-left:3rem}li ul{margin-bottom:0.50rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:95%;white-space:nowrap;background:var(--code-background);color:var(--code-text);border:1px solid var(--border-color-softer);border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre;overflow:auto}kbd{margin:0 .1em;padding:.1em .6em;border-radius:3px;border:1px solid rgb(204,204,204);color:rgb(51,51,51);display:inline-block;box-shadow:0 1px 0 rgba(0,0,0,.2),inset 0 0 0 2px #fff;background-color:rgb(247,247,247);-moz-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;-moz-border-radius:3px;-webkit-border-radius:3px;text-shadow:0 1px 0 #fff}sup{vertical-align:super}button,.source-button{margin-bottom:1rem}input,textarea,select,fieldset{margin-bottom:1.5rem}pre,blockquote,dl,figure,table,p,ul,ol,form{margin-bottom:2.50rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}.u-align-left{text-align:left}.u-align-right{text-align:right}.u-align-center{text-align:center}@media (max-width:600px){.s-align-left{text-align:left}.s-align-right{text-align:right}.s-align-center{text-align:center}}@media (min-width:600px){.m-align-left{text-align:left}.m-align-right{text-align:right}.m-align-center{text-align:center}}@media (min-width:900px){.l-align-left{text-align:left}.l-align-right{text-align:right}.l-align-center{text-align:center}}@media (min-width:1200px){.xl-align-left{text-align:left}.xl-align-right{text-align:right}.xl-align-center{text-align:center}}hr{margin-top:2rem;margin-bottom:2.5rem;border-width:0;border-top:1px solid var(--border-color)}.u-cf:before,.container:before,.row:before,.s3_row:before,.u-cf:after,.container:after,.row:after,.s3_row:after{content:"";display:table}.u-cf:after,.container:after,.row:after,.s3_row:after{clear:both}.stripped-container,.s-container-lite,.stripped-content,.stripped-outer,.stripped-wrapper,.s-grid-item,.s-cols-item,.s-coder-wrap{position:relative}.stripped-container,.stripped-content{box-sizing:border-box}img{max-width:100%}.stripped-img,.stripped-svg,.img-fit-wrap,picture{line-height:0}figure{line-height:1}.stripped-img img,.s-cols-item:not([data-sal]),.s-grid-item:not([data-sal]),.stripped-svg svg,.s-lift,.s-drop,.s-zoom,.s-zoom-big,.s-zoom-img img,.s-zoom-img-big img{transition:all .2s ease-out 0s}.s-container-lite,.s-content-center{margin-left:auto;margin-right:auto}.s-grid-item,.s-cols-item,.s-flex{display:flex;flex-direction:column;flex-wrap:wrap}.s-flow-down{flex-wrap:nowrap!important}.s-self-end{justify-self:end}.s-grid-item>.stacks_out,.s-cols-item>.stacks_out,.s-flex>.stacks_out{width:100%}.s-img-fit{object-fit:cover;width:100%!important;height:100%!important}.s-cols-container{position:relative;max-width:100%;margin:0 auto;display:flex;flex-flow:row wrap;vertical-align:top}.s-grid-link,.s-img-fit-link,.s-coder-link{display:contents}.s-button-group{display:flex;flex-wrap:wrap}.w-100{width:100%!important}.s-no-lift{transform:translateY(0)!important}.s-lift:hover{transform:translateY(-5px)!important}.s-drop:hover{transform:translateY(5px)!important}.s-zoom:hover{transform:scale(1.05)!important;z-index:10!important}.s-zoom-img:hover img{transform:scale(1.05)!important;z-index:10!important}.s-zoom-img-big:hover img{transform:scale(1.1)!important;z-index:10!important}.s-zoom-big:hover{transform:scale(1.1)!important;z-index:10!important}.s-fade{-webkit-mask:linear-gradient(to top,#fff,var(--t,#fff)) top / 100% 30%,linear-gradient(#fff,#fff) center / 100% 40%,linear-gradient(to bottom,#fff,var(--b,#fff)) bottom / 100% 30%;-webkit-mask-repeat:no-repeat;mask:linear-gradient(to top,#fff,var(--t,#fff)) top / 100% 30%,linear-gradient(#fff,#fff) center / 100% 40%,linear-gradient(to bottom,#fff,var(--b,#fff)) bottom / 100% 30%;mask-repeat:no-repeat}.s-fade-t{--t:transparent;}.s-fade-b{--b:transparent;}.s-bright{filter:brightness(70%);transition:filter 250ms ease-in-out!important}.s-bright:hover{filter:brightness(100%)}.s-dark{filter:brightness(100%);transition:filter 250ms ease-in-out!important}.s-dark:hover{filter:brightness(60%)}.s-blur{transition:filter 250ms ease-in-out!important}.s-blur:hover{filter:blur(4px)}.s-unblur{transition:filter 250ms ease-in-out!important;filter:blur(4px)}.s-unblur:hover{filter:blur(0)}.s-blur-bg{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.s-frost{background-color:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.s-shad{box-shadow:0 3px 15px rgba(0,0,0,.2)}.s-shad-none{box-shadow:none!important}.s-shad-hov:hover{box-shadow:0 0 18px rgba(0,0,0,.2)}@media (min-width:600px){.s-shad-m{box-shadow:0 3px 15px rgba(0,0,0,.2)}.s-shad-hov-m:hover{box-shadow:0 0 18px rgba(0,0,0,.2)}.s-shad-none-m{box-shadow:none!important}.text-rotate-up-m{writing-mode:vertical-rl;text-orientation:upright}.text-rotate-m{writing-mode:vertical-lr}.s-flip-m{transform:rotate(180deg)}.s-hide-m{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}}@media (min-width:900px){.s-shad-l{box-shadow:0 3px 15px rgba(0,0,0,.2)}.s-shad-hov-l:hover{box-shadow:0 0 18px rgba(0,0,0,.2)}.s-shad-none-l{box-shadow:none!important}.text-rotate-up-l{writing-mode:vertical-rl;text-orientation:upright}.text-rotate-l{writing-mode:vertical-lr}.s-flip-l{transform:rotate(180deg)}.s-hide-l{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}}@media (min-width:1200px){.s-shad-xl{box-shadow:0 3px 15px rgba(0,0,0,.2)}.s-shad-hov-xl:hover{box-shadow:0 0 18px rgba(0,0,0,.2)}.s-shad-none-xl{box-shadow:none!important}.text-rotate-up-xl{writing-mode:vertical-rl;text-orientation:upright}.text-rotate-xl{writing-mode:vertical-lr}.s-flip-xl{transform:rotate(180deg)}.s-hide-xl{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}}.s-screen{mix-blend-mode:screen}.s-multiply{mix-blend-mode:multiply}.s-exclusion{mix-blend-mode:exclusion}.s-no-pointer{pointer-events:none}.s-flip{transform:rotate(180deg)}.text-rotate-up{writing-mode:vertical-rl;text-orientation:upright}.text-rotate{writing-mode:vertical-lr}html:not(.touch-stripped) .s-hide-nt,.s-hide{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}.s-reveal:hover .s-hide,.s-reveal:hover .s-hide-nt,.s-reveal:hover .s-hide-m{pointer-events:auto;opacity:1}.s-hide-on-reveal{transition:opacity 250ms ease-in-out!important}.s-reveal:hover .s-hide-on-reveal{pointer-events:none;opacity:0}.repeat{background-repeat:repeat!important;background-size:unset!important}.touch-stripped .hide-touch{display:none}html:not(.touch-stripped) .hide-non-touch{display:none}.grid-container{position:relative;max-width:100%;margin:0 auto;display:grid}.hide-of{overflow:hidden}.stripped-container>.stripped-link a,.stripped-outer>.stripped-link a,.s-grid-item>.s-grid-link a,.s-cols-item>.s-grid-link a,.s-img-fit-link a,.s-coder-wrap>.s-coder-link a{position:absolute;top:3px;bottom:3px;left:3px;right:3px;content:"";z-index:998;text-decoration:none}.stacks_out{overflow:visible!important}.stacks_in{overflow:visible}.s-inliner>.stacks_out{margin:0;width:auto;display:inline-block}.mb-0{margin-bottom:0!important}.stripped-base-width,.source-base-width{max-width:1500px;max-width:var(--container-max-width);margin:0 auto}.source-base-width-alt,.s-alt-width{max-width:1200px;max-width:var(--container-max-width-alt);margin:0 auto}.alt-bg{background-color:var(--background-color-alt)!important}.page-bg{background-color:var(--background-color)!important}.page-fg{color:var(--background-color)!important}.text-bg{background-color:var(--text-color-normal)!important}.text-softer-fg{color:var(--text-color-softer)!important}.text-richer-fg{color:var(--text-color-richer)!important}.s-accent,.accent-bg{background-color:var(--accent-color)!important}.s-accent-text,.accent-alt-bg{background-color:var(--accent-text-color)!important}.s-accent-hover,.accent-hover-bg{background-color:var(--accent-color-hover)!important}.s-accent-c,.accent-fg{color:var(--accent-color)!important}.s-accent-text-c,.accent-alt-fg{color:var(--accent-text-color)!important}.s-accent-hover-c,.accent-hover-fg{color:var(--accent-color-hover)!important}.second-hover-fg{color:var(--second-color-hover)!important}.second-hover-bg{background-color:var(--second-color-hover)!important}.s-second-c,.second-fg{color:var(--second-color)!important}.s-second-text-c,.second-alt-fg{color:var(--second-color-alt)!important}.s-second,.second-bg{background-color:var(--second-color)!important}.s-second-text,.second-alt-bg{background-color:var(--second-color-alt)!important}.nav-1-bg{background-color:var(--nav-bg)!important}.nav-2-bg{background-color:var(--nav-bg-hover)!important}.nav-3-bg{background-color:var(--nav-link)!important}.nav-4-bg{background-color:var(--nav-link-hover)!important}.nav-1-fg{color:var(--nav-bg)!important}.nav-2-fg{color:var(--nav-bg-hover)!important}.nav-3-fg{color:var(--nav-link)!important}.nav-4-fg{color:var(--nav-link-hover)!important}.code-1-bg{background-color:var(--code-background)!important}.code-2-bg{background-color:var(--code-text)!important}.code-1-fg{color:var(--code-background)!important}.code-2-fg{color:var(--code-text)!important}.border-fg{color:var(--border-color)!important}.border-softer-fg{color:var(--border-color-softer)!important}.border-richer-fg{color:var(--border-color-richer)!important}.border-bg{background-color:var(--border-color)!important}.s-dark-bg{background-color:rgba(58,56,68,.5)}.s-vdark-bg{background-color:rgba(25,29,36,.80)}.s-light-bg{background-color:rgba(255,255,255,.5)}.s-vlight-bg{background-color:rgba(255,255,255,.8)}.stacks_top .iconic-caption{font-size:12px;padding:6px}.source-browser-warning{ text-align:center;width:80%;top:0;left:10%;position:fixed;margin:20px auto;padding:10px;background:#EC4D3B;color:white;border-radius:4px;z-index:9999}.source-browser-warning a{color:white;text-decoration:underline}@supports (display:grid){.source-browser-warning{display:none}}/* 2.0.1 - improves overall performance on retina devices - fixes performance issue in safari when using the Frosted Glass effect - fixes a loading bug with the parallax effect */ #stacks_in_4009.btr-bg-outer .btr-bg-inner { min-height: 700px; } #stacks_in_4009.btr-bg-gradient .btr-bg-inner , #stacks_in_4009.btr-bg-animated .btr-bg-inner , #stacks_in_4009.btr-bg-blur .btr-bg-inner , #stacks_in_4009.btr-bg-mouse .btr-bg-inner , #stacks_in_4009.btr-bg-pan .btr-bg-inner , #stacks_in_4009.btr-bg-parallax .btr-bg-inner , #stacks_in_4009.btr-bg-transition .btr-bg-inner , #stacks_in_4009.btr-bg-none .btr-bg-inner { padding: 0px 0px 0px 0px; } #stacks_in_4009.btr-bg-none { background-color: rgba(0, 0, 0, 0.00); } #stacks_in_4009.btr-bg-outer:after { background: rgba(0, 0, 0, 0.00); } #stacks_in_4009.btr-bg-outer { background-image : url(../files/backgroundImageBlur-4009.png); background-position: bottom center; background-size: cover; -webkit-transform:translateZ(0); } #stacks_in_4009.btr-bg-outer .btr-bg-inner .btr-bg-content { position: relative; background-color : rgba(255, 255, 255, 0.00); overflow: hidden; padding: 24px 24px 24px 24px; margin: 0 auto; max-width: 960px; width: 100%; } #stacks_in_4009.btr-bg-outer .btr-bg-inner .btr-bg-header, #stacks_in_4009.btr-bg-outer .btr-bg-inner .btr-bg-footer { pointer-events: none; opacity: 0; } /* Parallax */ #stacks_in_4009.btr-bg-parallax { background: none; transform: none; } #stacks_in_4009.btr-bg-parallax > .btr-bg-parallax-bg { background-image : url(../files/backgroundImageBlur-4009.png); background-color: rgba(0, 0, 0, 0.00); background-position: center top; background-size: cover; left: 0; position: absolute; top: 0; right: 0; height: 100vh; z-index: -1; -webkit-transform:translateZ(0); will-change: transform; } #stacks_in_4009.btr-bg-parallax.btr-bg-disabled:before { background-attachment: scroll; background-position: bottom center !important; } #stacks_in_4959 { margin: 7px; padding: 7px; } /* Start dooGrid stack each CSS code */ .stacks_in_4037gridWrapper > div{ display: inline-block !important; width: 33.333333%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; margin-top: 15px; padding-right: 7.500000px; padding-left: 7.500000px; } .stacks_in_4037gridWrapper{ margin-right: -7.500000px; margin-left: -7.500000px; margin-top: -15px; } @media all and (max-width: 1024px) { .stacks_in_4037gridWrapper > div{ width: 50%; } } @media all and (max-width: 768px) { .stacks_in_4037gridWrapper > div{ width: 50%; } } @media all and (max-width: 480px) { .stacks_in_4037gridWrapper > div{ width: 100%; } } /* End dooGrid stack each CSS code */ #stacks_in_4037 { margin: 60px 0px 0px 0px; } /* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* 1.0.4.6 - new option to use warehoused image for header image - added new option to contain the header image instead of cover and crop - add new header image bg color that shows when containing an image - added settings to change font sizes - uses unique data attribute names to prevent conflicts with foundation and other frameworks - added compatability with assemble - mobile address bar no longer triggers resize event */ #stacks_in_4791.expd-card, #stacks_in_4791.expd-card * { box-sizing: border-box; } #stacks_in_4791 .expd-truncate { position: relative; display: inline-block; width: 100%; } #stacks_in_4791.expd-card .click-all { height: 100%; } #stacks_in_4791_wrap.wrap-expd-card { width: 320px; height: 320px; margin: 10px auto; max-width: 100%; position: relative; } #stacks_in_4791.expd-card.fadeIn { -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #stacks_in_4791.expd-card { font-family: inherit; text-align: left; will-change: top, left, right, bottom; color: rgba(0, 0, 0, 1.00); background: rgba(255, 255, 255, 1.00); height: 320px; width: 320px; visibility: hidden; border: 0px solid #ccc; overflow: hidden; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 200ms; animation-delay: 200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: top left; transform-origin: top left; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); } #stacks_in_4791.expd-card * { pointer-events: none; } #stacks_in_4791.expd-card .expd-open, #stacks_in_4791.expd-card [data-expanse-open='1'], #stacks_in_4791.expd-card.expd-active * { pointer-events: all; } #stacks_in_4791.expd-card h1, #stacks_in_4791.expd-card h2, #stacks_in_4791.expd-card h3, #stacks_in_4791.expd-card h4, #stacks_in_4791.expd-card h5, #stacks_in_4791.expd-card h6 { font-family: inherit; } #stacks_in_4791.expd-card.expd-active { position: fixed; z-index: 999; top: 20px; bottom: 20px; left: 20px; right: 20px; width: calc(100vw - 40px); height: calc(100vh - 40px); overflow: scroll; overflow-x: hidden; border: 0px solid transparent; box-shadow: 0px 10px 25px 5px rgba(0, 0, 0, 0.4); -webkit-transform-origin: center center; transform-origin: center center; margin: 0; transform: scale(1); } #stacks_in_4791.expd-card [data-expanse-close='1'] { display: none; cursor: pointer; z-index: 1099; } #stacks_in_4791.expd-card [data-expanse-open='1'] { display: block; cursor: pointer; z-index: 1099; } #stacks_in_4791.expd-card .expd-card-button { background: #CCCCCC; color: #676767; background: rgba(0, 0, 128, 1.00); color: rgba(255, 255, 255, 1.00); display: inline-block; padding: 10px 20px; border-radius: 4px; box-shadow: 0px 0px 3px rgba(0, 0, 0, .2); transition: 300ms all linear; cursor: pointer; } #stacks_in_4791.expd-card .expd-card-button[data-expanse-open='1'] { position: absolute; bottom: 15px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); border-radius: 4px; } #stacks_in_4791.expd-card .expd-card-button:hover, #stacks_in_4791.expd-card .expd-card-button[data-expanse-open='1']:hover { opacity: .8; box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); } #stacks_in_4791.expd-card .expd-card-body-wrap { max-width: 960px; margin: 0 auto; } .fixed-closestacks_in_4791 { display: block; pointer-events: none; transition: opacity 300ms linear; transition-delay: 300ms; opacity: 0; cursor: pointer; z-index: 1100; position: fixed; width: 40px; height: 40px; top: 30px; right: 30px; font-size: 30px; line-height: 40px; text-align: center; color: rgba(0, 0, 0, 1.00); background: rgba(255, 255, 255, 1.00); border-radius: 4px; } .expd-body .fixed-closestacks_in_4791 { pointer-events: all; } #stacks_in_4791.expd-card .expd-card-body-wrap .expd-card-img { height: 0px; padding-bottom: 56.25%; background-color: #bbb; background-size: cover; background-position: center center; background-image: url(); background-color: rgba(0, 0, 0, 1.00); background-size: contain; background-repeat: no-repeat; } #stacks_in_4791.expd-card .expd-card-body-wrap .expd-card-content { padding: 18px 16px; position: relative; perspective: 1200; } #stacks_in_4791.expd-card.expd-active .expd-card-body-wrap .expd-card-content { padding: 102px 20px; } #stacks_in_4791.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle { position: absolute; cursor: pointer; height: 40px; width: 40px; background: rgba(88, 236, 88, 1.00); right: 20px; top: -20px; border-radius: 50%; color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); text-align: center; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); transition: all ease 300ms; } #stacks_in_4791.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle:hover { box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.3); } #stacks_in_4791.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle:active { box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6); transition: all ease 100ms; } #stacks_in_4791.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa { line-height: 34px; position: absolute; width: 34px; height: 34px; font-size: 24px; top: 0; left: 0; text-align: center; } #stacks_in_4791.expd-card .expd-card-body-wrap .expd-card-content { font-size: 12px; line-height: 16px; } #stacks_in_4791.expd-card .expd-card-body-wrap .expd-card-content .expd-heading h2 { color: rgba(66, 66, 66, 1.00); font-size: 20px; line-height: 26px; margin: 0; } #stacks_in_4791.expd-card .expd-card-body-wrap .expd-card-content .expd-heading strong { color: rgba(88, 88, 88, 1.00); font-size: 14px; line-height: 16px; display: block; margin-bottom: 5px; } #stacks_in_4791.expd-card .expd-card-body-wrap .expd-card-content p { margin: 10px 0px; } #stacks_in_4791.expd-card.expd-active .expd-card-body-wrap .expd-card-content { font-size: 16px; line-height: 22px; } #stacks_in_4791.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading h2 { font-size: 26px; line-height: 32px; } #stacks_in_4791.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading strong { font-size: 20px; line-height: 22px; margin: 5px 0px 20px 0px; } .expd-body { overflow: hidden; } #stacks_in_4791.expd-card.expd-pre-anim { position: fixed; z-index: 999; } #stacks_in_4791.expd-card.expd-active [data-expanse-close='1'] { display: inline-block; } #stacks_in_4791.expd-card.expd-active .expd-open[data-expanse-open='1'] { display: block; cursor: auto; } #stacks_in_4791.expd-card.expd-active .expd-card-button[data-expanse-open='1'] { display: none; } #stacks_in_4791.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle { background: rgba(236, 88, 88, 1.00); color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); } #stacks_in_4791.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { line-height: 34px; } #stacks_in_4791.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { content: "\f00d"; } @media all and (max-width: 600px) { #stacks_in_4791.expd-card.expd-active { top: 5.000000px; bottom: 5.000000px; left: 5.000000px; right: 5.000000px; width: calc(100vw - 10.000000px); height: calc(100vh - 10.000000px); } } #stacks_in_4061 { margin: 0px 0px 20px 0px; } #stacks_in_4398 { margin: 10px 0px 0px 0px; } /* @group Generic Styles */ #ruleStackstacks_in_4413, #ruleStackstacks_in_4413:before, #ruleStackstacks_in_4413:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_4413 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ /* */ /* */ #ruleStackstacks_in_4413 { width: 75%; margin-left: auto; margin-right: auto; } /* */ #ruleStackstacks_in_4413 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_4413 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ /* */ /* */ #ruleStackstacks_in_4413 { text-align: left; } #ruleStackstacks_in_4413:after { content: ''; position: absolute; width: 100%; top: 49%; left: 0; min-height: 2px; border-top: 2px solid rgba(255, 0, 0, 1.00); } #ruleStackstacks_in_4413 [class^="fa fa-"] { visibility: hidden; } /* */ /* */ /* Start dooMontage 2 stack each CSS code */ .stacks_in_4361sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#000;opacity:.9;display:none;z-index:100006}.stacks_in_4361sl-wrapper{z-index:1000000}.stacks_in_4361sl-wrapper button{border:0;background:0 0;font-size:24px;padding:0;cursor:pointer}.stacks_in_4361sl-wrapper button:hover{opacity:.7}.stacks_in_4361sl-wrapper .stacks_in_4361sl-close{display:none;position:fixed;right:30px;top:30px;z-index:100015;color:#fff}.stacks_in_4361sl-wrapper .stacks_in_4361sl-counter{display:none;position:fixed;top:30px;left:30px;z-index:100015;color:#fff}.stacks_in_4361sl-wrapper .stacks_in_4361sl-navigation{width:100%;display:none}.stacks_in_4361sl-wrapper .stacks_in_4361sl-navigation button{position:fixed;top:50%;margin-top:-10px;height:30px;width:30px;line-height:30px;text-algin:center;display:block;z-index:100015}.stacks_in_4361sl-wrapper .stacks_in_4361sl-navigation button.stacks_in_4361sl-next{right:40px;color:#fff}.stacks_in_4361sl-wrapper .stacks_in_4361sl-navigation button.stacks_in_4361sl-prev{left:40px;color:#fff}.stacks_in_4361sl-wrapper .stacks_in_4361sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:1000000}.stacks_in_4361sl-wrapper .stacks_in_4361sl-image img{margin:0;padding:0;display:block}.stacks_in_4361sl-wrapper .stacks_in_4361sl-image .stacks_in_4361sl-caption{display:none;padding:10px;color:#fff;background:#000;opacity:0;position:absolute;bottom:0;left:0;right:0;-webkit-transition: opacity 300ms ease-out;-moz-transition: opacity 300ms ease-out;-o-transition: opacity 300ms ease-out;transition: opacity 300ms ease-out;}.stacks_in_4361sl-wrapper .stacks_in_4361sl-image .stacks_in_4361sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#fff;z-index:100005}.stacks_in_4361sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:100007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}@-webkit-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%,100%{opacity:0}0%{transform:scale(.1)}50%{opacity:1}100%{transform:scale(1.2)}} .stacks_in_4361sl-image:hover > .stacks_in_4361sl-caption{ opacity: 0.8; } .stacks_in_4361sl-caption{ opacity: 0.8 !important; } .dooMasterImage, .jg-entry, .followMontageLink{ -webkit-transform-style: preserve-3d; -webkit-transform:translate3d(0,0,0); -webkit-backface-visibility: hidden; -webkit-font-smoothing: antialiased } #stacks_in_4361 .montageImageZoom { transition: all .2s ease-in-out; } #stacks_in_4361 .dooMasterImage:hover > .montageImageZoom { -webkit-transform: scale(1.1); transform: scale(1.1); } #stacks_in_4361Montage{ background: rgba(255, 255, 255, 1.00); z-index: 100; } #stacks_in_4361 .montageImageTitle{ display: none; } .stacks_in_4361green{ background: #37332f; color: #fff; padding: 0 5px 0 5px; } .stacks_in_4361centerbox { background-color: #ffffff; -webkit-border-radius: 3px; padding: 10px; border: 1px solid #D3D3D3; } #stacks_in_4361 .montageImageTitle{ display: none !important; } #stacks_in_4361 .montageImageTitle{ display: block !important; } /* End Edit Mode UI Style */ /* ####################################### */ /* %[endif]% */ /* End dooMontage 2 stack each CSS code */ #stacks_in_4361 { margin: 3px; padding: 5px; } /* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* 1.0.4.6 - new option to use warehoused image for header image - added new option to contain the header image instead of cover and crop - add new header image bg color that shows when containing an image - added settings to change font sizes - uses unique data attribute names to prevent conflicts with foundation and other frameworks - added compatability with assemble - mobile address bar no longer triggers resize event */ #stacks_in_4871.expd-card, #stacks_in_4871.expd-card * { box-sizing: border-box; } #stacks_in_4871 .expd-truncate { position: relative; display: inline-block; width: 100%; } #stacks_in_4871.expd-card .click-all { height: 100%; } #stacks_in_4871_wrap.wrap-expd-card { width: 320px; height: 320px; margin: 10px auto; max-width: 100%; position: relative; } #stacks_in_4871.expd-card.fadeIn { -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #stacks_in_4871.expd-card { font-family: inherit; text-align: left; will-change: top, left, right, bottom; color: rgba(0, 0, 0, 1.00); background: rgba(255, 255, 255, 1.00); height: 320px; width: 320px; visibility: hidden; border: 0px solid #ccc; overflow: hidden; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 200ms; animation-delay: 200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: top left; transform-origin: top left; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); } #stacks_in_4871.expd-card * { pointer-events: none; } #stacks_in_4871.expd-card .expd-open, #stacks_in_4871.expd-card [data-expanse-open='1'], #stacks_in_4871.expd-card.expd-active * { pointer-events: all; } #stacks_in_4871.expd-card h1, #stacks_in_4871.expd-card h2, #stacks_in_4871.expd-card h3, #stacks_in_4871.expd-card h4, #stacks_in_4871.expd-card h5, #stacks_in_4871.expd-card h6 { font-family: inherit; } #stacks_in_4871.expd-card.expd-active { position: fixed; z-index: 999; top: 20px; bottom: 20px; left: 20px; right: 20px; width: calc(100vw - 40px); height: calc(100vh - 40px); overflow: scroll; overflow-x: hidden; border: 0px solid transparent; box-shadow: 0px 10px 25px 5px rgba(0, 0, 0, 0.4); -webkit-transform-origin: center center; transform-origin: center center; margin: 0; transform: scale(1); } #stacks_in_4871.expd-card [data-expanse-close='1'] { display: none; cursor: pointer; z-index: 1099; } #stacks_in_4871.expd-card [data-expanse-open='1'] { display: block; cursor: pointer; z-index: 1099; } #stacks_in_4871.expd-card .expd-card-button { background: #CCCCCC; color: #676767; background: rgba(0, 0, 128, 1.00); color: rgba(255, 255, 255, 1.00); display: inline-block; padding: 10px 20px; border-radius: 4px; box-shadow: 0px 0px 3px rgba(0, 0, 0, .2); transition: 300ms all linear; cursor: pointer; } #stacks_in_4871.expd-card .expd-card-button[data-expanse-open='1'] { position: absolute; bottom: 15px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); border-radius: 4px; } #stacks_in_4871.expd-card .expd-card-button:hover, #stacks_in_4871.expd-card .expd-card-button[data-expanse-open='1']:hover { opacity: .8; box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); } #stacks_in_4871.expd-card .expd-card-body-wrap { max-width: 960px; margin: 0 auto; } .fixed-closestacks_in_4871 { display: block; pointer-events: none; transition: opacity 300ms linear; transition-delay: 300ms; opacity: 0; cursor: pointer; z-index: 1100; position: fixed; width: 40px; height: 40px; top: 30px; right: 30px; font-size: 30px; line-height: 40px; text-align: center; color: rgba(0, 0, 0, 1.00); background: rgba(255, 255, 255, 1.00); border-radius: 4px; } .expd-body .fixed-closestacks_in_4871 { pointer-events: all; } #stacks_in_4871.expd-card .expd-card-body-wrap .expd-card-img { height: 0px; padding-bottom: 56.25%; background-color: #bbb; background-size: cover; background-position: center center; background-image: url(); background-color: rgba(0, 0, 0, 1.00); background-size: contain; background-repeat: no-repeat; } #stacks_in_4871.expd-card .expd-card-body-wrap .expd-card-content { padding: 18px 16px; position: relative; perspective: 1200; } #stacks_in_4871.expd-card.expd-active .expd-card-body-wrap .expd-card-content { padding: 102px 20px; } #stacks_in_4871.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle { position: absolute; cursor: pointer; height: 40px; width: 40px; background: rgba(88, 236, 88, 1.00); right: 20px; top: -20px; border-radius: 50%; color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); text-align: center; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); transition: all ease 300ms; } #stacks_in_4871.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle:hover { box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.3); } #stacks_in_4871.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle:active { box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6); transition: all ease 100ms; } #stacks_in_4871.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa { line-height: 34px; position: absolute; width: 34px; height: 34px; font-size: 24px; top: 0; left: 0; text-align: center; } #stacks_in_4871.expd-card .expd-card-body-wrap .expd-card-content { font-size: 12px; line-height: 16px; } #stacks_in_4871.expd-card .expd-card-body-wrap .expd-card-content .expd-heading h2 { color: rgba(66, 66, 66, 1.00); font-size: 20px; line-height: 26px; margin: 0; } #stacks_in_4871.expd-card .expd-card-body-wrap .expd-card-content .expd-heading strong { color: rgba(88, 88, 88, 1.00); font-size: 14px; line-height: 16px; display: block; margin-bottom: 5px; } #stacks_in_4871.expd-card .expd-card-body-wrap .expd-card-content p { margin: 10px 0px; } #stacks_in_4871.expd-card.expd-active .expd-card-body-wrap .expd-card-content { font-size: 16px; line-height: 22px; } #stacks_in_4871.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading h2 { font-size: 26px; line-height: 32px; } #stacks_in_4871.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading strong { font-size: 20px; line-height: 22px; margin: 5px 0px 20px 0px; } .expd-body { overflow: hidden; } #stacks_in_4871.expd-card.expd-pre-anim { position: fixed; z-index: 999; } #stacks_in_4871.expd-card.expd-active [data-expanse-close='1'] { display: inline-block; } #stacks_in_4871.expd-card.expd-active .expd-open[data-expanse-open='1'] { display: block; cursor: auto; } #stacks_in_4871.expd-card.expd-active .expd-card-button[data-expanse-open='1'] { display: none; } #stacks_in_4871.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle { background: rgba(236, 88, 88, 1.00); color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); } #stacks_in_4871.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { line-height: 34px; } #stacks_in_4871.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { content: "\f00d"; } @media all and (max-width: 600px) { #stacks_in_4871.expd-card.expd-active { top: 5.000000px; bottom: 5.000000px; left: 5.000000px; right: 5.000000px; width: calc(100vw - 10.000000px); height: calc(100vh - 10.000000px); } } .cutOutstacks_in_4082 img { border-radius: 50%; max-width: 220px; height: auto; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: block; margin-bottom: 10px; } @media screen and (min-width: 568px) { .cutOutstacks_in_4082 img { left: auto; -webkit-transform: none; -ms-transform: none; transform: none; max-width: 220px; float: left; shape-outside: ellipse(50% 50%); margin: 0px 40px 10px 0px; } .cutOutContentstacks_in_4082 { padding: 0px 0px 0px 0px; } } /* Start dooMontage 2 stack each CSS code */ .stacks_in_4083sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#000;opacity:.9;display:none;z-index:100006}.stacks_in_4083sl-wrapper{z-index:1000000}.stacks_in_4083sl-wrapper button{border:0;background:0 0;font-size:24px;padding:0;cursor:pointer}.stacks_in_4083sl-wrapper button:hover{opacity:.7}.stacks_in_4083sl-wrapper .stacks_in_4083sl-close{display:none;position:fixed;right:30px;top:30px;z-index:100015;color:#fff}.stacks_in_4083sl-wrapper .stacks_in_4083sl-counter{display:none;position:fixed;top:30px;left:30px;z-index:100015;color:#fff}.stacks_in_4083sl-wrapper .stacks_in_4083sl-navigation{width:100%;display:none}.stacks_in_4083sl-wrapper .stacks_in_4083sl-navigation button{position:fixed;top:50%;margin-top:-10px;height:30px;width:30px;line-height:30px;text-algin:center;display:block;z-index:100015}.stacks_in_4083sl-wrapper .stacks_in_4083sl-navigation button.stacks_in_4083sl-next{right:40px;color:#fff}.stacks_in_4083sl-wrapper .stacks_in_4083sl-navigation button.stacks_in_4083sl-prev{left:40px;color:#fff}.stacks_in_4083sl-wrapper .stacks_in_4083sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:1000000}.stacks_in_4083sl-wrapper .stacks_in_4083sl-image img{margin:0;padding:0;display:block}.stacks_in_4083sl-wrapper .stacks_in_4083sl-image .stacks_in_4083sl-caption{display:none;padding:10px;color:#fff;background:#000;opacity:0;position:absolute;bottom:0;left:0;right:0;-webkit-transition: opacity 300ms ease-out;-moz-transition: opacity 300ms ease-out;-o-transition: opacity 300ms ease-out;transition: opacity 300ms ease-out;}.stacks_in_4083sl-wrapper .stacks_in_4083sl-image .stacks_in_4083sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#fff;z-index:100005}.stacks_in_4083sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:100007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}@-webkit-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%,100%{opacity:0}0%{transform:scale(.1)}50%{opacity:1}100%{transform:scale(1.2)}} .stacks_in_4083sl-image:hover > .stacks_in_4083sl-caption{ opacity: 0.8; } .stacks_in_4083sl-caption{ opacity: 0.8 !important; } .dooMasterImage, .jg-entry, .followMontageLink{ -webkit-transform-style: preserve-3d; -webkit-transform:translate3d(0,0,0); -webkit-backface-visibility: hidden; -webkit-font-smoothing: antialiased } #stacks_in_4083 .montageImageZoom { transition: all .2s ease-in-out; } #stacks_in_4083 .dooMasterImage:hover > .montageImageZoom { -webkit-transform: scale(1.1); transform: scale(1.1); } #stacks_in_4083Montage{ background: rgba(255, 255, 255, 1.00); z-index: 100; } #stacks_in_4083 .montageImageTitle{ display: none; } .stacks_in_4083green{ background: #37332f; color: #fff; padding: 0 5px 0 5px; } .stacks_in_4083centerbox { background-color: #ffffff; -webkit-border-radius: 3px; padding: 10px; border: 1px solid #D3D3D3; } #stacks_in_4083 .montageImageTitle{ display: none !important; } #stacks_in_4083 .montageImageTitle{ display: block !important; } /* End Edit Mode UI Style */ /* ####################################### */ /* %[endif]% */ /* End dooMontage 2 stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* 1.0.4.6 - new option to use warehoused image for header image - added new option to contain the header image instead of cover and crop - add new header image bg color that shows when containing an image - added settings to change font sizes - uses unique data attribute names to prevent conflicts with foundation and other frameworks - added compatability with assemble - mobile address bar no longer triggers resize event */ #stacks_in_4813.expd-card, #stacks_in_4813.expd-card * { box-sizing: border-box; } #stacks_in_4813 .expd-truncate { position: relative; display: inline-block; width: 100%; } #stacks_in_4813.expd-card .click-all { height: 100%; } #stacks_in_4813_wrap.wrap-expd-card { width: 320px; height: 320px; margin: 10px auto; max-width: 100%; position: relative; } #stacks_in_4813.expd-card.fadeIn { -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #stacks_in_4813.expd-card { font-family: inherit; text-align: left; will-change: top, left, right, bottom; color: rgba(0, 0, 0, 1.00); background: rgba(255, 255, 255, 1.00); height: 320px; width: 320px; visibility: hidden; border: 0px solid #ccc; overflow: hidden; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 200ms; animation-delay: 200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: top left; transform-origin: top left; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); } #stacks_in_4813.expd-card * { pointer-events: none; } #stacks_in_4813.expd-card .expd-open, #stacks_in_4813.expd-card [data-expanse-open='1'], #stacks_in_4813.expd-card.expd-active * { pointer-events: all; } #stacks_in_4813.expd-card h1, #stacks_in_4813.expd-card h2, #stacks_in_4813.expd-card h3, #stacks_in_4813.expd-card h4, #stacks_in_4813.expd-card h5, #stacks_in_4813.expd-card h6 { font-family: inherit; } #stacks_in_4813.expd-card.expd-active { position: fixed; z-index: 999; top: 20px; bottom: 20px; left: 20px; right: 20px; width: calc(100vw - 40px); height: calc(100vh - 40px); overflow: scroll; overflow-x: hidden; border: 0px solid transparent; box-shadow: 0px 10px 25px 5px rgba(0, 0, 0, 0.4); -webkit-transform-origin: center center; transform-origin: center center; margin: 0; transform: scale(1); } #stacks_in_4813.expd-card [data-expanse-close='1'] { display: none; cursor: pointer; z-index: 1099; } #stacks_in_4813.expd-card [data-expanse-open='1'] { display: block; cursor: pointer; z-index: 1099; } #stacks_in_4813.expd-card .expd-card-button { background: #CCCCCC; color: #676767; background: rgba(0, 0, 128, 1.00); color: rgba(255, 255, 255, 1.00); display: inline-block; padding: 10px 20px; border-radius: 4px; box-shadow: 0px 0px 3px rgba(0, 0, 0, .2); transition: 300ms all linear; cursor: pointer; } #stacks_in_4813.expd-card .expd-card-button[data-expanse-open='1'] { position: absolute; bottom: 15px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); border-radius: 4px; } #stacks_in_4813.expd-card .expd-card-button:hover, #stacks_in_4813.expd-card .expd-card-button[data-expanse-open='1']:hover { opacity: .8; box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); } #stacks_in_4813.expd-card .expd-card-body-wrap { max-width: 960px; margin: 0 auto; } .fixed-closestacks_in_4813 { display: block; pointer-events: none; transition: opacity 300ms linear; transition-delay: 300ms; opacity: 0; cursor: pointer; z-index: 1100; position: fixed; width: 40px; height: 40px; top: 30px; right: 30px; font-size: 30px; line-height: 40px; text-align: center; color: rgba(0, 0, 0, 1.00); background: rgba(255, 255, 255, 1.00); border-radius: 4px; } .expd-body .fixed-closestacks_in_4813 { pointer-events: all; } #stacks_in_4813.expd-card .expd-card-body-wrap .expd-card-img { height: 0px; padding-bottom: 56.25%; background-color: #bbb; background-size: cover; background-position: center center; background-image: url(); background-color: rgba(0, 0, 0, 1.00); background-size: contain; background-repeat: no-repeat; } #stacks_in_4813.expd-card .expd-card-body-wrap .expd-card-content { padding: 18px 16px; position: relative; perspective: 1200; } #stacks_in_4813.expd-card.expd-active .expd-card-body-wrap .expd-card-content { padding: 102px 20px; } #stacks_in_4813.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle { position: absolute; cursor: pointer; height: 40px; width: 40px; background: rgba(88, 236, 88, 1.00); right: 20px; top: -20px; border-radius: 50%; color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); text-align: center; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); transition: all ease 300ms; } #stacks_in_4813.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle:hover { box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.3); } #stacks_in_4813.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle:active { box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6); transition: all ease 100ms; } #stacks_in_4813.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa { line-height: 34px; position: absolute; width: 34px; height: 34px; font-size: 24px; top: 0; left: 0; text-align: center; } #stacks_in_4813.expd-card .expd-card-body-wrap .expd-card-content { font-size: 12px; line-height: 16px; } #stacks_in_4813.expd-card .expd-card-body-wrap .expd-card-content .expd-heading h2 { color: rgba(66, 66, 66, 1.00); font-size: 20px; line-height: 26px; margin: 0; } #stacks_in_4813.expd-card .expd-card-body-wrap .expd-card-content .expd-heading strong { color: rgba(88, 88, 88, 1.00); font-size: 14px; line-height: 16px; display: block; margin-bottom: 5px; } #stacks_in_4813.expd-card .expd-card-body-wrap .expd-card-content p { margin: 10px 0px; } #stacks_in_4813.expd-card.expd-active .expd-card-body-wrap .expd-card-content { font-size: 16px; line-height: 22px; } #stacks_in_4813.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading h2 { font-size: 26px; line-height: 32px; } #stacks_in_4813.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading strong { font-size: 20px; line-height: 22px; margin: 5px 0px 20px 0px; } .expd-body { overflow: hidden; } #stacks_in_4813.expd-card.expd-pre-anim { position: fixed; z-index: 999; } #stacks_in_4813.expd-card.expd-active [data-expanse-close='1'] { display: inline-block; } #stacks_in_4813.expd-card.expd-active .expd-open[data-expanse-open='1'] { display: block; cursor: auto; } #stacks_in_4813.expd-card.expd-active .expd-card-button[data-expanse-open='1'] { display: none; } #stacks_in_4813.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle { background: rgba(236, 88, 88, 1.00); color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); } #stacks_in_4813.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { line-height: 34px; } #stacks_in_4813.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { content: "\f00d"; } @media all and (max-width: 600px) { #stacks_in_4813.expd-card.expd-active { top: 5.000000px; bottom: 5.000000px; left: 5.000000px; right: 5.000000px; width: calc(100vw - 10.000000px); height: calc(100vh - 10.000000px); } } .cutOutstacks_in_4923 img { border-radius: 50%; max-width: 220px; height: auto; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: block; margin-bottom: 10px; } @media screen and (min-width: 568px) { .cutOutstacks_in_4923 img { left: auto; -webkit-transform: none; -ms-transform: none; transform: none; max-width: 220px; float: left; shape-outside: circle(); margin: 20px 40px 20px 20px; } .cutOutContentstacks_in_4923 { padding: 0px 0px 0px 0px; } } /* Start dooMontage 2 stack each CSS code */ .stacks_in_4929sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#000;opacity:.9;display:none;z-index:100006}.stacks_in_4929sl-wrapper{z-index:1000000}.stacks_in_4929sl-wrapper button{border:0;background:0 0;font-size:24px;padding:0;cursor:pointer}.stacks_in_4929sl-wrapper button:hover{opacity:.7}.stacks_in_4929sl-wrapper .stacks_in_4929sl-close{display:none;position:fixed;right:30px;top:30px;z-index:100015;color:#fff}.stacks_in_4929sl-wrapper .stacks_in_4929sl-counter{display:none;position:fixed;top:30px;left:30px;z-index:100015;color:#fff}.stacks_in_4929sl-wrapper .stacks_in_4929sl-navigation{width:100%;display:none}.stacks_in_4929sl-wrapper .stacks_in_4929sl-navigation button{position:fixed;top:50%;margin-top:-10px;height:30px;width:30px;line-height:30px;text-algin:center;display:block;z-index:100015}.stacks_in_4929sl-wrapper .stacks_in_4929sl-navigation button.stacks_in_4929sl-next{right:40px;color:#fff}.stacks_in_4929sl-wrapper .stacks_in_4929sl-navigation button.stacks_in_4929sl-prev{left:40px;color:#fff}.stacks_in_4929sl-wrapper .stacks_in_4929sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:1000000}.stacks_in_4929sl-wrapper .stacks_in_4929sl-image img{margin:0;padding:0;display:block}.stacks_in_4929sl-wrapper .stacks_in_4929sl-image .stacks_in_4929sl-caption{display:none;padding:10px;color:#fff;background:#000;opacity:0;position:absolute;bottom:0;left:0;right:0;-webkit-transition: opacity 300ms ease-out;-moz-transition: opacity 300ms ease-out;-o-transition: opacity 300ms ease-out;transition: opacity 300ms ease-out;}.stacks_in_4929sl-wrapper .stacks_in_4929sl-image .stacks_in_4929sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#fff;z-index:100005}.stacks_in_4929sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:100007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}@-webkit-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%,100%{opacity:0}0%{transform:scale(.1)}50%{opacity:1}100%{transform:scale(1.2)}} .stacks_in_4929sl-image:hover > .stacks_in_4929sl-caption{ opacity: 0.8; } .stacks_in_4929sl-caption{ opacity: 0.8 !important; } .dooMasterImage, .jg-entry, .followMontageLink{ -webkit-transform-style: preserve-3d; -webkit-transform:translate3d(0,0,0); -webkit-backface-visibility: hidden; -webkit-font-smoothing: antialiased } #stacks_in_4929 .montageImageZoom { transition: all .2s ease-in-out; } #stacks_in_4929 .dooMasterImage:hover > .montageImageZoom { -webkit-transform: scale(1.1); transform: scale(1.1); } #stacks_in_4929Montage{ background: rgba(255, 255, 255, 1.00); z-index: 100; } #stacks_in_4929 .montageImageTitle{ display: none; } .stacks_in_4929green{ background: #37332f; color: #fff; padding: 0 5px 0 5px; } .stacks_in_4929centerbox { background-color: #ffffff; -webkit-border-radius: 3px; padding: 10px; border: 1px solid #D3D3D3; } #stacks_in_4929 .montageImageTitle{ display: none !important; } #stacks_in_4929 .montageImageTitle{ display: block !important; } /* End Edit Mode UI Style */ /* ####################################### */ /* %[endif]% */ /* End dooMontage 2 stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* 1.0.4.6 - new option to use warehoused image for header image - added new option to contain the header image instead of cover and crop - add new header image bg color that shows when containing an image - added settings to change font sizes - uses unique data attribute names to prevent conflicts with foundation and other frameworks - added compatability with assemble - mobile address bar no longer triggers resize event */ #stacks_in_4881.expd-card, #stacks_in_4881.expd-card * { box-sizing: border-box; } #stacks_in_4881 .expd-truncate { position: relative; display: inline-block; width: 100%; } #stacks_in_4881.expd-card .click-all { height: 100%; } #stacks_in_4881_wrap.wrap-expd-card { width: 320px; height: 320px; margin: 10px auto; max-width: 100%; position: relative; } #stacks_in_4881.expd-card.fadeIn { -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #stacks_in_4881.expd-card { font-family: inherit; text-align: left; will-change: top, left, right, bottom; color: rgba(0, 0, 0, 1.00); background: rgba(255, 255, 255, 1.00); height: 320px; width: 320px; visibility: hidden; border: 0px solid #ccc; overflow: hidden; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 200ms; animation-delay: 200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: top left; transform-origin: top left; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); } #stacks_in_4881.expd-card * { pointer-events: none; } #stacks_in_4881.expd-card .expd-open, #stacks_in_4881.expd-card [data-expanse-open='1'], #stacks_in_4881.expd-card.expd-active * { pointer-events: all; } #stacks_in_4881.expd-card h1, #stacks_in_4881.expd-card h2, #stacks_in_4881.expd-card h3, #stacks_in_4881.expd-card h4, #stacks_in_4881.expd-card h5, #stacks_in_4881.expd-card h6 { font-family: inherit; } #stacks_in_4881.expd-card.expd-active { position: fixed; z-index: 999; top: 20px; bottom: 20px; left: 20px; right: 20px; width: calc(100vw - 40px); height: calc(100vh - 40px); overflow: scroll; overflow-x: hidden; border: 0px solid transparent; box-shadow: 0px 10px 25px 5px rgba(0, 0, 0, 0.4); -webkit-transform-origin: center center; transform-origin: center center; margin: 0; transform: scale(1); } #stacks_in_4881.expd-card [data-expanse-close='1'] { display: none; cursor: pointer; z-index: 1099; } #stacks_in_4881.expd-card [data-expanse-open='1'] { display: block; cursor: pointer; z-index: 1099; } #stacks_in_4881.expd-card .expd-card-button { background: #CCCCCC; color: #676767; background: rgba(0, 0, 128, 1.00); color: rgba(255, 255, 255, 1.00); display: inline-block; padding: 10px 20px; border-radius: 4px; box-shadow: 0px 0px 3px rgba(0, 0, 0, .2); transition: 300ms all linear; cursor: pointer; } #stacks_in_4881.expd-card .expd-card-button[data-expanse-open='1'] { position: absolute; bottom: 15px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); border-radius: 4px; } #stacks_in_4881.expd-card .expd-card-button:hover, #stacks_in_4881.expd-card .expd-card-button[data-expanse-open='1']:hover { opacity: .8; box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); } #stacks_in_4881.expd-card .expd-card-body-wrap { max-width: 960px; margin: 0 auto; } .fixed-closestacks_in_4881 { display: block; pointer-events: none; transition: opacity 300ms linear; transition-delay: 300ms; opacity: 0; cursor: pointer; z-index: 1100; position: fixed; width: 40px; height: 40px; top: 30px; right: 30px; font-size: 30px; line-height: 40px; text-align: center; color: rgba(0, 0, 0, 1.00); background: rgba(255, 255, 255, 1.00); border-radius: 4px; } .expd-body .fixed-closestacks_in_4881 { pointer-events: all; } #stacks_in_4881.expd-card .expd-card-body-wrap .expd-card-img { height: 0px; padding-bottom: 56.25%; background-color: #bbb; background-size: cover; background-position: center center; background-image: url(); background-color: rgba(0, 0, 0, 1.00); background-size: contain; background-repeat: no-repeat; } #stacks_in_4881.expd-card .expd-card-body-wrap .expd-card-content { padding: 18px 16px; position: relative; perspective: 1200; } #stacks_in_4881.expd-card.expd-active .expd-card-body-wrap .expd-card-content { padding: 102px 20px; } #stacks_in_4881.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle { position: absolute; cursor: pointer; height: 40px; width: 40px; background: rgba(88, 236, 88, 1.00); right: 20px; top: -20px; border-radius: 50%; color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); text-align: center; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); transition: all ease 300ms; } #stacks_in_4881.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle:hover { box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.3); } #stacks_in_4881.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle:active { box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6); transition: all ease 100ms; } #stacks_in_4881.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa { line-height: 34px; position: absolute; width: 34px; height: 34px; font-size: 24px; top: 0; left: 0; text-align: center; } #stacks_in_4881.expd-card .expd-card-body-wrap .expd-card-content { font-size: 12px; line-height: 16px; } #stacks_in_4881.expd-card .expd-card-body-wrap .expd-card-content .expd-heading h2 { color: rgba(66, 66, 66, 1.00); font-size: 20px; line-height: 26px; margin: 0; } #stacks_in_4881.expd-card .expd-card-body-wrap .expd-card-content .expd-heading strong { color: rgba(88, 88, 88, 1.00); font-size: 14px; line-height: 16px; display: block; margin-bottom: 5px; } #stacks_in_4881.expd-card .expd-card-body-wrap .expd-card-content p { margin: 10px 0px; } #stacks_in_4881.expd-card.expd-active .expd-card-body-wrap .expd-card-content { font-size: 16px; line-height: 22px; } #stacks_in_4881.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading h2 { font-size: 26px; line-height: 32px; } #stacks_in_4881.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading strong { font-size: 20px; line-height: 22px; margin: 5px 0px 20px 0px; } .expd-body { overflow: hidden; } #stacks_in_4881.expd-card.expd-pre-anim { position: fixed; z-index: 999; } #stacks_in_4881.expd-card.expd-active [data-expanse-close='1'] { display: inline-block; } #stacks_in_4881.expd-card.expd-active .expd-open[data-expanse-open='1'] { display: block; cursor: auto; } #stacks_in_4881.expd-card.expd-active .expd-card-button[data-expanse-open='1'] { display: none; } #stacks_in_4881.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle { background: rgba(236, 88, 88, 1.00); color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); } #stacks_in_4881.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { line-height: 34px; } #stacks_in_4881.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { content: "\f00d"; } @media all and (max-width: 600px) { #stacks_in_4881.expd-card.expd-active { top: 5.000000px; bottom: 5.000000px; left: 5.000000px; right: 5.000000px; width: calc(100vw - 10.000000px); height: calc(100vh - 10.000000px); } } .cutOutstacks_in_4199 img { border-radius: 50%; max-width: 220px; height: auto; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: block; margin-bottom: 10px; } @media screen and (min-width: 568px) { .cutOutstacks_in_4199 img { left: auto; -webkit-transform: none; -ms-transform: none; transform: none; max-width: 220px; float: left; shape-outside: ellipse(50% 50%); margin: 0px 40px 10px 0px; } .cutOutContentstacks_in_4199 { padding: 0px 0px 0px 0px; text-align: justify; } } /* @group Generic Styles */ #ruleStackstacks_in_4200, #ruleStackstacks_in_4200:before, #ruleStackstacks_in_4200:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_4200 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ /* */ /* */ #ruleStackstacks_in_4200 { width: 75%; margin-left: auto; margin-right: auto; } /* */ #ruleStackstacks_in_4200 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_4200 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ /* */ /* */ #ruleStackstacks_in_4200 { text-align: left; } #ruleStackstacks_in_4200:after { content: ''; position: absolute; width: 100%; top: 49%; left: 0; min-height: 2px; border-top: 2px solid rgba(255, 0, 0, 1.00); } #ruleStackstacks_in_4200 [class^="fa fa-"] { visibility: hidden; } /* */ /* */ /* Start dooMontage 2 stack each CSS code */ .stacks_in_4201sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#000;opacity:.9;display:none;z-index:100006}.stacks_in_4201sl-wrapper{z-index:1000000}.stacks_in_4201sl-wrapper button{border:0;background:0 0;font-size:24px;padding:0;cursor:pointer}.stacks_in_4201sl-wrapper button:hover{opacity:.7}.stacks_in_4201sl-wrapper .stacks_in_4201sl-close{display:none;position:fixed;right:30px;top:30px;z-index:100015;color:#fff}.stacks_in_4201sl-wrapper .stacks_in_4201sl-counter{display:none;position:fixed;top:30px;left:30px;z-index:100015;color:#fff}.stacks_in_4201sl-wrapper .stacks_in_4201sl-navigation{width:100%;display:none}.stacks_in_4201sl-wrapper .stacks_in_4201sl-navigation button{position:fixed;top:50%;margin-top:-10px;height:30px;width:30px;line-height:30px;text-algin:center;display:block;z-index:100015}.stacks_in_4201sl-wrapper .stacks_in_4201sl-navigation button.stacks_in_4201sl-next{right:40px;color:#fff}.stacks_in_4201sl-wrapper .stacks_in_4201sl-navigation button.stacks_in_4201sl-prev{left:40px;color:#fff}.stacks_in_4201sl-wrapper .stacks_in_4201sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:1000000}.stacks_in_4201sl-wrapper .stacks_in_4201sl-image img{margin:0;padding:0;display:block}.stacks_in_4201sl-wrapper .stacks_in_4201sl-image .stacks_in_4201sl-caption{display:none;padding:10px;color:#fff;background:#000;opacity:0;position:absolute;bottom:0;left:0;right:0;-webkit-transition: opacity 300ms ease-out;-moz-transition: opacity 300ms ease-out;-o-transition: opacity 300ms ease-out;transition: opacity 300ms ease-out;}.stacks_in_4201sl-wrapper .stacks_in_4201sl-image .stacks_in_4201sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#fff;z-index:100005}.stacks_in_4201sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:100007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}@-webkit-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%,100%{opacity:0}0%{transform:scale(.1)}50%{opacity:1}100%{transform:scale(1.2)}} .stacks_in_4201sl-image:hover > .stacks_in_4201sl-caption{ opacity: 0.8; } .stacks_in_4201sl-caption{ opacity: 0.8 !important; } .dooMasterImage, .jg-entry, .followMontageLink{ -webkit-transform-style: preserve-3d; -webkit-transform:translate3d(0,0,0); -webkit-backface-visibility: hidden; -webkit-font-smoothing: antialiased } #stacks_in_4201 .montageImageZoom { transition: all .2s ease-in-out; } #stacks_in_4201 .dooMasterImage:hover > .montageImageZoom { -webkit-transform: scale(1.1); transform: scale(1.1); } #stacks_in_4201Montage{ background: rgba(255, 255, 255, 1.00); z-index: 100; } #stacks_in_4201 .montageImageTitle{ display: none; } .stacks_in_4201green{ background: #37332f; color: #fff; padding: 0 5px 0 5px; } .stacks_in_4201centerbox { background-color: #ffffff; -webkit-border-radius: 3px; padding: 10px; border: 1px solid #D3D3D3; } #stacks_in_4201 .montageImageTitle{ display: none !important; } #stacks_in_4201 .montageImageTitle{ display: block !important; } /* End Edit Mode UI Style */ /* ####################################### */ /* %[endif]% */ /* End dooMontage 2 stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* 1.0.4.6 - new option to use warehoused image for header image - added new option to contain the header image instead of cover and crop - add new header image bg color that shows when containing an image - added settings to change font sizes - uses unique data attribute names to prevent conflicts with foundation and other frameworks - added compatability with assemble - mobile address bar no longer triggers resize event */ #stacks_in_4891.expd-card, #stacks_in_4891.expd-card * { box-sizing: border-box; } #stacks_in_4891 .expd-truncate { position: relative; display: inline-block; width: 100%; } #stacks_in_4891.expd-card .click-all { height: 100%; } #stacks_in_4891_wrap.wrap-expd-card { width: 320px; height: 320px; margin: 10px auto; max-width: 100%; position: relative; } #stacks_in_4891.expd-card.fadeIn { -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #stacks_in_4891.expd-card { font-family: inherit; text-align: left; will-change: top, left, right, bottom; color: rgba(0, 0, 0, 1.00); background: rgba(255, 255, 255, 1.00); height: 320px; width: 320px; visibility: hidden; border: 0px solid #ccc; overflow: hidden; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 200ms; animation-delay: 200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: top left; transform-origin: top left; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); } #stacks_in_4891.expd-card * { pointer-events: none; } #stacks_in_4891.expd-card .expd-open, #stacks_in_4891.expd-card [data-expanse-open='1'], #stacks_in_4891.expd-card.expd-active * { pointer-events: all; } #stacks_in_4891.expd-card h1, #stacks_in_4891.expd-card h2, #stacks_in_4891.expd-card h3, #stacks_in_4891.expd-card h4, #stacks_in_4891.expd-card h5, #stacks_in_4891.expd-card h6 { font-family: inherit; } #stacks_in_4891.expd-card.expd-active { position: fixed; z-index: 999; top: 20px; bottom: 20px; left: 20px; right: 20px; width: calc(100vw - 40px); height: calc(100vh - 40px); overflow: scroll; overflow-x: hidden; border: 0px solid transparent; box-shadow: 0px 10px 25px 5px rgba(0, 0, 0, 0.4); -webkit-transform-origin: center center; transform-origin: center center; margin: 0; transform: scale(1); } #stacks_in_4891.expd-card [data-expanse-close='1'] { display: none; cursor: pointer; z-index: 1099; } #stacks_in_4891.expd-card [data-expanse-open='1'] { display: block; cursor: pointer; z-index: 1099; } #stacks_in_4891.expd-card .expd-card-button { background: #CCCCCC; color: #676767; background: rgba(0, 0, 128, 1.00); color: rgba(255, 255, 255, 1.00); display: inline-block; padding: 10px 20px; border-radius: 4px; box-shadow: 0px 0px 3px rgba(0, 0, 0, .2); transition: 300ms all linear; cursor: pointer; } #stacks_in_4891.expd-card .expd-card-button[data-expanse-open='1'] { position: absolute; bottom: 15px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); border-radius: 4px; } #stacks_in_4891.expd-card .expd-card-button:hover, #stacks_in_4891.expd-card .expd-card-button[data-expanse-open='1']:hover { opacity: .8; box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); } #stacks_in_4891.expd-card .expd-card-body-wrap { max-width: 960px; margin: 0 auto; } .fixed-closestacks_in_4891 { display: block; pointer-events: none; transition: opacity 300ms linear; transition-delay: 300ms; opacity: 0; cursor: pointer; z-index: 1100; position: fixed; width: 40px; height: 40px; top: 30px; right: 30px; font-size: 30px; line-height: 40px; text-align: center; color: rgba(0, 0, 0, 1.00); background: rgba(255, 255, 255, 1.00); border-radius: 4px; } .expd-body .fixed-closestacks_in_4891 { pointer-events: all; } #stacks_in_4891.expd-card .expd-card-body-wrap .expd-card-img { height: 0px; padding-bottom: 56.25%; background-color: #bbb; background-size: cover; background-position: center center; background-image: url(); background-color: rgba(0, 0, 0, 1.00); background-size: contain; background-repeat: no-repeat; } #stacks_in_4891.expd-card .expd-card-body-wrap .expd-card-content { padding: 18px 16px; position: relative; perspective: 1200; } #stacks_in_4891.expd-card.expd-active .expd-card-body-wrap .expd-card-content { padding: 102px 20px; } #stacks_in_4891.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle { position: absolute; cursor: pointer; height: 40px; width: 40px; background: rgba(88, 236, 88, 1.00); right: 20px; top: -20px; border-radius: 50%; color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); text-align: center; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); transition: all ease 300ms; } #stacks_in_4891.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle:hover { box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.3); } #stacks_in_4891.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle:active { box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6); transition: all ease 100ms; } #stacks_in_4891.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa { line-height: 34px; position: absolute; width: 34px; height: 34px; font-size: 24px; top: 0; left: 0; text-align: center; } #stacks_in_4891.expd-card .expd-card-body-wrap .expd-card-content { font-size: 12px; line-height: 16px; } #stacks_in_4891.expd-card .expd-card-body-wrap .expd-card-content .expd-heading h2 { color: rgba(66, 66, 66, 1.00); font-size: 20px; line-height: 26px; margin: 0; } #stacks_in_4891.expd-card .expd-card-body-wrap .expd-card-content .expd-heading strong { color: rgba(88, 88, 88, 1.00); font-size: 14px; line-height: 16px; display: block; margin-bottom: 5px; } #stacks_in_4891.expd-card .expd-card-body-wrap .expd-card-content p { margin: 10px 0px; } #stacks_in_4891.expd-card.expd-active .expd-card-body-wrap .expd-card-content { font-size: 16px; line-height: 22px; } #stacks_in_4891.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading h2 { font-size: 26px; line-height: 32px; } #stacks_in_4891.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading strong { font-size: 20px; line-height: 22px; margin: 5px 0px 20px 0px; } .expd-body { overflow: hidden; } #stacks_in_4891.expd-card.expd-pre-anim { position: fixed; z-index: 999; } #stacks_in_4891.expd-card.expd-active [data-expanse-close='1'] { display: inline-block; } #stacks_in_4891.expd-card.expd-active .expd-open[data-expanse-open='1'] { display: block; cursor: auto; } #stacks_in_4891.expd-card.expd-active .expd-card-button[data-expanse-open='1'] { display: none; } #stacks_in_4891.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle { background: rgba(236, 88, 88, 1.00); color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); } #stacks_in_4891.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { line-height: 34px; } #stacks_in_4891.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { content: "\f00d"; } @media all and (max-width: 600px) { #stacks_in_4891.expd-card.expd-active { top: 5.000000px; bottom: 5.000000px; left: 5.000000px; right: 5.000000px; width: calc(100vw - 10.000000px); height: calc(100vh - 10.000000px); } } .cutOutstacks_in_4659 img { border-radius: 50%; max-width: 220px; height: auto; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: block; margin-bottom: 10px; } @media screen and (min-width: 568px) { .cutOutstacks_in_4659 img { left: auto; -webkit-transform: none; -ms-transform: none; transform: none; max-width: 220px; float: left; shape-outside: ellipse(50% 50%); margin: 0px 40px 10px 0px; } .cutOutContentstacks_in_4659 { padding: 0px 0px 0px 0px; text-align: justify; } } /* @group Generic Styles */ #ruleStackstacks_in_4661, #ruleStackstacks_in_4661:before, #ruleStackstacks_in_4661:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_4661 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ /* */ /* */ #ruleStackstacks_in_4661 { width: 75%; margin-left: auto; margin-right: auto; } /* */ #ruleStackstacks_in_4661 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_4661 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ /* */ /* */ #ruleStackstacks_in_4661 { text-align: left; } #ruleStackstacks_in_4661:after { content: ''; position: absolute; width: 100%; top: 49%; left: 0; min-height: 2px; border-top: 2px solid rgba(255, 0, 0, 1.00); } #ruleStackstacks_in_4661 [class^="fa fa-"] { visibility: hidden; } /* */ /* */ /* Start dooMontage 2 stack each CSS code */ .stacks_in_4512sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#000;opacity:.9;display:none;z-index:100006}.stacks_in_4512sl-wrapper{z-index:1000000}.stacks_in_4512sl-wrapper button{border:0;background:0 0;font-size:24px;padding:0;cursor:pointer}.stacks_in_4512sl-wrapper button:hover{opacity:.7}.stacks_in_4512sl-wrapper .stacks_in_4512sl-close{display:none;position:fixed;right:30px;top:30px;z-index:100015;color:#fff}.stacks_in_4512sl-wrapper .stacks_in_4512sl-counter{display:none;position:fixed;top:30px;left:30px;z-index:100015;color:#fff}.stacks_in_4512sl-wrapper .stacks_in_4512sl-navigation{width:100%;display:none}.stacks_in_4512sl-wrapper .stacks_in_4512sl-navigation button{position:fixed;top:50%;margin-top:-10px;height:30px;width:30px;line-height:30px;text-algin:center;display:block;z-index:100015}.stacks_in_4512sl-wrapper .stacks_in_4512sl-navigation button.stacks_in_4512sl-next{right:40px;color:#fff}.stacks_in_4512sl-wrapper .stacks_in_4512sl-navigation button.stacks_in_4512sl-prev{left:40px;color:#fff}.stacks_in_4512sl-wrapper .stacks_in_4512sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:1000000}.stacks_in_4512sl-wrapper .stacks_in_4512sl-image img{margin:0;padding:0;display:block}.stacks_in_4512sl-wrapper .stacks_in_4512sl-image .stacks_in_4512sl-caption{display:none;padding:10px;color:#fff;background:#000;opacity:0;position:absolute;bottom:0;left:0;right:0;-webkit-transition: opacity 300ms ease-out;-moz-transition: opacity 300ms ease-out;-o-transition: opacity 300ms ease-out;transition: opacity 300ms ease-out;}.stacks_in_4512sl-wrapper .stacks_in_4512sl-image .stacks_in_4512sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#fff;z-index:100005}.stacks_in_4512sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:100007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}@-webkit-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%,100%{opacity:0}0%{transform:scale(.1)}50%{opacity:1}100%{transform:scale(1.2)}} .stacks_in_4512sl-image:hover > .stacks_in_4512sl-caption{ opacity: 0.8; } .stacks_in_4512sl-caption{ opacity: 0.8 !important; } .dooMasterImage, .jg-entry, .followMontageLink{ -webkit-transform-style: preserve-3d; -webkit-transform:translate3d(0,0,0); -webkit-backface-visibility: hidden; -webkit-font-smoothing: antialiased } #stacks_in_4512 .montageImageZoom { transition: all .2s ease-in-out; } #stacks_in_4512 .dooMasterImage:hover > .montageImageZoom { -webkit-transform: scale(1.1); transform: scale(1.1); } #stacks_in_4512Montage{ background: rgba(255, 255, 255, 1.00); z-index: 100; } #stacks_in_4512 .montageImageTitle{ display: none; } .stacks_in_4512green{ background: #37332f; color: #fff; padding: 0 5px 0 5px; } .stacks_in_4512centerbox { background-color: #ffffff; -webkit-border-radius: 3px; padding: 10px; border: 1px solid #D3D3D3; } #stacks_in_4512 .montageImageTitle{ display: none !important; } #stacks_in_4512 .montageImageTitle{ display: block !important; } /* End Edit Mode UI Style */ /* ####################################### */ /* %[endif]% */ /* End dooMontage 2 stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* 1.0.4.6 - new option to use warehoused image for header image - added new option to contain the header image instead of cover and crop - add new header image bg color that shows when containing an image - added settings to change font sizes - uses unique data attribute names to prevent conflicts with foundation and other frameworks - added compatability with assemble - mobile address bar no longer triggers resize event */ #stacks_in_4886.expd-card, #stacks_in_4886.expd-card * { box-sizing: border-box; } #stacks_in_4886 .expd-truncate { position: relative; display: inline-block; width: 100%; } #stacks_in_4886.expd-card .click-all { height: 100%; } #stacks_in_4886_wrap.wrap-expd-card { width: 320px; height: 320px; margin: 10px auto; max-width: 100%; position: relative; } #stacks_in_4886.expd-card.fadeIn { -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #stacks_in_4886.expd-card { font-family: inherit; text-align: left; will-change: top, left, right, bottom; color: rgba(0, 0, 0, 1.00); background: rgba(255, 255, 255, 1.00); height: 320px; width: 320px; visibility: hidden; border: 0px solid #ccc; overflow: hidden; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 200ms; animation-delay: 200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: top left; transform-origin: top left; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); } #stacks_in_4886.expd-card * { pointer-events: none; } #stacks_in_4886.expd-card .expd-open, #stacks_in_4886.expd-card [data-expanse-open='1'], #stacks_in_4886.expd-card.expd-active * { pointer-events: all; } #stacks_in_4886.expd-card h1, #stacks_in_4886.expd-card h2, #stacks_in_4886.expd-card h3, #stacks_in_4886.expd-card h4, #stacks_in_4886.expd-card h5, #stacks_in_4886.expd-card h6 { font-family: inherit; } #stacks_in_4886.expd-card.expd-active { position: fixed; z-index: 999; top: 20px; bottom: 20px; left: 20px; right: 20px; width: calc(100vw - 40px); height: calc(100vh - 40px); overflow: scroll; overflow-x: hidden; border: 0px solid transparent; box-shadow: 0px 10px 25px 5px rgba(0, 0, 0, 0.4); -webkit-transform-origin: center center; transform-origin: center center; margin: 0; transform: scale(1); } #stacks_in_4886.expd-card [data-expanse-close='1'] { display: none; cursor: pointer; z-index: 1099; } #stacks_in_4886.expd-card [data-expanse-open='1'] { display: block; cursor: pointer; z-index: 1099; } #stacks_in_4886.expd-card .expd-card-button { background: #CCCCCC; color: #676767; background: rgba(0, 0, 128, 1.00); color: rgba(255, 255, 255, 1.00); display: inline-block; padding: 10px 20px; border-radius: 4px; box-shadow: 0px 0px 3px rgba(0, 0, 0, .2); transition: 300ms all linear; cursor: pointer; } #stacks_in_4886.expd-card .expd-card-button[data-expanse-open='1'] { position: absolute; bottom: 15px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); border-radius: 4px; } #stacks_in_4886.expd-card .expd-card-button:hover, #stacks_in_4886.expd-card .expd-card-button[data-expanse-open='1']:hover { opacity: .8; box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); } #stacks_in_4886.expd-card .expd-card-body-wrap { max-width: 960px; margin: 0 auto; } .fixed-closestacks_in_4886 { display: block; pointer-events: none; transition: opacity 300ms linear; transition-delay: 300ms; opacity: 0; cursor: pointer; z-index: 1100; position: fixed; width: 40px; height: 40px; top: 30px; right: 30px; font-size: 30px; line-height: 40px; text-align: center; color: rgba(0, 0, 0, 1.00); background: rgba(255, 255, 255, 1.00); border-radius: 4px; } .expd-body .fixed-closestacks_in_4886 { pointer-events: all; } #stacks_in_4886.expd-card .expd-card-body-wrap .expd-card-img { height: 0px; padding-bottom: 56.25%; background-color: #bbb; background-size: cover; background-position: center center; background-image: url(); background-color: rgba(0, 0, 0, 1.00); background-size: contain; background-repeat: no-repeat; } #stacks_in_4886.expd-card .expd-card-body-wrap .expd-card-content { padding: 18px 16px; position: relative; perspective: 1200; } #stacks_in_4886.expd-card.expd-active .expd-card-body-wrap .expd-card-content { padding: 102px 20px; } #stacks_in_4886.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle { position: absolute; cursor: pointer; height: 40px; width: 40px; background: rgba(88, 236, 88, 1.00); right: 20px; top: -20px; border-radius: 50%; color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); text-align: center; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); transition: all ease 300ms; } #stacks_in_4886.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle:hover { box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.3); } #stacks_in_4886.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle:active { box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6); transition: all ease 100ms; } #stacks_in_4886.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa { line-height: 34px; position: absolute; width: 34px; height: 34px; font-size: 24px; top: 0; left: 0; text-align: center; } #stacks_in_4886.expd-card .expd-card-body-wrap .expd-card-content { font-size: 12px; line-height: 16px; } #stacks_in_4886.expd-card .expd-card-body-wrap .expd-card-content .expd-heading h2 { color: rgba(66, 66, 66, 1.00); font-size: 20px; line-height: 26px; margin: 0; } #stacks_in_4886.expd-card .expd-card-body-wrap .expd-card-content .expd-heading strong { color: rgba(88, 88, 88, 1.00); font-size: 14px; line-height: 16px; display: block; margin-bottom: 5px; } #stacks_in_4886.expd-card .expd-card-body-wrap .expd-card-content p { margin: 10px 0px; } #stacks_in_4886.expd-card.expd-active .expd-card-body-wrap .expd-card-content { font-size: 16px; line-height: 22px; } #stacks_in_4886.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading h2 { font-size: 26px; line-height: 32px; } #stacks_in_4886.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading strong { font-size: 20px; line-height: 22px; margin: 5px 0px 20px 0px; } .expd-body { overflow: hidden; } #stacks_in_4886.expd-card.expd-pre-anim { position: fixed; z-index: 999; } #stacks_in_4886.expd-card.expd-active [data-expanse-close='1'] { display: inline-block; } #stacks_in_4886.expd-card.expd-active .expd-open[data-expanse-open='1'] { display: block; cursor: auto; } #stacks_in_4886.expd-card.expd-active .expd-card-button[data-expanse-open='1'] { display: none; } #stacks_in_4886.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle { background: rgba(236, 88, 88, 1.00); color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); } #stacks_in_4886.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { line-height: 34px; } #stacks_in_4886.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { content: "\f00d"; } @media all and (max-width: 600px) { #stacks_in_4886.expd-card.expd-active { top: 5.000000px; bottom: 5.000000px; left: 5.000000px; right: 5.000000px; width: calc(100vw - 10.000000px); height: calc(100vh - 10.000000px); } } .cutOutstacks_in_4696 img { border-radius: 50%; max-width: 220px; height: auto; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: block; margin-bottom: 10px; } @media screen and (min-width: 568px) { .cutOutstacks_in_4696 img { left: auto; -webkit-transform: none; -ms-transform: none; transform: none; max-width: 220px; float: left; shape-outside: ellipse(50% 50%); margin: 0px 40px 10px 0px; } .cutOutContentstacks_in_4696 { padding: 0px 0px 0px 0px; text-align: justify; } } /* @group Generic Styles */ #ruleStackstacks_in_4698, #ruleStackstacks_in_4698:before, #ruleStackstacks_in_4698:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_4698 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ /* */ /* */ #ruleStackstacks_in_4698 { width: 75%; margin-left: auto; margin-right: auto; } /* */ #ruleStackstacks_in_4698 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_4698 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ /* */ /* */ #ruleStackstacks_in_4698 { text-align: left; } #ruleStackstacks_in_4698:after { content: ''; position: absolute; width: 100%; top: 49%; left: 0; min-height: 2px; border-top: 2px solid rgba(255, 0, 0, 1.00); } #ruleStackstacks_in_4698 [class^="fa fa-"] { visibility: hidden; } /* */ /* */ /* Start dooMontage 2 stack each CSS code */ .stacks_in_4513sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#000;opacity:.9;display:none;z-index:100006}.stacks_in_4513sl-wrapper{z-index:1000000}.stacks_in_4513sl-wrapper button{border:0;background:0 0;font-size:24px;padding:0;cursor:pointer}.stacks_in_4513sl-wrapper button:hover{opacity:.7}.stacks_in_4513sl-wrapper .stacks_in_4513sl-close{display:none;position:fixed;right:30px;top:30px;z-index:100015;color:#fff}.stacks_in_4513sl-wrapper .stacks_in_4513sl-counter{display:none;position:fixed;top:30px;left:30px;z-index:100015;color:#fff}.stacks_in_4513sl-wrapper .stacks_in_4513sl-navigation{width:100%;display:none}.stacks_in_4513sl-wrapper .stacks_in_4513sl-navigation button{position:fixed;top:50%;margin-top:-10px;height:30px;width:30px;line-height:30px;text-algin:center;display:block;z-index:100015}.stacks_in_4513sl-wrapper .stacks_in_4513sl-navigation button.stacks_in_4513sl-next{right:40px;color:#fff}.stacks_in_4513sl-wrapper .stacks_in_4513sl-navigation button.stacks_in_4513sl-prev{left:40px;color:#fff}.stacks_in_4513sl-wrapper .stacks_in_4513sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:1000000}.stacks_in_4513sl-wrapper .stacks_in_4513sl-image img{margin:0;padding:0;display:block}.stacks_in_4513sl-wrapper .stacks_in_4513sl-image .stacks_in_4513sl-caption{display:none;padding:10px;color:#fff;background:#000;opacity:0;position:absolute;bottom:0;left:0;right:0;-webkit-transition: opacity 300ms ease-out;-moz-transition: opacity 300ms ease-out;-o-transition: opacity 300ms ease-out;transition: opacity 300ms ease-out;}.stacks_in_4513sl-wrapper .stacks_in_4513sl-image .stacks_in_4513sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#fff;z-index:100005}.stacks_in_4513sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:100007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}@-webkit-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%,100%{opacity:0}0%{transform:scale(.1)}50%{opacity:1}100%{transform:scale(1.2)}} .stacks_in_4513sl-image:hover > .stacks_in_4513sl-caption{ opacity: 0.8; } .stacks_in_4513sl-caption{ opacity: 0.8 !important; } .dooMasterImage, .jg-entry, .followMontageLink{ -webkit-transform-style: preserve-3d; -webkit-transform:translate3d(0,0,0); -webkit-backface-visibility: hidden; -webkit-font-smoothing: antialiased } #stacks_in_4513 .montageImageZoom { transition: all .2s ease-in-out; } #stacks_in_4513 .dooMasterImage:hover > .montageImageZoom { -webkit-transform: scale(1.1); transform: scale(1.1); } #stacks_in_4513Montage{ background: rgba(255, 255, 255, 1.00); z-index: 100; } #stacks_in_4513 .montageImageTitle{ display: none; } .stacks_in_4513green{ background: #37332f; color: #fff; padding: 0 5px 0 5px; } .stacks_in_4513centerbox { background-color: #ffffff; -webkit-border-radius: 3px; padding: 10px; border: 1px solid #D3D3D3; } #stacks_in_4513 .montageImageTitle{ display: none !important; } #stacks_in_4513 .montageImageTitle{ display: block !important; } /* End Edit Mode UI Style */ /* ####################################### */ /* %[endif]% */ /* End dooMontage 2 stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* Start dooMontageImage stack each CSS code */ /* Edit Mode UI Style */ /* ####################################### */ /* End dooMontageImage stack each CSS code *//* @group Generic Styles */ #ruleStackstacks_in_2361, #ruleStackstacks_in_2361:before, #ruleStackstacks_in_2361:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_2361 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ /* */ /* */ #ruleStackstacks_in_2361 { width: 50%; margin-left: auto; margin-right: auto; } /* */ #ruleStackstacks_in_2361 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(251, 2, 7, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_2361 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_2361 { text-align: center; } #ruleStackstacks_in_2361:before, #ruleStackstacks_in_2361:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 4px solid rgba(19, 18, 255, 1.00); } #ruleStackstacks_in_2361:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_2361:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_2361 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #shady_stack_stacks_in_15 { max-width: none; margin: 0 auto; } #shady_stack_shadow_stacks_in_15 { box-shadow: 0rem 0rem 0.8rem 0.4rem rgba(153, 153, 153, 1.00); border-radius: 0rem; overflow: hidden; padding: 1.0rem; margin: 1.0rem; border: none 0.10rem rgba(51, 51, 51, 1.00); } @media print { #shady_stack_shadow_stacks_in_15 { margin: 0; padding: 0; box-shadow: none; border-radius: 0px; } } #stacks_in_121 { margin: 10px 0px 30px 0px; } #shady_stack_stacks_in_16 { max-width: none; margin: 0 auto; } #shady_stack_shadow_stacks_in_16 { box-shadow: 0rem 0rem 0.8rem 0.4rem rgba(153, 153, 153, 1.00); border-radius: 0rem; overflow: hidden; padding: 1.0rem; margin: 1.0rem; border: none 0.10rem rgba(51, 51, 51, 1.00); } @media print { #shady_stack_shadow_stacks_in_16 { margin: 0; padding: 0; box-shadow: none; border-radius: 0px; } } #stacks_in_124 { margin: 10px 0px 30px 0px; }