/* * eFlow Store Customizer - @Copyright 2022 -Author: RJ Ruggiero - Website: http://axyn.com */ #stacks_in_1 { margin: 6px; } #stickystacks_in_1265_3 { display: block; position: fixed; right: 32px; top: 100px; padding: 0; margin: 0; width: 194px; overflow: hidden; z-index: 100; } #stickyLinkstacks_in_1265_3 a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media print { #stickystacks_in_1265_3 { display: none !important; } } /* not sure why I had done this? div[data-reflow-type="view-cart"] { margin-top: 55px; }*/ /* icon */ #icon_stacks_in_1265_5 { fill: rgba(252, 87, 41, 1.00) !important; } #icon_stacks_in_1265_5:hover { fill: rgba(249, 246, 40, 1.00) !important; } /* counter */ #stacks_in_1265_5.has-quantity::before { color: rgba(255, 255, 255, 1.00) !important; font-size: 14px; background-color: rgba(255, 0, 0, 1.00) !important; } #stacks_in_1265_5.has-quantity:hover::before { color: rgba(249, 246, 40, 1.00) !important; background-color: rgba(255, 0, 0, 1.00) !important; } #icon_stacks_in_1265_5:hover { transform: scale(1.1) !important; } /* Reflow theme basic settings */ :root { --ref-white: var(--bs-white, var(--white, rgba(255, 255, 255, 1.00))) !important; --ref-gray-100: var(--bs-gray-100, rgba(248, 249, 250, 1.00)) !important; --ref-gray-300: var(--bs-gray-300, rgba(222, 226, 230, 1.00)) !important; --ref-gray: var(--bs-gray-600, rgba(178, 184, 191, 1.00)) !important; --ref-gray-700: var(--bs-gray-700, %id-grey2[1]%) !important; --ref-darkgray: var(--bs-gray-800, rgba(73, 80, 87, 1.00)) !important; --ref-black: var(--bs-black, var(--black, rgba(0, 0, 0, 1.00))) !important; --ref-primary: var(--bs-primary, var(--primary, rgba(252, 87, 41, 1.00))) !important; --ref-success: var(--bs-success, var(--success, rgba(32, 201, 151, 1.00))) !important; --ref-danger: var(--bs-danger, var(--danger, rgba(255, 0, 81, 1.00))) !important; --ref-warning: var(--bs-warning, var(--warning, rgba(247, 226, 150, 1.00))) !important; --ref-body-color: var(--bs-body-color, rgba(33, 37, 41, 1.00)) !important; --ref-border-radius: 0.30rem !important; --ref-gutter-sm: 0.50em !important; --ref-gutter-md: 1.0em !important; --ref-gutter-lg: 2.0em !important; --ref-gutter: var(--ref-gutter-md); --ref-input-padding: 0.50rem !important; --ref-input-padding-sm: 0.50rem !important; --ref-btn-padding: 0.50rem 1.50rem !important; --ref-btn-border-radius: 0.30rem !important; } .reflow-product-list.ref-cards .ref-products .ref-media .ref-image { border-radius: var(--ref-border-radius); } .ref-button {color: var(--ref-white) !important;} /* IMPORT 12 COLUMN RESPONSIVE GS */ /* 12 COLUMN : RESPONSIVE GRID SYSTEM DEVELOPER : DENIS LEBLANC URL : http://responsive.gs VERSION : 3.0 LICENSE : GPL & MIT */ /* SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/scripts/boxsizing.htc); /* If you need support for IE7 and lower make sure the boxsizing.htc file is linked properly. More info here: https://github.com/Schepp/box-sizing-polyfill */ } /* MAIN CONTAINER Set the width to whatever you want the width of your site to be. */ #stacks_in_627 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_627 .container:after, #stacks_in_627 .row:after, #stacks_in_627 .mbcol:after, #stacks_in_627 .clr:after, #stacks_in_627 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_627 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_627 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_627 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_627 .gutters .mbcol:first-child { margin-left: 0 !important; } } /* COLUMN WIDTH ON DISPLAYS +768px You might need to play with media queries here to suite your design. */ @media ( min-width : 768px ) { #stacks_in_627 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_627 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_627 .mbspan_3 { margin:0; width: 25%; } #stacks_in_627 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_627 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_627 .mbspan_6 { margin:0; width: 50%; } #stacks_in_627 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_627 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_627 .mbspan_9 { margin:0; width: 75%; } #stacks_in_627 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_627 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_627 .mbspan_12 { margin:0; width: 100%; } #stacks_in_627 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_627 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_627 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_627 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_627 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_627 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_627 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_627 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_627 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_627 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_627 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_627 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_627 { margin: 6px; padding: 12px; } #stacks_in_625 { margin: 5px; } #stacks_in_632 { margin: 7px; padding: 3px; } #stacks_in_645 { margin: 4px; } #stacks_in_217 { margin: 4px; padding: 4px; } #stacks_in_636 { margin: 15px 5px 15px 5px; } #stacks_in_417 { margin: 18px; padding: 4px; } /* IMPORT 12 COLUMN RESPONSIVE GS */ /* 12 COLUMN : RESPONSIVE GRID SYSTEM DEVELOPER : DENIS LEBLANC URL : http://responsive.gs VERSION : 3.0 LICENSE : GPL & MIT */ /* SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/scripts/boxsizing.htc); /* If you need support for IE7 and lower make sure the boxsizing.htc file is linked properly. More info here: https://github.com/Schepp/box-sizing-polyfill */ } /* MAIN CONTAINER Set the width to whatever you want the width of your site to be. */ #stacks_in_1270 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_1270 .container:after, #stacks_in_1270 .row:after, #stacks_in_1270 .mbcol:after, #stacks_in_1270 .clr:after, #stacks_in_1270 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_1270 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_1270 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_1270 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_1270 .gutters .mbcol:first-child { margin-left: 0 !important; } } /* COLUMN WIDTH ON DISPLAYS +768px You might need to play with media queries here to suite your design. */ @media ( min-width : 768px ) { #stacks_in_1270 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_1270 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_1270 .mbspan_3 { margin:0; width: 25%; } #stacks_in_1270 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_1270 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_1270 .mbspan_6 { margin:0; width: 50%; } #stacks_in_1270 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_1270 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_1270 .mbspan_9 { margin:0; width: 75%; } #stacks_in_1270 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_1270 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_1270 .mbspan_12 { margin:0; width: 100%; } #stacks_in_1270 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_1270 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_1270 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_1270 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_1270 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_1270 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_1270 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_1270 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_1270 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_1270 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_1270 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_1270 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_1271 { margin: 10px 10px 40px 10px; } /* -- Start Anchor Each css Template -- */ .stacks_in_1274editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_1274editInfo i{ vertical-align: middle; } .stacks_in_1274editInfo:before{ content:"#da1"; float: right; } .stacks_in_1274editInfo:after{ content:""; display: table; clear: both; } .stacks_in_1274topOffset{ 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_1274topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */ #stacks_in_1275 { margin: 10px 10px 30px 10px; } #stacks_in_1279 { margin: 10px 10px 40px 10px; } /* -- Start Anchor Each css Template -- */ .stacks_in_1282editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_1282editInfo i{ vertical-align: middle; } .stacks_in_1282editInfo:before{ content:"#da2"; float: right; } .stacks_in_1282editInfo:after{ content:""; display: table; clear: both; } .stacks_in_1282topOffset{ 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_1282topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */ #stacks_in_1283 { margin: 10px 10px 30px 10px; } #stacks_in_1289 { margin: 10px 10px 40px 10px; } #stacks_in_1135 { margin: 18px; padding: 4px; } /* -- Start Anchor Each css Template -- */ .stacks_in_670anchorStack{ height: 0px !important; padding: 0 !important; margin: 0 !important; } .stacks_in_670editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_670editInfo i{ vertical-align: middle; } .stacks_in_670editInfo:before{ content:"#da1"; float: right; } .stacks_in_670editInfo:after{ content:""; display: table; clear: both; } .stacks_in_670topOffset{ 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_670topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */#stacks_in_844.aspen_split{ position: relative; font-size: 15px; padding: 0px 0px 0px 0px; } @media screen and (min-width: 770px){ #stacks_in_844.aspen_split{ padding: 0px 0px 0px 0px; } } #stacks_in_844.aspen_split section.theme {position: relative;z-index: 1;} #stacks_in_844.aspen_split .bg-wrap {clip: rect(0, auto, auto, 0);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;} #stacks_in_844.aspen_split .bg{ position: absolute; display: block; top: 0;left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; transform: translateZ(0); will-change: transform; opacity: 0.3; } #stacks_in_844.aspen_split .bg{position: fixed;} @supports (-ms-ime-align:auto) { #stacks_in_844 .bg{ position: absolute; transform: none; background-attachment: fixed; } } #stacks_in_844.aspen_split{ text-align:left; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1.00), rgba(255, 255, 255, 1.00)); } #stacks_in_844.aspen_split{color:rgba(0, 0, 0, 1.00);} #stacks_in_844.aspen_split h1, #stacks_in_844.aspen_split h2, #stacks_in_844.aspen_split h3, #stacks_in_844.aspen_split h4, #stacks_in_844.aspen_split h5, #stacks_in_844.aspen_split h6{color: rgba(51, 51, 51, 1.00);} #stacks_in_844.aspen_split a{color: rgba(0, 0, 0, 1.00);} #stacks_in_844.aspen_split a:hover{color: rgba(0, 0, 0, 1.00);} /* IMPORT 12 COLUMN RESPONSIVE GS */ /* 12 COLUMN : RESPONSIVE GRID SYSTEM DEVELOPER : DENIS LEBLANC URL : http://responsive.gs VERSION : 3.0 LICENSE : GPL & MIT */ /* SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/scripts/boxsizing.htc); /* If you need support for IE7 and lower make sure the boxsizing.htc file is linked properly. More info here: https://github.com/Schepp/box-sizing-polyfill */ } /* MAIN CONTAINER Set the width to whatever you want the width of your site to be. */ #stacks_in_728 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_728 .container:after, #stacks_in_728 .row:after, #stacks_in_728 .mbcol:after, #stacks_in_728 .clr:after, #stacks_in_728 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_728 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_728 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_728 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_728 .gutters .mbcol:first-child { margin-left: 0 !important; } } /* COLUMN WIDTH ON DISPLAYS +768px You might need to play with media queries here to suite your design. */ @media ( min-width : 768px ) { #stacks_in_728 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_728 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_728 .mbspan_3 { margin:0; width: 25%; } #stacks_in_728 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_728 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_728 .mbspan_6 { margin:0; width: 50%; } #stacks_in_728 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_728 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_728 .mbspan_9 { margin:0; width: 75%; } #stacks_in_728 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_728 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_728 .mbspan_12 { margin:0; width: 100%; } #stacks_in_728 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_728 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_728 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_728 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_728 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_728 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_728 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_728 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_728 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_728 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_728 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_728 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_728 { margin: 5px; } #stacks_in_731 { margin: 6px; } #stacks_in_674 { margin: 9px; padding: 3px; } #stacks_in_676 { margin: 6px; } #stacks_in_1184 { margin: 18px; padding: 4px; } #stacks_in_1186 { margin: 13px; } /* IMPORT 12 COLUMN RESPONSIVE GS */ /* 12 COLUMN : RESPONSIVE GRID SYSTEM DEVELOPER : DENIS LEBLANC URL : http://responsive.gs VERSION : 3.0 LICENSE : GPL & MIT */ /* SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/scripts/boxsizing.htc); /* If you need support for IE7 and lower make sure the boxsizing.htc file is linked properly. More info here: https://github.com/Schepp/box-sizing-polyfill */ } /* MAIN CONTAINER Set the width to whatever you want the width of your site to be. */ #stacks_in_1293 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_1293 .container:after, #stacks_in_1293 .row:after, #stacks_in_1293 .mbcol:after, #stacks_in_1293 .clr:after, #stacks_in_1293 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_1293 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_1293 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_1293 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_1293 .gutters .mbcol:first-child { margin-left: 0 !important; } } /* COLUMN WIDTH ON DISPLAYS +768px You might need to play with media queries here to suite your design. */ @media ( min-width : 768px ) { #stacks_in_1293 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_1293 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_1293 .mbspan_3 { margin:0; width: 25%; } #stacks_in_1293 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_1293 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_1293 .mbspan_6 { margin:0; width: 50%; } #stacks_in_1293 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_1293 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_1293 .mbspan_9 { margin:0; width: 75%; } #stacks_in_1293 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_1293 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_1293 .mbspan_12 { margin:0; width: 100%; } #stacks_in_1293 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_1293 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_1293 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_1293 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_1293 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_1293 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_1293 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_1293 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_1293 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_1293 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_1293 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_1293 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_1293 { margin: 4px; } #stacks_in_1294 { margin: 10px 10px 40px 10px; } #stacks_in_1298 { margin: 10px 10px 40px 10px; } #stacks_in_1302 { margin: 10px 10px 40px 10px; } #stacks_in_1182 { margin: 18px; padding: 4px; } #stacks_in_846.aspen_split{ position: relative; font-size: 15px; padding: 0px 0px 0px 0px; } @media screen and (min-width: 770px){ #stacks_in_846.aspen_split{ padding: 0px 0px 0px 0px; } } #stacks_in_846.aspen_split section.theme {position: relative;z-index: 1;} #stacks_in_846.aspen_split .bg-wrap {clip: rect(0, auto, auto, 0);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;} #stacks_in_846.aspen_split .bg{ position: absolute; display: block; top: 0;left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; transform: translateZ(0); will-change: transform; opacity: 0.3; } #stacks_in_846.aspen_split .bg{position: fixed;} @supports (-ms-ime-align:auto) { #stacks_in_846 .bg{ position: absolute; transform: none; background-attachment: fixed; } } #stacks_in_846.aspen_split{ text-align:left; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1.00), rgba(255, 255, 255, 1.00)); } #stacks_in_846.aspen_split{color:rgba(0, 0, 0, 1.00);} #stacks_in_846.aspen_split h1, #stacks_in_846.aspen_split h2, #stacks_in_846.aspen_split h3, #stacks_in_846.aspen_split h4, #stacks_in_846.aspen_split h5, #stacks_in_846.aspen_split h6{color: rgba(51, 51, 51, 1.00);} #stacks_in_846.aspen_split a{color: rgba(0, 0, 0, 1.00);} #stacks_in_846.aspen_split a:hover{color: rgba(0, 0, 0, 1.00);} #stacks_in_839 { margin: 6px; } #stacks_in_832>.s3_row { margin: 0 -10px; } #stacks_in_832>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_832>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_832>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_832>.s3_row { margin: -10px 0; } #stacks_in_832>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_836 { margin: 6px; } #stacks_in_833 { margin: 11px; } /* -- Start Anchor Each css Template -- */ .stacks_in_684anchorStack{ height: 0px !important; padding: 0 !important; margin: 0 !important; } .stacks_in_684editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_684editInfo i{ vertical-align: middle; } .stacks_in_684editInfo:before{ content:"#da2"; float: right; } .stacks_in_684editInfo:after{ content:""; display: table; clear: both; } .stacks_in_684topOffset{ 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_684topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */ #stacks_in_678 { margin: 18px; padding: 4px; } #stacks_in_830 { margin: 6px; } #stacks_in_825>.s3_row { margin: 0 -10px; } #stacks_in_825>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_825>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_825>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_825>.s3_row { margin: -10px 0; } #stacks_in_825>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_816 { margin: 4px; } #stacks_in_828 { margin: 7px; } /* IMPORT 12 COLUMN RESPONSIVE GS */ /* 12 COLUMN : RESPONSIVE GRID SYSTEM DEVELOPER : DENIS LEBLANC URL : http://responsive.gs VERSION : 3.0 LICENSE : GPL & MIT */ /* SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/scripts/boxsizing.htc); /* If you need support for IE7 and lower make sure the boxsizing.htc file is linked properly. More info here: https://github.com/Schepp/box-sizing-polyfill */ } /* MAIN CONTAINER Set the width to whatever you want the width of your site to be. */ #stacks_in_1306 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_1306 .container:after, #stacks_in_1306 .row:after, #stacks_in_1306 .mbcol:after, #stacks_in_1306 .clr:after, #stacks_in_1306 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_1306 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_1306 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_1306 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_1306 .gutters .mbcol:first-child { margin-left: 0 !important; } } /* COLUMN WIDTH ON DISPLAYS +768px You might need to play with media queries here to suite your design. */ @media ( min-width : 768px ) { #stacks_in_1306 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_1306 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_1306 .mbspan_3 { margin:0; width: 25%; } #stacks_in_1306 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_1306 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_1306 .mbspan_6 { margin:0; width: 50%; } #stacks_in_1306 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_1306 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_1306 .mbspan_9 { margin:0; width: 75%; } #stacks_in_1306 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_1306 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_1306 .mbspan_12 { margin:0; width: 100%; } #stacks_in_1306 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_1306 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_1306 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_1306 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_1306 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_1306 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_1306 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_1306 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_1306 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_1306 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_1306 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_1306 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_1306 { margin: 4px; } #stacks_in_1307 { margin: 10px 10px 40px 10px; } #stacks_in_1311 { margin: 10px 10px 40px 10px; } #stacks_in_1315 { margin: 10px 10px 40px 10px; } #stacks_in_1262 { margin: 18px; padding: 4px; } #stacks_in_1260 { margin: 18px; padding: 4px; } #stacks_in_1258 { margin: 18px; padding: 4px; } #stacks_in_692 { margin: 18px; padding: 4px; } /* -- Start Anchor Each css Template -- */ .stacks_in_694anchorStack{ height: 0px !important; padding: 0 !important; margin: 0 !important; } .stacks_in_694editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_694editInfo i{ vertical-align: middle; } .stacks_in_694editInfo:before{ content:"#da3"; float: right; } .stacks_in_694editInfo:after{ content:""; display: table; clear: both; } .stacks_in_694topOffset{ 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_694topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */#stacks_in_848.aspen_split{ position: relative; font-size: 15px; padding: 0px 0px 0px 0px; } @media screen and (min-width: 770px){ #stacks_in_848.aspen_split{ padding: 0px 0px 0px 0px; } } #stacks_in_848.aspen_split section.theme {position: relative;z-index: 1;} #stacks_in_848.aspen_split .bg-wrap {clip: rect(0, auto, auto, 0);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;} #stacks_in_848.aspen_split .bg{ position: absolute; display: block; top: 0;left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; transform: translateZ(0); will-change: transform; opacity: 0.3; } #stacks_in_848.aspen_split .bg{position: fixed;} @supports (-ms-ime-align:auto) { #stacks_in_848 .bg{ position: absolute; transform: none; background-attachment: fixed; } } #stacks_in_848.aspen_split{ text-align:left; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1.00), rgba(255, 255, 255, 1.00)); } #stacks_in_848.aspen_split{color:rgba(0, 0, 0, 1.00);} #stacks_in_848.aspen_split h1, #stacks_in_848.aspen_split h2, #stacks_in_848.aspen_split h3, #stacks_in_848.aspen_split h4, #stacks_in_848.aspen_split h5, #stacks_in_848.aspen_split h6{color: rgba(51, 51, 51, 1.00);} #stacks_in_848.aspen_split a{color: rgba(0, 0, 0, 1.00);} #stacks_in_848.aspen_split a:hover{color: rgba(0, 0, 0, 1.00);}#stacks_in_735>.s3_row { margin: 0 -10px; } #stacks_in_735>.s3_row>.s3_column_left { width: 31.88%; } #stacks_in_735>.s3_row>.s3_column_right { width: 68.120003%; } #stacks_in_735>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_735>.s3_row { margin: -10px 0; } #stacks_in_735>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_738 { margin: 6px; } #stacks_in_740 { margin: 9px; } #stacks_in_841 { margin: 20px 0px 0px 0px; } #stacks_in_841_2.aspen_split{ position: relative; font-size: 15px; padding: 0px 0px 0px 0px; } @media screen and (min-width: 770px){ #stacks_in_841_2.aspen_split{ padding: 0px 0px 0px 0px; } } #stacks_in_841_2.aspen_split section.theme {position: relative;z-index: 1;} #stacks_in_841_2.aspen_split .bg-wrap {clip: rect(0, auto, auto, 0);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;} #stacks_in_841_2.aspen_split .bg{ position: absolute; display: block; top: 0;left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; transform: translateZ(0); will-change: transform; opacity: 0.3; } #stacks_in_841_2.aspen_split .bg{position: fixed;} @supports (-ms-ime-align:auto) { #stacks_in_841_2 .bg{ position: absolute; transform: none; background-attachment: fixed; } } #stacks_in_841_2.aspen_split{ text-align:center; background-image: linear-gradient(to bottom, rgba(252, 87, 41, 1.00), rgba(252, 87, 41, 1.00)); } #stacks_in_841_2.aspen_split{color:rgba(250, 248, 246, 1.00);} #stacks_in_841_2.aspen_split h1, #stacks_in_841_2.aspen_split h2, #stacks_in_841_2.aspen_split h3, #stacks_in_841_2.aspen_split h4, #stacks_in_841_2.aspen_split h5, #stacks_in_841_2.aspen_split h6{color: rgba(253, 250, 41, 1.00);} #stacks_in_841_2.aspen_split a{color: rgba(253, 250, 41, 1.00);} #stacks_in_841_2.aspen_split a:hover{color: rgba(250, 248, 246, 1.00);} /* IMPORT 12 COLUMN RESPONSIVE GS */ /* 12 COLUMN : RESPONSIVE GRID SYSTEM DEVELOPER : DENIS LEBLANC URL : http://responsive.gs VERSION : 3.0 LICENSE : GPL & MIT */ /* SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/scripts/boxsizing.htc); /* If you need support for IE7 and lower make sure the boxsizing.htc file is linked properly. More info here: https://github.com/Schepp/box-sizing-polyfill */ } /* MAIN CONTAINER Set the width to whatever you want the width of your site to be. */ #stacks_in_841_4 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_841_4 .container:after, #stacks_in_841_4 .row:after, #stacks_in_841_4 .mbcol:after, #stacks_in_841_4 .clr:after, #stacks_in_841_4 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_841_4 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_841_4 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_841_4 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_841_4 .gutters .mbcol:first-child { margin-left: 0 !important; } } /* COLUMN WIDTH ON DISPLAYS +768px You might need to play with media queries here to suite your design. */ @media ( min-width : 768px ) { #stacks_in_841_4 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_841_4 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_841_4 .mbspan_3 { margin:0; width: 25%; } #stacks_in_841_4 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_841_4 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_841_4 .mbspan_6 { margin:0; width: 50%; } #stacks_in_841_4 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_841_4 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_841_4 .mbspan_9 { margin:0; width: 75%; } #stacks_in_841_4 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_841_4 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_841_4 .mbspan_12 { margin:0; width: 100%; } #stacks_in_841_4 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_841_4 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_841_4 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_841_4 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_841_4 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_841_4 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_841_4 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_841_4 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_841_4 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_841_4 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_841_4 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_841_4 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_841_4 { margin: 40px 20px 25px 20px; padding: 3px; } /* PopupWindow stack v1.2.2 */ /* End of PopupWindow stack */ #stacks_in_841_24 { margin: 5px; }