.com_bigwhiteduck_stacks_paragraphpro_stack p.text-center{text-align:center}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-left{text-align:left}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-right{text-align:right}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-justify{text-align:justify}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-inherit{text-align:inherit}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_paragraphpro_stack p.small-only-text-center{text-align:center}.com_bigwhiteduck_stacks_paragraphpro_stack p.small-only-text-center+ul{display:table;margin:0 auto;text-align:left}}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_paragraphpro_stack p.text-justify.small-only-just-left{text-align:left!important}} .com_bigwhiteduck_stacks_headerpro_stack .text-center{text-align:center}.com_bigwhiteduck_stacks_headerpro_stack .text-left{text-align:left}.com_bigwhiteduck_stacks_headerpro_stack .text-right{text-align:right}.com_bigwhiteduck_stacks_headerpro_stack .text-justify{text-align:justify}.com_bigwhiteduck_stacks_headerpro_stack .text-inherit{text-align:inherit} .fnav, .fnav * { font-family: Montserrat, sans-serif; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .fnav { width: 100%; padding: 0 10px; float: left; position: relative; background: rgba(0, 0, 0, 0.50); } /* Max width restriciton */ .fnav img { max-width: 400px; height: auto; } @media (max-width: 1024px) { .fnav img { max-width: px; height: auto; } .fnav-brand { margin-top: 10px!important; } } @media (max-width: 768px) { .fnav img { max-width: 100px; height: auto; } .fnav-brand { margin-top: 10px!important; } /* Edge to Edge on mobile */ .fnav { padding: 0px; } } /* Fixed Nav */ .fixed { position: fixed; width: 100%; } /* Scroll to solid colour*/ .normal { position: absolute; width: 100%; } .subnavver { /* This is just here for a jquery selection - no styling needed */ } .fnav a { -o-transition: color .3s linear, background .3s linear; -moz-transition: color .3s linear, background .3s linear; -webkit-transition: color .3s linear, background .3s linear; transition: color .3s linear, background .3s linear; } .fnav-brand { margin: 14px 30px 0 0; float: left; text-decoration: none; font-size: 24px; font-weight: 600; line-height: 1.3; cursor: pointer; } a.fnav-brand { text-decoration: none; color: rgba(255, 255, 255, 1.00)!important; } a:visited.fnav-brand { color: inherit; } a.fnav-brand:hover { text-decoration: none; color: rgba(255, 255, 255, 1.00)!important; } .fnav-menu { margin: 0; padding: 0; float: left; list-style: none; } .fnav-menu.fnav-right { float: right; } .fnav-menu > li { display: inline-block; float: left; } .fnav-menu > li > a { padding: 25px 16px; display: inline-block; text-decoration: none; font-size: 16px; font-weight: 600; color: rgba(153, 153, 153, 1.00); outline: 0; line-height: 1.42857143; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; position:relative; } .fnav-menu > li.active > a, .fnav-menu > li:hover > a { color: rgba(255, 255, 255, 1.00); } li.subnavver a:hover:before { display: none !important; } .fnav-menu ul.dropdown, .fnav-menu ul.dropdown li ul.dropdown { list-style: none; margin: 0; padding: 0; display: none; position: absolute; z-index: 99; min-width: 180px; white-space: nowrap; background: rgba(0, 0, 0, 0.70); } .fnav-menu ul.dropdown li ul.dropdown { left: 100%; } .fnav-menu ul.dropdown li { clear: both; width: 100%; border: 0 none; font-size: 12px; position: relative; } .fnav-menu ul.dropdown li a { width: 100%; background: none; padding: 10px 25px 10px 22px; color: rgba(204, 204, 204, 1.00); text-decoration: none; display: inline-block; float: left; clear: both; position: relative; outline: 0; -o-transition: padding .2s linear; -moz-transition: padding .2s linear; -webkit-transition: padding .2s linear; transition: padding .2s linear; font-size: 14px; } .fnav-menu ul.dropdown li:hover > a { padding-left: 28px; padding-right: 19px; color: rgba(255, 255, 255, 1.00); } .fnav-menu ul.dropdown.dropdown-left { left: none; } .fnav-menu ul.dropdown li ul.dropdown.dropdown-left { left: -100%; } .fnav-menu li .indicator { margin-left: 3px; } .fnav-menu li ul.dropdown li .indicator { position: absolute; top: 8px; right: 10px; font-size: 15px; } .fnav .showhide { width: 60px; height: 46px; padding: 13px 0 0; display: none; float: right; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; } .fnav .showhide em { width: 20px; height: 3px; margin: 3.5px 20px 0; float: right; background: rgba(255, 255, 255, 1.00); } .fnav .showhide:before { content: "MENU"; position: absolute; float: left; right: 50px; color: rgba(255, 255, 255, 1.00); } @media (min-width: 768px) { .fnav { padding-right: 0px; } } @media (max-width: 768px) { .fnav-responsive.fnav { padding: 0; } .fnav-responsive .fnav-brand{ margin: 8px 30px 10px 20px; font-size: 20px; line-height: 1.55; } .fnav-responsive .showhide{ margin: 0; } .fnav-responsive .fnav-menu{ width: 100%; float: left !important; } .fnav-responsive .fnav-menu.scrollable{ overflow-y: auto; -webkit-overflow-scrolling: touch; } .fnav-responsive .fnav-menu.scrollable > .scrollable-fix{ display: block; } .fnav-responsive .fnav-menu > li{ width: 100%; display: block; position: relative; } .fnav-responsive .fnav-menu > li > a{ width: 100%; padding: 12px 20px; display: block; border-bottom: solid 1px #f0f0f0; } .fnav-responsive .fnav-menu > li:first-child > a{ border-top: solid 1px #f0f0f0; } .fnav-responsive .fnav-menu > li.subnavver:first-child > a{ border-top: 0px; } .fnav-responsive .fnav-menu ul.dropdown, .fnav-responsive .fnav-menu ul.dropdown li ul.dropdown{ width: 100%; left: 0; position: static; border: none; background: rgba(0, 0, 0, 0.70); float: left; } .fnav-responsive .fnav-menu ul.dropdown li{ position: relative; } .fnav-responsive .fnav-menu ul.dropdown li a{ border-bottom: solid 1px #f0f0f0; } .fnav-responsive .fnav-menu.fnav-indented > li > ul.dropdown > li > a { padding-left: 40px !important; } .fnav-responsive .fnav-menu.fnav-indented > li > ul.dropdown > li > ul.dropdown > li > a { padding-left: 60px !important; } .fnav-responsive .fnav-menu.fnav-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a { padding-left: 80px !important; } .fnav-responsive .fnav-menu.fnav-indented > li > ul.dropdown > li:hover > a { padding-left: 50px !important; } .fnav-responsive .fnav-menu.fnav-indented > li > ul.dropdown > li > ul.dropdown > li:hover > a { padding-left: 70px !important; } .fnav-responsive .fnav-menu.fnav-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li:hover > a { padding-left: 90px !important; } .fnav-responsive .fnav-menu li .indicator{ width: 60px; height: 45px; position: absolute; right: 0; top: 0; font-size: 22px; text-align: center; line-height: 43px; border-left: solid 1px #f5f5f5; } .fnav-responsive .fnav-menu li ul.dropdown li .indicator{ height: 38px; right: 0; top: 0; font-size: 18px; line-height: 36px; } } /* Animation Sets */ .zoom-in { -webkit-animation: zoomIn 400ms ease both; -moz-animation: zoomIn 400ms ease both; -o-animation: zoomIn 400ms ease both; animation: zoomIn 400ms ease both; } @-webkit-keyframes zoomIn { 0% { -webkit-transform: scale(1.5); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes zoomIn { 0% { -moz-transform: scale(1.5); } 100% { -moz-transform: scale(1); } } @-o-keyframes zoomIn { 0% { opacity: 0; -o-transform: scale(1.5); } 100% { opacity: 1; -o-transform: scale(1); } } @keyframes zoomIn { 0% { transform: scale(1.5); } 100% { transform: scale(1); } } .zoom-out{ -webkit-animation: zoomOut 400ms ease both; -moz-animation: zoomOut 400ms ease both; -o-animation: zoomOut 400ms ease both; animation: zoomOut 400ms ease both; } @-webkit-keyframes zoomOut { 0% { -webkit-transform: scale(.6); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes zoomOut { 0% { -moz-transform: scale(.6); } 100% { -moz-transform: scale(1); } } @-o-keyframes zoomOut { 0% { -o-transform: scale(.6); } 100% { -o-transform: scale(1); } } @keyframes zoomOut { 0% { transform: scale(.6); } 100% { transform: scale(1); } } .drop-up{ -webkit-animation: drop-up 400ms ease both; -moz-animation: drop-up 400ms ease both; -o-animation: drop-up 400ms ease both; animation: drop-up 400ms ease both; } @-webkit-keyframes drop-up { 0% { -webkit-transform: translateY(100px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes drop-up { 0% { -moz-transform: translateY(100px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes drop-up { 0% { -o-transform: translateY(100px); } 100% { -o-transform: translateY(0); } } @keyframes drop-up { 0% { transform: translateY(100px); } 100% { transform: translateY(0); } } .drop-left{ -webkit-animation: drop-left 400ms ease both; -moz-animation: drop-left 400ms ease both; -o-animation: drop-left 400ms ease both; animation: drop-left 400ms ease both; } @-webkit-keyframes drop-left { 0% { -webkit-transform: translateX(-100px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes drop-left { 0% { -moz-transform: translateX(-100px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes drop-left { 0% { -o-transform: translateX(-100px); } 100% { -o-transform: translateX(0); } } @keyframes drop-left { 0% { transform: translateX(-100px); } 100% { transform: translateX(0); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation: swing 400ms ease-out both; -moz-animation: swing 400ms ease-out both; -o-animation: swing 400ms ease-out both; animation: swing 400ms ease-out both; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .flip{ -webkit-animation: flip 700ms ease both; -moz-animation: flip 700ms ease both; -o-animation: flip 700ms ease both; animation: flip 700ms ease both; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .roll-in{ -webkit-animation: roll-in 400ms ease both; -moz-animation: roll-in 400ms ease both; -o-animation: roll-in 400ms ease both; animation: roll-in 400ms ease both; } @-webkit-keyframes roll-in { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-15deg); transform: translateX(-100%) rotate(-15deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes roll-in { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-15deg); -ms-transform: translateX(-100%) rotate(-15deg); transform: translateX(-100%) rotate(-15deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .stretch{ -webkit-animation: stretch 500ms ease both; -moz-animation: stretch 500ms ease both; -o-animation: stretch 500ms ease both; animation: stretch 500ms ease both; transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; } @keyframes stretch{ 0% { transform: scaleX(0.3); } 40% { transform: scaleX(1.02); } 60% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(1); } } @-webkit-keyframes stretch{ 0% { -webkit-transform: scaleX(0.3); } 40% { -webkit-transform: scaleX(1.02); } 60% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(1); } } @-o-keyframes stretch{ 0% { -o-transform: scaleX(0.3); } 40% { -o-transform: scaleX(1.02); } 60% { -o-transform: scaleX(0.98); } 80% { -o-transform: scaleX(1.01); } 100% { -o-transform: scaleX(0.98); } 80% { -o-transform: scaleX(1.01); } 100% { -o-transform: scaleX(1); } } /* Divider */ /* Hide Divider Lines Mobile */ /* Align Center */ /* Align Dropdown items */ @media (min-width: 768px) { .fnav-menu ul.dropdown li a { text-align: left; } } /* Start Content Below Navigation */ /* /* SKINS*/ /* Border Bottom Skin */ @media (min-width: 800px) { ul.fnav-menu > li > a:before { content: ""; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 1.00); visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.1s ease-in-out 0s; transition: all 0.1s ease-in-out 0s; } ul.fnav-menu.dropdown.fnav-indented.scrollable li a:hover:before, .fnav-menu > li.active > a:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } } /* Border Top Skin */ /* Border Boxed Skin */ /* Gradient Skin */ /* Mobile Logo overwrites */ /* Fade in Navigation Animation */ .fnav { -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 3s; /* Firefox < 16 */ -ms-animation: fadein 3s; /* Internet Explorer */ -o-animation: fadein 3s; /* Opera < 12.1 */ animation: fadein 3s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Hide Accessibility Highlights */ /* Hacks for Microsoft Windows IE Browsers */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ /* Hack for bullets to stop appearing in IE*/ .fnav-menu ul.dropdown, .fnav-menu ul.dropdown li ul.dropdown {display: block!important;} .fnav-menu {display: block;} } @supports (-ms-accelerator:true) { /* IE Edge 12+ CSS styles go here */ .fnav-menu ul.dropdown, .fnav-menu ul.dropdown li ul.dropdown {display: block!important;} .fnav-menu {display: block;} } #stacks_in_92 { padding: 4px 12px 6px 0px; } #jr_overlay{top:0;left:0;padding:0;margin:0;z-index:2147483646;position:absolute}#jr_wrap{position:absolute;text-align:center;width:100%;z-index:2147483647;padding:0;margin:0}#jr_inner{font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;font-size:12px;background:#FFF;border:1px solid #CCC;color:#4f4f4f;margin:0 auto;height:auto;padding:20px;position:relative}#jr_header{display:block;color:#333;padding:5px;padding-bottom:0;margin:0;font-family:Helvetica,Arial,sans-serif;font-weight:bold;text-align:left;font-size:1.3em;margin-bottom:.5em}#jr_inner p{text-align:left;padding:5px;margin:0}#jr_inner ul{list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0}#jr_inner ul li{cursor:pointer;float:left;width:120px;height:122px;margin:0 10px 10px 10px;padding:0;text-align:center}#jr_inner li a{color:#333;font-size:.8em;text-decoration:none;padding:0;margin:0}#jr_inner li a:hover{text-decoration:underline}#jr_inner .jr_icon{width:100px;height:100px;margin:1px auto;padding:0;background:transparent no-repeat scroll left top;cursor:pointer}#jr_close{margin:0 0 0 50px;clear:both;text-align:left;padding:0;margin:0}#jr_close a{color:#000;display:block;width:auto;margin:0;padding:0;text-decoration:underline}#jr_close p{padding:10px 0 0 0;margin:0}h1#jr_header{letter-spacing:1px!important} /* 1.3.0 */ #stacks_in_64_276 { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_64_276 > * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:focus { outline-style:none; box-shadow:none; border-color:transparent; } #stacks_in_64_276 .clean-menu-extra { display: none; } #clean-menu_stacks_in_64_276 .clean-menu-logo .cm-logo-right { white-space: nowrap; } #clean-menu_stacks_in_64_276 .clean-menu-logo .cm-logo-right * { margin: 0; display: flex; align-self: center; } #clean-menu-full_stacks_in_64_276.cm-full-menu li a:hover, #clean-menu_stacks_in_64_276 li a:hover { text-decoration: none; } #stacks_in_64_276 nav { border: 0px solid transparent; } #clean-menu_stacks_in_64_276 { max-width: 10039px; box-sizing: border-box; padding: 0px 20px; } /* compatability fixes */ #clean-menu_stacks_in_64_276 ul { margin: 0; } #clean-menu-full_stacks_in_64_276.cm-full-menu ul, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } #clean-menu_stacks_in_64_276 ul li a:after, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul li a:after { align-self: center; } /* --- */ #clean-menu-full_stacks_in_64_276.cm-full-menu, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul { position: absolute; top: 0; left: 0; } #clean-menu-full_stacks_in_64_276.cm-full-menu ul, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul { text-decoration: none; list-style: none; margin: 0; display: block; padding: 0px 0px; background: transparent; } #clean-menu-full_stacks_in_64_276.cm-full-menu ul { padding: 6px 0px; } #clean-menu-full_stacks_in_64_276.cm-full-menu ul li, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul li { display: block; margin: 0; padding: 0; float: none; background: transparent; } #clean-menu-full_stacks_in_64_276.cm-full-menu ul li a, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul li a { padding: 5px 20px; margin: 0; background: transparent; display: inline-block; } #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li.clean-menu-dropdown > ul { padding: 6px 0px; } #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul li a { padding: 6px 20px; } #clean-menu-full_stacks_in_64_276.cm-full-menu ul > li > a { font-weight: bold; } #clean-menu-full_stacks_in_64_276.cm-full-menu ul ul > li > a, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul ul { padding: 6px 20px; font-weight: normal; line-height: inherit; height: auto; } #clean-menu-full_stacks_in_64_276.cm-full-menu ul > div, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul > div { padding: 20px; } #clean-menu-full_stacks_in_64_276.cm-full-menu ul > div a, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul > div a { display: block; padding: 0; } #clean-menu-full_stacks_in_64_276.cm-full-menu ul ul, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul ul { display: block; padding: 0px 0px 10px 10px; margin: 0; } #clean-menu-full_stacks_in_64_276.cm-full-menu, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul { position: absolute; z-index: 9999; pointer-events: none; opacity: 0; -webkit-transition: -webkit-transform 300ms ease, opacity 300ms ease; transition: -webkit-transform 300ms ease, opacity 300ms ease; transition: transform 300ms ease, opacity 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease, opacity 300ms ease; -webkit-transform: translate(0, 50px); transform: translate(0, 50px); min-width: 250px; border-radius: 4px; box-shadow: 0px 10px 20px rgba(0,0,0,0.4); } #clean-menu-full_stacks_in_64_276.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_64_276.cm-full-menu.clean-menu-active ul { pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_64_276 ul { opacity: 0; pointer-events: none; z-index: 0; -webkit-transition: opacity 450ms ease; transition: opacity 450ms ease; } #clean-menu-full_stacks_in_64_276.clean-menu-active ul { opacity: 1; pointer-events: all; } .cm-toggle { width: 30px; height: 28px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .cm-toggle span { display: block; position: absolute; height: 5px; width: 100%; background: #333; border-radius: 4px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .cm-toggle span:nth-child(1) { top: 0px; } .cm-toggle span:nth-child(2),.cm-toggle span:nth-child(3) { top: 10px; } .cm-toggle span:nth-child(4) { top: 20px; } .cm-toggle.open span:nth-child(1) { opacity: 0; } .cm-toggle.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cm-toggle.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .cm-toggle.open span:nth-child(4) { opacity: 0; } #clean-menu_stacks_in_64_276 { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } #clean-menu_stacks_in_64_276 > div { -ms-flex-item-align: start; align-self: start; } #clean-menu_stacks_in_64_276 .clean-menu-full .cm-menu-toggle { width: 30px; height: 25px; box-sizing: border-box; padding: 0; /* border: 1px solid #000;*/ border-radius: 3px; cursor: pointer; } #clean-menu_stacks_in_64_276 > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; flex-grow: 1; transition: margin 300ms ease; } #clean-menu_stacks_in_64_276 .clean-menu-logo { max-width: 50px; min-width: 50px; margin: 0; } #clean-menu_stacks_in_64_276 .clean-menu-logo .cm-logo-wrap { max-width: 50px; min-width: 50px; -webkit-box-flex: none; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; } #clean-menu_stacks_in_64_276 .clean-menu-logo a { text-decoration: none; display: block; } /* div[tag="slice"] > .mez > #stacks_in_64_276.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo { width: 300px; max-width: 300px; } */ #clean-menu_stacks_in_64_276 .clean-menu-logo > div > div { -ms-flex-item-align: start; align-self: start; } #clean-menu_stacks_in_64_276 .clean-menu-logo .cm-logo-left { max-width: 73px; display: none; max-width: 9999px; margin: 10px 0; } div[tag="slice"] > .mez > #stacks_in_64_276.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo .cm-logo-left { max-width: 128px; max-width: 9999px; } #clean-menu_stacks_in_64_276 .clean-menu-logo .cm-logo-right { display: none; margin: 10px 0; } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-end; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; -ms-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; list-style: none; padding: 0; text-decoration: none; } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul > div { display: none; } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul ul { display: none; } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li { margin: 0 15px; -ms-flex-item-align: start; align-self: start; } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li:first-child { margin-left: 0; } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li:last-child { margin-right: 0; } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li:last-child.cm-group-True { margin: 0; } div[tag="slice"] > .mez > #stacks_in_64_276.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 0 0 15px; } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li a, #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li a:visited { transition: color 150ms ease; text-decoration: none; color: rgba(0, 0, 0, 0.40); font-size: 14px; line-height: 25px; padding: 0; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; } #clean-menu-full_stacks_in_64_276.cm-full-menu ul li a { font-size: 14px; } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li a, #clean-menu-full_stacks_in_64_276.cm-full-menu ul li a { font-family: Kanit; } #clean-menu-full_stacks_in_64_276.cm-full-menu > ul > li > a { } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li a svg, #clean-menu-full_stacks_in_64_276.cm-full-menu ul li a svg, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul li a svg { fill: rgba(0, 0, 0, 0.40); align-self: center; vertical-align: middle; } #clean-menu-full_stacks_in_64_276.cm-full-menu ul li a, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul li a{ transition: color 150ms ease; } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li.cm-grouped-item, #clean-menu-full_stacks_in_64_276.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { white-space: nowrap; } #clean-menu-full_stacks_in_64_276.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { padding: 5px 20px; } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li.cm-grouped-item a, #clean-menu-full_stacks_in_64_276.cm-full-menu ul li.cm-grouped-item a { display: inline-block; margin-left: 5px; } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li.cm-grouped-item a { padding: 0; } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li.cm-grouped-item a:first-child, #clean-menu-full_stacks_in_64_276.cm-full-menu ul li.cm-grouped-item a:first-child { margin-left: 0px; } #clean-menu-full_stacks_in_64_276.cm-full-menu ul li.cm-grouped-item a { padding: 4px 30px 4px 0; } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li a ion-icon, #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li a i, #clean-menu-full_stacks_in_64_276.cm-full-menu ul li a ion-icon, #clean-menu-full_stacks_in_64_276.cm-full-menu ul li a i { font-size: 25px; line-height: 25px; } #stacks_in_64_276 li a svg, #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li a svg, #clean-menu-full_stacks_in_64_276.cm-full-menu ul li a svg, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul li a svg { width: 25px; height: 25px; } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li a:hover { transition: color 150ms ease; text-decoration: none; color: rgba(0, 0, 0, 0.20); } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li a:hover svg, #clean-menu-full_stacks_in_64_276.cm-full-menu ul li a:hover svg { fill: rgba(0, 0, 0, 0.20); } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li a.cm-heading { pointer-events: none; } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li.cm-current > a { transition: color 150ms ease; text-decoration: none; color: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li.cm-current > a svg, #clean-menu-full_stacks_in_64_276.cm-full-menu ul li.cm-current > a svg { fill: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_64_276 .cm-toggle span { background: #000000; } #clean-menu_stacks_in_64_276 h1, #clean-menu_stacks_in_64_276 h2, #clean-menu_stacks_in_64_276 h3, #clean-menu_stacks_in_64_276 h4, #clean-menu_stacks_in_64_276 h5, #clean-menu_stacks_in_64_276 h6, #clean-menu_stacks_in_64_276 .layouts-text, #clean-menu_stacks_in_64_276 p { color: rgba(0, 0, 0, 0.60); font-size: inherit; margin: 0; } #clean-menu-full_stacks_in_64_276.cm-full-menu, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul { background: rgba(233, 197, 160, 1.00); } #clean-menu-full_stacks_in_64_276.cm-full-menu > ul > li, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul > li { border-bottom: 1px solid rgba(255,255,255,0.15) } #clean-menu-full_stacks_in_64_276.cm-full-menu > ul > li:last-child, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_64_276.cm-full-menu ul li a, #clean-menu-full_stacks_in_64_276.cm-full-menu ul li a:visited, #clean-menu-full_stacks_in_64_276.cm-full-menu ul li a svg, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul li a, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul li a:visited, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul li a svg, #clean-menu-full_stacks_in_64_276.cm-full-menu ul ul li:before { color: rgba(15, 128, 255, 1.00); fill: rgba(15, 128, 255, 1.00); } #clean-menu-full_stacks_in_64_276.cm-full-menu ul li a:hover, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul li a:hover, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul li a:hover svg { color: rgba(230, 230, 230, 1.00); fill: rgba(230, 230, 230, 1.00); } /* #clean-menu-full_stacks_in_64_276.cm-full-menu ul li a.cm-heading:hover, #clean-menu-full_stacks_in_64_276.cm-full-menu ul li a.cm-heading:hover svg, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul li a.cm-heading:hover { color: rgba(15, 128, 255, 1.00); cursor: default; } */ #clean-menu-full_stacks_in_64_276.cm-full-menu ul li.cm-current > a, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul li.cm-current > a, #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul li.cm-current > a svg { color: rgba(7, 64, 128, 1.00); fill: rgba(7, 64, 128, 1.00); } #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(0, 0, 0, 0.40); } #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(0, 0, 0, 0.20); } /* #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(0, 0, 0, 0.40); } */ #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > a.parent.cm-current:after { border-color: rgba(0, 0, 0, 0.60); } .disable-parents #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul li a.parent:hover:after, .disable-parents #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul li a.parent:hover, #clean-menu-full_stacks_in_64_276.cm-full-menu.disable-parents ul li a.parent:hover { color: rgba(15, 128, 255, 1.00); border-color: rgba(15, 128, 255, 1.00); } .disable-parents #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li a.parent:hover, .disable-parents #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li a.parent:hover:after { color: rgba(0, 0, 0, 0.40); border-color: rgba(0, 0, 0, 0.40); } #clean-menu_stacks_in_64_276 .clean-menu-logo { margin: 0; width: auto; max-width: 50px; } #clean-menu_stacks_in_64_276 .clean-menu-logo .cm-logo-wrap { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; max-width: 50px; width: 100%; float: right; } #clean-menu_stacks_in_64_276 .clean-menu-full { width: 50px; -webkit-box-flex: none; -ms-flex: none; flex: none; } /* div[tag="slice"] > .mez > #stacks_in_64_276.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-full { width: auto; max-width: 300px; } */ #clean-menu_stacks_in_64_276 .clean-menu-full .cm-menu-toggle { display: block; } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } div[tag="slice"] > .mez > #stacks_in_64_276.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 7px; } #clean-menu_stacks_in_64_276 .clean-menu-full { margin: 0; } #clean-menu_stacks_in_64_276 .clean-menu-full .cm-menu-toggle { display: none; } #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul { display: block; position: fixed; pointer-events: none; opacity: 0; top: 100%; box-shadow: 0px 2px 5px rgba(0,0,0,0.2); } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li { position: relative; } #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li.clean-menu-dropdown > ul { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); pointer-events: all; opacity: 1; } #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > a.parent:after { content: ""; border-style: solid; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin: -3px 0 0 8px; } #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > a.parent a.parent:after { border-color: rgba(15, 128, 255, 1.00); } #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > a.parent a.parent:hover:after { border-color: rgba(230, 230, 230, 1.00); } /* #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > a.parent a.cm-heading.parent:hover:after { border-color: rgba(15, 128, 255, 1.00); } */ #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > a.parent a.parent.cm-current:after { border-color: rgba(7, 64, 128, 1.00); } #clean-menu_stacks_in_64_276 .clean-menu-logo, #clean-menu_stacks_in_64_276 .clean-menu-full { width: 50px; min-width: 50px; max-width: 50px; } #clean-menu-full_stacks_in_64_276.cm-full-menu > ul > li { border-bottom: 1px solid rgba(0,0,0,0.15) } #clean-menu-full_stacks_in_64_276.cm-full-menu > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_64_276.cm-full-menu { } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li a, #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li a:visited { color: rgba(0,0,0,.6); } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li a svg { fill: rgba(0,0,0,.6); } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li a:hover { color: rgba(0,0,0,.4); } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li a:hover svg { fill: rgba(0,0,0,.4); } /* #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li a.cm-heading:hover { color: rgba(0,0,0,.6); cursor: default; } */ #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li.cm-current > a { color: rgba(0,0,0,.8); } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li a.cm-current > svg { fill: rgba(0,0,0,.8); } #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(0,0,0,.6); } #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(0,0,0,.4); } /* #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(0,0,0,.6); } */ #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > a.parent.cm-current:after { border-color: rgba(0,0,0,.8); } #clean-menu_stacks_in_64_276 .cm-toggle span { background: rgba(0,0,0,8); } #clean-menu_stacks_in_64_276 h1, #clean-menu_stacks_in_64_276 h2, #clean-menu_stacks_in_64_276 h3, #clean-menu_stacks_in_64_276 h4, #clean-menu_stacks_in_64_276 h5, #clean-menu_stacks_in_64_276 h6, #clean-menu_stacks_in_64_276 .layouts-text, #clean-menu_stacks_in_64_276 p { color: rgba(0,0,0,8); } .disable-parents #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > a.parent:hover, .disable-parents #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > a.parent:hover:after { color: rgba(0,0,0,.6); border-color: rgba(0,0,0,.6); } .cm-sticky-wrap_stacks_in_64_276 { transition: background 300ms ease; background: transparent; } .cm-sticky-wrap_stacks_in_64_276.cm-sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background: rgba(197, 163, 129, 1.00); } .cm-sticky-wrap_stacks_in_64_276.cm-sticky > #clean-menu-full_stacks_in_64_276.cm-full-menu { z-index: 9999; } .cm-sticky-wrap_stacks_in_64_276.cm-sticky #clean-menu_stacks_in_64_276.clean-menu { max-width: 10039px; box-sizing: border-box; padding: 0px 20px; } @media all and (min-width: 801px) { body:not(.cm-mobile-example) #clean-menu-full_stacks_in_64_276.cm-full-menu ul li { border-width: 0; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_64_276 { padding: 10px 0px; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_64_276.cm-full-menu ul li.cm-hide-dropdown-menu, body:not(.cm-mobile-example) #clean-menu_stacks_in_64_276 ul li.cm-hide-menu { display: none; } #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul.cm-wide { display: grid; } #clean-menu_stacks_in_64_276 .clean-menu-top-level > ul > li > ul.cm-wide > li { text-align: left; align-self: flex-start; } } @media all and (max-width: 800px) { #clean-menu-full_stacks_in_64_276 { min-width: 300px; } #clean-menu_stacks_in_64_276 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; } #clean-menu_stacks_in_64_276 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_64_276 .clean-menu-full .cm-menu-toggle { display: block; } #clean-menu_stacks_in_64_276 .clean-menu-top-level { display: none; } #clean-menu-full_stacks_in_64_276.cm-full-menu ul li { display: block; } #clean-menu-full_stacks_in_64_276.cm-full-menu ul { padding: 12px 0px; } #clean-menu-full_stacks_in_64_276.cm-full-menu ul li a { font-size: %( 14px + 2 )%px; padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_64_276.cm-full-menu ul ul > li > a { padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_64_276.cm-full-menu ul li.cm-grouped-item a { width: auto; } #clean-menu-full_stacks_in_64_276.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } #clean-menu-full_stacks_in_64_276.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } #clean-menu-full_stacks_in_64_276.cm-full-menu ul li.cm-grouped-item a { padding: 8px 30px 8px 0; } #clean-menu_stacks_in_64_276 .clean-menu-logo { min-width: 0px; } } .cm-mobile-example #clean-menu-full_stacks_in_64_276 { min-width: 300px; } .cm-mobile-example #clean-menu_stacks_in_64_276 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_64_276 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_64_276 .clean-menu-full .cm-menu-toggle { display: block; } .cm-mobile-example #clean-menu_stacks_in_64_276 .clean-menu-top-level { display: none; } .cm-mobile-example #clean-menu-full_stacks_in_64_276.cm-full-menu ul li { display: block; } .cm-mobile-example #clean-menu-full_stacks_in_64_276.cm-full-menu ul li a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_64_276.cm-full-menu ul ul > li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_64_276.cm-full-menu ul li.cm-grouped-item a { width: auto; } .cm-mobile-example #clean-menu-full_stacks_in_64_276.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } .cm-mobile-example #clean-menu-full_stacks_in_64_276.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } .cm-mobile-example #clean-menu-full_stacks_in_64_276.cm-full-menu ul li.cm-grouped-item a { padding: 8px 30px 8px 0; } .cm-mobile-example #clean-menu_stacks_in_64_276 .clean-menu-logo { } #clean-menu_stacks_in_64_276 .clean-menu-top-level ul li.cm-current > a { text-decoration: underline; } #stacks_in_64_276 { margin: 3px; } :root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(48, 17, 9, 0.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(41, 136, 203, 1.00);--secondary-contrast:rgba(48, 17, 9, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);/* --primary-light:rgba(255, 227, 219, 0.00);--secondary-light:rgba(255, 255, 255, 1.00);--success-light:rgba(255, 255, 255, 1.00);--warning-light:rgba(255, 255, 246, 1.00);--alert-light:rgba(255, 255, 246, 1.00);*/--primary-dark:rgba(18, 0, 0, 0.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(48, 17, 9, 1.00);--subheader-color:rgba(41, 136, 203, 1.00);--small-color:rgba(41, 136, 203, 1.00);--text-color:rgba(48, 17, 9, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem}::-moz-selection{background:var(--selection-background);color:var(--selection-text)}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:calc(1200rem/16);}.radius{border-radius:var(--radius)}body{font-size:calc(14rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(14rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(14rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{background-color:rgba(251, 244, 230, 1.00);} p,.p, .menu li, li, form, .button,div.element > .childelement{font-family:"Poppins",sans-serif !important} .button.b-p { box-sizing: border-box; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; } .button.b-p { overflow: visible; -webkit-appearance: button; cursor: pointer; } .button.b-p[disabled] { cursor: default; } .button.b-p::-moz-focus-inner { border: 0; padding: 0; } .button.b-p { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; border-style: solid; border-width: 0; cursor: pointer; font-family: inherit; font-weight: inherit; line-height: normal; margin: 0 0 1.25rem; position: relative; text-align: center; text-decoration: none; display: inline-block; padding: 1rem 2rem 1.0625rem 2rem; font-size: 1rem; transition: all 300ms ease-out; } .button.b-p.large { padding: 1.125rem 2.25rem 1.1875rem 2.25rem; font-size: 1.25rem; } .button.b-p.small { padding: .875rem 1.75rem .9375rem 1.75rem; font-size: .8125rem; } .button.b-p.tiny { padding: .625rem 1.25rem .6875rem 1.25rem; font-size: .6875rem; } .button.b-p.expand { padding-left: 1rem; padding-right: 1rem; width: 100%; } .button.b-p.left-align { text-align: left; text-indent: .75rem; } .button.b-p.right-align { text-align: right; padding-right: .75rem; } .button.b-p.radius, .button.b-p.radius::before, .button.b-p.radius::after { border-radius: 3px; } .button.b-p.round, .button.b-p.radius::before, .button.b-p.round::after { border-radius: 1000px; } .button.b-p.disabled, .button.b-p[disabled] { background-color: #008CBA; border-color: #007095; color: #fff; box-shadow: none; cursor: default; opacity: .7; } .button.b-p.right { float: right !important; } .button.b-p::-moz-focus-inner { border: 0; padding: 0; } @media only screen and (min-width: 40.063em) { .button.b-p { display: inline-block; } } .bp-styles-warning { display: none; } .button.b-p:not(.custom) { background-color: rgba(7, 64, 128, 1.00); color: rgba(255, 255, 255, 1.00); } .button.b-p:not(.custom):hover { color: rgba(255, 255, 255, 1.00); background-color: #0b64c9; } .button.b-p.secondary:not(.custom) { background-color: rgba(231, 231, 231, 1.00); color: rgba(51, 51, 51, 1.00); } .button.b-p.secondary:not(.custom):hover { color: rgba(51, 51, 51, 1.00); background-color: white; } .button.b-p.alert:not(.custom) { background-color: rgba(217, 83, 79, 1.00); } .button.b-p.alert:not(.custom):hover { background-color: #e7908e; } .button.b-p.success:not(.custom) { background-color: rgba(92, 184, 92, 1.00); } .button.b-p.success:not(.custom):hover { background-color: #91cf91; } .button.b-p.radius:not(.custom) { border-radius: 5px; } .button.b-p.ghost:not(.custom) { background-color: transparent; border-width: 1px; border-color: rgba(7, 64, 128, 1.00); color: rgba(7, 64, 128, 1.00); } .button.b-p.ghost:not(.custom):hover { color: rgba(255, 255, 255, 1.00); border-color: #0b64c9; background-color: #0b64c9; } .button.b-p.ghost.secondary:not(.custom) { border-color: rgba(231, 231, 231, 1.00); color: rgba(231, 231, 231, 1.00); } .button.b-p.ghost.secondary:not(.custom):hover { color: rgba(51, 51, 51, 1.00); border-color: white; background-color: white; } .button.b-p.ghost.alert:not(.custom) { border-color: rgba(217, 83, 79, 1.00); color: rgba(217, 83, 79, 1.00); } .button.b-p.ghost.alert:not(.custom):hover { color: rgba(255, 255, 255, 1.00); border-color: #e7908e; background-color: #e7908e; } .button.b-p.ghost.success:not(.custom) { border-color: rgba(92, 184, 92, 1.00); color: rgba(92, 184, 92, 1.00); } .button.b-p.ghost.success:not(.custom):hover { color: rgba(255, 255, 255, 1.00); border-color: #91cf91; background-color: #91cf91; } .button.b-p.outline-ghost:not(.custom) { border-color: rgba(204, 204, 204, 1.00); border-width: 1px; color: rgba(55, 58, 60, 1.00); background-color: transparent; } .button.b-p.outline-ghost:not(.custom):hover { color: #5c6164; border-color: #f2f2f2; background-color: rgba(212, 212, 212, 0.00); } .button.b-p:not(.custom) { border-radius: 5px; } #paddyStackstacks_in_64_249 { height: auto; padding-bottom: 3vh; } @media only screen and (min-width:0px){#stacks_in_11 h2,#stacks_in_11 div{line-height:1.20}} #stacks_in_11 h2,#stacks_in_11 div{color:rgba(41, 136, 203, 1.00)}#stacks_in_11 h2 a,#stacks_in_11 div a{color:rgba(41, 136, 203, 1.00)}#stacks_in_11 h2 a:hover,#stacks_in_11 div a:hover{color:rgba(30, 102, 152, 1.00)}#stacks_in_11 small,#stacks_in_11 small div{color:rgba(111, 111, 111, 1.00)} #stacks_in_11 .hTxt:not(.vault-font),.no-default:not(.custom-font) .hTxt:not(.vault-font){font-family:"Voltaire",sans-serif;font-weight:400;font-style:normal} #stacks_in_11 { margin: 5px 0px 0px 0px; } #stacks_out_11 { width: 80%; } #stacks_in_12 .onthelineouterspace { display:block; padding: 0px 0px 0px 0px; } #stacks_in_12 .ontheline { display:block; height:auto; border-bottom-style:solid; border-bottom-width:0px; border-bottom-color:#FFFFFF; border-top-style:solid; border-top-width:1px; border-top-color:#301109; font-size:1%; -webkit-box-shadow: 0px 0px 2px #DDDDDC; -moz-box-shadow: 0px 0px 2px #DDDDDC; box-shadow: 0px 0px 2px #DDDDDC; opacity:1; /*CustomCSS;*/ } #stacks_out_12 { width: 80%; } #paddyStackstacks_in_127 { height: auto; padding-bottom: 10vh; } html.ncd-photo-lock{ overflow: hidden; } a[data-photo-group]{ cursor:pointer; } .ncd-photo *{ padding: 0; margin: 0; list-style: none; } .ncd-photo *, .ncd-photo *:before, .ncd-photo *:after{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .ncd-photo .cf:after { content: ""; display: table; clear: both; } .ncd-photo .ncd-photo{ display: none; } .ncd-photo ul{ width: 100%; margin: 0 !important; padding: 0 !important; } .ncd-photo ul:after { content: ""; display: table; clear: both; } .ncd-photo li{ cursor: zoom-in; line-height: 0; } .ncd-photo li.hide{ display: none !important; } .ncd-photo li div{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-transition: -webkit-box-shadow 150ms ease-out; -moz-transition: -moz-box-shadow 150ms ease-out; transition: box-shadow 150ms ease-out; -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); } .ncd-photo li img{ position: relative; z-index: 10; -webkit-transform: -webkit-translateZ(0); -moz-transform: -moz-translateZ(0); transform: translateZ(0); } .ncd-photo ul p{ display: inline-block; z-index: 30; font-variant: normal; position: absolute; line-height: 1.4; margin: 0 0 10px; -moz-user-select: -moz-none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: -webkit-translateZ(0); -moz-transform: -moz-translateZ(0); transform: translateZ(0); -webkit-touch-callout:none;} .ncd-photo ul p b{ font-weight: normal; font-style: normal; padding-right: 3px; } .ncd-photo ul p em{ font-weight: normal; font-style: normal; } .ncd-photo ul p span{ display: inline-block; padding: 6px 12px; } .ncd-photo ul p span.empty{ visibility: hidden; } .ncd-photo[data-italic-title="True"] p b, .ncd-photo[data-italic-caption="True"] p em{ font-style: italic; } .ncd-photo[data-bold-title="True"] p b, .ncd-photo[data-bold-caption="True"] p em{ font-weight: bold; } .ncd-photo[data-hide-title="True"] p b, .ncd-photo[data-hide-caption="True"] p em, .ncd-photo[data-hide-title="True"][data-hide-caption="True"] p{ display: none; } .ncd-photo[data-hide-caption="True"] ul p b{padding-right: 0;} /* Caption Positions */ .ncd-photo ul.cap-hov li p{ opacity: 0; -webkit-transition: -webkit-transform 300ms, opacity 300ms; -moz-transition: -moz-transform 300ms, opacity 300ms; transition: transform 300ms, opacity 300ms; -webkit-transform: -webkit-translate3d(0,4px,0); -moz-transform: -moz-translate3d(0,4px,0); transform: translate3d(0,4px,0); } .ncd-photo ul.cap-hov li:hover p{ opacity: 1; -webkit-transform: -webkit-translate3d(0,0,0); -moz-transform: -moz-translate3d(0,0,0); transform: translate3d(0,0,0); } .ncd-photo ul.cap-hide li p{ display: none !important; } .ncd-photo ul.cap-ibl p, .ncd-photo ul.cap-ibc p{ left: 0; bottom: 0; right: 0; margin: 0; text-align: left; } .ncd-photo ul.cap-ibl p span, .ncd-photo ul.cap-ibc p span{ display: block; } .ncd-photo ul.cap-imbl p, .ncd-photo ul.cap-imbc p{ left: 20px; bottom: 10px; right: 20px; text-align: left; } .ncd-photo ul.cap-ibc p, .ncd-photo ul.cap-imbc p{ text-align: center; } .ncd-photo ul.cap-imbl p span, .ncd-photo ul.cap-imbc p span{ border-radius: 3px; } /* FLOW Thumbnails */ .ncd-photo.photo-flow { margin: 0; padding: 0; width: 100%; font-size: .85em; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } .ncd-photo.photo-flow li div{ display: inline-block; width: 100%; background: none !important; } .ncd-photo.photo-flow li div:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; content: ""; display: block; -webkit-transition: box-shadow 150ms ease-out; -moz-transition: box-shadow 150ms ease-out; transition: box-shadow 150ms ease-out; -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); } .ncd-photo.photo-flow li img { max-width: 100%; width: 100%; height: auto; display: block; } .ncd-photo.photo-flow ul.cap-ibl li p, .ncd-photo.photo-flow ul.cap-ibc li p{ -webkit-transform: -webkit-translate3d(0,0,0); -moz-transform: -moz-translate3d(0,0,0); transform: translate3d(0,0,0); } /* Spacing Thumbnails */ .ncd-photo.space-0.photo-grid{margin: 0;} .ncd-photo.space-0.photo-grid li div{margin: 0;} .ncd-photo.space-0.photo-flow li div{margin: 0;} .ncd-photo.space-0.photo-flow { -moz-column-gap: 0; -webkit-column-gap: 0; column-gap: 0; } .ncd-photo.space-1.photo-grid{margin: 0 -1px;} .ncd-photo.space-1.photo-grid li div{margin: 1px;} .ncd-photo.space-1.photo-flow li div{margin: 0 0 2px;} .ncd-photo.space-1.photo-flow { -moz-column-gap: 2px; -webkit-column-gap: 2px; column-gap: 2px; } .ncd-photo.space-3.photo-grid{margin: 0 -3px;} .ncd-photo.space-3.photo-grid li div{margin: 3px;} .ncd-photo.space-3.photo-flow li div{margin: 0 0 6px;} .ncd-photo.space-3.photo-flow { -moz-column-gap: 6px; -webkit-column-gap: 6px; column-gap: 6px; } .ncd-photo.space-5.photo-grid{margin: 0 -5px;} .ncd-photo.space-5.photo-grid li div{margin: 5px;} .ncd-photo.space-5.photo-flow li div{margin: 0 0 10px;} .ncd-photo.space-5.photo-flow { -moz-column-gap: 10px; -webkit-column-gap: 10px; column-gap: 10px; } .ncd-photo.space-7.photo-grid{margin: 0 -7px;} .ncd-photo.space-7.photo-grid li div{margin: 7px;} .ncd-photo.space-7.photo-flow li div{margin: 0 0 14px;} .ncd-photo.space-7.photo-flow { -moz-column-gap: 14px; -webkit-column-gap: 14px; column-gap: 14px; } .ncd-photo.space-9.photo-grid{margin: 0 -9px;} .ncd-photo.space-9.photo-grid li div{margin: 9px;} .ncd-photo.space-9.photo-flow li div{margin: 0 0 18px;} .ncd-photo.space-9.photo-flow { -moz-column-gap: 18px; -webkit-column-gap: 18px; column-gap: 18px; } .ncd-photo.space-11.photo-grid{margin: 0 -11px;} .ncd-photo.space-11.photo-grid li div{margin: 11px;} .ncd-photo.space-11.photo-flow li div{margin: 0 0 22px;} .ncd-photo.space-11.photo-flow { -moz-column-gap: 22px; -webkit-column-gap: 22px; column-gap: 22px; } .ncd-photo.space-13.photo-grid{margin: 0 -13px;} .ncd-photo.space-13.photo-grid li div{margin: 13px;} .ncd-photo.space-13.photo-flow li div{margin: 0 0 26px;} .ncd-photo.space-13.photo-flow { -moz-column-gap: 26px; -webkit-column-gap: 26px; column-gap: 26px; } .ncd-photo.space-15.photo-grid{margin: 0 -15px;} .ncd-photo.space-15.photo-grid li div{margin: 15px;} .ncd-photo.space-15.photo-flow li div{margin: 0 0 30px;} .ncd-photo.space-15.photo-flow { -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; } /* GRID Thumbnails */ .ncd-photo.photo-grid li{ line-height: 0; float: left; display: block; position: relative; height: auto; } .ncd-photo.photo-grid li div{ overflow: hidden; } .ncd-photo.photo-grid img{ visibility: hidden; position: absolute; top: -9999px; left: -9999px; } .ncd-photo.photo-grid ul li div:after{ padding-top: 100%; display: block; content: ''; } .ncd-photo.photo-col-1.photo-grid li, .ncd-photo.photo-col-2.photo-grid li, .ncd-photo.photo-col-3.photo-grid li, .ncd-photo.photo-col-4.photo-grid li, .ncd-photo.photo-col-5.photo-grid li{width: 100%;} /* Thumbnail Radius */ .ncd-photo.rad-0 li div, .ncd-photo.rad-0.photo-flow li div:before, .ncd-photo.rad-0.photo-flow li img, .ncd-photo.rad-0.photo-flow li div{border-radius: 0;} .ncd-photo.rad-0 ul.cap-ibl p span, .ncd-photo.rad-0 ul.cap-ibc p span{border-radius: 0; } .ncd-photo.rad-3 li div, .ncd-photo.rad-3.photo-flow li div:before, .ncd-photo.rad-3.photo-flow li img, .ncd-photo.rad-3.photo-flow li div{border-radius: 3px;} .ncd-photo.rad-3 ul.cap-ibl p span, .ncd-photo.rad-3 ul.cap-ibc p span{border-radius: 0 0 3px 3px; } .ncd-photo.rad-5 li div, .ncd-photo.rad-5.photo-flow li div:before, .ncd-photo.rad-5.photo-flow li img, .ncd-photo.rad-5.photo-flow li div{border-radius: 5px;} .ncd-photo.rad-5 ul.cap-ibl p span, .ncd-photo.rad-5 ul.cap-ibc p span{border-radius: 0 0 5px 5px; } .ncd-photo.rad-7 li div, .ncd-photo.rad-7.photo-flow li div:before, .ncd-photo.rad-7.photo-flow li img, .ncd-photo.rad-7.photo-flow li div{border-radius: 7px;} .ncd-photo.rad-7 ul.cap-ibl p span, .ncd-photo.rad-7 ul.cap-ibc p span{border-radius: 0 0 7px 7px; } /* Break Points for Columns */ @media only screen and (min-width: 400px) { .ncd-photo.photo-col-1.photo-grid li, .ncd-photo.photo-col-2.photo-grid li, .ncd-photo.photo-col-3.photo-grid li, .ncd-photo.photo-col-4.photo-grid li, .ncd-photo.photo-col-5.photo-grid li{width: 100%;} .ncd-photo.photo-col-1.photo-flow, .ncd-photo.photo-col-2.photo-flow, .ncd-photo.photo-col-3.photo-flow, .ncd-photo.photo-col-4.photo-flow, .ncd-photo.photo-col-5.photo-flow{ -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } @media only screen and (min-width: 550px) { .ncd-photo.photo-col-2.photo-grid li, .ncd-photo.photo-col-3.photo-grid li, .ncd-photo.photo-col-4.photo-grid li, .ncd-photo.photo-col-5.photo-grid li{width: 50%;} .ncd-photo.photo-col-2.photo-flow, .ncd-photo.photo-col-3.photo-flow, .ncd-photo.photo-col-4.photo-flow, .ncd-photo.photo-col-5.photo-flow{ -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } @media only screen and (min-width: 750px) { .ncd-photo.photo-col-3.photo-grid li, .ncd-photo.photo-col-4.photo-grid li, .ncd-photo.photo-col-5.photo-grid li{width: 33.3333%;} .ncd-photo.photo-col-3.photo-flow, .ncd-photo.photo-col-4.photo-flow, .ncd-photo.photo-col-5.photo-flow{ -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media only screen and (min-width: 950px) { .ncd-photo.photo-col-4.photo-grid li, .ncd-photo.photo-col-5.photo-grid li{width: 25%;} .ncd-photo.photo-col-4.photo-flow, .ncd-photo.photo-col-5.photo-flow{ -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; } } @media only screen and (min-width: 1200px) { .ncd-photo.photo-col-5.photo-grid li{width: 20%;} .ncd-photo.photo-col-5.photo-flow{ -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; } } .batch-hide{ position: absolute; opacity: 0; top:-9999px; left:-9999px; } @media only screen and (max-width: 400px) { .ncd-photo ul p{ opacity: 0 !important; } } /* Captions Under Flow */ .ncd-photo.photo-flow.cap-under ul p, .ncd-photo.photo-flow.cap-under ul p span{ position: static; display: block; margin-bottom: 0; } .ncd-photo.photo-flow.cap-under ul p span{ border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; padding: 10px; } .ncd-photo.photo-flow.cap-under ul img{ border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .ncd-photo.photo-flow.cap-under li div{ -webkit-box-shadow: none; box-shadow: none; } /* Lightbox */ #ncdPhotoLoader{ position: absolute; color: #ff0000; top: 50%; left: 50%; opacity: 0; -webkit-transition: opacity 350ms 150ms; -moz-transition: opacity 350ms 150ms; transition: opacity 350ms 150ms; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } #ncdPhotoLoader.processing{ opacity: 1; } #ncdPhotoLoader.processing #ncdPhotoLoaderSpinner{ height: 44px; width: 44px; margin: 0 auto; position: relative; -webkit-animation: rotation .6s infinite linear; -moz-animation: rotation .6s infinite linear; -o-animation: rotation .6s infinite linear; animation: rotation .6s infinite linear; border-radius: 100%; } @-webkit-keyframes rotation { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);} } @-moz-keyframes rotation { from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(359deg);} } @-o-keyframes rotation { from {-o-transform: rotate(0deg);} to {-o-transform: rotate(359deg);} } @keyframes rotation { from {transform: rotate(0deg);} to {transform: rotate(359deg);} } #ncdPhotoBase { position: fixed; top: -9999px; left: -9999px; width: 100%; height: 100%; z-index: 10; opacity: 0; -webkit-transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; -moz-transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; transition: opacity 300ms 0ms, top 0ms 300ms, left 0ms 300ms; user-select: none;} #ncdPhotoBase *, #ncdPhotoBase *:before, #ncdPhotoBase *:after{ box-sizing: border-box; } #ncdPhotoBase.on { top: 0; left: 0; opacity: 1; z-index: 10000; -webkit-transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out; -moz-transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out; transition: opacity 150ms ease-out, top 0ms ease-out, left 0ms ease-out;} #ncdPhotoBase.out { z-index: 10000; } .ncdPhotoZoom, .ncdPhotoClose, .ncdPhotoNext, .ncdPhotoPrev { z-index: 100; width: 50px; height: 50px; border-radius: 50px; cursor: pointer; position: absolute; border: 2px solid transparent; } /* ZOOM & CLOSE */ .ncdPhotoZoom, .ncdPhotoClose{ margin-top: 4%; top: 0; -webkit-transition: border 0.3s ease-out, box-shadow 0.15s ease-out; -moz-transition: border 0.3s ease-out, box-shadow 0.15s ease-out; transition: border 0.3s ease-out, box-shadow 0.15s ease-out; } .ncdPhotoZoom:before, .ncdPhotoZoom:after, .ncdPhotoClose:before, .ncdPhotoClose:after { top:50%; left:0; width:2px; height:18px; content:""; position:absolute; margin:-9px 22.5px 0; -webkit-transition: opacity 300ms, transform 300ms; -moz-transition: opacity 300ms, transform 300ms; transition: opacity 300ms, transform 300ms;} /* ZOOM */ .ncdPhotoZoom{ -webkit-transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; -moz-transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; transition: border 0.3s ease-out, box-shadow 0.15s ease-out, opacity 300ms ease-out, transform 300ms ease-out; left: 0; transform: rotate(90deg); opacity: 0; margin-left: 4%;} .ncdPhotoZoom.enable{ opacity:1; transform: rotate(0deg); } .ncdPhotoZoom:after { -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg);} .ncdPhotoZoom.zoom:after { opacity: 0; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg);} .ncdPhotoZoom:before { transform:rotate(0deg);} .ncdPhotoZoom.zoom:before { transform:rotate(-90deg);} /* CLOSE */ .ncdPhotoClose { right: 0; margin-right: 4%;} .ncdPhotoClose:before, .ncdPhotoClose:after { height:22px; margin:-11px 22.5px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);} .ncdPhotoClose:after { -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);} /* PREV / NEXT */ .ncdPhotoNext, .ncdPhotoPrev { top: 50%; margin-top: -25px; opacity: 0; transition: opacity 0.2s ease-out, transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000),border 0.3s ease-out,box-shadow 0.15s ease-out; -moz-transition: opacity 0.2s ease-out, -moz-transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000),border 0.3s ease-out,box-shadow 0.15s ease-out; -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000),border 0.3s ease-out,box-shadow 0.15s ease-out; } .ncdPhotoNext:before, .ncdPhotoNext:after, .ncdPhotoPrev:before, .ncdPhotoPrev:after { top:50%; left:0; width:2px; height:15px; content:''; position:absolute; margin:-13px 24px 0;} .ncdPhotoNext:after, .ncdPhotoPrev:after{ margin-top: -3px; } .ncdPhotoPrev:after,.ncdPhotoPrev:before {left:-3px;} .ncdPhotoNext:after{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);} .ncdPhotoNext:before { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);} .ncdPhotoPrev:after{ -webkit-transform:rotate(315deg); -moz-transform:rotate(315deg); -ms-transform:rotate(315deg); -o-transform:rotate(315deg); transform:rotate(315deg);} .ncdPhotoPrev:before { -webkit-transform:rotate(-315deg); -moz-transform:rotate(-315deg); -ms-transform:rotate(-315deg); -o-transform:rotate(-315deg); transform:rotate(-315deg);} @media screen and (min-width: 800px) { #ncdPhotoControls #ncdPhotoCounter{ display: none; } } @media screen and (max-width: 800px) { #ncdPhotoControls{ position: absolute; bottom: 100%; left: 0; width: 100%; height: 53px; -moz-user-select: -moz-none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout:none; z-index: 100;} /* No Caption Mobile */ #ncdPhotoBase.cap-hide #ncdPhotoControls{height: 70px;} #ncdPhotoBase.cap-hide .ncd-ui{bottom: 8px !important;} .ncdPhotoZoom.zoom{ -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px); } } /* Prev Button */ .ncdPhotoNext { -webkit-transform: translateX(-15px); -moz-transform: translateX(-15px); transform: translateX(-15px); right: 4%;} .ncdPhotoPrev { -webkit-transform: translateX(15px); -moz-transform: translateX(15px); transform: translateX(15px); left: 4%;} #ncdPhotoBase:hover .ncdPhotoNext, #ncdPhotoBase:hover .ncdPhotoPrev { -webkit-transform: translateX(0) rotate(0deg);opacity: 1; -moz-transform: translateX(0) rotate(0deg);opacity: 1; transform: translateX(0) rotate(0deg);opacity: 1; } @media screen and (max-width: 800px) { #ncdPhotoBase .ncdPhotoNext, #ncdPhotoBase .ncdPhotoPrev { -webkit-transform: translateX(0) rotate(0deg); -moz-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); margin-top: 4%; top: 0; opacity: 1; } #ncdPhotoBase .ncdPhotoNext{margin-right: 20%; } #ncdPhotoBase .ncdPhotoZoom{margin-left: -25px;left: 50%;} #ncdPhotoBase .ncdPhotoPrev{margin-left: 20%;} #ncdPhotoBase #ncdPhotoCounter, #ncdPhotoBase .ncdPhotoClose, #ncdPhotoBase .ncdPhotoNext, #ncdPhotoBase .ncdPhotoZoom, #ncdPhotoBase .ncdPhotoPrev{top: auto; bottom: 0;} #ncdPhotoOverlay div.slide p{ position: absolute; bottom: 100%; left: 0; } #ncdPhotoCounter{ position: absolute; left: 4%; margin-left: 10px; font-family: 'Helvetica Neue'; font-weight: 300; letter-spacing: -1px; height: 27px; line-height: 0; font-size: 16px; z-index: 100; } #ncdPhotoCounter .lb-current{ font-size: 28px; padding-right: 2px; letter-spacing: -2px; } } #ncdPhotoBase.out .ncdPhotoNext { -webkit-transform: translateX(30px) rotate(0deg);opacity: 0; -moz-transform: translateX(30px) rotate(0deg);opacity: 0; transform: translateX(30px) rotate(0deg);opacity: 0; } #ncdPhotoBase.out .ncdPhotoPrev { -webkit-transform: translateX(-30px) rotate(0deg);opacity: 0; -moz-transform: translateX(-30px) rotate(0deg);opacity: 0; transform: translateX(-30px) rotate(0deg);opacity: 0; } #ncdPhotoBase .ncdPhotoNext.hide, #ncdPhotoBase .ncdPhotoPrev.hide {opacity: 0;} #ncdPhotoBase.single-image .ncdPhotoNext, #ncdPhotoBase.single-image .ncdPhotoPrev, #ncdPhotoOverlay[data-hide-full-title="True"] span b, #ncdPhotoOverlay[data-hide-full-caption="True"] span em{ display: none; } /* Lightbox */ #ncdPhotoOverlay { position: absolute; height: 100%; width: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } #ncdPhotoOverlay div.slide { display: block; height: 100%; text-align: center; vertical-align: middle; line-height: 0; position:absolute; top:-9999px; left:-9999px; } #ncdPhotoOverlay div.slide.ncd-show{ position: relative; top: 50%; left: 0%; height: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #ncdPhotoOverlay div.slide.out{ position: absolute; top: 50%; left: 0; right: 0; height: auto; -webkit-transform: translateY(-50%) translateX(-10px); -ms-transform: translateY(-50%) translateX(-10px); transform: translateY(-50%) translateX(-10px); opacity: 0; transition: opacity 200ms ease-in, transform 200ms ease-in; } #ncdPhotoBase.go-next #ncdPhotoOverlay div.slide.out{ -webkit-transform: translateY(-50%) translateX(-10px); -ms-transform: translateY(-50%) translateX(-10px); transform: translateY(-50%) translateX(-10px); opacity: 0; transition: opacity 200ms ease-in, transform 200ms ease-in; } #ncdPhotoBase.go-prev #ncdPhotoOverlay div.slide.out{ -webkit-transform: translateY(-50%) translateX(10px); -ms-transform: translateY(-50%) translateX(10px); transform: translateY(-50%) translateX(10px); opacity: 0; transition: opacity 200ms ease-in, transform 200ms ease-in; } #ncdPhotoBase.go-next div.slide.out img, #ncdPhotoBase.go-prev div.slide.out img, #ncdPhotoBase.processing div.slide.ncd-show.out img{ -webkit-animation: none !important; animation: none !important; opacity: 1 !important; } #ncdPhotoOverlay div.slide.out.ncd-show, .go-next #ncdPhotoOverlay div.slide.out.ncd-show, .go-prev #ncdPhotoOverlay div.slide.out.ncd-show{ opacity: 0; transition: none; } #ncdPhotoOverlay div.slide > div { display: inline-block; position: relative; padding: 4%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #ncdPhotoOverlay div.slide.zoom.in > div { padding: 0; } #ncdPhotoOverlay div.slide.zoom.in, #ncdPhotoOverlay div.slide.zoom.in > div {font-size: 0;} #ncdPhotoOverlay div.slide.zoom { overflow: scroll; cursor:move; -webkit-overflow-scrolling: touch;} #ncdPhotoOverlay div.slide.zoom::-webkit-scrollbar { display: none; } #ncdPhotoOverlay div.slide.zoom.in br{display: none;} #ncdPhotoOverlay div.slide.zoom.out br{display: block;} #ncdPhotoOverlay div.slide.zoom.in.transition, #ncdPhotoOverlay div.slide.zoom.out{overflow: hidden;} #ncdPhotoOverlay div.slide.zoom.transition div{ -webkit-animation: float-zoom-in 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: float-zoom-in 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: float-zoom-in 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; } #ncdPhotoOverlay div.slide.zoom.in div{ line-height: normal; -webkit-animation: float-zoom-in-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: float-zoom-in-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: float-zoom-in-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; } #ncdPhotoOverlay div.slide.zoom.in.transition div{ -webkit-animation: float-zoom-out 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: float-zoom-out 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: float-zoom-out 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; } #ncdPhotoOverlay div.slide.zoom.out div{ -webkit-animation: float-zoom-out-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; -moz-animation: float-zoom-out-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; animation: float-zoom-out-complete 250ms cubic-bezier(0.165, 0.84, 0.44, 1) both; } #ncdPhotoOverlay div.slide.ncd-show > div{opacity: 1;} @-webkit-keyframes float-zoom-in { from {-webkit-transform: scale(1);opacity: 1} to {-webkit-transform: scale(1.03);opacity: 0} } @keyframes float-zoom-in { from {transform: scale(1);opacity: 1} to {transform: scale(1.03);opacity: 0} } @-webkit-keyframes float-zoom-in-complete { from {-webkit-transform: scale(.98);opacity: 0} to {-webkit-transform: scale(1);opacity: 1} } @keyframes float-zoom-in-complete { from {transform: scale(.98);opacity: 0} to {transform: scale(1);opacity: 1} } @-webkit-keyframes float-zoom-out { from {-webkit-transform: scale(1);opacity: 1} to {-webkit-transform: scale(.98);opacity: 0} } @keyframes float-zoom-out { from {transform: scale(1);opacity: 1} to {transform: scale(.98);opacity: 0} } @-webkit-keyframes float-zoom-out-complete { from {-webkit-transform: scale(1.03);opacity: 0} to {-webkit-transform: scale(1);opacity: 1} } @keyframes float-zoom-out-complete { from {transform: scale(1.03);opacity: 0} to {transform: scale(1);opacity: 1} } @-webkit-keyframes float-in { from {-webkit-transform: scale(1.04);opacity: 0} to {-webkit-transform: scale(1);opacity: 1} } @keyframes float-in { from {transform: scale(1.02);opacity: 0} to {transform: scale(1);opacity: 1} } @-webkit-keyframes float-down { from {-webkit-transform: translateY(-10px);opacity: 0} to {-webkit-transform: translateY(0);opacity: 1} } @keyframes float-down { from {transform: translateY(-10px);opacity: 0} to {transform: translateY(0);opacity: 1} } @-webkit-keyframes float-out { from {-webkit-transform: scale(1);opacity: 1} to {-webkit-transform: scale(0.97);opacity: 0} } @keyframes float-out { from {transform: scale(1);opacity: 1} to {transform: scale(0.97);opacity: 0} } @-webkit-keyframes float-up { from {-webkit-transform: translateY(0px);opacity: 1} to {-webkit-transform: translateY(10px);opacity: 0} } @keyframes float-up { from {transform: translateY(0px);opacity: 1} to {transform: translateY(10px);opacity: 0} } @-webkit-keyframes float-next { from {-webkit-transform: translateX(5px);opacity: 0} to {-webkit-transform: translateX(0);opacity: 1} } @keyframes float-next { from {transform: translateX(5px);opacity: 0} to {transform: translateX(0);opacity: 1} } @-webkit-keyframes float-prev { from {-webkit-transform: translateX(-5px);opacity: 0} to {-webkit-transform: translateX(0);opacity: 1} } @keyframes float-prev { from {transform: translateX(-5px);opacity: 0} to {transform: translateX(0);opacity: 1} } @-webkit-keyframes text-swap { from {-webkit-opacity: 0} to {-webkit-opacity: 1} } @keyframes text-swap { from {opacity: 0} to {opacity: 1} } #ncdPhotoOverlay div.slide img { list-style: none; line-height: 0; max-width: 100% !important; max-height: 80vh !important; -moz-user-select: -moz-none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout:none; border-radius: 0px; } #ncdPhotoOverlay div.slide.zoom.in > div{ height: auto; } #ncdPhotoOverlay div.slide.zoom.in img{ max-width: none !important; max-height: none !important; border-radius: 0; } #ncdPhotoBase.go-next div.slide img{ -webkit-animation: float-next 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: float-next 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } #ncdPhotoBase.go-prev div.slide img{ -webkit-animation: float-prev 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: float-prev 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } #ncdPhotoBase.processing div.slide.ncd-show img{ -webkit-animation: none; animation: none; opacity: 0; } @media screen and (min-width: 800px) { /* #ncdPhotoOverlay div.slide > div{ height: 60vh; } */ } @media screen and (max-width: 800px) { #ncdPhotoBase > .ncdPhotoZoom{display: none} #ncdPhotoBase.go-next #ncdPhotoCaption p, #ncdPhotoBase.go-prev #ncdPhotoCaption p { -webkit-animation: text-swap 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) backwards; animation: text-swap 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) backwards; } } /* COUNTER */ .ncdPhotoCounter{ left: auto !important; right: 0;} .ncdPhotoCounter[data-show-count="False"], #ncdPhotoCounter[data-show-count="False"]{ display: none !important;} /* CAPTION - MOBILE */ #ncdPhotoCaption{ display: block; position: fixed; bottom: 0; left: 0; right: 0; text-align:center; padding: 12px 4%; font-size: 15px; z-index: 100; line-height: 1.4; } #ncdPhotoCaption p{ margin: 0; } #ncdPhotoCaption b{ padding-right: 5px; } #ncdPhotoOverlay p b, #ncdPhotoCaption p b{ font-weight: normal; font-style: normal; padding-right: 5px; } #ncdPhotoOverlay p em, #ncdPhotoCaption p em{ font-weight: normal; font-style: normal; } @media screen and (min-width: 800px) { #ncdPhotoCaption{ display: none; } .img-caption-in{ display: block; } .img-caption-in:after { content: ""; display: table; clear: both; } } #ncdPhotoOverlay p.ncdPhotoCounter, #ncdPhotoOverlay p{ display: inline-block; text-align: left; padding: 12px 0 18px; font-size: 14px; font-variant: normal; line-height: 20px; margin: 0; float: left; } #ncdPhotoOverlay p.ncdPhotoCounter{ float: right; } /* CAPTION - DESK */ #ncdPhotoBase:hover .img-caption-in {opacity: 1} #ncdPhotoBase.cap-hide .img-caption-in{ display: none; } #ncdPhotoBase.cap-show .img-caption-in.invis{ visibility: hidden; -webkit-animation:none; animation:none } #ncdPhotoBase .img-caption-in{ opacity: 0 ; transition: opacity 200ms; } #ncdPhotoBase.cap-show .ncd-show .img-caption-in{ opacity: 1; -webkit-animation: float-down 600ms 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: float-down 600ms 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } #ncdPhotoBase.processing .img-caption-in{ opacity: 0 ; } @media screen and (max-width: 800px) { .img-caption-in{display: none} } /* LB Font Styles */ #ncdPhotoBase [data-italic-title="True"] p b, #ncdPhotoBase [data-italic-caption="True"] p em{ font-style: italic; } #ncdPhotoBase [data-bold-title="True"] p b, #ncdPhotoBase [data-bold-caption="True"] p em{ font-weight: bold; } #ncdPhotoBase [data-hide-title="True"] p b, #ncdPhotoBase [data-hide-caption="True"] p em{ display: none; } /* LB Theme - Default Dark */ .style-default #ncdPhotoOverlay p b, .style-default #ncdPhotoCaption p b{color: #FFF} /* Caption Title */ .style-default #ncdPhotoOverlay p em, .style-default #ncdPhotoCaption p em, .style-default .ncdPhotoCounter, .style-default #ncdPhotoCounter{color: #EEE} /* Caption Text */ .style-default img{box-shadow: 0 2px 16px rgba(0,0,0,0.6);} /* Img Shadow */ .style-default{background: rgba(0,0,0,0.85) !important} /* Overlay */ .style-default #ncdPhotoLoader.processing #ncdPhotoLoaderSpinner{ border-left: 3px solid rgba(200,200,200, .15); border-right: 3px solid rgba(200,200,200, .15); border-bottom: 3px solid rgba(200,200,200, .15); border-top: 3px solid rgba(200,200,200, .8); } @media screen and (max-width: 800px) { .style-default #ncdPhotoControls{ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.7))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7)); background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7));} } .style-default .ncdPhotoZoom, .style-default .ncdPhotoClose, .style-default .ncdPhotoNext, .style-default .ncdPhotoPrev { background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.1))); background-image: -webkit-radial-gradient(50% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.00)); background-image: radial-gradient(50% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.00)); } .style-default #ncdPhotoCaption{background: #000;} .style-default .ncdPhotoNext:before,.ncdPhotoNext:after, .style-default .ncdPhotoPrev:before,.ncdPhotoPrev:after, .style-default .ncdPhotoZoom:before,.ncdPhotoZoom:after, .style-default .ncdPhotoClose:before,.ncdPhotoClose:after, .style-default .ncdPhotoNext:hover:before,.ncdPhotoNext:hover:after, .style-default .ncdPhotoPrev:hover:before,.ncdPhotoPrev:hover:after, .style-default .ncdPhotoClose:hover:before,.ncdPhotoClose:hover:after {background: #FFF} .style-default #ncdPhotoCounter{color: #FFF} .style-default .ncdPhotoZoom:active, .style-default .ncdPhotoClose:active, .style-default .ncdPhotoNext:active, .style-default .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px rgba(255,255,255,0.6); border: 2px solid #FFF;} .style-default .ncdPhotoZoom.zoom{border: 2px solid #FFF;} @media screen and (min-width: 800px) { .style-default .ncdPhotoZoom:hover, .style-default .ncdPhotoClose:hover, .style-default .ncdPhotoNext:hover, .style-default .ncdPhotoPrev:hover{border: 2px solid #FFF;} } /* LB Theme - Contrast Light */ .style-contrast #ncdPhotoOverlay p b{color: #333} .style-contrast #ncdPhotoCaption p b{color: #FFF} .style-contrast #ncdPhotoOverlay p em, .style-contrast .ncdPhotoCounter{color: #555} .style-contrast #ncdPhotoCaption p em{color: #EEE} .style-contrast img{box-shadow: 0 2px 10px rgba(0,0,0,0.15);} .style-contrast{background: rgba(255,255,255,0.85) !important} .style-contrast #ncdPhotoLoader.processing #ncdPhotoLoaderSpinner{ border-left: 3px solid rgba(100,100,100, .15); border-right: 3px solid rgba(100,100,100, .15); border-bottom: 3px solid rgba(100,100,100, .15); border-top: 3px solid rgba(100,100,100, .8); } .style-contrast #ncdPhotoCaption{background: #000} .style-contrast #ncdPhotoCounter{color: #222} .style-contrast .ncdPhotoNext:before,.style-contrast .ncdPhotoNext:after, .style-contrast .ncdPhotoPrev:before,.style-contrast .ncdPhotoPrev:after, .style-contrast .ncdPhotoZoom:before,.style-contrast .ncdPhotoZoom:after, .style-contrast .ncdPhotoClose:before,.style-contrast .ncdPhotoClose:after, .style-contrast .ncdPhotoNext:hover:before,.style-contrast .ncdPhotoNext:hover:after, .style-contrast .ncdPhotoPrev:hover:before,.style-contrast .ncdPhotoPrev:hover:after, .style-contrast .ncdPhotoClose:hover:before,.style-contrast .ncdPhotoClose:hover:after {background: #222} .style-contrast .ncdPhotoZoom.zoom, .style-contrast .ncdPhotoZoom.zoom + .style-contrast .ncdPhotoClose{ background: rgba(0,0,0,0.3); } .style-contrast .ncdPhotoZoom, .style-contrast .ncdPhotoClose, .style-contrast .ncdPhotoZoom:before, .style-contrast .ncdPhotoZoom:after, .style-contrast .ncdPhotoClose:before, .style-contrast .ncdPhotoClose:after{transition: transform 300ms, border 300ms, box-shadow 300ms, background 300ms;} .style-contrast .ncdPhotoZoom.zoom:before, .style-contrast .ncdPhotoZoom.zoom:after, .style-contrast .ncdPhotoZoom.zoom + .style-contrast .ncdPhotoClose:before, .style-contrast .ncdPhotoZoom.zoom + .style-contrast .ncdPhotoClose:after{background: #FFF;} .style-contrast .ncdPhotoZoom:active, .style-contrast .ncdPhotoClose:active, .style-contrast .ncdPhotoNext:active, .style-contrast .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px rgba(0,0,0,0.15); border: 2px solid #222;} .ncdPhotoZoom.zoom{border: 2px solid rgba(0,0,0,0.6);} @media screen and (min-width: 800px) { .style-contrast .ncdPhotoZoom, .style-contrast .ncdPhotoClose, .style-contrast .ncdPhotoNext, .style-contrast .ncdPhotoPrev { background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(255,255,255, 0.00)), to(rgba(255,255,255, 0.4))); background-image: -webkit-radial-gradient(50% 50%, rgba(255,255,255, 0.4), rgba(255,255,255, 0.00)); background-image: radial-gradient(50% 50%, rgba(255,255,255, 0.4), rgba(255,255,255, 0.00)); } .style-contrast .ncdPhotoZoom:hover, .style-contrast .ncdPhotoClose:hover, .style-contrast .ncdPhotoNext:hover, .style-contrast .ncdPhotoPrev:hover{border: 2px solid #222;} } @media screen and (max-width: 800px) { .style-contrast #ncdPhotoCounter{color: #fff} .style-contrast .ncdPhotoNext:before,.style-contrast .ncdPhotoNext:after, .style-contrast .ncdPhotoPrev:before,.style-contrast .ncdPhotoPrev:after, .style-contrast .ncdPhotoZoom:before,.style-contrast .ncdPhotoZoom:after, .style-contrast .ncdPhotoClose:before,.style-contrast .ncdPhotoClose:after, .style-contrast .ncdPhotoNext:hover:before,.style-contrast .ncdPhotoNext:hover:after, .style-contrast .ncdPhotoPrev:hover:before,.style-contrast .ncdPhotoPrev:hover:after, .style-contrast .ncdPhotoClose:hover:before,.style-contrast .ncdPhotoClose:hover:after {background: #fff} .style-contrast #ncdPhotoControls{ background-color: rgba(0,0,0,0.3); background-image: none;} .style-contrast .ncdPhotoZoom.zoom, .style-contrast .ncdPhotoZoom.zoom + .style-contrast .ncdPhotoClose{ background: transparent; } .style-contrast .ncdPhotoZoom:active, .style-contrast .ncdPhotoZoom.zoom, .style-contrast .ncdPhotoClose:active, .style-contrast .ncdPhotoNext:active, .style-contrast .ncdPhotoPrev:active{ box-shadow: 0 0 0 5px transparent; border: 2px solid transparent;} .style-contrast .ncdPhotoZoom.zoom{transform: translateY(0px);} #ncdPhotoBase.style-contrast .ncdPhotoNext.hide, #ncdPhotoBase.style-contrast .ncdPhotoPrev.hide{opacity: 1;} } .processing img{ box-shadow: none !important; } /* Edit Mode */ #stacks_out_102 { width: 50%; } #paddyStackstacks_in_96_70 { height: auto; padding-bottom: 10vh; } #stacks_in_96_71 .onthelineouterspace { display:block; padding: 0px 0px 0px 0px; } #stacks_in_96_71 .ontheline { display:block; height:auto; border-bottom-style:solid; border-bottom-width:0px; border-bottom-color:#FFFFFF; border-top-style:solid; border-top-width:1px; border-top-color:#301109; font-size:1%; -webkit-box-shadow: 0px 0px 2px #DDDDDC; -moz-box-shadow: 0px 0px 2px #DDDDDC; box-shadow: 0px 0px 2px #DDDDDC; opacity:1; /*CustomCSS;*/ } #stacks_out_96_71 { width: 80%; } #stacks_out_96_55 { width: 70%; } #paddyStackstacks_in_96_46 { height: 22px; } #stacks_in_96_67 p,#stacks_in_96_67 div{margin-bottom:0} #stacks_in_96_67 ul,#stacks_in_96_67 ol{list-style-position:inside} #stacks_in_96_67 ul,#stacks_in_96_67 ol{list-style-type:square} #stacks_in_96_67,#stacks_in_96_67 div,#stacks_in_96_67 p,#stacks_in_96_67 ol,#stacks_in_96_67 ul li,#stacks_in_96_67 ol li,#stacks_in_96_67 ol,#stacks_in_96_67 dl{font-size:0.70rem}@media all and (max-width:640px){#stacks_in_96_67,#stacks_in_96_67 div,#stacks_in_96_67 p,#stacks_in_96_67 ol,#stacks_in_96_67 ul li,#stacks_in_96_67 ol li,#stacks_in_96_67 ol,#stacks_in_96_67 dl{font-size:0.67rem}} @media only screen and (min-width:0px){#stacks_in_96_67{ } } #stacks_in_96_67,#stacks_in_96_67 div,#stacks_in_96_67 p,#stacks_in_96_67 ul,#stacks_in_96_67 ul li,#stacks_in_96_67 ol li,#stacks_in_96_67 ol,#stacks_in_96_67 dl,#stacks_in_96_67 a,.no-default:not(.custom-font),.no-default:not(.custom-font) div,.no-default:not(.custom-font) p,.no-default:not(.custom-font) ul,.no-default:not(.custom-font) ul li,.no-default:not(.custom-font) ol li,.no-default:not(.custom-font) ol,.no-default:not(.custom-font) dl,.no-default:not(.custom-font) a{font-family:"Kanit",sans-serif !important ;font-weight:200 !important ;font-style:normal !important } #stacks_in_96_67 { margin: 4px 0px 0px 0px; } #stacks_in_96_58 { margin: 0px 0px 10px 0px; } #stacks_out_96_64 { width: 10%; } #paddyStackstacks_in_96_66 { height: auto; padding-bottom: 3vh; }