/*Issue:Strata,remove z-index from #t-bandWriter,remove z-index from .wrapper.main*/@font-face{font-family:'velvet';src:url('../rw_common/plugins/stacks/velvet-icons/velvet.eot?ddr21z');src:url('../rw_common/plugins/stacks/velvet-icons/velvet.eot?ddr21z#iefix') format('embedded-opentype'),url('../rw_common/plugins/stacks/velvet-icons/velvet.woff2?ddr21z') format('woff2'),url('../rw_common/plugins/stacks/velvet-icons/velvet.ttf?ddr21z') format('truetype'),url('../rw_common/plugins/stacks/velvet-icons/velvet.woff?ddr21z') format('woff'),url('../rw_common/plugins/stacks/velvet-icons/velvet.svg?ddr21z#velvet') format('svg');font-weight:normal;font-style:normal}[class^="velvet-"],[class*=" velvet-"]{font-family:'velvet' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.velvet_alert{position:absolute;color:#fff;top:50%;left:50%;font-size:13px;transform:translate(-50%,-50%);padding:6px 10px;line-height:1.5;background:rgba(0,0,0,0.8);border-radius:5px;text-align:center;font-family:arial}.velvet-play-1:before{content:"\e903"}.velvet-play-2:before{content:"\e904"}.velvet-play-6:before{content:"\e905"}.velvet-play-3:before{content:"\e901"}.velvet-play-4:before{content:"\e902"}.velvet-play-5:before{content:"\e900"}.velvet-icon{position:absolute;z-index:2;pointer-events:none;text-align:center;text-shadow:none;transition:color 300ms}.velvet-icon:after{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.vzoom-img-op .velvet-icon{opacity:0}.cf:after{content:"";display:table;clear:both}.velvet_active{overflow:visible !important}.velvet_active:after{content:"";display:table;clear:both}.vzoom-img-in[data-preventzoom="True"]{z-index:0 !important}.vzoom-img-in[data-preventzoom="True"] img,.vzoom-img-in[data-preventzoom="True"] .vzoom-img-wrap{transform:none !important}.vzoom-player table,.vzoom-player tbody,.vzoom-player td{background:transparent !important;border:none!important;margin:0;padding:0}.vzoom-player .embed-center{max-width:150vh;margin:0 auto}.vzoom-player .embed-container{position:relative;padding-bottom:56.25%;height:0;background:#000;overflow:hidden !important;max-width:100%;margin-bottom:0 !important;line-height:0;box-shadow:0 10px 40px rgba(0,0,0,0.4)}body.velvet_scaleIn .vzoom-player .embed-container{animation:ncdVideoScaleIn .5s .2s backwards}.vzoom-player .embed-container:before{height:100%;width:100%;background:#000;content:'';display:block;position:absolute;z-index:0;opacity:0;transition:opacity 150ms}.vzoom-player .embed-container:after{padding-top:100%;content:'';display:block}.vzoom-player.close .embed-container:before{z-index:1;opacity:1}.vzoom-player .embed-container iframe,.vzoom-player .embed-container object,.vzoom-player .embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.vzoom-player .embed-container video{position:relative;z-index:1000}.vzoom-img,.vzoom-img-wrap{position:relative;z-index:66669999;-webkit-transition:all 300ms 100ms;-o-transition:all 300ms 100ms;transition:all 300ms 100ms}.vzoom-overlay-open .vzoom-img,.vzoom-overlay-open .vzoom-img-wrap{-webkit-transition:all 325ms cubic-bezier(0.165,0.840,0.440,1.000);-o-transition:all 325ms cubic-bezier(0.165,0.840,0.440,1.000);transition:all 325ms cubic-bezier(0.165,0.840,0.440,1.000)}img[data-action="vzoom"]{cursor:pointer;width:100%;max-width:none;float:left;position:relative;cursor:-webkit-zoom-in;cursor:-moz-zoom-in}img.vzoom-img{cursor:pointer;cursor:-webkit-zoom-out;cursor:-moz-zoom-out}.velvet_placeholder{text-align:center}@media screen and (min-width:600px){.velvet_placeholder{height:0;padding-top:50%}}.velvet_placeholder img{float:none;position:absolute;left:0;top:0;height:100%}.velvet_placeholder .velvet-icon{display:none}.no_image + .velvet-icon{display:block}.vzoom-img-in{transition:opacity .4s .1s;position:relative}.vzoom-img-in img{margin:0}.vzoom-img-in:before{position:absolute;pointer-events:none;top:0;left:0;right:0;bottom:0;content:'';z-index:1;transition:background 300ms}.vzoom-img-in:hover:before{background:}.vzoom-img-in.velvet_active{z-index:77779999}.vzoom-img-in:after{content:"";display:table;clear:both}.vzoom-img-in.vzoom-img-op{transition:opacity .35s;opacity:0;pointer-events:none}.vzoom-img-in.vzoom-img-op[data-preventzoom="True"]{opacity:1}.vzoom-overlay,.vzoom-player{z-index:1000;background:#000000;position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;filter:"alpha(opacity=0)";opacity:0;-webkit-transition:opacity 500ms;-o-transition:opacity 500ms;transition:opacity 500ms}.vzoom-overlay-open .vzoom-overlay{filter:"alpha(opacity=80)";opacity:.80}.vzoom-overlay{-webkit-transition:opacity 300ms 300ms;-o-transition:opacity 300ms 300ms;transition:opacity 300ms 300ms}.vzoom-overlay-open .vzoom-overlay{-webkit-transition:opacity 300ms;-o-transition:opacity 300ms;transition:opacity 300ms}.vzoom-player{z-index:1001;background:none;margin:40px;opacity:1;filter:none;pointer-events:auto;animation:ncdVideoOpacityIn .6s .25s backwards;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.vzoom-player table{height:100%;width:100%;border-collapse:collapse}.vzoom-player table td{vertical-align:middle}.vzoom-player *{box-sizing:content-box}.vzoom-player.close .embed-container{transition:opacity 300ms;opacity:0}.vzoom-overlay-open,.vzoom-overlay-transitioning{cursor:default}@keyframes ncdVideoOpacityIn{0%{opacity:0}100%{opacity:1}}@keyframes ncdVideoScaleIn{0%{transform:scale(0.96)}100%{transform:scale(1)}}.vzoom-img-in .embed-container{position:relative;padding-bottom:56.25%;height:0;background:#000;overflow:hidden !important;max-width:100%;line-height:0}.vzoom-img-in .embed-container iframe,.vzoom-img-in .embed-container object,.vzoom-img-in .embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (min-width:600px){.vzoom-img-in .embed-container{display:none}}@media screen and (max-width:600px){.vzoom-img-in img,.vzoom-img-in:before,.vzoom-img-in .velvet-icon{display:none !important}.vzoom-img-in .embed-container,.vzoom-img-in .embed-container iframe,.vzoom-img-in .embed-container object,.vzoom-img-in .embed-container embed{display:block}} .spacerStack { height: 20.00px; } #spacerStackstacks_in_160 { height: 20.00px; } @media print { #spacerStackstacks_in_160 { display: none !important; } } /* Tipue Search 5.0 Copyright (c) 2015 Tipue Tipue Search is released under the MIT License http://www.tipue.com/search */ #simpleSearchWrapperstacks_in_445, #simpleSearchWrapperstacks_in_445 *, #simpleSearchWrapperstacks_in_445 *:before, #simpleSearchWrapperstacks_in_445 *:after { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #simpleSearchFormstacks_in_445 { position: relative; display: block; border: 1px solid rgba(226, 226, 226, 1.00); border-radius: 4px; padding: 0px; background: rgba(255, 255, 255, 1.00); height: 50px; overflow: hidden; vertical-align: middle; transition: all 300ms ease-in-out; } #simpleSearchFormstacks_in_445.focusedSimpleSearch { border: 1px solid rgba(0, 128, 255, 1.00); background: rgba(255, 255, 255, 1.00); } #searchButtonstacks_in_445 { position: absolute; top: 0; z-index: 5; font-size: 16px; margin: 0; padding: 0 5px; line-height: 50px; height: 50px; width: 50px; background: none; border: none; outline: none; text-align: center; display: inline-block; } #searchButtonstacks_in_445 #searchIconstacks_in_445 { color: rgba(46, 46, 46, 1.00); transition: all 300ms ease-in-out; } #searchButtonstacks_in_445:hover #searchIconstacks_in_445:hover { color: rgba(179, 179, 179, 1.00); } #tipue_search_inputstacks_in_445 { font: 14px/1.6em sans-serif; display: block; position: relative; z-index: 2; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: 0; border-radius: 0; -moz-appearance: none; -webkit-appearance: none; box-shadow: none; outline: 0; margin: 0; position: relative; color: rgba(46, 46, 46, 1.00); padding: 0; } /* */ #searchButtonstacks_in_445 { right: 0; } #tipue_search_inputstacks_in_445 { margin: 0 50px 0 10px; } /* */ /* */ #tipue_search_content_stacks_in_445 { padding-top: 20px; margin: 0; } #tipue_search_warning_stacks_in_445 { font: 300 15px/1.6 sans-serif; margin: 7px 0; } #tipue_search_warning_stacks_in_445 a { text-decoration: none; } #tipue_search_warning_stacks_in_445 a:hover { color: #555; } #tipue_search_results_count_stacks_in_445 { font: 300 15px/1.7 sans-serif; } .tipue_search_content_title { font: 300 21px/1.7 sans-serif; margin-top: 25px; } .tipue_search_content_title a { text-decoration: none; } .tipue_search_content_title a:hover { } .tipue_search_content_url { font: 300 14px/1.9 sans-serif; word-wrap: break-word; hyphens: auto; } .tipue_search_content_url a { text-decoration: none; } .tipue_search_content_url a:hover { } .tipue_search_content_text { word-wrap: break-word; hyphens: auto; margin-top: 3px; } .tipue_search_content_debug { font: 300 13px/1.6 sans-serif; margin: 5px 0; } .h01 { color: rgba(51, 51, 51, 1.00); background: rgba(255, 255, 255, 1.00); font-weight: 400; } #tipue_search_foot { margin: 51px 0 21px 0; } #tipue_search_foot_boxes { padding: 0; margin: 0; font: 12px sans-serif; } #tipue_search_foot_boxes li { list-style: none; margin: 0; padding: 0; display: inline; } #tipue_search_foot_boxes li a { padding: 10px 17px 11px 17px; background-color: rgba(255, 255, 255, 1.00); border: 1px solid #e2e2e2; color: rgba(51, 51, 51, 1.00); margin-right: 8px; text-decoration: none; text-align: center; border-radius: 4px; cursor: pointer; transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; } #tipue_search_foot_boxes li.current { padding: 10px 17px 11px 17px; background: rgba(246, 246, 246, 1.00); border: 1px solid #e2e2e2; color: rgba(51, 51, 51, 1.00); margin-right: 8px; text-align: center; border-radius: 4px; cursor: pointer; transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; } #tipue_search_foot_boxes li a:hover { background: rgba(246, 246, 246, 1.00); } /* spinner */ .tipue_search_spinner { padding: 31px 0; width: 50px; height: 28px; } .tipue_search_spinner > div { background-color: #777; height: 100%; width: 3px; display: inline-block; margin-right: 2px; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; } .tipue_search_spinner .tipue_search_rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .tipue_search_spinner .tipue_search_rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } /* @group Added by WW */ #tipue_search_inputstacks_in_445 { background: none; } /* @end */ .spacerStack { height: 30.00px; } #spacerStackstacks_in_131 { height: 30.00px; } @media print { #spacerStackstacks_in_131 { display: none !important; } } .spacerStack { height: 30.00px; } #spacerStackstacks_in_436 { height: 30.00px; } @media print { #spacerStackstacks_in_436 { display: none !important; } } #stacks_in_448 hr{border:0;height:0;width:100%;margin:0;padding:0}#stacks_in_448 hr.gradient{height:4px;background:#333;background-image:-webkit-linear-gradient(left,#FFFFCC,#906033,#FFFFCC);background-image:-moz-linear-gradient(left,#FFFFCC,#906033,#FFFFCC);background-image:-ms-linear-gradient(left,#FFFFCC,#906033,#FFFFCC);background-image:-o-linear-gradient(left,#FFFFCC,#906033,#FFFFCC);background-image:linear-gradient(left,#FFFFCC,#906033,#FFFFCC)}#stacks_in_448 hr.faded{height:4px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0))}#stacks_in_448 hr.dashed_fade{border-bottom:4px dashed #DBAB7E;background:#906033}#stacks_in_448 hr.dotted_fade{border-bottom:4px dotted #DBAB7E;background:#906033}#stacks_in_448 hr.dashed{border-bottom:4px dashed #906033}#stacks_in_448 hr.dotted{border-bottom:4px dotted #DBAB7E}#stacks_in_448 hr.shadow{height:4px;box-shadow:inset 0 4px 4px -4px rgba(0,0,0,0.5)}#stacks_in_448 hr.cloudy{margin:4px 0;box-shadow:0 0 4px 1px #906033}#stacks_in_448 hr.cloudy:after{content:"\00a0"}#stacks_in_448 hr.inset{border-top:4px solid rgba(0,0,0,0.1);border-bottom:4px solid rgba(255,255,255,0.3)}#stacks_in_448 hr.inset_two{border-top:4px solid #FFFFCC;border-bottom:4px solid #906033}#stacks_in_448 hr.inset_three{border-top:4px solid #906033;border-bottom:4px solid #FFFFCC}#stacks_in_448 hr.inset_four{border-top:4px solid #906033;border-bottom:4px solid #CCCCCC}#stacks_in_448 hr.flared{height:30px;border-style:solid;border-color:#906033;border-width:4px 0 0 0;border-radius:20px;margin-top:12px}#stacks_in_448 hr.flared:before{display:block;content:"";height:30px;margin-top:-31px;border-style:solid;border-color:#906033;border-width:0 0 4px 0;border-radius:20px}#stacks_in_448 hr.glyph{padding:0;border:0;border-top:4px double #906033;color:#906033;text-align:center;margin:1em 0}#stacks_in_448 hr.glyph:after{content:"ยง";display:inline-block;position:relative;top:-0.00em;font-size:1.5em;padding:0 .25em;background:#FFFFFF} .spacerStack { height: 20.00px; } #spacerStackstacks_in_8 { height: 20.00px; } @media print { #spacerStackstacks_in_8 { display: none !important; } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_385 { height: 40.00px; } @media print { #spacerStackstacks_in_385 { display: none !important; } } #shadyStackstacks_in_457 { -webkit-box-shadow: inset 0px 0px 8px 2px rgba(153, 153, 153, 1.00); box-shadow: inset 0px 0px 8px 2px rgba(153, 153, 153, 1.00); border-radius: 0px; } #shadyStackstacks_in_457 { padding: 15px; } @media print { #shadyStackstacks_in_457 { margin: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0px; } } .spacerStack { height: 20.00px; } #spacerStackstacks_in_529 { height: 20.00px; } @media print { #spacerStackstacks_in_529 { display: none !important; } } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_800.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_800.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_800.is-active.semantic-content {display: block\9;} #popBox_stacks_in_800.semantic-content:target {display: block\9;} #popBox_stacks_in_800.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_800.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 10px 10px 10px 10px; color: #4F5D5E; position: relative; } #popBox_stacks_in_800.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 10px ; overflow-x: hidden; overflow-y: auto; color: #4F5D5E; height: 300px; } #popBox_stacks_in_800.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 10px 10px 10px; color: #222222; } #stacks_in_800 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_800 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_800.popBoxOverlay .modal-close:before { background-color: #A27932; opacity: 0.50; } #popBox_stacks_in_800 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #333333; } #popBox_stacks_in_800 .closeIcon:hover { color: #333333; } #popBox_stacks_in_800 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_800 .closeIcon svg path { fill: #333333; } /* Screen sizes greater than 768px */ #popBox_stacks_in_800.semantic-content .widthPercentageOff .modal-inner { width: 500px; min-width: 500px; max-width: 500px; } #popBox_stacks_in_800.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_800.semantic-content .modal-content { height: 400px; } #popBox_stacks_in_800.semantic-content .widthPercentageOff .modal-inner { width: 500px; min-width: 500px; max-width: 500px; } #popBox_stacks_in_800.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_800.semantic-content .modal-content { height: 220px; } #popBox_stacks_in_800.semantic-content .widthPercentageOff .modal-inner { width: 300px; min-width: 300px; max-width: 300px; } #popBox_stacks_in_800.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_800 .imageType2 svg { display: none; } #popBox_stacks_in_800 .closeIcon img { display: none; } #popBox_stacks_in_800 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_800.semantic-content .modal-inner { border-radius: 5px } #popBox_stacks_in_800.semantic-content .popBoxHeader { border-radius: 5px 5px 0px 0px; } #popBox_stacks_in_800.semantic-content .popBoxFooter { border-radius: 0px 0px 5px 5px; } #popBox_stacks_in_800.semantic-content .modal-inner { border-width: 3px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_800 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_800.popBoxStyleDemo .modal-content { height: 300px; } #popBox_stacks_in_800.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_800.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 500px; min-width: 500px; max-width: 500px; margin: 0 auto; } #popBox_stacks_in_800.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_800.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #A27932; opacity: 0.50; } #popBox_stacks_in_800.popBoxStyleDemo .popBoxHeader { padding: 10px 10px 10px 10px; } #popBox_stacks_in_800.popBoxStyleDemo .modal-content { padding: 10px; padding: 10px 10px; } #popBox_stacks_in_800.popBoxStyleDemo .popBoxFooter { padding: 10px; padding: 10px 10px 10px 10px; } #stacks_in_800 .closeText { display: none; font-size: 12px; color: #333333; background: transprent; } #stacks_in_800 .closeText { display: inline; } #popBox_stacks_in_800 .iconOn { display: none; } #popBox_stacks_in_800.popBoxStyleDemo .popBoxFooter span { display: none; } #popBox_stacks_in_800 .closeWrap { margin: 0 0 15px 0; text-align: center; } #popBox_stacks_in_800 .closeIcon.closeText { position: relative; border-width: 0px; border-radius: 0px; width: auto; height: auto; margin: 0 0 15px 0; right: auto; left: auto; } /* 3D */ /* Coupon */ /* Subtle */ #popBox_stacks_in_800.semantic-content .modal-inner { overflow: visible; -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.3); background: #DDDDDD; } #popBox_stacks_in_800 .closeIcon { border: 2px solid #DDDDDD; border-radius: 50%; width: 20px; height: 20px; text-align: center; margin-top: -10px; top: 0; right: -10px; } #popBox_stacks_in_800 .modal-inner .closeIcon { background: #FFFFFF; } #popBox_stacks_in_800 .popBoxHeader .closeIcon { background: #FFFFFF; } #popBox_stacks_in_800 .modal-inner .closeText { background: transparent; } #popBox_stacks_in_800 .closeIcon svg { height: 20px; } #popBox_stacks_in_800 .closeIcon img { height: 20px; width: 20px; border-radius: 50%; } #popBox_stacks_in_800.semantic-content .popBoxHeader { border-color: #DDDDDD; } #popBox_stacks_in_800.semantic-content .modal-content { border-width: 0px; } /* Thick Borders */ /* Transparent */ .spacerStack { height: 5.00px; } #spacerStackstacks_in_796 { height: 5.00px; } @media print { #spacerStackstacks_in_796 { display: none !important; } } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_563.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_563.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_563.is-active.semantic-content {display: block\9;} #popBox_stacks_in_563.semantic-content:target {display: block\9;} #popBox_stacks_in_563.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_563.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 10px 10px 10px 10px; color: #4F5D5E; position: relative; } #popBox_stacks_in_563.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 10px ; overflow-x: hidden; overflow-y: auto; color: #4F5D5E; height: 300px; } #popBox_stacks_in_563.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 10px 10px 10px; color: #222222; } #stacks_in_563 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_563 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_563.popBoxOverlay .modal-close:before { background-color: #A27932; opacity: 0.50; } #popBox_stacks_in_563 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #333333; } #popBox_stacks_in_563 .closeIcon:hover { color: #333333; } #popBox_stacks_in_563 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_563 .closeIcon svg path { fill: #333333; } /* Screen sizes greater than 768px */ #popBox_stacks_in_563.semantic-content .widthPercentageOff .modal-inner { width: 500px; min-width: 500px; max-width: 500px; } #popBox_stacks_in_563.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_563.semantic-content .modal-content { height: 400px; } #popBox_stacks_in_563.semantic-content .widthPercentageOff .modal-inner { width: 500px; min-width: 500px; max-width: 500px; } #popBox_stacks_in_563.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_563.semantic-content .modal-content { height: 220px; } #popBox_stacks_in_563.semantic-content .widthPercentageOff .modal-inner { width: 300px; min-width: 300px; max-width: 300px; } #popBox_stacks_in_563.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_563 .imageType2 svg { display: none; } #popBox_stacks_in_563 .closeIcon img { display: none; } #popBox_stacks_in_563 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_563.semantic-content .modal-inner { border-radius: 5px } #popBox_stacks_in_563.semantic-content .popBoxHeader { border-radius: 5px 5px 0px 0px; } #popBox_stacks_in_563.semantic-content .popBoxFooter { border-radius: 0px 0px 5px 5px; } #popBox_stacks_in_563.semantic-content .modal-inner { border-width: 3px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_563 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_563.popBoxStyleDemo .modal-content { height: 300px; } #popBox_stacks_in_563.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_563.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 500px; min-width: 500px; max-width: 500px; margin: 0 auto; } #popBox_stacks_in_563.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_563.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #A27932; opacity: 0.50; } #popBox_stacks_in_563.popBoxStyleDemo .popBoxHeader { padding: 10px 10px 10px 10px; } #popBox_stacks_in_563.popBoxStyleDemo .modal-content { padding: 10px; padding: 10px 10px; } #popBox_stacks_in_563.popBoxStyleDemo .popBoxFooter { padding: 10px; padding: 10px 10px 10px 10px; } #stacks_in_563 .closeText { display: none; font-size: 12px; color: #333333; background: transprent; } #stacks_in_563 .closeText { display: inline; } #popBox_stacks_in_563 .iconOn { display: none; } #popBox_stacks_in_563.popBoxStyleDemo .popBoxFooter span { display: none; } #popBox_stacks_in_563 .closeWrap { margin: 0 0 15px 0; text-align: center; } #popBox_stacks_in_563 .closeIcon.closeText { position: relative; border-width: 0px; border-radius: 0px; width: auto; height: auto; margin: 0 0 15px 0; right: auto; left: auto; } /* 3D */ /* Coupon */ /* Subtle */ #popBox_stacks_in_563.semantic-content .modal-inner { overflow: visible; -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.3); background: #DDDDDD; } #popBox_stacks_in_563 .closeIcon { border: 2px solid #DDDDDD; border-radius: 50%; width: 20px; height: 20px; text-align: center; margin-top: -10px; top: 0; right: -10px; } #popBox_stacks_in_563 .modal-inner .closeIcon { background: #FFFFFF; } #popBox_stacks_in_563 .popBoxHeader .closeIcon { background: #FFFFFF; } #popBox_stacks_in_563 .modal-inner .closeText { background: transparent; } #popBox_stacks_in_563 .closeIcon svg { height: 20px; } #popBox_stacks_in_563 .closeIcon img { height: 20px; width: 20px; border-radius: 50%; } #popBox_stacks_in_563.semantic-content .popBoxHeader { border-color: #DDDDDD; } #popBox_stacks_in_563.semantic-content .modal-content { border-width: 0px; } /* Thick Borders */ /* Transparent */ .spacerStack { height: 40.00px; } #spacerStackstacks_in_533 { height: 40.00px; } @media print { #spacerStackstacks_in_533 { display: none !important; } } #shadyStackstacks_in_454 { -webkit-box-shadow: inset 0px 0px 8px 2px rgba(153, 153, 153, 1.00); box-shadow: inset 0px 0px 8px 2px rgba(153, 153, 153, 1.00); border-radius: 0px; } #shadyStackstacks_in_454 { padding: 15px; } @media print { #shadyStackstacks_in_454 { margin: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0px; } } .spacerStack { height: 20.00px; } #spacerStackstacks_in_541 { height: 20.00px; } @media print { #spacerStackstacks_in_541 { display: none !important; } } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_601.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_601.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_601.is-active.semantic-content {display: block\9;} #popBox_stacks_in_601.semantic-content:target {display: block\9;} #popBox_stacks_in_601.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_601.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 10px 10px 10px 10px; color: #4F5D5E; position: relative; } #popBox_stacks_in_601.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 10px ; overflow-x: hidden; overflow-y: auto; color: #4F5D5E; height: 300px; } #popBox_stacks_in_601.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 10px 10px 10px; color: #222222; } #stacks_in_601 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_601 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_601.popBoxOverlay .modal-close:before { background-color: #A27932; opacity: 0.50; } #popBox_stacks_in_601 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #333333; } #popBox_stacks_in_601 .closeIcon:hover { color: #333333; } #popBox_stacks_in_601 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_601 .closeIcon svg path { fill: #333333; } /* Screen sizes greater than 768px */ #popBox_stacks_in_601.semantic-content .widthPercentageOff .modal-inner { width: 500px; min-width: 500px; max-width: 500px; } #popBox_stacks_in_601.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_601.semantic-content .modal-content { height: 400px; } #popBox_stacks_in_601.semantic-content .widthPercentageOff .modal-inner { width: 500px; min-width: 500px; max-width: 500px; } #popBox_stacks_in_601.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_601.semantic-content .modal-content { height: 220px; } #popBox_stacks_in_601.semantic-content .widthPercentageOff .modal-inner { width: 300px; min-width: 300px; max-width: 300px; } #popBox_stacks_in_601.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_601 .imageType2 svg { display: none; } #popBox_stacks_in_601 .closeIcon img { display: none; } #popBox_stacks_in_601 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_601.semantic-content .modal-inner { border-radius: 5px } #popBox_stacks_in_601.semantic-content .popBoxHeader { border-radius: 5px 5px 0px 0px; } #popBox_stacks_in_601.semantic-content .popBoxFooter { border-radius: 0px 0px 5px 5px; } #popBox_stacks_in_601.semantic-content .modal-inner { border-width: 3px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_601 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_601.popBoxStyleDemo .modal-content { height: 300px; } #popBox_stacks_in_601.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_601.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 500px; min-width: 500px; max-width: 500px; margin: 0 auto; } #popBox_stacks_in_601.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_601.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #A27932; opacity: 0.50; } #popBox_stacks_in_601.popBoxStyleDemo .popBoxHeader { padding: 10px 10px 10px 10px; } #popBox_stacks_in_601.popBoxStyleDemo .modal-content { padding: 10px; padding: 10px 10px; } #popBox_stacks_in_601.popBoxStyleDemo .popBoxFooter { padding: 10px; padding: 10px 10px 10px 10px; } #stacks_in_601 .closeText { display: none; font-size: 12px; color: #333333; background: transprent; } #stacks_in_601 .closeText { display: inline; } #popBox_stacks_in_601 .iconOn { display: none; } #popBox_stacks_in_601.popBoxStyleDemo .popBoxFooter span { display: none; } #popBox_stacks_in_601 .closeWrap { margin: 0 0 15px 0; text-align: center; } #popBox_stacks_in_601 .closeIcon.closeText { position: relative; border-width: 0px; border-radius: 0px; width: auto; height: auto; margin: 0 0 15px 0; right: auto; left: auto; } /* 3D */ /* Coupon */ /* Subtle */ #popBox_stacks_in_601.semantic-content .modal-inner { overflow: visible; -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.3); background: #DDDDDD; } #popBox_stacks_in_601 .closeIcon { border: 2px solid #DDDDDD; border-radius: 50%; width: 20px; height: 20px; text-align: center; margin-top: -10px; top: 0; right: -10px; } #popBox_stacks_in_601 .modal-inner .closeIcon { background: #FFFFFF; } #popBox_stacks_in_601 .popBoxHeader .closeIcon { background: #FFFFFF; } #popBox_stacks_in_601 .modal-inner .closeText { background: transparent; } #popBox_stacks_in_601 .closeIcon svg { height: 20px; } #popBox_stacks_in_601 .closeIcon img { height: 20px; width: 20px; border-radius: 50%; } #popBox_stacks_in_601.semantic-content .popBoxHeader { border-color: #DDDDDD; } #popBox_stacks_in_601.semantic-content .modal-content { border-width: 0px; } /* Thick Borders */ /* Transparent */ #stacks_in_601 { margin: 4px; padding: 4px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_785 { height: 40.00px; } @media print { #spacerStackstacks_in_785 { display: none !important; } } #shadyStackstacks_in_386 { -webkit-box-shadow: inset 0px 0px 8px 2px rgba(153, 153, 153, 1.00); box-shadow: inset 0px 0px 8px 2px rgba(153, 153, 153, 1.00); border-radius: 0px; } #shadyStackstacks_in_386 { padding: 15px; } @media print { #shadyStackstacks_in_386 { margin: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0px; } } .spacerStack { height: 20.00px; } #spacerStackstacks_in_537 { height: 20.00px; } @media print { #spacerStackstacks_in_537 { display: none !important; } } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_638.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_638.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_638.is-active.semantic-content {display: block\9;} #popBox_stacks_in_638.semantic-content:target {display: block\9;} #popBox_stacks_in_638.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_638.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 10px 10px 10px 10px; color: #4F5D5E; position: relative; } #popBox_stacks_in_638.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 10px ; overflow-x: hidden; overflow-y: auto; color: #4F5D5E; height: 300px; } #popBox_stacks_in_638.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 10px 10px 10px; color: #222222; } #stacks_in_638 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_638 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_638.popBoxOverlay .modal-close:before { background-color: #A27932; opacity: 0.50; } #popBox_stacks_in_638 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #333333; } #popBox_stacks_in_638 .closeIcon:hover { color: #333333; } #popBox_stacks_in_638 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_638 .closeIcon svg path { fill: #333333; } /* Screen sizes greater than 768px */ #popBox_stacks_in_638.semantic-content .widthPercentageOff .modal-inner { width: 500px; min-width: 500px; max-width: 500px; } #popBox_stacks_in_638.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_638.semantic-content .modal-content { height: 400px; } #popBox_stacks_in_638.semantic-content .widthPercentageOff .modal-inner { width: 500px; min-width: 500px; max-width: 500px; } #popBox_stacks_in_638.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_638.semantic-content .modal-content { height: 220px; } #popBox_stacks_in_638.semantic-content .widthPercentageOff .modal-inner { width: 300px; min-width: 300px; max-width: 300px; } #popBox_stacks_in_638.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_638 .imageType2 svg { display: none; } #popBox_stacks_in_638 .closeIcon img { display: none; } #popBox_stacks_in_638 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_638.semantic-content .modal-inner { border-radius: 5px } #popBox_stacks_in_638.semantic-content .popBoxHeader { border-radius: 5px 5px 0px 0px; } #popBox_stacks_in_638.semantic-content .popBoxFooter { border-radius: 0px 0px 5px 5px; } #popBox_stacks_in_638.semantic-content .modal-inner { border-width: 3px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_638 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_638.popBoxStyleDemo .modal-content { height: 300px; } #popBox_stacks_in_638.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_638.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 500px; min-width: 500px; max-width: 500px; margin: 0 auto; } #popBox_stacks_in_638.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_638.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #A27932; opacity: 0.50; } #popBox_stacks_in_638.popBoxStyleDemo .popBoxHeader { padding: 10px 10px 10px 10px; } #popBox_stacks_in_638.popBoxStyleDemo .modal-content { padding: 10px; padding: 10px 10px; } #popBox_stacks_in_638.popBoxStyleDemo .popBoxFooter { padding: 10px; padding: 10px 10px 10px 10px; } #stacks_in_638 .closeText { display: none; font-size: 12px; color: #333333; background: transprent; } #stacks_in_638 .closeText { display: inline; } #popBox_stacks_in_638 .iconOn { display: none; } #popBox_stacks_in_638.popBoxStyleDemo .popBoxFooter span { display: none; } #popBox_stacks_in_638 .closeWrap { margin: 0 0 15px 0; text-align: center; } #popBox_stacks_in_638 .closeIcon.closeText { position: relative; border-width: 0px; border-radius: 0px; width: auto; height: auto; margin: 0 0 15px 0; right: auto; left: auto; } /* 3D */ /* Coupon */ /* Subtle */ #popBox_stacks_in_638.semantic-content .modal-inner { overflow: visible; -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.3); background: #DDDDDD; } #popBox_stacks_in_638 .closeIcon { border: 2px solid #DDDDDD; border-radius: 50%; width: 20px; height: 20px; text-align: center; margin-top: -10px; top: 0; right: -10px; } #popBox_stacks_in_638 .modal-inner .closeIcon { background: #FFFFFF; } #popBox_stacks_in_638 .popBoxHeader .closeIcon { background: #FFFFFF; } #popBox_stacks_in_638 .modal-inner .closeText { background: transparent; } #popBox_stacks_in_638 .closeIcon svg { height: 20px; } #popBox_stacks_in_638 .closeIcon img { height: 20px; width: 20px; border-radius: 50%; } #popBox_stacks_in_638.semantic-content .popBoxHeader { border-color: #DDDDDD; } #popBox_stacks_in_638.semantic-content .modal-content { border-width: 0px; } /* Thick Borders */ /* Transparent */ #stacks_in_638 { margin: 4px; padding: 4px; } .spacerStack { height: 5.00px; } #spacerStackstacks_in_799 { height: 5.00px; } @media print { #spacerStackstacks_in_799 { display: none !important; } } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_651.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_651.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_651.is-active.semantic-content {display: block\9;} #popBox_stacks_in_651.semantic-content:target {display: block\9;} #popBox_stacks_in_651.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_651.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 10px 10px 10px 10px; color: #4F5D5E; position: relative; } #popBox_stacks_in_651.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 10px ; overflow-x: hidden; overflow-y: auto; color: #4F5D5E; height: 300px; } #popBox_stacks_in_651.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 10px 10px 10px; color: #222222; } #stacks_in_651 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_651 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_651.popBoxOverlay .modal-close:before { background-color: #A27932; opacity: 0.50; } #popBox_stacks_in_651 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #333333; } #popBox_stacks_in_651 .closeIcon:hover { color: #333333; } #popBox_stacks_in_651 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_651 .closeIcon svg path { fill: #333333; } /* Screen sizes greater than 768px */ #popBox_stacks_in_651.semantic-content .widthPercentageOff .modal-inner { width: 500px; min-width: 500px; max-width: 500px; } #popBox_stacks_in_651.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_651.semantic-content .modal-content { height: 400px; } #popBox_stacks_in_651.semantic-content .widthPercentageOff .modal-inner { width: 500px; min-width: 500px; max-width: 500px; } #popBox_stacks_in_651.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_651.semantic-content .modal-content { height: 220px; } #popBox_stacks_in_651.semantic-content .widthPercentageOff .modal-inner { width: 300px; min-width: 300px; max-width: 300px; } #popBox_stacks_in_651.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_651 .imageType2 svg { display: none; } #popBox_stacks_in_651 .closeIcon img { display: none; } #popBox_stacks_in_651 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_651.semantic-content .modal-inner { border-radius: 5px } #popBox_stacks_in_651.semantic-content .popBoxHeader { border-radius: 5px 5px 0px 0px; } #popBox_stacks_in_651.semantic-content .popBoxFooter { border-radius: 0px 0px 5px 5px; } #popBox_stacks_in_651.semantic-content .modal-inner { border-width: 3px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_651 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_651.popBoxStyleDemo .modal-content { height: 300px; } #popBox_stacks_in_651.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_651.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 500px; min-width: 500px; max-width: 500px; margin: 0 auto; } #popBox_stacks_in_651.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_651.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #A27932; opacity: 0.50; } #popBox_stacks_in_651.popBoxStyleDemo .popBoxHeader { padding: 10px 10px 10px 10px; } #popBox_stacks_in_651.popBoxStyleDemo .modal-content { padding: 10px; padding: 10px 10px; } #popBox_stacks_in_651.popBoxStyleDemo .popBoxFooter { padding: 10px; padding: 10px 10px 10px 10px; } #stacks_in_651 .closeText { display: none; font-size: 12px; color: #333333; background: transprent; } #stacks_in_651 .closeText { display: inline; } #popBox_stacks_in_651 .iconOn { display: none; } #popBox_stacks_in_651.popBoxStyleDemo .popBoxFooter span { display: none; } #popBox_stacks_in_651 .closeWrap { margin: 0 0 15px 0; text-align: center; } #popBox_stacks_in_651 .closeIcon.closeText { position: relative; border-width: 0px; border-radius: 0px; width: auto; height: auto; margin: 0 0 15px 0; right: auto; left: auto; } /* 3D */ /* Coupon */ /* Subtle */ #popBox_stacks_in_651.semantic-content .modal-inner { overflow: visible; -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.3); background: #DDDDDD; } #popBox_stacks_in_651 .closeIcon { border: 2px solid #DDDDDD; border-radius: 50%; width: 20px; height: 20px; text-align: center; margin-top: -10px; top: 0; right: -10px; } #popBox_stacks_in_651 .modal-inner .closeIcon { background: #FFFFFF; } #popBox_stacks_in_651 .popBoxHeader .closeIcon { background: #FFFFFF; } #popBox_stacks_in_651 .modal-inner .closeText { background: transparent; } #popBox_stacks_in_651 .closeIcon svg { height: 20px; } #popBox_stacks_in_651 .closeIcon img { height: 20px; width: 20px; border-radius: 50%; } #popBox_stacks_in_651.semantic-content .popBoxHeader { border-color: #DDDDDD; } #popBox_stacks_in_651.semantic-content .modal-content { border-width: 0px; } /* Thick Borders */ /* Transparent */ #stacks_in_651 { margin: 4px; padding: 4px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_535 { height: 40.00px; } @media print { #spacerStackstacks_in_535 { display: none !important; } } #shadyStackstacks_in_450 { -webkit-box-shadow: inset 0px 0px 8px 2px rgba(153, 153, 153, 1.00); box-shadow: inset 0px 0px 8px 2px rgba(153, 153, 153, 1.00); border-radius: 0px; } #shadyStackstacks_in_450 { padding: 15px; } @media print { #shadyStackstacks_in_450 { margin: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0px; } } .spacerStack { height: 20.00px; } #spacerStackstacks_in_542 { height: 20.00px; } @media print { #spacerStackstacks_in_542 { display: none !important; } } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_664.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_664.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_664.is-active.semantic-content {display: block\9;} #popBox_stacks_in_664.semantic-content:target {display: block\9;} #popBox_stacks_in_664.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_664.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 10px 10px 10px 10px; color: #222222; position: relative; } #popBox_stacks_in_664.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 10px ; overflow-x: hidden; overflow-y: auto; color: #222222; height: 400px; } #popBox_stacks_in_664.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 10px 10px 10px; color: #222222; } #stacks_in_664 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_664 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_664.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_664 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #333333; } #popBox_stacks_in_664 .closeIcon:hover { color: #333333; } #popBox_stacks_in_664 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_664 .closeIcon svg path { fill: #333333; } /* Screen sizes greater than 768px */ #popBox_stacks_in_664.semantic-content .widthPercentageOff .modal-inner { width: 650px; min-width: 650px; max-width: 650px; } #popBox_stacks_in_664.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_664.semantic-content .modal-content { height: 400px; } #popBox_stacks_in_664.semantic-content .widthPercentageOff .modal-inner { width: 500px; min-width: 500px; max-width: 500px; } #popBox_stacks_in_664.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_664.semantic-content .modal-content { height: 220px; } #popBox_stacks_in_664.semantic-content .widthPercentageOff .modal-inner { width: 300px; min-width: 300px; max-width: 300px; } #popBox_stacks_in_664.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_664 .imageType2 svg { display: none; } #popBox_stacks_in_664 .closeIcon img { display: none; } #popBox_stacks_in_664 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_664.semantic-content .modal-inner { border-radius: 0px } #popBox_stacks_in_664.semantic-content .popBoxHeader { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_664.semantic-content .popBoxFooter { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_664.semantic-content .modal-inner { border-width: 0px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_664 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_664.popBoxStyleDemo .modal-content { height: 400px; } #popBox_stacks_in_664.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_664.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 650px; min-width: 650px; max-width: 650px; margin: 0 auto; } #popBox_stacks_in_664.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_664.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_664.popBoxStyleDemo .popBoxHeader { padding: 10px 10px 10px 10px; } #popBox_stacks_in_664.popBoxStyleDemo .modal-content { padding: 10px; padding: 10px 10px; } #popBox_stacks_in_664.popBoxStyleDemo .popBoxFooter { padding: 10px; padding: 10px 10px 10px 10px; } #stacks_in_664 .closeText { display: none; font-size: 12px; color: #333333; background: transprent; } /* 3D */ /* Coupon */ /* Subtle */ /* Thick Borders */ /* Transparent */ .spacerStack { height: 5.00px; } #spacerStackstacks_in_788 { height: 5.00px; } @media print { #spacerStackstacks_in_788 { display: none !important; } } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_675.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_675.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_675.is-active.semantic-content {display: block\9;} #popBox_stacks_in_675.semantic-content:target {display: block\9;} #popBox_stacks_in_675.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_675.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 10px 10px 10px 10px; color: #222222; position: relative; } #popBox_stacks_in_675.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 10px ; overflow-x: hidden; overflow-y: auto; color: #222222; height: 400px; } #popBox_stacks_in_675.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 10px 10px 10px; color: #222222; } #stacks_in_675 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_675 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_675.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_675 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #333333; } #popBox_stacks_in_675 .closeIcon:hover { color: #333333; } #popBox_stacks_in_675 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_675 .closeIcon svg path { fill: #333333; } /* Screen sizes greater than 768px */ #popBox_stacks_in_675.semantic-content .widthPercentageOff .modal-inner { width: 650px; min-width: 650px; max-width: 650px; } #popBox_stacks_in_675.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_675.semantic-content .modal-content { height: 400px; } #popBox_stacks_in_675.semantic-content .widthPercentageOff .modal-inner { width: 500px; min-width: 500px; max-width: 500px; } #popBox_stacks_in_675.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_675.semantic-content .modal-content { height: 220px; } #popBox_stacks_in_675.semantic-content .widthPercentageOff .modal-inner { width: 300px; min-width: 300px; max-width: 300px; } #popBox_stacks_in_675.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_675 .imageType2 svg { display: none; } #popBox_stacks_in_675 .closeIcon img { display: none; } #popBox_stacks_in_675 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_675.semantic-content .modal-inner { border-radius: 0px } #popBox_stacks_in_675.semantic-content .popBoxHeader { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_675.semantic-content .popBoxFooter { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_675.semantic-content .modal-inner { border-width: 0px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_675 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_675.popBoxStyleDemo .modal-content { height: 400px; } #popBox_stacks_in_675.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_675.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 650px; min-width: 650px; max-width: 650px; margin: 0 auto; } #popBox_stacks_in_675.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_675.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_675.popBoxStyleDemo .popBoxHeader { padding: 10px 10px 10px 10px; } #popBox_stacks_in_675.popBoxStyleDemo .modal-content { padding: 10px; padding: 10px 10px; } #popBox_stacks_in_675.popBoxStyleDemo .popBoxFooter { padding: 10px; padding: 10px 10px 10px 10px; } #stacks_in_675 .closeText { display: none; font-size: 12px; color: #333333; background: transprent; } /* 3D */ /* Coupon */ /* Subtle */ /* Thick Borders */ /* Transparent */ .spacerStack { height: 5.00px; } #spacerStackstacks_in_789 { height: 5.00px; } @media print { #spacerStackstacks_in_789 { display: none !important; } } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_686.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_686.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_686.is-active.semantic-content {display: block\9;} #popBox_stacks_in_686.semantic-content:target {display: block\9;} #popBox_stacks_in_686.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_686.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 10px 10px 10px 10px; color: #222222; position: relative; } #popBox_stacks_in_686.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 10px ; overflow-x: hidden; overflow-y: auto; color: #222222; height: 400px; } #popBox_stacks_in_686.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 10px 10px 10px; color: #222222; } #stacks_in_686 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_686 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_686.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_686 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #333333; } #popBox_stacks_in_686 .closeIcon:hover { color: #333333; } #popBox_stacks_in_686 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_686 .closeIcon svg path { fill: #333333; } /* Screen sizes greater than 768px */ #popBox_stacks_in_686.semantic-content .widthPercentageOff .modal-inner { width: 650px; min-width: 650px; max-width: 650px; } #popBox_stacks_in_686.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_686.semantic-content .modal-content { height: 400px; } #popBox_stacks_in_686.semantic-content .widthPercentageOff .modal-inner { width: 500px; min-width: 500px; max-width: 500px; } #popBox_stacks_in_686.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_686.semantic-content .modal-content { height: 220px; } #popBox_stacks_in_686.semantic-content .widthPercentageOff .modal-inner { width: 300px; min-width: 300px; max-width: 300px; } #popBox_stacks_in_686.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_686 .imageType2 svg { display: none; } #popBox_stacks_in_686 .closeIcon img { display: none; } #popBox_stacks_in_686 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_686.semantic-content .modal-inner { border-radius: 0px } #popBox_stacks_in_686.semantic-content .popBoxHeader { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_686.semantic-content .popBoxFooter { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_686.semantic-content .modal-inner { border-width: 0px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_686 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_686.popBoxStyleDemo .modal-content { height: 400px; } #popBox_stacks_in_686.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_686.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 650px; min-width: 650px; max-width: 650px; margin: 0 auto; } #popBox_stacks_in_686.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_686.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_686.popBoxStyleDemo .popBoxHeader { padding: 10px 10px 10px 10px; } #popBox_stacks_in_686.popBoxStyleDemo .modal-content { padding: 10px; padding: 10px 10px; } #popBox_stacks_in_686.popBoxStyleDemo .popBoxFooter { padding: 10px; padding: 10px 10px 10px 10px; } #stacks_in_686 .closeText { display: none; font-size: 12px; color: #333333; background: transprent; } /* 3D */ /* Coupon */ /* Subtle */ /* Thick Borders */ /* Transparent */ .spacerStack { height: 5.00px; } #spacerStackstacks_in_790 { height: 5.00px; } @media print { #spacerStackstacks_in_790 { display: none !important; } } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_697.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_697.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_697.is-active.semantic-content {display: block\9;} #popBox_stacks_in_697.semantic-content:target {display: block\9;} #popBox_stacks_in_697.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_697.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 10px 10px 10px 10px; color: #222222; position: relative; } #popBox_stacks_in_697.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 10px ; overflow-x: hidden; overflow-y: auto; color: #222222; height: 400px; } #popBox_stacks_in_697.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 10px 10px 10px; color: #222222; } #stacks_in_697 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_697 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_697.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_697 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #333333; } #popBox_stacks_in_697 .closeIcon:hover { color: #333333; } #popBox_stacks_in_697 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_697 .closeIcon svg path { fill: #333333; } /* Screen sizes greater than 768px */ #popBox_stacks_in_697.semantic-content .widthPercentageOff .modal-inner { width: 650px; min-width: 650px; max-width: 650px; } #popBox_stacks_in_697.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_697.semantic-content .modal-content { height: 400px; } #popBox_stacks_in_697.semantic-content .widthPercentageOff .modal-inner { width: 500px; min-width: 500px; max-width: 500px; } #popBox_stacks_in_697.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_697.semantic-content .modal-content { height: 220px; } #popBox_stacks_in_697.semantic-content .widthPercentageOff .modal-inner { width: 300px; min-width: 300px; max-width: 300px; } #popBox_stacks_in_697.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_697 .imageType2 svg { display: none; } #popBox_stacks_in_697 .closeIcon img { display: none; } #popBox_stacks_in_697 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_697.semantic-content .modal-inner { border-radius: 0px } #popBox_stacks_in_697.semantic-content .popBoxHeader { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_697.semantic-content .popBoxFooter { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_697.semantic-content .modal-inner { border-width: 0px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_697 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_697.popBoxStyleDemo .modal-content { height: 400px; } #popBox_stacks_in_697.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_697.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 650px; min-width: 650px; max-width: 650px; margin: 0 auto; } #popBox_stacks_in_697.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_697.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_697.popBoxStyleDemo .popBoxHeader { padding: 10px 10px 10px 10px; } #popBox_stacks_in_697.popBoxStyleDemo .modal-content { padding: 10px; padding: 10px 10px; } #popBox_stacks_in_697.popBoxStyleDemo .popBoxFooter { padding: 10px; padding: 10px 10px 10px 10px; } #stacks_in_697 .closeText { display: none; font-size: 12px; color: #333333; background: transprent; } /* 3D */ /* Coupon */ /* Subtle */ /* Thick Borders */ /* Transparent */ .spacerStack { height: 40.00px; } #spacerStackstacks_in_543 { height: 40.00px; } @media print { #spacerStackstacks_in_543 { display: none !important; } } #shadyStackstacks_in_462 { -webkit-box-shadow: inset 0px 0px 8px 2px rgba(153, 153, 153, 1.00); box-shadow: inset 0px 0px 8px 2px rgba(153, 153, 153, 1.00); border-radius: 0px; } #shadyStackstacks_in_462 { padding: 15px; } @media print { #shadyStackstacks_in_462 { margin: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0px; } }/* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_749.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_749.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_749.is-active.semantic-content {display: block\9;} #popBox_stacks_in_749.semantic-content:target {display: block\9;} #popBox_stacks_in_749.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_749.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 10px 10px 10px 10px; color: #222222; position: relative; } #popBox_stacks_in_749.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 10px ; overflow-x: hidden; overflow-y: auto; color: #222222; height: 400px; } #popBox_stacks_in_749.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 10px 10px 10px; color: #222222; } #stacks_in_749 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_749 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_749.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_749 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #333333; } #popBox_stacks_in_749 .closeIcon:hover { color: #333333; } #popBox_stacks_in_749 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_749 .closeIcon svg path { fill: #333333; } /* Screen sizes greater than 768px */ #popBox_stacks_in_749.semantic-content .widthPercentageOff .modal-inner { width: 650px; min-width: 650px; max-width: 650px; } #popBox_stacks_in_749.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_749.semantic-content .modal-content { height: 400px; } #popBox_stacks_in_749.semantic-content .widthPercentageOff .modal-inner { width: 500px; min-width: 500px; max-width: 500px; } #popBox_stacks_in_749.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_749.semantic-content .modal-content { height: 220px; } #popBox_stacks_in_749.semantic-content .widthPercentageOff .modal-inner { width: 300px; min-width: 300px; max-width: 300px; } #popBox_stacks_in_749.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_749 .imageType2 svg { display: none; } #popBox_stacks_in_749 .closeIcon img { display: none; } #popBox_stacks_in_749 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_749.semantic-content .modal-inner { border-radius: 0px } #popBox_stacks_in_749.semantic-content .popBoxHeader { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_749.semantic-content .popBoxFooter { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_749.semantic-content .modal-inner { border-width: 0px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_749 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_749.popBoxStyleDemo .modal-content { height: 400px; } #popBox_stacks_in_749.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_749.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 650px; min-width: 650px; max-width: 650px; margin: 0 auto; } #popBox_stacks_in_749.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_749.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_749.popBoxStyleDemo .popBoxHeader { padding: 10px 10px 10px 10px; } #popBox_stacks_in_749.popBoxStyleDemo .modal-content { padding: 10px; padding: 10px 10px; } #popBox_stacks_in_749.popBoxStyleDemo .popBoxFooter { padding: 10px; padding: 10px 10px 10px 10px; } #stacks_in_749 .closeText { display: none; font-size: 12px; color: #333333; background: transprent; } /* 3D */ /* Coupon */ /* Subtle */ /* Thick Borders */ /* Transparent */ .spacerStack { height: 5.00px; } #spacerStackstacks_in_792 { height: 5.00px; } @media print { #spacerStackstacks_in_792 { display: none !important; } } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_738.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_738.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_738.is-active.semantic-content {display: block\9;} #popBox_stacks_in_738.semantic-content:target {display: block\9;} #popBox_stacks_in_738.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_738.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 10px 10px 10px 10px; color: #222222; position: relative; } #popBox_stacks_in_738.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 10px ; overflow-x: hidden; overflow-y: auto; color: #222222; height: 400px; } #popBox_stacks_in_738.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 10px 10px 10px; color: #222222; } #stacks_in_738 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_738 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_738.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_738 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #333333; } #popBox_stacks_in_738 .closeIcon:hover { color: #333333; } #popBox_stacks_in_738 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_738 .closeIcon svg path { fill: #333333; } /* Screen sizes greater than 768px */ #popBox_stacks_in_738.semantic-content .widthPercentageOff .modal-inner { width: 650px; min-width: 650px; max-width: 650px; } #popBox_stacks_in_738.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_738.semantic-content .modal-content { height: 400px; } #popBox_stacks_in_738.semantic-content .widthPercentageOff .modal-inner { width: 500px; min-width: 500px; max-width: 500px; } #popBox_stacks_in_738.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_738.semantic-content .modal-content { height: 220px; } #popBox_stacks_in_738.semantic-content .widthPercentageOff .modal-inner { width: 300px; min-width: 300px; max-width: 300px; } #popBox_stacks_in_738.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_738 .imageType2 svg { display: none; } #popBox_stacks_in_738 .closeIcon img { display: none; } #popBox_stacks_in_738 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_738.semantic-content .modal-inner { border-radius: 0px } #popBox_stacks_in_738.semantic-content .popBoxHeader { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_738.semantic-content .popBoxFooter { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_738.semantic-content .modal-inner { border-width: 0px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_738 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_738.popBoxStyleDemo .modal-content { height: 400px; } #popBox_stacks_in_738.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_738.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 650px; min-width: 650px; max-width: 650px; margin: 0 auto; } #popBox_stacks_in_738.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_738.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_738.popBoxStyleDemo .popBoxHeader { padding: 10px 10px 10px 10px; } #popBox_stacks_in_738.popBoxStyleDemo .modal-content { padding: 10px; padding: 10px 10px; } #popBox_stacks_in_738.popBoxStyleDemo .popBoxFooter { padding: 10px; padding: 10px 10px 10px 10px; } #stacks_in_738 .closeText { display: none; font-size: 12px; color: #333333; background: transprent; } /* 3D */ /* Coupon */ /* Subtle */ /* Thick Borders */ /* Transparent */ .spacerStack { height: 5.00px; } #spacerStackstacks_in_793 { height: 5.00px; } @media print { #spacerStackstacks_in_793 { display: none !important; } } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_727.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_727.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_727.is-active.semantic-content {display: block\9;} #popBox_stacks_in_727.semantic-content:target {display: block\9;} #popBox_stacks_in_727.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_727.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 10px 10px 10px 10px; color: #222222; position: relative; } #popBox_stacks_in_727.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 10px ; overflow-x: hidden; overflow-y: auto; color: #222222; height: 400px; } #popBox_stacks_in_727.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 10px 10px 10px; color: #222222; } #stacks_in_727 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_727 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_727.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_727 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #333333; } #popBox_stacks_in_727 .closeIcon:hover { color: #333333; } #popBox_stacks_in_727 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_727 .closeIcon svg path { fill: #333333; } /* Screen sizes greater than 768px */ #popBox_stacks_in_727.semantic-content .widthPercentageOff .modal-inner { width: 650px; min-width: 650px; max-width: 650px; } #popBox_stacks_in_727.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_727.semantic-content .modal-content { height: 400px; } #popBox_stacks_in_727.semantic-content .widthPercentageOff .modal-inner { width: 500px; min-width: 500px; max-width: 500px; } #popBox_stacks_in_727.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_727.semantic-content .modal-content { height: 220px; } #popBox_stacks_in_727.semantic-content .widthPercentageOff .modal-inner { width: 300px; min-width: 300px; max-width: 300px; } #popBox_stacks_in_727.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_727 .imageType2 svg { display: none; } #popBox_stacks_in_727 .closeIcon img { display: none; } #popBox_stacks_in_727 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_727.semantic-content .modal-inner { border-radius: 0px } #popBox_stacks_in_727.semantic-content .popBoxHeader { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_727.semantic-content .popBoxFooter { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_727.semantic-content .modal-inner { border-width: 0px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_727 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_727.popBoxStyleDemo .modal-content { height: 400px; } #popBox_stacks_in_727.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_727.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 650px; min-width: 650px; max-width: 650px; margin: 0 auto; } #popBox_stacks_in_727.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_727.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_727.popBoxStyleDemo .popBoxHeader { padding: 10px 10px 10px 10px; } #popBox_stacks_in_727.popBoxStyleDemo .modal-content { padding: 10px; padding: 10px 10px; } #popBox_stacks_in_727.popBoxStyleDemo .popBoxFooter { padding: 10px; padding: 10px 10px 10px 10px; } #stacks_in_727 .closeText { display: none; font-size: 12px; color: #333333; background: transprent; } /* 3D */ /* Coupon */ /* Subtle */ /* Thick Borders */ /* Transparent */ .spacerStack { height: 5.00px; } #spacerStackstacks_in_794 { height: 5.00px; } @media print { #spacerStackstacks_in_794 { display: none !important; } } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_772.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_772.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_772.is-active.semantic-content {display: block\9;} #popBox_stacks_in_772.semantic-content:target {display: block\9;} #popBox_stacks_in_772.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_772.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 10px 10px 10px 10px; color: #222222; position: relative; } #popBox_stacks_in_772.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 10px ; overflow-x: hidden; overflow-y: auto; color: #222222; height: 400px; } #popBox_stacks_in_772.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 10px 10px 10px; color: #222222; } #stacks_in_772 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_772 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_772.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_772 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #333333; } #popBox_stacks_in_772 .closeIcon:hover { color: #333333; } #popBox_stacks_in_772 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_772 .closeIcon svg path { fill: #333333; } /* Screen sizes greater than 768px */ #popBox_stacks_in_772.semantic-content .widthPercentageOff .modal-inner { width: 650px; min-width: 650px; max-width: 650px; } #popBox_stacks_in_772.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_772.semantic-content .modal-content { height: 400px; } #popBox_stacks_in_772.semantic-content .widthPercentageOff .modal-inner { width: 500px; min-width: 500px; max-width: 500px; } #popBox_stacks_in_772.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_772.semantic-content .modal-content { height: 220px; } #popBox_stacks_in_772.semantic-content .widthPercentageOff .modal-inner { width: 300px; min-width: 300px; max-width: 300px; } #popBox_stacks_in_772.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_772 .imageType2 svg { display: none; } #popBox_stacks_in_772 .closeIcon img { display: none; } #popBox_stacks_in_772 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_772.semantic-content .modal-inner { border-radius: 0px } #popBox_stacks_in_772.semantic-content .popBoxHeader { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_772.semantic-content .popBoxFooter { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_772.semantic-content .modal-inner { border-width: 0px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_772 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_772.popBoxStyleDemo .modal-content { height: 400px; } #popBox_stacks_in_772.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_772.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 650px; min-width: 650px; max-width: 650px; margin: 0 auto; } #popBox_stacks_in_772.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_772.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_772.popBoxStyleDemo .popBoxHeader { padding: 10px 10px 10px 10px; } #popBox_stacks_in_772.popBoxStyleDemo .modal-content { padding: 10px; padding: 10px 10px; } #popBox_stacks_in_772.popBoxStyleDemo .popBoxFooter { padding: 10px; padding: 10px 10px 10px 10px; } #stacks_in_772 .closeText { display: none; font-size: 12px; color: #333333; background: transprent; } /* 3D */ /* Coupon */ /* Subtle */ /* Thick Borders */ /* Transparent */ .spacerStack { height: 10.00px; } #spacerStackstacks_in_795 { height: 10.00px; } @media print { #spacerStackstacks_in_795 { display: none !important; } } /* -- Start Anchor Each css Template -- */ .stacks_in_225anchorStack{ height: 0px !important; padding: 0 !important; margin: 0 !important; } .stacks_in_225editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_225editInfo i{ vertical-align: middle; } .stacks_in_225editInfo:before{ content:"#da1"; float: right; } .stacks_in_225editInfo:after{ content:""; display: table; clear: both; } .stacks_in_225topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_225topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */ .spacerStack { height: 40.00px; } #spacerStackstacks_in_302 { height: 40.00px; } @media print { #spacerStackstacks_in_302 { display: none !important; } } .spacerStack { height: 60.00px; } #spacerStackstacks_in_299 { height: 60.00px; } @media print { #spacerStackstacks_in_299 { display: none !important; } } #stacks_in_300_button { display:block; position: relative; text-align: center; } #stacks_in_300 a:link, #stacks_in_300 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_300 a:hover, #stacks_in_300 a:active { color:#FFFFFF; } #stacks_in_300 a:link, #stacks_in_300 a:visited { background-color:#798C8E; background: -webkit-gradient(linear, left top, left bottom, from(#798C8E), to(#485455)); border:1px solid #485455; padding:3px 20px; border-radius:30px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_300 a:hover { background-color:#829799; background: -webkit-gradient(linear, left top, left bottom, from(#829799), to(#3F484A)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_300 a:active { background-color:#798C8E; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_263 { height: 40.00px; } @media print { #spacerStackstacks_in_263 { display: none !important; } } #stacks_in_297_button { display:block; position: relative; text-align: center; } #stacks_in_297 a:link, #stacks_in_297 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_297 a:hover, #stacks_in_297 a:active { color:#FFFFFF; } #stacks_in_297 a:link, #stacks_in_297 a:visited { background-color:#798C8E; background: -webkit-gradient(linear, left top, left bottom, from(#798C8E), to(#485455)); border:1px solid #485455; padding:3px 20px; border-radius:30px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_297 a:hover { background-color:#829799; background: -webkit-gradient(linear, left top, left bottom, from(#829799), to(#3F484A)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_297 a:active { background-color:#798C8E; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; }