a.block-link{display:block;text-decoration:none !important;padding:0;margin:0;color:inherit}a.block-link:link,a.block-link:visited,a.block-link:hover,a.block-link:active{color:inherit} .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}html,.palette0{--text-color-richer:rgba(0, 0, 0, 1.00);--text-color-normal:rgba(0, 0, 0, 1.00);--text-color-softer:rgba(25, 25, 25, 1.00);--accent-color:rgba(0, 0, 128, 0.61);--accent-color-hover:rgba(251, 2, 7, 1.00);--accent-text-color:rgba(0, 0, 0, 1.00);--accent-text-color-hover:rgba(0, 0, 0, 1.00);--accent-color-alt:rgba(0, 0, 0, 1.00);--link-color:rgba(0, 0, 128, 0.61); --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(153, 153, 153, 1.00);--nav-bg-hover:rgba(230, 230, 230, 1.00);--nav-link:rgba(255, 255, 255, 1.00);--nav-link-hover:rgba(5, 95, 122, 1.00);--code-background:rgba(0, 0, 0, 1.00);--code-text:rgba(34, 34, 34, 1.00);--button-primary-color:rgba(0, 0, 0, 1.00);--button-primary-color-hover:rgba(0, 0, 0, 1.00);--second-color:rgba(230, 230, 230, 1.00);--second-color-hover:rgba(125, 152, 161, 1.00);--second-color-alt:rgba(255, 255, 255, 1.00);--base-font-size:62.5%;--container-max-width:1200px;--container-max-width-alt:600px}*{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;font-family:Verdana, Geneva, sans-serif; color:rgba(0, 0, 0, 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;font-family:Verdana, Geneva, sans-serif;}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:none}.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:14px;border-width:1px;height:calc(38px + 2px); font-weight: bolder; text-transform: uppercase; display:inline-block;padding:0 30px;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:4px;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:1200px;max-width:var(--container-max-width);margin:0 auto}.source-base-width-alt,.s-alt-width{max-width:600px;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}}#stacks_in_775.nav-wrap{background-color:var(--nav-bg);width:100%;padding:5px 5px 5px 5px}#stacks_in_775 .nav-content{z-index:999}html:not(.menulab-js) .nav-wrap{display:none}#stacks_in_775.nav-fixed,#stacks_in_775.nav-sticky{top:0;width:100%;z-index:999}#stacks_in_775.nav-fixed{position:fixed;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12)}#stacks_in_775.nav-sticky{position:sticky}#stacks_in_775 .contained-bar{max-width:var(--container-max-width)}#stacks_in_775 .navbar li>ul{background-color:rgba(179, 179, 179, 1.00)}#stacks_in_775 .navbar li{list-style-type:none;display:block;border-radius:4px}#stacks_in_775 .navbar li a{color:var(--nav-link)}#stacks_in_775 .navbar li:hover>*:first-child,#stacks_in_775 .navbar li.active>*:first-child{color:var(--nav-link-hover)}#stacks_in_775 .navbar li:hover,#stacks_in_775 .navbar li.active{background-color:var(--nav-bg-hover)}#stacks_in_775 .logo img{vertical-align:top;height:42px;border-radius:5px;width:auto;max-width:none}#stacks_in_775 .logo{display: none;}#stacks_in_775 .site-title{}#stacks_in_775 .navbar{display:block;}#stacks_in_775 .navbar .ml-arrows .has-dropdown::after{top:14px}#stacks_in_775 .navbar{font-size:16px}#stacks_in_775 .branding{position:relative;display:flex;align-items:center;justify-content:space-between}#stacks_in_775 .branding h4{font-size:16px;font-weight:normal;text-transform: uppercase; padding-left:10px;padding-right:10px}#stacks_in_775 .site-title a{color:#000080;}#stacks_in_775 .site-title a:hover{color:#000067;}@media only screen and (max-width:1999px){#stacks_in_775 .ml-dropdown{background-color:rgba(179, 179, 179, 1.00);max-height:calc(100vh - 45px);overflow-y:scroll} #stacks_in_775 .cta{display:none} #stacks_in_775 .navbar li{margin:3px 0}#stacks_in_775 .branding{}}@media only screen and (min-width:2000px){ #stacks_in_775 .logo{display: block; margin-left:0;padding-right:10px}#stacks_in_775 .site-title{display: block;} #stacks_in_775 .cta-small{display:none} #stacks_in_775 .branding h4{font-size:20px;padding-left:0;}#stacks_in_775 .grouped-cta,#stacks_in_775 .cta{display:flex;flex-wrap:wrap;align-items:center}#stacks_in_775 .branding{min-width:0px;display: none;}#stacks_in_775 .logo img{height:54px}#stacks_in_775 .navbar{display:inline-block} #stacks_in_775 .navbar .ml-arrows .has-dropdown::after{top:18px}#stacks_in_775 .navbar{font-size:18px} #stacks_in_775 .mob-icon{display:none}#stacks_in_775.nav-wrap{padding:12px 12px 12px 12px}#stacks_in_775 .navbar{float:right;max-height:none;overflow:visible}#stacks_in_775 .navbar,#stacks_in_775 .nav-content{position:relative;display:flex;align-items:center;justify-content:space-between;}#stacks_in_775 .navbar li a{padding:0 .8em}#stacks_in_775 .navbar li.active,#stacks_in_775 .navbar li:hover{border-radius:4px}#stacks_in_775 .navbar .ml-menu,#stacks_in_775 .navbar .ml-menu ul{margin:2px 1px}#stacks_in_775 .navbar .ml-menu li{margin:2px 1px;padding-top:3px;padding-bottom:3px}#stacks_in_775 .navbar li>ul{box-shadow:0 0 18px rgba(0,0,0,.1)}#stacks_in_775 .navbar .ml-menu li>ul .dd-to-left>ul{right:100%!important;left:auto!important}#stacks_in_775 .navbar .ml-menu li>ul .dd-to-right>ul{left:100%!important;right:auto!important}#stacks_in_775 .navbar .ml-menu ul,#stacks_in_775 .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_775 .navbar [dir=rtl] .ml-menu ul,#stacks_in_775 .navbar .ml-menu>.dd-to-left>ul{left:auto;right:0}#stacks_in_775 .navbar .ml-menu ul ul,#stacks_in_775 .navbar [dir=rtl] .ml-menu ul .dd-to-right ul{top:0;left:100%;right:auto}#stacks_in_775 .navbar [dir=rtl] .ml-menu ul ul,#stacks_in_775 .navbar .ml-menu ul .ml-dd-to-left ul{left:auto;right:100%}#stacks_in_775 .navbar .ml-menu li{position:relative;display:block;list-style-type:none}#stacks_in_775 .navbar .ml-menu>li{display:inline-block}#stacks_in_775 .navbar .ml-menu a,#stacks_in_775 .navbar .ml-menu span{display:block;text-decoration:none;white-space:pre}#stacks_in_775 .navbar .ml-menu li:hover>ul{display:block}#stacks_in_775 .navbar .ml-js li:hover>ul{display:none}#stacks_in_775 .navbar .ml-js li.dd-open>ul{display:block!important}#stacks_in_775 .ml-arrows .has-dropdown{padding-right:16px;*padding-right:16px}}#stacks_in_775 .ml-arrows .has-dropdown:after{border-top-color:darkgray;border-top-color:var(--nav-link)}#stacks_in_775 .ml-arrows .has-dropdown.active:after{border-top-color:darkgray;border-top-color:var(--nav-link-hover)}#stacks_in_775 .ml-arrows>li>.ml-dropdown:focus:after,#stacks_in_775 .ml-arrows>li:hover>.ml-dropdown:after,#stacks_in_775 .ml-arrows>.sfHover>.ml-dropdown:after{border-top-color:darkgray;border-top-color:var(--nav-link)}#stacks_in_775 .ml-arrows ul .ml-dropdown:after{border-top-color:darkgray;border-left-color:var(--nav-link)}#stacks_in_775 .ml-arrows ul li>.ml-dropdown:focus:after,#stacks_in_775 .ml-arrows ul li:hover>.ml-dropdown:after,#stacks_in_775 .ml-arrows ul .sfHover>.ml-dropdown:after{border-top-color:darkgray;border-left-color:var(--nav-link)}#stacks_in_775 .mob-icon{-webkit-transform:scale(.6);-moz-transform:scale(.6);-o-transform:scale(.6);transform:scale(.6)}#stacks_in_775 .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_775 .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_775 .burg span:nth-child(1){top:0}#stacks_in_775 .burg span:nth-child(2),#stacks_in_775 .burg span:nth-child(3){top:18px}#stacks_in_775 .burg span:nth-child(4){top:36px}#stacks_in_775.ml-toggle.expand .burg span:nth-child(1){top:18px;width:0;left:50%}#stacks_in_775.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_775.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_775.ml-toggle.expand .burg span:nth-child(4){top:18px;width:0;left:50%} /* 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_754.btr-bg-outer .btr-bg-inner { min-height: 700px; } #stacks_in_754.btr-bg-gradient .btr-bg-inner , #stacks_in_754.btr-bg-animated .btr-bg-inner , #stacks_in_754.btr-bg-blur .btr-bg-inner , #stacks_in_754.btr-bg-mouse .btr-bg-inner , #stacks_in_754.btr-bg-pan .btr-bg-inner , #stacks_in_754.btr-bg-parallax .btr-bg-inner , #stacks_in_754.btr-bg-transition .btr-bg-inner , #stacks_in_754.btr-bg-none .btr-bg-inner { padding: 0px 0px 0px 0px; } #stacks_in_754.btr-bg-none { background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0.00); } #stacks_in_754.btr-bg-outer:after { background: rgba(0, 0, 0, 0.00); } #stacks_in_754.btr-bg-outer { background-image : url(../files/backgroundImageBlur-754.png); background-repeat: no-repeat; background-position: bottom right; background-size: cover; -webkit-transform:translateZ(0); } #stacks_in_754.btr-bg-outer .btr-bg-inner .btr-bg-content { position: relative; background-color : rgba(255, 255, 255, 0.00); overflow: hidden; padding: 5px 5px 5px 5px; margin: 0 auto; max-width: 1200px; width: 100%; } #stacks_in_754.btr-bg-outer .btr-bg-inner .btr-bg-header, #stacks_in_754.btr-bg-outer .btr-bg-inner .btr-bg-footer { pointer-events: none; opacity: 0; } /* Parallax */ #stacks_in_754.btr-bg-parallax { background: none; transform: none; } #stacks_in_754.btr-bg-parallax > .btr-bg-parallax-bg { background-image : url(../files/backgroundImageBlur-754.png); background-repeat: no-repeat; 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_754.btr-bg-parallax.btr-bg-disabled:before { background-attachment: scroll; background-position: bottom right !important; } #stacks_in_751 { background-color: rgba(204, 204, 204, 0.66); } /* Start dooGrid stack each CSS code */ .stacks_in_333gridWrapper > 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_333gridWrapper{ margin-right: -7.500000px; margin-left: -7.500000px; margin-top: -15px; } @media all and (max-width: 1024px) { .stacks_in_333gridWrapper > div{ width: 33.333333%; } } @media all and (max-width: 768px) { .stacks_in_333gridWrapper > div{ width: 50%; } } @media all and (max-width: 480px) { .stacks_in_333gridWrapper > div{ width: 100%; } } #stacks_in_333 .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: 1px; padding: 10px; } /* End dooGrid stack each CSS code */ #stacks_in_333 { margin: 5px; padding: 5px; } /* 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_335.expd-card, #stacks_in_335.expd-card * { box-sizing: border-box; } #stacks_in_335 .expd-truncate { position: relative; display: inline-block; width: 100%; } #stacks_in_335.expd-card .click-all { height: 100%; } #stacks_in_335.expd-card:after { content: ""; position: absolute; width: 100%; height: 40%; bottom: 0; left: 0; background: -moz-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: -webkit-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 1.00) 80%); pointer-events: none; } #stacks_in_335.expd-card.expd-active:after { display: none; } #stacks_in_335_wrap.wrap-expd-card { width: 320px; height: 320px; margin: 10px auto; max-width: 100%; position: relative; } #stacks_in_335.expd-card.fadeIn { -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #stacks_in_335.expd-card { font-family: raleway; text-align: left; will-change: top, left, right, bottom; color: rgba(103, 103, 103, 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: 5px; box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); color: rgba(103, 103, 103, 1.00); background: rgba(255, 255, 255, 1.00); } #stacks_in_335.expd-card * { pointer-events: none; } #stacks_in_335.expd-card .expd-open, #stacks_in_335.expd-card [data-expanse-open='1'], #stacks_in_335.expd-card.expd-active * { pointer-events: all; } #stacks_in_335.expd-card:before, #stacks_in_335.expd-card .expd-card-after { content: ""; position: absolute; width: 100%; height: 100%; transition: all 300ms ease; pointer-events: none; opacity: 0; top: 0; left: 0; font-size: 18px; line-height: 18px; text-align: center; color: #fff; z-index: 200; ; } #stacks_in_335.expd-card:hover:before { opacity: 1; background: rgba(0, 0, 0, 0.6); } #stacks_in_335.expd-card .expd-card-after { transform: translate(0, -50%); } #stacks_in_335.expd-card:hover .expd-card-after { opacity: 1; height: 18px; top: 50%; } #stacks_in_335.expd-card.expd-active:before, #stacks_in_335.expd-card.expd-active:hover .expd-card-after, #stacks_in_335.expd-card.expd-active .expd-card-after, #stacks_in_335.expd-card.expd-pre-anim:before, #stacks_in_335.expd-card.expd-pre-anim:hover .expd-card-after { display: none; } #stacks_in_335.expd-card h1, #stacks_in_335.expd-card h2, #stacks_in_335.expd-card h3, #stacks_in_335.expd-card h4, #stacks_in_335.expd-card h5, #stacks_in_335.expd-card h6 { font-family: raleway; } #stacks_in_335.expd-card.expd-active { position: fixed; z-index: 99; top: 7px; bottom: 7px; left: 7px; right: 7px; width: calc(100vw - 14px); height: calc(100vh - 14px); 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_335.expd-card [data-expanse-close='1'] { display: none; cursor: pointer; z-index: 199; } #stacks_in_335.expd-card [data-expanse-open='1'] { display: block; cursor: pointer; z-index: 199; } #stacks_in_335.expd-card .expd-card-button { background: #CCCCCC; color: #676767; 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_335.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_335.expd-card .expd-card-button:hover, #stacks_in_335.expd-card .expd-card-button[data-expanse-open='1']:hover { opacity: .8; box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); } #stacks_in_335.expd-card .expd-card-body-wrap { max-width: 960px; margin: 0 auto; } .fixed-closestacks_in_335 { display: block; pointer-events: none; transition: opacity 300ms linear; transition-delay: 300ms; opacity: 0; cursor: pointer; z-index: 200; position: fixed; width: 40px; height: 40px; top: 17px; right: 17px; font-size: 30px; line-height: 40px; text-align: center; color: rgba(103, 103, 103, 1.00); background: rgba(255, 255, 255, 1.00); border-radius: 4px; } .expd-body .fixed-closestacks_in_335 { pointer-events: all; } #stacks_in_335.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(../files/headerImage-335.png); } #stacks_in_335.expd-card .expd-card-body-wrap .expd-card-content { padding: 18px 16px; position: relative; perspective: 1200; } #stacks_in_335.expd-card.expd-active .expd-card-body-wrap .expd-card-content { padding: 20px 20px; } #stacks_in_335.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle { position: absolute; cursor: pointer; height: 40px; width: 40px; background: rgba(251, 2, 7, 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_335.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_335.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_335.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_335.expd-card .expd-card-body-wrap .expd-card-content { font-size: 12px; line-height: 16px; } #stacks_in_335.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_335.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_335.expd-card .expd-card-body-wrap .expd-card-content p { margin: 10px 0px; } #stacks_in_335.expd-card.expd-active .expd-card-body-wrap .expd-card-content { font-size: 16px; line-height: 22px; } #stacks_in_335.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading h2 { font-size: 26px; line-height: 32px; } #stacks_in_335.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_335.expd-card.expd-pre-anim { position: fixed; z-index: 99; } #stacks_in_335.expd-card.expd-active [data-expanse-close='1'] { display: inline-block; } #stacks_in_335.expd-card.expd-active .expd-open[data-expanse-open='1'] { display: block; cursor: auto; } #stacks_in_335.expd-card.expd-active .expd-card-button[data-expanse-open='1'] { display: none; } #stacks_in_335.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle { background: rgba(0, 0, 128, 1.00); color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); } #stacks_in_335.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { line-height: 34px; } #stacks_in_335.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_335.expd-card.expd-active { top: 1.750000px; bottom: 1.750000px; left: 1.750000px; right: 1.750000px; width: calc(100vw - 3.500000px); height: calc(100vh - 3.500000px); } } #stacks_in_196 { margin: 5px; padding: 5px; } /* 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_346.expd-card, #stacks_in_346.expd-card * { box-sizing: border-box; } #stacks_in_346 .expd-truncate { position: relative; display: inline-block; width: 100%; } #stacks_in_346.expd-card .click-all { height: 100%; } #stacks_in_346.expd-card:after { content: ""; position: absolute; width: 100%; height: 40%; bottom: 0; left: 0; background: -moz-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: -webkit-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 1.00) 80%); pointer-events: none; } #stacks_in_346.expd-card.expd-active:after { display: none; } #stacks_in_346_wrap.wrap-expd-card { width: 320px; height: 320px; margin: 10px auto; max-width: 100%; position: relative; } #stacks_in_346.expd-card.fadeIn { -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #stacks_in_346.expd-card { font-family: raleway; 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: 5px; box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); } #stacks_in_346.expd-card * { pointer-events: none; } #stacks_in_346.expd-card .expd-open, #stacks_in_346.expd-card [data-expanse-open='1'], #stacks_in_346.expd-card.expd-active * { pointer-events: all; } #stacks_in_346.expd-card h1, #stacks_in_346.expd-card h2, #stacks_in_346.expd-card h3, #stacks_in_346.expd-card h4, #stacks_in_346.expd-card h5, #stacks_in_346.expd-card h6 { font-family: raleway; } #stacks_in_346.expd-card.expd-active { position: fixed; z-index: 99; top: 7px; bottom: 7px; left: 7px; right: 7px; width: calc(100vw - 14px); height: calc(100vh - 14px); 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_346.expd-card [data-expanse-close='1'] { display: none; cursor: pointer; z-index: 199; } #stacks_in_346.expd-card [data-expanse-open='1'] { display: block; cursor: pointer; z-index: 199; } #stacks_in_346.expd-card .expd-card-button { background: #CCCCCC; color: #676767; 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_346.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_346.expd-card .expd-card-button:hover, #stacks_in_346.expd-card .expd-card-button[data-expanse-open='1']:hover { opacity: .8; box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); } #stacks_in_346.expd-card .expd-card-body-wrap { max-width: 960px; margin: 0 auto; } .fixed-closestacks_in_346 { display: block; pointer-events: none; transition: opacity 300ms linear; opacity: 0; cursor: pointer; z-index: 200; position: fixed; width: 40px; height: 40px; top: 17px; right: 17px; 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_346 { pointer-events: all; opacity: 0; pointer-events: none; } .expd-body.show-close .fixed-closestacks_in_346 { opacity: 1; pointer-events: all; } #stacks_in_346.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(../files/headerImage-346.png); } #stacks_in_346.expd-card .expd-card-body-wrap .expd-card-content { padding: 18px 16px; position: relative; perspective: 1200; } #stacks_in_346.expd-card.expd-active .expd-card-body-wrap .expd-card-content { padding: 20px 20px; } #stacks_in_346.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle { position: absolute; cursor: pointer; height: 40px; width: 40px; background: rgba(251, 2, 7, 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_346.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_346.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_346.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_346.expd-card .expd-card-body-wrap .expd-card-content { font-size: 12px; line-height: 16px; } #stacks_in_346.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_346.expd-card .expd-card-body-wrap .expd-card-content .expd-heading strong { color: rgba(0, 0, 0, 1.00); font-size: 14px; line-height: 16px; display: block; margin-bottom: 5px; } #stacks_in_346.expd-card .expd-card-body-wrap .expd-card-content p { margin: 10px 0px; } #stacks_in_346.expd-card.expd-active .expd-card-body-wrap .expd-card-content { font-size: 16px; line-height: 22px; } #stacks_in_346.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading h2 { font-size: 26px; line-height: 32px; } #stacks_in_346.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_346.expd-card.expd-pre-anim { position: fixed; z-index: 99; } #stacks_in_346.expd-card.expd-active [data-expanse-close='1'] { display: inline-block; } #stacks_in_346.expd-card.expd-active .expd-open[data-expanse-open='1'] { display: block; cursor: auto; } #stacks_in_346.expd-card.expd-active .expd-card-button[data-expanse-open='1'] { display: none; } #stacks_in_346.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle { background: rgba(0, 0, 128, 1.00); color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); } #stacks_in_346.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { line-height: 34px; } #stacks_in_346.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_346.expd-card.expd-active { top: 1.750000px; bottom: 1.750000px; left: 1.750000px; right: 1.750000px; width: calc(100vw - 3.500000px); height: calc(100vh - 3.500000px); } } #stacks_in_191 { margin: 5px; padding: 5px; } /* 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_354.expd-card, #stacks_in_354.expd-card * { box-sizing: border-box; } #stacks_in_354 .expd-truncate { position: relative; display: inline-block; width: 100%; } #stacks_in_354.expd-card .click-all { height: 100%; } #stacks_in_354.expd-card:after { content: ""; position: absolute; width: 100%; height: 40%; bottom: 0; left: 0; background: -moz-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: -webkit-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 1.00) 80%); pointer-events: none; } #stacks_in_354.expd-card.expd-active:after { display: none; } #stacks_in_354_wrap.wrap-expd-card { width: 320px; height: 320px; margin: 10px auto; max-width: 100%; position: relative; } #stacks_in_354.expd-card.fadeIn { -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #stacks_in_354.expd-card { font-family: raleway; text-align: left; will-change: top, left, right, bottom; color: rgba(124, 124, 124, 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: 5px; box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); } #stacks_in_354.expd-card * { pointer-events: none; } #stacks_in_354.expd-card .expd-open, #stacks_in_354.expd-card [data-expanse-open='1'], #stacks_in_354.expd-card.expd-active * { pointer-events: all; } #stacks_in_354.expd-card h1, #stacks_in_354.expd-card h2, #stacks_in_354.expd-card h3, #stacks_in_354.expd-card h4, #stacks_in_354.expd-card h5, #stacks_in_354.expd-card h6 { font-family: raleway; } #stacks_in_354.expd-card.expd-active { position: fixed; z-index: 99; top: 7px; bottom: 7px; left: 7px; right: 7px; width: calc(100vw - 14px); height: calc(100vh - 14px); 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_354.expd-card [data-expanse-close='1'] { display: none; cursor: pointer; z-index: 199; } #stacks_in_354.expd-card [data-expanse-open='1'] { display: block; cursor: pointer; z-index: 199; } #stacks_in_354.expd-card .expd-card-button { background: #CCCCCC; color: #676767; 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_354.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_354.expd-card .expd-card-button:hover, #stacks_in_354.expd-card .expd-card-button[data-expanse-open='1']:hover { opacity: .8; box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); } #stacks_in_354.expd-card .expd-card-body-wrap { max-width: 960px; margin: 0 auto; } .fixed-closestacks_in_354 { display: block; pointer-events: none; transition: opacity 300ms linear; opacity: 0; cursor: pointer; z-index: 200; position: fixed; width: 40px; height: 40px; top: 17px; right: 17px; font-size: 30px; line-height: 40px; text-align: center; color: rgba(124, 124, 124, 1.00); background: rgba(255, 255, 255, 1.00); border-radius: 4px; } .expd-body .fixed-closestacks_in_354 { pointer-events: all; opacity: 0; pointer-events: none; } .expd-body.show-close .fixed-closestacks_in_354 { opacity: 1; pointer-events: all; } #stacks_in_354.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(../files/headerImage-354.jpg); } #stacks_in_354.expd-card .expd-card-body-wrap .expd-card-content { padding: 18px 16px; position: relative; perspective: 1200; } #stacks_in_354.expd-card.expd-active .expd-card-body-wrap .expd-card-content { padding: 20px 20px; } #stacks_in_354.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle { position: absolute; cursor: pointer; height: 40px; width: 40px; background: rgba(251, 2, 7, 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_354.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_354.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_354.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_354.expd-card .expd-card-body-wrap .expd-card-content { font-size: 12px; line-height: 16px; } #stacks_in_354.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_354.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_354.expd-card .expd-card-body-wrap .expd-card-content p { margin: 10px 0px; } #stacks_in_354.expd-card.expd-active .expd-card-body-wrap .expd-card-content { font-size: 16px; line-height: 22px; } #stacks_in_354.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading h2 { font-size: 26px; line-height: 32px; } #stacks_in_354.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_354.expd-card.expd-pre-anim { position: fixed; z-index: 99; } #stacks_in_354.expd-card.expd-active [data-expanse-close='1'] { display: inline-block; } #stacks_in_354.expd-card.expd-active .expd-open[data-expanse-open='1'] { display: block; cursor: auto; } #stacks_in_354.expd-card.expd-active .expd-card-button[data-expanse-open='1'] { display: none; } #stacks_in_354.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle { background: rgba(0, 0, 128, 1.00); color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); } #stacks_in_354.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { line-height: 34px; } #stacks_in_354.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_354.expd-card.expd-active { top: 1.750000px; bottom: 1.750000px; left: 1.750000px; right: 1.750000px; width: calc(100vw - 3.500000px); height: calc(100vh - 3.500000px); } } #stacks_in_766_float { float:left; width:33%; }/* 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_370.expd-card, #stacks_in_370.expd-card * { box-sizing: border-box; } #stacks_in_370 .expd-truncate { position: relative; display: inline-block; width: 100%; } #stacks_in_370.expd-card .click-all { height: 100%; } #stacks_in_370.expd-card:after { content: ""; position: absolute; width: 100%; height: 40%; bottom: 0; left: 0; background: -moz-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: -webkit-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 1.00) 80%); pointer-events: none; } #stacks_in_370.expd-card.expd-active:after { display: none; } #stacks_in_370_wrap.wrap-expd-card { width: 320px; height: 320px; margin: 10px auto; max-width: 100%; position: relative; } #stacks_in_370.expd-card.fadeIn { -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #stacks_in_370.expd-card { font-family: raleway; text-align: left; will-change: top, left, right, bottom; color: rgba(124, 124, 124, 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: 5px; box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); } #stacks_in_370.expd-card * { pointer-events: none; } #stacks_in_370.expd-card .expd-open, #stacks_in_370.expd-card [data-expanse-open='1'], #stacks_in_370.expd-card.expd-active * { pointer-events: all; } #stacks_in_370.expd-card h1, #stacks_in_370.expd-card h2, #stacks_in_370.expd-card h3, #stacks_in_370.expd-card h4, #stacks_in_370.expd-card h5, #stacks_in_370.expd-card h6 { font-family: raleway; } #stacks_in_370.expd-card.expd-active { position: fixed; z-index: 99; top: 7px; bottom: 7px; left: 7px; right: 7px; width: calc(100vw - 14px); height: calc(100vh - 14px); 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_370.expd-card [data-expanse-close='1'] { display: none; cursor: pointer; z-index: 199; } #stacks_in_370.expd-card [data-expanse-open='1'] { display: block; cursor: pointer; z-index: 199; } #stacks_in_370.expd-card .expd-card-button { background: #CCCCCC; color: #676767; 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_370.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_370.expd-card .expd-card-button:hover, #stacks_in_370.expd-card .expd-card-button[data-expanse-open='1']:hover { opacity: .8; box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); } #stacks_in_370.expd-card .expd-card-body-wrap { max-width: 960px; margin: 0 auto; } .fixed-closestacks_in_370 { display: block; pointer-events: none; transition: opacity 300ms linear; opacity: 0; cursor: pointer; z-index: 200; position: fixed; width: 40px; height: 40px; top: 17px; right: 17px; font-size: 30px; line-height: 40px; text-align: center; color: rgba(124, 124, 124, 1.00); background: rgba(255, 255, 255, 1.00); border-radius: 4px; } .expd-body .fixed-closestacks_in_370 { pointer-events: all; opacity: 0; pointer-events: none; } .expd-body.show-close .fixed-closestacks_in_370 { opacity: 1; pointer-events: all; } #stacks_in_370.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(../files/headerImage-370.png); } #stacks_in_370.expd-card .expd-card-body-wrap .expd-card-content { padding: 18px 16px; position: relative; perspective: 1200; } #stacks_in_370.expd-card.expd-active .expd-card-body-wrap .expd-card-content { padding: 20px 20px; } #stacks_in_370.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle { position: absolute; cursor: pointer; height: 40px; width: 40px; background: rgba(251, 2, 7, 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_370.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_370.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_370.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_370.expd-card .expd-card-body-wrap .expd-card-content { font-size: 12px; line-height: 16px; } #stacks_in_370.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_370.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_370.expd-card .expd-card-body-wrap .expd-card-content p { margin: 10px 0px; } #stacks_in_370.expd-card.expd-active .expd-card-body-wrap .expd-card-content { font-size: 16px; line-height: 22px; } #stacks_in_370.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading h2 { font-size: 26px; line-height: 32px; } #stacks_in_370.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_370.expd-card.expd-pre-anim { position: fixed; z-index: 99; } #stacks_in_370.expd-card.expd-active [data-expanse-close='1'] { display: inline-block; } #stacks_in_370.expd-card.expd-active .expd-open[data-expanse-open='1'] { display: block; cursor: auto; } #stacks_in_370.expd-card.expd-active .expd-card-button[data-expanse-open='1'] { display: none; } #stacks_in_370.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle { background: rgba(0, 0, 128, 1.00); color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); } #stacks_in_370.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { line-height: 34px; } #stacks_in_370.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_370.expd-card.expd-active { top: 1.750000px; bottom: 1.750000px; left: 1.750000px; right: 1.750000px; width: calc(100vw - 3.500000px); height: calc(100vh - 3.500000px); } } #stacks_in_181 { margin: 5px; padding: 5px; } /* 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_362.expd-card, #stacks_in_362.expd-card * { box-sizing: border-box; } #stacks_in_362 .expd-truncate { position: relative; display: inline-block; width: 100%; } #stacks_in_362.expd-card .click-all { height: 100%; } #stacks_in_362.expd-card:after { content: ""; position: absolute; width: 100%; height: 40%; bottom: 0; left: 0; background: -moz-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: -webkit-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 1.00) 80%); pointer-events: none; } #stacks_in_362.expd-card.expd-active:after { display: none; } #stacks_in_362_wrap.wrap-expd-card { width: 320px; height: 320px; margin: 10px auto; max-width: 100%; position: relative; } #stacks_in_362.expd-card.fadeIn { -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #stacks_in_362.expd-card { font-family: raleway; text-align: left; will-change: top, left, right, bottom; color: rgba(124, 124, 124, 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: 5px; box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); } #stacks_in_362.expd-card * { pointer-events: none; } #stacks_in_362.expd-card .expd-open, #stacks_in_362.expd-card [data-expanse-open='1'], #stacks_in_362.expd-card.expd-active * { pointer-events: all; } #stacks_in_362.expd-card h1, #stacks_in_362.expd-card h2, #stacks_in_362.expd-card h3, #stacks_in_362.expd-card h4, #stacks_in_362.expd-card h5, #stacks_in_362.expd-card h6 { font-family: raleway; } #stacks_in_362.expd-card.expd-active { position: fixed; z-index: 99; top: 7px; bottom: 7px; left: 7px; right: 7px; width: calc(100vw - 14px); height: calc(100vh - 14px); 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_362.expd-card [data-expanse-close='1'] { display: none; cursor: pointer; z-index: 199; } #stacks_in_362.expd-card [data-expanse-open='1'] { display: block; cursor: pointer; z-index: 199; } #stacks_in_362.expd-card .expd-card-button { background: #CCCCCC; color: #676767; 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_362.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_362.expd-card .expd-card-button:hover, #stacks_in_362.expd-card .expd-card-button[data-expanse-open='1']:hover { opacity: .8; box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); } #stacks_in_362.expd-card .expd-card-body-wrap { max-width: 960px; margin: 0 auto; } .fixed-closestacks_in_362 { display: block; pointer-events: none; transition: opacity 300ms linear; opacity: 0; cursor: pointer; z-index: 200; position: fixed; width: 40px; height: 40px; top: 17px; right: 17px; font-size: 30px; line-height: 40px; text-align: center; color: rgba(124, 124, 124, 1.00); background: rgba(255, 255, 255, 1.00); border-radius: 4px; } .expd-body .fixed-closestacks_in_362 { pointer-events: all; opacity: 0; pointer-events: none; } .expd-body.show-close .fixed-closestacks_in_362 { opacity: 1; pointer-events: all; } #stacks_in_362.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(../files/headerImage-362.png); } #stacks_in_362.expd-card .expd-card-body-wrap .expd-card-content { padding: 18px 16px; position: relative; perspective: 1200; } #stacks_in_362.expd-card.expd-active .expd-card-body-wrap .expd-card-content { padding: 20px 20px; } #stacks_in_362.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle { position: absolute; cursor: pointer; height: 40px; width: 40px; background: rgba(251, 2, 7, 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_362.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_362.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_362.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_362.expd-card .expd-card-body-wrap .expd-card-content { font-size: 12px; line-height: 16px; } #stacks_in_362.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_362.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_362.expd-card .expd-card-body-wrap .expd-card-content p { margin: 10px 0px; } #stacks_in_362.expd-card.expd-active .expd-card-body-wrap .expd-card-content { font-size: 16px; line-height: 22px; } #stacks_in_362.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading h2 { font-size: 26px; line-height: 32px; } #stacks_in_362.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_362.expd-card.expd-pre-anim { position: fixed; z-index: 99; } #stacks_in_362.expd-card.expd-active [data-expanse-close='1'] { display: inline-block; } #stacks_in_362.expd-card.expd-active .expd-open[data-expanse-open='1'] { display: block; cursor: auto; } #stacks_in_362.expd-card.expd-active .expd-card-button[data-expanse-open='1'] { display: none; } #stacks_in_362.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle { background: rgba(0, 0, 128, 1.00); color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); } #stacks_in_362.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { line-height: 34px; } #stacks_in_362.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_362.expd-card.expd-active { top: 1.750000px; bottom: 1.750000px; left: 1.750000px; right: 1.750000px; width: calc(100vw - 3.500000px); height: calc(100vh - 3.500000px); } } .cutOutstacks_in_88 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_88 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_88 { padding: 0px 0px 0px 0px; text-align: justify; } } /* 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_378.expd-card, #stacks_in_378.expd-card * { box-sizing: border-box; } #stacks_in_378 .expd-truncate { position: relative; display: inline-block; width: 100%; } #stacks_in_378.expd-card .click-all { height: 100%; } #stacks_in_378.expd-card:after { content: ""; position: absolute; width: 100%; height: 40%; bottom: 0; left: 0; background: -moz-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: -webkit-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 1.00) 80%); pointer-events: none; } #stacks_in_378.expd-card.expd-active:after { display: none; } #stacks_in_378_wrap.wrap-expd-card { width: 320px; height: 320px; margin: 10px auto; max-width: 100%; position: relative; } #stacks_in_378.expd-card.fadeIn { -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #stacks_in_378.expd-card { font-family: raleway; text-align: left; will-change: top, left, right, bottom; color: rgba(124, 124, 124, 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: 5px; box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); } #stacks_in_378.expd-card * { pointer-events: none; } #stacks_in_378.expd-card .expd-open, #stacks_in_378.expd-card [data-expanse-open='1'], #stacks_in_378.expd-card.expd-active * { pointer-events: all; } #stacks_in_378.expd-card h1, #stacks_in_378.expd-card h2, #stacks_in_378.expd-card h3, #stacks_in_378.expd-card h4, #stacks_in_378.expd-card h5, #stacks_in_378.expd-card h6 { font-family: raleway; } #stacks_in_378.expd-card.expd-active { position: fixed; z-index: 99; top: 7px; bottom: 7px; left: 7px; right: 7px; width: calc(100vw - 14px); height: calc(100vh - 14px); 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_378.expd-card [data-expanse-close='1'] { display: none; cursor: pointer; z-index: 199; } #stacks_in_378.expd-card [data-expanse-open='1'] { display: block; cursor: pointer; z-index: 199; } #stacks_in_378.expd-card .expd-card-button { background: #CCCCCC; color: #676767; 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_378.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_378.expd-card .expd-card-button:hover, #stacks_in_378.expd-card .expd-card-button[data-expanse-open='1']:hover { opacity: .8; box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); } #stacks_in_378.expd-card .expd-card-body-wrap { max-width: 960px; margin: 0 auto; } .fixed-closestacks_in_378 { display: block; pointer-events: none; transition: opacity 300ms linear; opacity: 0; cursor: pointer; z-index: 200; position: fixed; width: 40px; height: 40px; top: 17px; right: 17px; font-size: 30px; line-height: 40px; text-align: center; color: rgba(124, 124, 124, 1.00); background: rgba(255, 255, 255, 1.00); border-radius: 4px; } .expd-body .fixed-closestacks_in_378 { pointer-events: all; opacity: 0; pointer-events: none; } .expd-body.show-close .fixed-closestacks_in_378 { opacity: 1; pointer-events: all; } #stacks_in_378.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(../files/headerImage-378.jpg); } #stacks_in_378.expd-card .expd-card-body-wrap .expd-card-content { padding: 18px 16px; position: relative; perspective: 1200; } #stacks_in_378.expd-card.expd-active .expd-card-body-wrap .expd-card-content { padding: 20px 20px; } #stacks_in_378.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle { position: absolute; cursor: pointer; height: 40px; width: 40px; background: rgba(251, 2, 7, 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_378.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_378.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_378.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_378.expd-card .expd-card-body-wrap .expd-card-content { font-size: 12px; line-height: 16px; } #stacks_in_378.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_378.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_378.expd-card .expd-card-body-wrap .expd-card-content p { margin: 10px 0px; } #stacks_in_378.expd-card.expd-active .expd-card-body-wrap .expd-card-content { font-size: 16px; line-height: 22px; } #stacks_in_378.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading h2 { font-size: 26px; line-height: 32px; } #stacks_in_378.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_378.expd-card.expd-pre-anim { position: fixed; z-index: 99; } #stacks_in_378.expd-card.expd-active [data-expanse-close='1'] { display: inline-block; } #stacks_in_378.expd-card.expd-active .expd-open[data-expanse-open='1'] { display: block; cursor: auto; } #stacks_in_378.expd-card.expd-active .expd-card-button[data-expanse-open='1'] { display: none; } #stacks_in_378.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle { background: rgba(0, 0, 128, 1.00); color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); } #stacks_in_378.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { line-height: 34px; } #stacks_in_378.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_378.expd-card.expd-active { top: 1.750000px; bottom: 1.750000px; left: 1.750000px; right: 1.750000px; width: calc(100vw - 3.500000px); height: calc(100vh - 3.500000px); } } #stacks_in_176 { margin: 5px; padding: 5px; } /* 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_666.expd-card, #stacks_in_666.expd-card * { box-sizing: border-box; } #stacks_in_666 .expd-truncate { position: relative; display: inline-block; width: 100%; } #stacks_in_666.expd-card .click-all { height: 100%; } #stacks_in_666.expd-card:after { content: ""; position: absolute; width: 100%; height: 40%; bottom: 0; left: 0; background: -moz-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: -webkit-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 1.00) 80%); pointer-events: none; } #stacks_in_666.expd-card.expd-active:after { display: none; } #stacks_in_666_wrap.wrap-expd-card { width: 320px; height: 320px; margin: 10px auto; max-width: 100%; position: relative; } #stacks_in_666.expd-card.fadeIn { -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #stacks_in_666.expd-card { font-family: raleway; text-align: left; will-change: top, left, right, bottom; color: rgba(124, 124, 124, 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: 5px; box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); } #stacks_in_666.expd-card * { pointer-events: none; } #stacks_in_666.expd-card .expd-open, #stacks_in_666.expd-card [data-expanse-open='1'], #stacks_in_666.expd-card.expd-active * { pointer-events: all; } #stacks_in_666.expd-card h1, #stacks_in_666.expd-card h2, #stacks_in_666.expd-card h3, #stacks_in_666.expd-card h4, #stacks_in_666.expd-card h5, #stacks_in_666.expd-card h6 { font-family: raleway; } #stacks_in_666.expd-card.expd-active { position: fixed; z-index: 99; top: 7px; bottom: 7px; left: 7px; right: 7px; width: calc(100vw - 14px); height: calc(100vh - 14px); 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_666.expd-card [data-expanse-close='1'] { display: none; cursor: pointer; z-index: 199; } #stacks_in_666.expd-card [data-expanse-open='1'] { display: block; cursor: pointer; z-index: 199; } #stacks_in_666.expd-card .expd-card-button { background: #CCCCCC; color: #676767; 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_666.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_666.expd-card .expd-card-button:hover, #stacks_in_666.expd-card .expd-card-button[data-expanse-open='1']:hover { opacity: .8; box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); } #stacks_in_666.expd-card .expd-card-body-wrap { max-width: 960px; margin: 0 auto; } .fixed-closestacks_in_666 { display: block; pointer-events: none; transition: opacity 300ms linear; opacity: 0; cursor: pointer; z-index: 200; position: fixed; width: 40px; height: 40px; top: 17px; right: 17px; font-size: 30px; line-height: 40px; text-align: center; color: rgba(124, 124, 124, 1.00); background: rgba(255, 255, 255, 1.00); border-radius: 4px; } .expd-body .fixed-closestacks_in_666 { pointer-events: all; opacity: 0; pointer-events: none; } .expd-body.show-close .fixed-closestacks_in_666 { opacity: 1; pointer-events: all; } #stacks_in_666.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(../files/headerImage-666.png); } #stacks_in_666.expd-card .expd-card-body-wrap .expd-card-content { padding: 18px 16px; position: relative; perspective: 1200; } #stacks_in_666.expd-card.expd-active .expd-card-body-wrap .expd-card-content { padding: 20px 20px; } #stacks_in_666.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle { position: absolute; cursor: pointer; height: 40px; width: 40px; background: rgba(251, 2, 7, 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_666.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_666.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_666.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_666.expd-card .expd-card-body-wrap .expd-card-content { font-size: 12px; line-height: 16px; } #stacks_in_666.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_666.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_666.expd-card .expd-card-body-wrap .expd-card-content p { margin: 10px 0px; } #stacks_in_666.expd-card.expd-active .expd-card-body-wrap .expd-card-content { font-size: 16px; line-height: 22px; } #stacks_in_666.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading h2 { font-size: 26px; line-height: 32px; } #stacks_in_666.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_666.expd-card.expd-pre-anim { position: fixed; z-index: 99; } #stacks_in_666.expd-card.expd-active [data-expanse-close='1'] { display: inline-block; } #stacks_in_666.expd-card.expd-active .expd-open[data-expanse-open='1'] { display: block; cursor: auto; } #stacks_in_666.expd-card.expd-active .expd-card-button[data-expanse-open='1'] { display: none; } #stacks_in_666.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle { background: rgba(0, 0, 128, 1.00); color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); } #stacks_in_666.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { line-height: 34px; } #stacks_in_666.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_666.expd-card.expd-active { top: 1.750000px; bottom: 1.750000px; left: 1.750000px; right: 1.750000px; width: calc(100vw - 3.500000px); height: calc(100vh - 3.500000px); } } #stacks_in_160 { padding: 0px 0px 5px 5px; } #stacks_in_162 { margin: 5px; padding: 5px; } #uTubestacks_in_165 { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } #uTubestacks_in_165 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; background: #000000; border: none; box-shadow: none; outline: none; } #stacks_in_165 { margin: 5px; padding: 5px; } #stacks_in_166 { margin: 5px; padding: 5px; } #uTubestacks_in_684 { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } #uTubestacks_in_684 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; background: #000000; border: none; box-shadow: none; outline: none; } #stacks_in_684 { margin: 5px; padding: 5px; } #stacks_in_685 { margin: 5px; padding: 5px; } /* 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_678.expd-card, #stacks_in_678.expd-card * { box-sizing: border-box; } #stacks_in_678 .expd-truncate { position: relative; display: inline-block; width: 100%; } #stacks_in_678.expd-card .click-all { height: 100%; } #stacks_in_678.expd-card:after { content: ""; position: absolute; width: 100%; height: 40%; bottom: 0; left: 0; background: -moz-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: -webkit-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 1.00) 80%); pointer-events: none; } #stacks_in_678.expd-card.expd-active:after { display: none; } #stacks_in_678_wrap.wrap-expd-card { width: 320px; height: 320px; margin: 10px auto; max-width: 100%; position: relative; } #stacks_in_678.expd-card.fadeIn { -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #stacks_in_678.expd-card { font-family: raleway; text-align: left; will-change: top, left, right, bottom; color: rgba(124, 124, 124, 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: 5px; box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); } #stacks_in_678.expd-card * { pointer-events: none; } #stacks_in_678.expd-card .expd-open, #stacks_in_678.expd-card [data-expanse-open='1'], #stacks_in_678.expd-card.expd-active * { pointer-events: all; } #stacks_in_678.expd-card h1, #stacks_in_678.expd-card h2, #stacks_in_678.expd-card h3, #stacks_in_678.expd-card h4, #stacks_in_678.expd-card h5, #stacks_in_678.expd-card h6 { font-family: raleway; } #stacks_in_678.expd-card.expd-active { position: fixed; z-index: 99; top: 7px; bottom: 7px; left: 7px; right: 7px; width: calc(100vw - 14px); height: calc(100vh - 14px); 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_678.expd-card [data-expanse-close='1'] { display: none; cursor: pointer; z-index: 199; } #stacks_in_678.expd-card [data-expanse-open='1'] { display: block; cursor: pointer; z-index: 199; } #stacks_in_678.expd-card .expd-card-button { background: #CCCCCC; color: #676767; 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_678.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_678.expd-card .expd-card-button:hover, #stacks_in_678.expd-card .expd-card-button[data-expanse-open='1']:hover { opacity: .8; box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); } #stacks_in_678.expd-card .expd-card-body-wrap { max-width: 960px; margin: 0 auto; } .fixed-closestacks_in_678 { display: block; pointer-events: none; transition: opacity 300ms linear; opacity: 0; cursor: pointer; z-index: 200; position: fixed; width: 40px; height: 40px; top: 17px; right: 17px; font-size: 30px; line-height: 40px; text-align: center; color: rgba(124, 124, 124, 1.00); background: rgba(255, 255, 255, 1.00); border-radius: 4px; } .expd-body .fixed-closestacks_in_678 { pointer-events: all; opacity: 0; pointer-events: none; } .expd-body.show-close .fixed-closestacks_in_678 { opacity: 1; pointer-events: all; } #stacks_in_678.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(../files/headerImage-678.jpg); } #stacks_in_678.expd-card .expd-card-body-wrap .expd-card-content { padding: 18px 16px; position: relative; perspective: 1200; } #stacks_in_678.expd-card.expd-active .expd-card-body-wrap .expd-card-content { padding: 20px 20px; } #stacks_in_678.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle { position: absolute; cursor: pointer; height: 40px; width: 40px; background: rgba(251, 2, 7, 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_678.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_678.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_678.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_678.expd-card .expd-card-body-wrap .expd-card-content { font-size: 12px; line-height: 16px; } #stacks_in_678.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_678.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_678.expd-card .expd-card-body-wrap .expd-card-content p { margin: 10px 0px; } #stacks_in_678.expd-card.expd-active .expd-card-body-wrap .expd-card-content { font-size: 16px; line-height: 22px; } #stacks_in_678.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading h2 { font-size: 26px; line-height: 32px; } #stacks_in_678.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_678.expd-card.expd-pre-anim { position: fixed; z-index: 99; } #stacks_in_678.expd-card.expd-active [data-expanse-close='1'] { display: inline-block; } #stacks_in_678.expd-card.expd-active .expd-open[data-expanse-open='1'] { display: block; cursor: auto; } #stacks_in_678.expd-card.expd-active .expd-card-button[data-expanse-open='1'] { display: none; } #stacks_in_678.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle { background: rgba(0, 0, 128, 1.00); color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); } #stacks_in_678.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { line-height: 34px; } #stacks_in_678.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_678.expd-card.expd-active { top: 1.750000px; bottom: 1.750000px; left: 1.750000px; right: 1.750000px; width: calc(100vw - 3.500000px); height: calc(100vh - 3.500000px); } } #stacks_in_679 { padding: 0px 0px 5px 5px; } #stacks_in_681 { margin: 5px; padding: 5px; } /* 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_699.expd-card, #stacks_in_699.expd-card * { box-sizing: border-box; } #stacks_in_699 .expd-truncate { position: relative; display: inline-block; width: 100%; } #stacks_in_699.expd-card .click-all { height: 100%; } #stacks_in_699.expd-card:after { content: ""; position: absolute; width: 100%; height: 40%; bottom: 0; left: 0; background: -moz-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: -webkit-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 1.00) 80%); pointer-events: none; } #stacks_in_699.expd-card.expd-active:after { display: none; } #stacks_in_699_wrap.wrap-expd-card { width: 320px; height: 320px; margin: 10px auto; max-width: 100%; position: relative; } #stacks_in_699.expd-card.fadeIn { -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #stacks_in_699.expd-card { font-family: raleway; text-align: left; will-change: top, left, right, bottom; color: rgba(124, 124, 124, 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: 5px; box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); } #stacks_in_699.expd-card * { pointer-events: none; } #stacks_in_699.expd-card .expd-open, #stacks_in_699.expd-card [data-expanse-open='1'], #stacks_in_699.expd-card.expd-active * { pointer-events: all; } #stacks_in_699.expd-card h1, #stacks_in_699.expd-card h2, #stacks_in_699.expd-card h3, #stacks_in_699.expd-card h4, #stacks_in_699.expd-card h5, #stacks_in_699.expd-card h6 { font-family: raleway; } #stacks_in_699.expd-card.expd-active { position: fixed; z-index: 99; top: 7px; bottom: 7px; left: 7px; right: 7px; width: calc(100vw - 14px); height: calc(100vh - 14px); 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_699.expd-card [data-expanse-close='1'] { display: none; cursor: pointer; z-index: 199; } #stacks_in_699.expd-card [data-expanse-open='1'] { display: block; cursor: pointer; z-index: 199; } #stacks_in_699.expd-card .expd-card-button { background: #CCCCCC; color: #676767; 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_699.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_699.expd-card .expd-card-button:hover, #stacks_in_699.expd-card .expd-card-button[data-expanse-open='1']:hover { opacity: .8; box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); } #stacks_in_699.expd-card .expd-card-body-wrap { max-width: 960px; margin: 0 auto; } .fixed-closestacks_in_699 { display: block; pointer-events: none; transition: opacity 300ms linear; opacity: 0; cursor: pointer; z-index: 200; position: fixed; width: 40px; height: 40px; top: 17px; right: 17px; font-size: 30px; line-height: 40px; text-align: center; color: rgba(124, 124, 124, 1.00); background: rgba(255, 255, 255, 1.00); border-radius: 4px; } .expd-body .fixed-closestacks_in_699 { pointer-events: all; opacity: 0; pointer-events: none; } .expd-body.show-close .fixed-closestacks_in_699 { opacity: 1; pointer-events: all; } #stacks_in_699.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(../files/headerImage-699.png); } #stacks_in_699.expd-card .expd-card-body-wrap .expd-card-content { padding: 18px 16px; position: relative; perspective: 1200; } #stacks_in_699.expd-card.expd-active .expd-card-body-wrap .expd-card-content { padding: 20px 20px; } #stacks_in_699.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle { position: absolute; cursor: pointer; height: 40px; width: 40px; background: rgba(251, 2, 7, 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_699.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_699.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_699.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_699.expd-card .expd-card-body-wrap .expd-card-content { font-size: 12px; line-height: 16px; } #stacks_in_699.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_699.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_699.expd-card .expd-card-body-wrap .expd-card-content p { margin: 10px 0px; } #stacks_in_699.expd-card.expd-active .expd-card-body-wrap .expd-card-content { font-size: 16px; line-height: 22px; } #stacks_in_699.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading h2 { font-size: 26px; line-height: 32px; } #stacks_in_699.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_699.expd-card.expd-pre-anim { position: fixed; z-index: 99; } #stacks_in_699.expd-card.expd-active [data-expanse-close='1'] { display: inline-block; } #stacks_in_699.expd-card.expd-active .expd-open[data-expanse-open='1'] { display: block; cursor: auto; } #stacks_in_699.expd-card.expd-active .expd-card-button[data-expanse-open='1'] { display: none; } #stacks_in_699.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle { background: rgba(0, 0, 128, 1.00); color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); } #stacks_in_699.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { line-height: 34px; } #stacks_in_699.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_699.expd-card.expd-active { top: 1.750000px; bottom: 1.750000px; left: 1.750000px; right: 1.750000px; width: calc(100vw - 3.500000px); height: calc(100vh - 3.500000px); } } #stacks_in_700 { padding: 0px 0px 5px 5px; } #stacks_in_702 { margin: 5px; padding: 5px; } /* * Simple Text * Author: Jeremy Hawes * Website: http://onelittledesigner.com/rapidweaver-stack/simple-text/ * Support: http://forum.onelittledesigner.com * Verson: 1.8.2 */ #simpleText_stacks_in_714 { position: relative; color: #333333; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_714.fontSizeInheritOn { font-size: inherit; } #simpleText_stacks_in_714.fontSizeInheritOff { font-size: 14px; line-height: 14px; } #simpleText_stacks_in_714.letterSpacingOn { letter-spacing: 0px; } #simpleText_stacks_in_714.lineHeightOn { line-height: 14px; } #simpleText_stacks_in_714.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_714.inheritOff a, #simpleText_stacks_in_714.inheritOff a:link { color: #169EE6; text-decoration: inherit; font-style: inherit; font-weight: normal; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_714.inheritOff a:visited { color: #169EE6; } #simpleText_stacks_in_714.inheritOff a:hover { color: #FF6600; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_714.inheritOff a:active { color: #FF6600; } #simpleText_stacks_in_714.inheritOff a:focus { color: #FF6600; outline: none !important; /*For browsers that add an outline by default*/ } #simpleText_stacks_in_714.optJustify { text-align: justify; } /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_714.reFontSizeOn { font-size: px; line-height: px; } } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_714.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_714.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_714.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* @group Generic Styles */ #ruleStackstacks_in_5, #ruleStackstacks_in_5:before, #ruleStackstacks_in_5:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_5 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ /* */ /* */ #ruleStackstacks_in_5 { width: 75%; margin-left: auto; margin-right: auto; } /* */ #ruleStackstacks_in_5 [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_5 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ /* */ /* */ #ruleStackstacks_in_5 { text-align: left; } #ruleStackstacks_in_5: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_5 [class^="fa fa-"] { visibility: hidden; } /* */ /* */ #stacks_in_721 { z-index: 99; } .augmentFlipBackEndForBack { width: 100%; height: auto; background:#818181; } .augmentFlipBackEndForBack h2{ text-align:center; } .DSNone { display: none !important; } .augmentFlipCard { display: block; width: 100%; /*position: relative;*/ z-index: 1; /* float: left;*/ -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; } .CP_stacks_in_721 { height: px; } /* .CP_stacks_in_721 .custom, .CP_stacks_in_721 .customB{ display:none; } */ .CP_stacks_in_721 .customTF, .CP_stacks_in_721 .customBTF{ background-color:transparent !important; } .augmentFlipCard .augmentFlipWrap { width: 100%; height: 100%; margin: 0 auto; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .SHA { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .PlaceHolder4Sha { } /* .augmentFlipFace.augmentFlipFront {padding: 30px 6px 6px 6px;} .augmentFlipFace.augmentFlipBack {padding: 30px 6px 6px 6px;} */ .augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform:rotateY(180deg); transform: rotateY(180deg); } /* .augmentFlipFront { -webkit-transition: opacity 0.4s; -moz-transition :opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } */ .FR_stacks_in_721 { background-color: #FFFFFF ; background: ; } .BA_stacks_in_721 { background-color: #FFFFFF ; background: ; } .f_stacks_in_721 { color: #EEEEEE !important; } .b_stacks_in_721 { color: #000000 !important; } /* .augmentFlipped .augmentFlipFront { opacity: 0.0; } */ .augmentFlipCard .augmentFlipWrap.augmentFlipped .name, .augmentFlipCard .augmentFlipWrap.augmentFlipped .flip { background: none; color: white; } .augmentFlipCard .augmentFlipFace { position: absolute; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #2d2d2d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; } /*.augmentFlipCard .augmentFlipFace img { top: 0; left: 0; }*/ .augmentFlipCard .augmentFlipFace a.flip, .augmentFlipCard .augmentFlipFace a.flipback { display: inline-block; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; right: 0px; top: 0px; font-size: 28px; line-height: 28px; cursor: pointer; z-index: 3; text-align:right; } .augmentFlipCard .augmentFlipFace a.flipback { color: black; font-size: 24px; line-height: 24px; } #stacks_in_721 .augmentFlipCard .augmentFlipFace a.button { text-decoration: none; color: white; padding: 10px 12px; font-weight: 500; background-color: #14e700; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF14E700', endColorstr='#FF147600'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #14e700), color-stop(100%, #147600)); background-image: -webkit-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -moz-linear-gradient(top, #14e700 0%, #147600 100%); background-image: -o-linear-gradient(top, #14e700 0%, #147600 100%); background-image: linear-gradient(top, #14e700 0%, #147600 100%); border: 1px solid #149100; text-align: center; display: block; margin: 25px auto 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: -webkit-transform 600ms linear; -moz-transition: -moz-transform 600ms linear; -o-transition: -o-transform 600ms linear; transition: transform 600ms linear; } /* Flip Shadows */ #stacks_in_721 .shadowsOn .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox, #stacks_in_721 .shadowsOn .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); -webkit-transition: background 600ms linear; -moz-transition: background 600ms linear; -o-transition: background 600ms linear; transition: background 600ms linear; width: 100%; height: 100%; position: absolute; z-index: 2; -webkit-pointer-events: none; pointer-events: none; } #stacks_in_721 .shadowsOn .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } #stacks_in_721 .shadowsOn .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.5); } /* Flip Styles */ #stacks_in_721 .augmentFlipVertical .augmentFlipWrap, #stacks_in_721 .augmentFlipHorizontal .augmentFlipWrap, #stacks_in_721 .augmentFlipDiagonal .augmentFlipWrap { -webkit-transition: -webkit-transform 600ms linear; -moz-transition: -moz-transform 600ms linear; -o-transition: -o-transform 600ms linear; transition: transform 600ms linear; } #stacks_in_721 .augmentFlipCard .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_721 .augmentFlipCard .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 0px; } #stacks_in_721 .augmentFlipCard .augmentFlipFace.augmentFlipFront img, #stacks_in_721 .augmentFlipCard .augmentFlipFace.augmentFlipBack img { border-radius: 0px; } #stacks_in_721 .augmentFlipHorizontal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_721 .augmentFlipHorizontal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #stacks_in_721 .augmentFlipDiagonal .augmentFlipWrap.augmentFlipped { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #stacks_in_721 .augmentFlipDiagonal .augmentFlipFace.augmentFlipBack { -webkit-transform: rotate3d(45, 45, 0, 180deg); -moz-transform: rotate3d(45, 45, 0, 180deg); -ms-transform: rotate3d(45, 45, 0, 180deg); -o-transform: rotate3d(45, 45, 0, 180deg); transform: rotate3d(45, 45, 0, 180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_721 .augmentFlipOpen.augmentFlipCard .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } #stacks_in_721 .augmentFlipOpen .augmentFlipFace.augmentFlipFront { -webkit-transition: -webkit-transform 600ms linear; -moz-transition: -moz-transform 600ms linear; -o-transition: -o-transform 600ms linear; transition: transform 600ms linear; z-index: 1; transform-origin: bottom; -webkit-backface-visibility: visible; backface-visibility: visible; } #stacks_in_721 .augmentFlipOpen .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(0deg) scale(1) translate3D(0,0,0); transform: rotateX(0deg) scale(1) translate3D(0,0,0); z-index: 0; } #stacks_in_721 .augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(-100deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_721 .augmentFlipOpen .augmentFlippedBack .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); transform: rotateX(0deg) scale(1) translate3D(0px,0px,0px); } #stacks_in_721 .shadowsOn.augmentFlipOpen .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_721 .augmentFlipCoin .augmentFlipWrap.augmentFlipped { -webkit-animation: coinFlip 600ms linear 1; animation: coinFlip 600ms linear 1; } #stacks_in_721 .augmentFlipCoin .augmentFlipWrap.augmentFlippedBack { -webkit-animation: coinFlip 600ms linear 1; -webkit-animation-direction: reverse; animation: coinFlip 600ms linear 1; animation-direction: reverse; } #stacks_in_721 .augmentFlipCoin .augmentFlipFace.augmentFlipBack { } #stacks_in_721 .augmentFlipCoin .augmentFlipped .augmentFlipFace.augmentFlipFront .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } #stacks_in_721 .augmentFlipCoin .augmentFlippedBack .augmentFlipFace.augmentFlipBack .augmentFlipShadowBox{ background-color: rgba(0,0,0,0.0); } @-webkit-keyframes coinFlip { 0% { -webkit-transform: rotateY(0deg) scale(1); } 33% { -webkit-transform: rotateY(180deg) scale(2); } 66% { -webkit-transform: rotateY(360deg) scale(1.5); } 100% { -webkit-transform: rotateY(540deg) scale(1); } } @keyframes coinFlip { 0% { transform: rotateY(0deg) scale(1); } 33% { transform: rotateY(180deg) scale(2); } 66% { transform: rotateY(360deg) scale(1.5); } 100% { transform: rotateY(540deg) scale(1); } } #stacks_in_721 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlipped { -webkit-animation: flipCard 600ms linear 1; animation: flipCard 600ms linear 1; } #stacks_in_721 .augmentFlipPlayingCard .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipCardBack 600ms linear 1; animation: flipCardBack 600ms linear 1; } #stacks_in_721 .augmentFlipPlayingCard .augmentFlipped .augmentFlipFace.augmentFlipFront { -webkit-transform: rotateX(0deg) rotateZ(180deg); -moz-transform: rotateX(0deg) rotateZ(180deg); -ms-transform: rotateX(0deg) rotateZ(180deg); -o-transform: rotateX(0deg) rotateZ(180deg); transform: rotateX(0deg) rotateZ(180deg); } #stacks_in_721 .augmentFlipPlayingCard .augmentFlippedBack .augmentFlipFace.augmentFlipBack { -webkit-transform: rotateX(180deg) rotateZ(0deg); -moz-transform: rotateX(180deg) rotateZ(0deg); -ms-transform: rotateX(180deg) rotateZ(0deg); -o-transform: rotateX(180deg) rotateZ(0deg); transform: rotateX(180deg) rotateZ(0deg); } @-webkit-keyframes flipCard { 0% { -webkit-transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { -webkit-transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { -webkit-transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { -webkit-transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @-webkit-keyframes flipCardBack { 0% { -webkit-transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { -webkit-transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { -webkit-transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { -webkit-transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } @keyframes flipCard { 0% { transform: rotateX(0deg) rotateZ(180deg) scale(1) translate(0,0px); } 33% { transform: rotateX(60deg) rotateZ(180deg) scale(1) translate(0,-300px); } 66% { transform: rotateX(120deg) rotateZ(180deg) scale(1) translate(0,-100px); } 100% { transform: rotateX(180deg) rotateZ(180deg) scale(1) translate(0,0); } } @keyframes flipCardBack { 0% { transform: rotateX(180deg) rotateZ(0deg) scale(1) translate(0,0); } 33% { transform: rotateX(240deg) rotateZ(0deg) scale(1) translate(0,-100px); } 66% { transform: rotateX(300deg) rotateZ(0deg) scale(1) translate(0,-200px); } 100% { transform: rotateX(360deg) rotateZ(0deg) scale(1) translate(0,0px); } } #stacks_in_721 .augmentFlipPlayingCard .augmentFlipFace.augmentFlipBack { } #stacks_in_721 .augmentFlipHover .augmentFlipWrap.augmentFlipped { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); -moz-transform: rotateY(180deg) scale(1) translate(0,-50px); -ms-transform: rotateY(180deg) scale(1) translate(0,-50px); -o-transform: rotateY(180deg) scale(1) translate(0,-50px); transform: rotateY(180deg) scale(1) translate(0,-50px); -webkit-animation: flipHover 600ms linear 1; animation: flipHover 600ms linear 1; } #stacks_in_721 .augmentFlipHover .augmentFlipWrap.augmentFlippedBack { -webkit-animation: flipHover 600ms linear 1; -webkit-animation-direction: reverse; animation: flipHover 600ms linear 1; animation-direction: reverse; } @-webkit-keyframes flipHover { 0% { -webkit-transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { -webkit-transform: rotateY(180deg) scale(1) translate(0,-50px); } } @keyframes flipHover { 0% { transform: rotateY(0deg) scale(1) translate(0,0px); } 100% { transform: rotateY(180deg) scale(1) translate(0,-50px); } } #stacks_in_721 .augmentFlipHover .augmentFlipWrap:before { content: " "; display: block; width: 100%; border-radius: 0px; height: 30px; bottom: 0px; position: absolute; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%); -webkit-transition: bottom 600ms linear; -moz-transition: bottom 600ms linear; -o-transition: bottom 600ms linear; transition: bottom 600ms linear; } #stacks_in_721 .augmentFlipHover .augmentFlipWrap.shadowUp:before { bottom: -50px; width: 100%; left: 0; } #stacks_in_721 .augmentFlipHover .augmentFlipFace.augmentFlipBack { } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { content: attr(data-icon); speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ [class^="icon-"]:before, [class*=" icon-"]:before { font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } .link { color: white; } /* opera9+, IE9, IE8, IE7 */ .augmentFlipCard .augmentFlipBack { /* display:none;*/ } /* opera9+, IE9, IE8, IE7 */ .augmentFlipped .augmentFlipBack { display:block; } /********************** SHAPES ******************************/ .z_stacks_in_721 { /*border-radius: % % % %;*/ max-width: 1000px; max-height: 1000px; } .F_Shape_stacks_in_721 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 1000px; max-height: 1000px; } .z_stacks_in_721.augmentFlipped { /*border-radius: % % % %;*/ max-width: 1000px; max-height: 1000px; } .B_Shape_stacks_in_721 { /*border-radius: % % % %;*/ overflow:hidden; max-width: 1000px; max-height: 1000px; } @media screen and (max-width: 800px) { .CP_stacks_in_721 { height: +=200px !important; */ padding-bottom: 100px; } .ei-title{ position: absolute; right: 0px; margin-right: 0px; width: 100%; text-align: center; top: auto; bottom: 10px; padding: 5px 0; } .ei-title h2, .ei-title h3{ text-align: center; } .ei-title h2{ } .ei-title h3{ } } #stacks_in_273 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_in_139 { background-color: rgba(7, 64, 128, 1.00); margin: 2px; padding: 3px; }