/* * Booklit * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.4.0 */ #stacks_in_40 .imagesTypeEnabled, #stacks_in_40 .contentTypeEnabled { display: none; } #stacks_in_40 .booklitImages .imagesTypeEnabled { display: block; } #stacks_in_40 .booklitContent .contentTypeEnabled { display: block; } #stacks_in_40 .imageRatio { position: relative; padding-bottom: 133.3333%; height: 0; width: 100%; background-size: cover; background-position: center center; } .loading > div, .loading > a, .loading > ul { display: none; } .loading { height: 300px; } .loading div.loader { display: block; } #stacks_in_40.com_onelittledesigner_stacks_Booklit_stack.fullscreenBook { position: fixed; width: 100%; left: 0; bottom: 0; margin: 0; padding: 0; height: 100%; max-width: 100%; background: rgba(0,0,0,0.75); z-index: 9999999; -webkit-perspective: 6000px; -moz-perspective: 6000px; -ms-perspective: 6000px; -o-perspective: 6000px; perspective: 6000px; } /* #stacks_in_40.com_onelittledesigner_stacks_Booklit_stack.fullscreenBook #booklit-stacks_in_40 { max-width: 900px; margin: 0 auto; display: block; } */ #stacks_in_40.com_onelittledesigner_stacks_Booklit_stack.fullscreenBook #right-stacks_in_40, #stacks_in_40.com_onelittledesigner_stacks_Booklit_stack.fullscreenBook #right-stacks_in_40 { -webkit-perspective: 6000px; -moz-perspective: 6000px; -ms-perspective: 6000px; -o-perspective: 6000px; perspective: 6000px; } #stacks_in_40.fullscreenBook .com_onelittledesigner_stacks_Booklit_Page_stack {max-width: 450.000000px;} #stacks_in_40.fullscreenBook #booklit-stacks_in_40 {max-width: 100% !important;} #stacks_in_40.com_onelittledesigner_stacks_Booklit_stack.fullscreenBook .panzoom { padding: 50px !important; height: 100%; } .fullscreenBook .stacks_in, .fullscreenBook .stacks_out, .fullscreenBook .stacks_top { overflow: visible !important; } .fullscreenBook #numberNav-stacks_in_40 { bottom: 0; } /* .fullscreenBook #stacks_in_40 .singlePage { height: auto !important; } */ #stacks_in_40 .toggleFullscreenBook { width: 30px; height: 30px; background-image: url("../index_files/img/fullscreen.png"); display: block; background-size: 100%; background-color: rgba(0,0,0,0.4); border-radius: 4px; position: absolute; right: 20px; top: 10px; z-index: 9999; opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } #stacks_in_40 .toggleFullscreenBook.close { background-image: url("../index_files/img/close.png"); background-color: transparent; opacity: 1; } #stacks_in_40:hover .toggleFullscreenBook { opacity: .75; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .fullscreenHeight { height: auto !important; } #stacks_in_40 .toggleFullscreenBook { display: none !important; } #stacks_in_40 { /* -webkit-backface-visibility: hidden;*/ -webkit-transform: translateZ(0) scale(1.0, 1.0); } #booklit-stacks_in_40 { display: inline-block; margin: 0 auto; width: 100%; /*height: 100%;*/ /* padding: 70px 0;*/ /*-webkit-perspective: 2500px; -moz-perspective: 2500px; -ms-perspective: 2500px; -o-perspective: 2500px; perspective: 2500px;*/ -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; /*min-height: 500px;*/ } #right-stacks_in_40 { z-index:1; float: right; position: relative; width: 50%; height: 100%; -webkit-perspective: 2500px; -moz-perspective: 2500px; -ms-perspective: 2500px; -o-perspective: 2500px; perspective: 2500px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; /*min-height: 500px;*/ } #left-stacks_in_40 { z-index:1; /*float: left;*/ max-width: 50%; display: block; position: relative; height: 100%; -webkit-perspective: 2500px; -moz-perspective: 2500px; -ms-perspective: 2500px; -o-perspective: 2500px; perspective: 2500px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; /*min-height: 500px;*/ } #left-stacks_in_40 .page { left: 100%; left: 0 \0/; /* IE8+9 */ } /*[data-stack], [data-stack] > .com_onelittledesigner_stacks_Booklit_Page_stack { -webkit-perspective: 2500px; -moz-perspective: 2500px; -ms-perspective: 2500px; -o-perspective: 2500px; perspective: 2500px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }*/ .page { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; overflow: hidden; -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ(0); -moz-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ(0); -ms-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg); -o-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ(0); transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg); -webkit-transform-style: preserve-3d; /* Chrome, Safari, Opera */ transform-style: preserve-3d; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; -o-backface-visibility: visible; backface-visibility: visible; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #stacks_in_40 .page { -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -ms-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } #stacks_in_40 .page > div { -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } #stacks_in_40 #left-stacks_in_40 .page { border-top-left-radius: 0px \0/; /* IE8+9 */ border-top-right-radius: 0px \0/; /* IE8+9 */ border-bottom-right-radius: 0px \0/; /* IE8+9 */ border-bottom-left-radius: 0px \0/; /* IE8+9 */ } .corner { position: absolute !important; z-index: 10000; } .front { z-index: inherit; z-index: 1; position: relative; background: #fafafa; background-size: cover; background-position: center center; background-repeat: no-repeat; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; -moz-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; -ms-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; -o-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .back { z-index: inherit; z-index: 0; position: absolute; background: #f8f8f8; background-size: cover; background-position: center center; background-repeat: no-repeat; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotateY(180deg) rotateX(0deg) rotateZ(0deg) ; -moz-transform: rotateY(180deg) rotateX(0deg) rotateZ(0deg) ; -ms-transform: rotateY(180deg) rotateX(0deg) rotateZ(0deg) ; -o-transform: rotateY(180deg) rotateX(0deg) rotateZ(0deg) ; transform: rotateY(180deg) rotateX(0deg) rotateZ(0deg) ; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; -o-backface-visibility: visible; backface-visibility: visible; } #right-stacks_in_40 .front { -webkit-transform: rotateY(0deg) translateZ(1px); } #left-stacks_in_40 .front { -webkit-transform: rotateY(0deg) translateZ(0px); } #right-stacks_in_40 .back { -webkit-transform: rotateY(-180deg) translateZ(0px); } #left-stacks_in_40 .back { -webkit-transform: rotateY(-180deg) translateZ(-1px); } #right-stacks_in_40 .front a { -webkit-transform: translateZ(1px); } #left-stacks_in_40 .front a { -webkit-transform: translateZ(-1px); } #right-stacks_in_40 .back a { -webkit-transform: translateZ(-1px); } #left-stacks_in_40 .back a { -webkit-transform: translateZ(1px); } .front a { display: inline-block; box-sizing: border-box; } .back a { display: inline-block; box-sizing: border-box; } .moveRight { -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; -moz-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; -ms-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; -o-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; } .moveLeft { -webkit-transform: rotateY(-180deg) rotateX(0deg) rotateZ(0deg) ; -moz-transform: rotateY(-179.999deg) rotateX(0deg) rotateZ(0deg) ; -ms-transform: rotateY(-180deg) rotateX(0deg) rotateZ(0deg) ; -o-transform: rotateY(-180deg) rotateX(0deg) rotateZ(0deg) ; transform: rotateY(-180deg) rotateX(0deg) rotateZ(0deg) ; } /* Page Index On */ /*#numberNav-stacks_in_40 { width: 100%; box-sizing: border-box; float: left; }*/ /*#numberNav-stacks_in_40 li { display: inline-block; list-style: none; width: 15px; cursor: pointer; } #numberNav-stacks_in_40 li.currentPage { font-weight: bold; color: red; }*/ #numberNav-stacks_in_40 { display: block; text-align: center; position: absolute; list-style: none; margin: 0; bottom: -60px; left: 0; right: 0; } #numberNav-stacks_in_40 li { display: inline-block; margin: 10px; width: 20px; height: 20px; cursor: pointer; } #numberNav-stacks_in_40 li span {display: none;} #numberNav-stacks_in_40 li:before { background-color: #FFFFFF; content: ""; display: block; width: 10px; height: 10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; transition: 0.3s ease; } #numberNav-stacks_in_40 li:hover:before { width: 15px; height: 15px; margin: -2px 0 0 -2px; } #numberNav-stacks_in_40 li.currentPage:before, #numberNav-stacks_in_40 li:hover:before { background-color: #FFFFFF; } #numberNav-stacks_in_40 li.currentPage:hover:before, #numberNav-stacks_in_40 li.currentPage:before { width: 20px; height: 20px; margin: -5px 0 0 -5px; } /* Pagination On */ #booklit-stacks_in_40 {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* padding: 70px 50px; */ position:static; } #booklit-stacks_in_40 .pagination { width: 40px; height: 50px; background-color: #777777; position: absolute; z-index: 0; cursor: pointer; } #booklit-stacks_in_40.hoverOnly #pageLeft-stacks_in_40, #booklit-stacks_in_40.hoverOnly #pageRight-stacks_in_40 { filter:alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #booklit-stacks_in_40.hoverOnly:hover #pageLeft-stacks_in_40, #booklit-stacks_in_40.hoverOnly:hover #pageRight-stacks_in_40 { filter:alpha(opacity=100); opacity: 1; display: block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #pageLeft-stacks_in_40 { left: 10px; background-image: url('img/page-left.png'); display: none; } #pageRight-stacks_in_40 { right: 10px; background-image: url('img/page-right.png'); } #pageRight-stacks_in_40.flat, #pageLeft-stacks_in_40.flat { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*-webkit-box-shadow: 6px 0px 0px 6px rgba(255,255,255,0.2); -moz-box-shadow: 6px 0px 0px 6px rgba(255,255,255,0.2); box-shadow: 6px 0px 0px 6px rgba(255,255,255,0.2);*/ } #pageRight-stacks_in_40.flat:active, #pageLeft-stacks_in_40.flat:active { background-position: 0px 1px; } #pageRight-stacks_in_40.simple, #pageLeft-stacks_in_40.simple { background-color: transparent; } #pageRight-stacks_in_40.simple:active, #pageLeft-stacks_in_40.simple:active { background-position: 0px 1px; } #pageRight-stacks_in_40.detailed, #pageLeft-stacks_in_40.detailed { -webkit-box-shadow: 0px 1px 0px 1px rgba(255,255,255,0.2) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 0px 1px rgba(255,255,255,0.2) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow: 0px 1px 0px 1px rgba(255,255,255,0.2) inset, 1px 1px 3px rgba(0,0,0,0.2); overflow: hidden; } #pageRight-stacks_in_40.detailed:active, #pageLeft-stacks_in_40.detailed:active { background-position: 0px 1px; -webkit-box-shadow: 0px 1px 0px 1px rgba(255,255,255,0.2), 1px 1px 3px rgba(0,0,0,0.2) inset; -moz-box-shadow: 0px 1px 0px 1px rgba(255,255,255,0.2), 1px 1px 3px rgba(0,0,0,0.2) inset; box-shadow: 0px 1px 0px 1px rgba(255,255,255,0.2), 1px 1px 3px rgba(0,0,0,0.2) inset; } #pageRight-stacks_in_40.detailed { -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 0px; } #pageLeft-stacks_in_40.detailed { background-image: url('img/page-left.png'); -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 20px; } #pageLeft-stacks_in_40, #pageRight-stacks_in_40 { display: none !important; } #stacks_in_40 .center {text-align: center;} #stacks_in_40 .center .fa {font-size: 80px;} #stacks_in_40 .center a {color: #ffffff;} #stacks_in_40 .center a:hover {color: #ffffff;} #stacks_in_40 .centered_image img {width: auto; max-width: 100%; height: auto;} #stacks_in_40 #tab-container {min-width: 0px !important; } #stacks_in_40 .chocBoxImage img {width: 100%;} @media all and (min-width: 800px) { #pageRight-stacks_in_40, #pageLeft-stacks_in_40 { position: absolute; top: 50%; margin-top: -25px; } #booklit-stacks_in_40 { /* margin-left: 0px !important; margin-right: 0px !important; */ margin: 0 auto; max-width: 900px; display: block; } #pageLeft-stacks_in_40 { left: 10px !important; right: auto !important } #pageRight-stacks_in_40 { right: 10px !important; left: auto !important; } } @media all and (max-width: 800px) { #pageRight-stacks_in_40.detailed, #pageLeft-stacks_in_40.detailed, #pageRight-stacks_in_40.detailed:active, #pageLeft-stacks_in_40.detailed:active { -webkit-box-shadow: 0px 0px 0px black; -moz-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black; } #stacks_in_40 .toggleFullscreenBook { display: none; } #booklit-stacks_in_40 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 200%; margin-left: -90%; padding-top: 60px !important; padding-left: 15% !important; padding-right: 15% !important; } #numberNav-stacks_in_40 {display: none;} /*#booklit-stacks_in_40 .front, #booklit-stacks_in_40 .back {width: 88%;}*/ #right-stacks_in_40 {width: 50%;} #left-stacks_in_40 {max-width: 50%} /* #booklit-stacks_in_40 .pagination { width: 52px; background-repeat: no-repeat; background-position: center center; } */ #pageRight-stacks_in_40 { top: 5px !important; left: 70%; right: initial; } #pageLeft-stacks_in_40 {top: 5px !important; right: 30%; left: initial;} #booklit-stacks_in_40.hoverOnly #pageLeft-stacks_in_40, #booklit-stacks_in_40.hoverOnly #pageRight-stacks_in_40 { filter:alpha(opacity=100); opacity: 1; } #booklit-stacks_in_40.hoverOnly:hover #pageLeft-stacks_in_40, #booklit-stacks_in_40.hoverOnly:hover #pageRight-stacks_in_40 { filter:alpha(opacity=100); opacity: 1; } } #stacks_in_40 .loader { position: absolute; z-index: 9999; left: 50%; top: 50%; margin-left: -75px; margin-top: -35px; width: 150px; height: 70px; text-align: center; color: #B6A36D; } #stacks_in_40 .loader span { position: absolute; width: 100%; left: 0px; top: 45px; } #stacks_in_40 .loader .spinner { width: 30px; height: 30px; background-color: #B6A36D; margin: 0px auto; -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } #stacks_in_40 { background-image: url("3604FC5B-071F-41A3-964C-F77FD9C5D7A8.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 50px 0px 50px 0px; } /* * Pure Grids * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.3.4 */ #stacks_in_42 .back { background-color: #F4F4F4; color: #777777; } #stacks_in_42 .front { background-color: #F4F4F4; color: #777777; } #stacks_in_42 .booklitMobile.imagesTypeEnabled, #stacks_in_42 .booklitMobile.contentTypeEnabled { display: none; } @media all and (max-width: 0px) { #stacks_in_42 .booklitMobile { display: block; } #stacks_in_42 .booklitDesktop { display: none; } } #stacks_in_42 .pageDetail { display: none; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; background-image: url(../index_files/images/detail-left.png); } #stacks_in_42 .front .pageDetail { background-image: url(../index_files/images/detail-right.png); } /* * Pure Grids * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.3.4 */ #stacks_in_47 .back { background-color: #F4F4F4; color: #777777; } #stacks_in_47 .front { background-color: #F5F5F5; color: #777777; } #stacks_in_47 .booklitMobile.imagesTypeEnabled, #stacks_in_47 .booklitMobile.contentTypeEnabled { display: none; } @media all and (max-width: 0px) { #stacks_in_47 .booklitMobile { display: block; } #stacks_in_47 .booklitDesktop { display: none; } } #stacks_in_47 .pageDetail { display: none; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; background-image: url(../index_files/images/detail-left.png); } #stacks_in_47 .front .pageDetail { background-image: url(../index_files/images/detail-right.png); } .spacerStack { height: 120px; } #spacerStackstacks_in_65 { height: 120px; } #viewPortTextstacks_in_193 h1, #viewPortTextstacks_in_193 h2, #viewPortTextstacks_in_193 h3, #viewPortTextstacks_in_193 h4, #viewPortTextstacks_in_193 h5, #viewPortTextstacks_in_193 h6, #viewPortTextstacks_in_193 p, #viewPortTextstacks_in_193 { font-size: 18px; line-height: 1.25em; transition: all 0ms ease-in-out; } @media screen and (max-width: 1080px) { #viewPortTextstacks_in_193 h1, #viewPortTextstacks_in_193 h2, #viewPortTextstacks_in_193 h3, #viewPortTextstacks_in_193 h4, #viewPortTextstacks_in_193 h5, #viewPortTextstacks_in_193 h6, #viewPortTextstacks_in_193 p, #viewPortTextstacks_in_193 { font-size: 3.00vw; line-height: 1.25em; } } @media screen and (min-width: 1080px) { #viewPortTextstacks_in_193 h1, #viewPortTextstacks_in_193 h2, #viewPortTextstacks_in_193 h3, #viewPortTextstacks_in_193 h4, #viewPortTextstacks_in_193 h5, #viewPortTextstacks_in_193 h6, #viewPortTextstacks_in_193 p, #viewPortTextstacks_in_193 { font-size: 15px; line-height: 1.25em; } } @media print { #viewPortTextstacks_in_193 h1, #viewPortTextstacks_in_193 h2, #viewPortTextstacks_in_193 h3, #viewPortTextstacks_in_193 h4, #viewPortTextstacks_in_193 h5, #viewPortTextstacks_in_193 h6, #viewPortTextstacks_in_193 p, #viewPortTextstacks_in_193 { font-size: 18px; } }#stacks_in_2071 .heightstackhiclass { margin-left: auto; margin-right: auto; display: block; /* DeFliGra */ height: auto; overflow: visible; } #stacks_in_2071 { margin: 0px 15px 0px 25px; padding: 15px; } /* Font style applied when the page has finished loading */ @media all { #uniqueElement, .classElement, #fontStackstacks_in_2075 { font-family: 'Julee', sans-serif; font-weight: 400; font-style: normal; font-size: 120%; line-height: 140%; } } #stacks_in_2078 { font-size: 125%; } .spacerStack { height: 15px; } #spacerStackstacks_in_2079 { height: 15px; } /* Font style applied when the page has finished loading */ @media all { #uniqueElement, .classElement, #fontStackstacks_in_2322 { font-family: 'EB Garamond', sans-serif; font-weight: 400; font-style: normal; font-size: 140%; line-height: 100%; } } .spacerStack { height: 40px; } #spacerStackstacks_in_2084 { height: 40px; } .spacerStack { height: 40px; } #spacerStackstacks_in_66 { height: 40px; } #viewPortTextstacks_in_165 h1, #viewPortTextstacks_in_165 h2, #viewPortTextstacks_in_165 h3, #viewPortTextstacks_in_165 h4, #viewPortTextstacks_in_165 h5, #viewPortTextstacks_in_165 h6, #viewPortTextstacks_in_165 p, #viewPortTextstacks_in_165 { font-size: 18px; line-height: 1.25em; transition: all 0ms ease-in-out; } @media screen and (max-width: 1080px) { #viewPortTextstacks_in_165 h1, #viewPortTextstacks_in_165 h2, #viewPortTextstacks_in_165 h3, #viewPortTextstacks_in_165 h4, #viewPortTextstacks_in_165 h5, #viewPortTextstacks_in_165 h6, #viewPortTextstacks_in_165 p, #viewPortTextstacks_in_165 { font-size: 3.00vw; line-height: 1.25em; } } @media screen and (min-width: 1080px) { #viewPortTextstacks_in_165 h1, #viewPortTextstacks_in_165 h2, #viewPortTextstacks_in_165 h3, #viewPortTextstacks_in_165 h4, #viewPortTextstacks_in_165 h5, #viewPortTextstacks_in_165 h6, #viewPortTextstacks_in_165 p, #viewPortTextstacks_in_165 { font-size: 15px; line-height: 1.25em; } } @media print { #viewPortTextstacks_in_165 h1, #viewPortTextstacks_in_165 h2, #viewPortTextstacks_in_165 h3, #viewPortTextstacks_in_165 h4, #viewPortTextstacks_in_165 h5, #viewPortTextstacks_in_165 h6, #viewPortTextstacks_in_165 p, #viewPortTextstacks_in_165 { font-size: 18px; } }#stacks_in_167 .heightstackhiclass { margin-left: auto; margin-right: auto; display: block; /* DeFliGra */ height: auto; overflow: visible; } #stacks_in_167 { padding: 0px 15px 0px 25px; } /* Font style applied when the page has finished loading */ @media all { #uniqueElement, .classElement, #fontStackstacks_in_169 { font-family: 'EB Garamond', sans-serif; font-weight: 400; font-style: normal; font-size: 140%; line-height: 100%; } } #stacks_in_57 { line-height: 2em; } /* * Pure Grids * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.3.4 */ #stacks_in_234 .back { background-color: #F4F4F4; color: #777777; } #stacks_in_234 .front { background-color: #FFFFFF; color: #777777; } #stacks_in_234 .booklitMobile.imagesTypeEnabled, #stacks_in_234 .booklitMobile.contentTypeEnabled { display: none; } @media all and (max-width: 0px) { #stacks_in_234 .booklitMobile { display: block; } #stacks_in_234 .booklitDesktop { display: none; } } #stacks_in_234 .pageDetail { display: none; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; background-image: url(../index_files/images/detail-left.png); } #stacks_in_234 .front .pageDetail { background-image: url(../index_files/images/detail-right.png); } /* * Pure Grids * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.3.4 */ #stacks_in_593 .back { background-color: #F4F4F4; color: #777777; } #stacks_in_593 .front { background-color: #FFFFFF; color: #777777; } #stacks_in_593 .booklitMobile.imagesTypeEnabled, #stacks_in_593 .booklitMobile.contentTypeEnabled { display: none; } @media all and (max-width: 0px) { #stacks_in_593 .booklitMobile { display: block; } #stacks_in_593 .booklitDesktop { display: none; } } #stacks_in_593 .pageDetail { display: none; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; background-image: url(../index_files/images/detail-left.png); } #stacks_in_593 .front .pageDetail { background-image: url(../index_files/images/detail-right.png); } .spacerStack { height: 40px; } #spacerStackstacks_in_600 { height: 40px; } #viewPortTextstacks_in_628 h1, #viewPortTextstacks_in_628 h2, #viewPortTextstacks_in_628 h3, #viewPortTextstacks_in_628 h4, #viewPortTextstacks_in_628 h5, #viewPortTextstacks_in_628 h6, #viewPortTextstacks_in_628 p, #viewPortTextstacks_in_628 { font-size: 18px; line-height: 1.25em; transition: all 0ms ease-in-out; } @media screen and (max-width: 1080px) { #viewPortTextstacks_in_628 h1, #viewPortTextstacks_in_628 h2, #viewPortTextstacks_in_628 h3, #viewPortTextstacks_in_628 h4, #viewPortTextstacks_in_628 h5, #viewPortTextstacks_in_628 h6, #viewPortTextstacks_in_628 p, #viewPortTextstacks_in_628 { font-size: 3.00vw; line-height: 1.25em; } } @media screen and (min-width: 1080px) { #viewPortTextstacks_in_628 h1, #viewPortTextstacks_in_628 h2, #viewPortTextstacks_in_628 h3, #viewPortTextstacks_in_628 h4, #viewPortTextstacks_in_628 h5, #viewPortTextstacks_in_628 h6, #viewPortTextstacks_in_628 p, #viewPortTextstacks_in_628 { font-size: 15px; line-height: 1.25em; } } @media print { #viewPortTextstacks_in_628 h1, #viewPortTextstacks_in_628 h2, #viewPortTextstacks_in_628 h3, #viewPortTextstacks_in_628 h4, #viewPortTextstacks_in_628 h5, #viewPortTextstacks_in_628 h6, #viewPortTextstacks_in_628 p, #viewPortTextstacks_in_628 { font-size: 18px; } }#stacks_in_630 .heightstackhiclass { margin-left: auto; margin-right: auto; display: block; /* DeFliGra */ height: auto; overflow: visible; } #stacks_in_630 { padding: 0px 15px 0px 25px; } /* Font style applied when the page has finished loading */ @media all { #uniqueElement, .classElement, #fontStackstacks_in_632 { font-family: 'EB Garamond', sans-serif; font-weight: 400; font-style: normal; font-size: 140%; line-height: 100%; } } /* * Pure Grids * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.3.4 */ #stacks_in_994 .back { background-color: #32334E; color: #777777; } #stacks_in_994 .front { background-color: #FFFFFF; color: #777777; } #stacks_in_994 .booklitMobile.imagesTypeEnabled, #stacks_in_994 .booklitMobile.contentTypeEnabled { display: none; } @media all and (max-width: 0px) { #stacks_in_994 .booklitMobile { display: block; } #stacks_in_994 .booklitDesktop { display: none; } } #stacks_in_994 .pageDetail { display: none; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; background-image: url(../index_files/images/detail-left.png); } #stacks_in_994 .front .pageDetail { background-image: url(../index_files/images/detail-right.png); } .spacerStack { height: 40px; } #spacerStackstacks_in_996 { height: 40px; } #viewPortTextstacks_in_997 h1, #viewPortTextstacks_in_997 h2, #viewPortTextstacks_in_997 h3, #viewPortTextstacks_in_997 h4, #viewPortTextstacks_in_997 h5, #viewPortTextstacks_in_997 h6, #viewPortTextstacks_in_997 p, #viewPortTextstacks_in_997 { font-size: 18px; line-height: 1.25em; transition: all 0ms ease-in-out; } @media screen and (max-width: 1080px) { #viewPortTextstacks_in_997 h1, #viewPortTextstacks_in_997 h2, #viewPortTextstacks_in_997 h3, #viewPortTextstacks_in_997 h4, #viewPortTextstacks_in_997 h5, #viewPortTextstacks_in_997 h6, #viewPortTextstacks_in_997 p, #viewPortTextstacks_in_997 { font-size: 3.00vw; line-height: 1.25em; } } @media screen and (min-width: 1080px) { #viewPortTextstacks_in_997 h1, #viewPortTextstacks_in_997 h2, #viewPortTextstacks_in_997 h3, #viewPortTextstacks_in_997 h4, #viewPortTextstacks_in_997 h5, #viewPortTextstacks_in_997 h6, #viewPortTextstacks_in_997 p, #viewPortTextstacks_in_997 { font-size: 15px; line-height: 1.25em; } } @media print { #viewPortTextstacks_in_997 h1, #viewPortTextstacks_in_997 h2, #viewPortTextstacks_in_997 h3, #viewPortTextstacks_in_997 h4, #viewPortTextstacks_in_997 h5, #viewPortTextstacks_in_997 h6, #viewPortTextstacks_in_997 p, #viewPortTextstacks_in_997 { font-size: 18px; } }#stacks_in_999 .heightstackhiclass { margin-left: auto; margin-right: auto; display: block; /* DeFliGra */ height: auto; overflow: visible; } #stacks_in_999 { padding: 0px 15px 0px 25px; } /* Font style applied when the page has finished loading */ @media all { #uniqueElement, .classElement, #fontStackstacks_in_1001 { font-family: 'EB Garamond', sans-serif; font-weight: 400; font-style: normal; font-size: 140%; line-height: 100%; } } #stacks_in_129 { background-color: rgba(50, 51, 78, 1.00); } .spacerStack { height: 30px; } #spacerStackstacks_in_4120 { height: 30px; } /* Font style applied when the page has finished loading */ @media all { #uniqueElement, .classElement, #fontStackstacks_in_4116 { font-family: 'Nothing You Could Do', sans-serif; font-weight: 400; font-style: normal; font-size: 150%; line-height: 140%; } } #stacks_in_4119 { font-size: 125%; } #stacks_in_4122 { font-size: 125%; } .spacerStack { height: 20px; } #spacerStackstacks_in_223 { height: 20px; } /* Font style applied when the page has finished loading */ @media all { #uniqueElement, .classElement, #fontStackstacks_in_1216 { font-family: 'Droid Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 83%; line-height: 100%; } } /* * Simple Text * Author: Jeremy Hawes * Website: http://onelittledesigner.com/rapidweaver-stack/simple-text/ * Support: http://forum.onelittledesigner.com * Verson: 1.4.1 */ #simpleText_stacks_in_1214 { position: relative; color: #B6A36D; font-size: inherit; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_1214.letterSpacingOn {letter-spacing: 0px;} #simpleText_stacks_in_1214.lineHeightOn {line-height: 14px;} #simpleText_stacks_in_1214 h1 {color: ; font-size: ;} #simpleText_stacks_in_1214 h2 {color: ; font-size: ;} #simpleText_stacks_in_1214 h3 {color: ; font-size: ;} #simpleText_stacks_in_1214 h4 {color: ; font-size: ;} #simpleText_stacks_in_1214 h5 {color: ; font-size: ;} #simpleText_stacks_in_1214 h6 {color: ; font-size: ;} #simpleText_stacks_in_1214.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_1214.inheritOff a, #simpleText_stacks_in_1214.inheritOff a:link { color: #B6A36D; text-decoration: inherit; font-style: inherit; font-weight: normal; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_1214.inheritOff a:visited {color: #B6A36D;} #simpleText_stacks_in_1214.inheritOff a:hover { color: #B6A36D; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_1214.inheritOff a:active {color: #B6A36D;} #simpleText_stacks_in_1214.inheritOff a:focus {color: #B6A36D; outline: none !important;} /*Some browsers add an outline*/ #simpleText_stacks_in_1214.optJustify {text-align: justify;} /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_1214 {font-size: ;} } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_1214 {font-size: inherit;} } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_1214 {font-size: inherit;} } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_1214 {font-size: inherit;} } #cookiesdirective{ position:fixed; top:0px; left:0px; width:100%; height:auto; background:rgba(50, 51, 78, 1.00); opacity:.99; -ms-filter:?alpha(opacity=99)?; filter:alpha(opacity=99); -khtml-opacity:.99; -moz-opacity:.99; z-index:8888; } #cdstatement { position:relative; color:rgba(182, 163, 109, 1.00); font-size:14px; text-align:center; height:auto; width:90%; padding:5px; margin:0 auto; } #cdbuttons .cdbutton{ display: inline-block; } #cdclose { position:absolute; top:0; left:0; cursor:pointer; z-index:8999; max-width:32px; max-height:32px; } #stacks_in_224 { background-color: rgba(50, 51, 78, 1.00); } /* Font style applied when the page has finished loading */ @media all { #uniqueElement, .classElement, #fontStackstacks_in_231 { font-family: 'Droid Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 90%; line-height: 100%; } } /* * Simple Text * Author: Jeremy Hawes * Website: http://onelittledesigner.com/rapidweaver-stack/simple-text/ * Support: http://forum.onelittledesigner.com * Verson: 1.4.1 */ #simpleText_stacks_in_1241 { position: relative; color: #B6A36D; font-size: inherit; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_1241.letterSpacingOn {letter-spacing: 0px;} #simpleText_stacks_in_1241.lineHeightOn {line-height: 14px;} #simpleText_stacks_in_1241 h1 {color: ; font-size: ;} #simpleText_stacks_in_1241 h2 {color: ; font-size: ;} #simpleText_stacks_in_1241 h3 {color: ; font-size: ;} #simpleText_stacks_in_1241 h4 {color: ; font-size: ;} #simpleText_stacks_in_1241 h5 {color: ; font-size: ;} #simpleText_stacks_in_1241 h6 {color: ; font-size: ;} #simpleText_stacks_in_1241.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_1241.inheritOff a, #simpleText_stacks_in_1241.inheritOff a:link { color: #B6A36D; text-decoration: inherit; font-style: inherit; font-weight: normal; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_1241.inheritOff a:visited {color: #B6A36D;} #simpleText_stacks_in_1241.inheritOff a:hover { color: #B6A36D; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_1241.inheritOff a:active {color: #B6A36D;} #simpleText_stacks_in_1241.inheritOff a:focus {color: #B6A36D; outline: none !important;} /*Some browsers add an outline*/ #simpleText_stacks_in_1241.optJustify {text-align: justify;} /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_1241 {font-size: ;} } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_1241 {font-size: inherit;} } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_1241 {font-size: inherit;} } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_1241 {font-size: inherit;} } .spacerStack { height: 15px; } #spacerStackstacks_in_1243 { height: 15px; }