/* Depth Base */ .depth_out h2,.depth_out p,.depth_out a{margin:0;padding:0;border: 0;line-height:1.4;} .depth_out hr:before,.depth_out hr:after,.depth_out .content_in .stacksEmptyFiller{display: none} .depth_in, header .depth_theme_limit, footer .depth_theme_limit{ max-width: 1200px; } main .depth_theme_limit{ max-width: 100%; padding: 0; } .depth_limit{ margin: 0 auto; } .nfont{ font-family: 'Raleway', sans-serif !important; } h2.nfont, .sub_heading.nfont{ font-family: 'Raleway', sans-serif !important; } header.depth_theme, main.depth_theme h1, main.depth_theme h2, main.depth_theme h3, main.depth_theme h4, main.depth_theme h5, main.depth_theme h6{ font-family: 'Raleway', sans-serif !important; } .depth_in a{text-decoration: none;} .depth_in{ font-size: 15px; line-height: 1.4;} /* 2 Col Spacing */ .depth_section{ margin-bottom: 0px; } .depth_out img{max-width: 100%} .depth_out *, .depth_out *:before, .depth_out *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .depth_out .cf:after {content:"";display:table;clear:both;} .depth_out .exp{position:absolute;top:0;left:0;bottom:0;right:0;} @media screen and (min-width: 770px){ /* 2 Col Spacing */ .depth_row .s3_column_left .depth_section{ margin-right: 0.000000px; } .depth_row .s3_column_right .depth_section{ margin-left: 0.000000px; } /* 3 Col Spacing */ .depth_row.three_col .s3_column_left .depth_section{ margin-right: 0.000000px; } .depth_row.three_col .s3_column_center .depth_section{ margin-left: 0.000000px; margin-right: 0.000000px; } .depth_row.three_col .s3_column_right .depth_section{ margin-left: 0.000000px; } /* 4 Col Spacing (1/4) */ .depth_row .s3_column_4:first-child .depth_section{ margin-right: 0.000000px; margin-left: 0; } /* 4 Col Spacing (2/4) */ .depth_row .s3_column_4 + .s3_column_4 .depth_section{ margin-right: 0.000000px; margin-left: 0.000000px; } /* 4 Col Spacing (3/4) */ .depth_row .s3_column_4 + .s3_column_4 + .s3_column_4 .depth_section{ margin-right: 0.000000px; margin-left: 0.000000px; } /* 4 Col Spacing (4/4) */ .depth_row .s3_column_4 + .s3_column_4 + .s3_column_4 + .s3_column_4 .depth_section{ margin-left: 0.000000px; margin-right: 0; } /* Flex Equal Height/Centering */ .s3_row.depth_row, .depth_row .s3_column, .s3_row.depth_row .depth_out, .s3_row.depth_row .depth_out > div, .s3_row.depth_row .depth_wrapper, .s3_row.depth_row .content_out, .s3_row.depth_row .depth_image *{ flex: 1; display: flex !important; } .s3_row.depth_row .content_out, .s3_row.depth_row .content_in{ margin-left: auto !important; margin-right: auto !important; } .depth_ie .s3_row.depth_row, .depth_ie .depth_row .s3_column, .s3_row.depth_row .depth_ie .depth_out, .s3_row.depth_row .depth_ie .depth_out > div, .s3_row.depth_row .depth_ie .depth_wrapper, .s3_row.depth_row .depth_ie .content_out, .s3_row.depth_row .depth_ie .depth_image *{ flex: auto !important; display: block !important; } } .content_flex {position: static;} .s3_row.depth_row .content_flex { flex: 1; display: flex; justify-content: center; -webkit-justify-content: center; } /* Edit Mode */ /* Animations */ .depth_fx .depth_image, .depth_fx .depth_tint, .depth_fx .depth_gradient, .depth_fx .content_tint, .depth_fx p.sub_heading, .depth_fx .heading_out .stacks_out, .depth_fx p.main_content, .depth_fx .depth_aside, .depth_fx .heading_out h2{ opacity: 0; } .depth_fx.depth_ie .depth_image, .depth_fx.depth_ie .depth_tint, .depth_fx.depth_ie .depth_gradient, .depth_fx.depth_ie .content_tint, .depth_fx.depth_ie p.sub_heading, .depth_fx.depth_ie .heading_out .stacks_out, .depth_fx.depth_ie p.main_content, .depth_fx.depth_ie .depth_aside, .depth_fx.depth_ie .heading_out h2{ opacity: 1; } .depth_inview.slow_fadeIn.depth_fx .depth_image, .depth_inview.slow_fadeIn.depth_fx .depth_tint, .depth_inview.slow_fadeIn.depth_fx .content_tint, .depth_inview.slow_fadeIn.depth_fx .depth_gradient{ animation: nbanner_fadein .7s both; } .depth_inview.slow_fadeIn.depth_fx .heading_out{ animation: heading_border_color 1s both; } .depth_inview.slow_fadeIn.depth_fx p.super_heading, .depth_inview.slow_fadeIn.depth_fx .heading_out h2{ animation: nbanner_fadein 1s .25s both; } .depth_inview.slow_fadeIn.depth_fx p.sub_heading, .depth_inview.slow_fadeIn.depth_fx .heading_out .stacks_out{ animation: nbanner_fadein 1s .5s both; } .depth_inview.slow_fadeIn.depth_fx p.main_content, .depth_inview.slow_fadeIn.depth_fx .depth_aside{ animation: nbanner_fadein 1s .75s both; } .depth_inview.slow_fadeIn.depth_fx a.depth_button{ animation: nbanner_fadein 1s 1s backwards; } .depth_inview.slow_fadeIn.depth_fx p.sub_content{ animation: nbanner_fadein 1s 1.25s backwards; } .depth_inview.slow_fadeIn.depth_fx hr.hr_top_header{ animation: hr_top_header 1s .5s backwards; } .depth_inview.slow_fadeIn.depth_fx hr.hr_bottom_header{ animation: hr_bottom_header 1s .5s backwards; } .depth_inview.slow_fadeIn.depth_fx hr.hr_bottom_content{ animation: hr_bottom_content 1s .5s backwards; } .depth_inview.steady_fadeIn.depth_fx .depth_image, .depth_inview.steady_fadeIn.depth_fx .depth_tint, .depth_inview.steady_fadeIn.depth_fx .content_tint, .depth_inview.steady_fadeIn.depth_fx .depth_gradient{ animation: nbanner_fadein .5s both; } .depth_inview.steady_fadeIn.depth_fx .heading_out{ animation: heading_border_color .7s both; } .depth_inview.steady_fadeIn.depth_fx p.super_heading, .depth_inview.steady_fadeIn.depth_fx .heading_out h2{ animation: nbanner_fadein .7s .15s both; } .depth_inview.steady_fadeIn.depth_fx p.sub_heading, .depth_inview.steady_fadeIn.depth_fx .heading_out .stacks_out{ animation: nbanner_fadein .7s .35s both; } .depth_inview.steady_fadeIn.depth_fx p.main_content, .depth_inview.steady_fadeIn.depth_fx .depth_aside{ animation: nbanner_fadein .7s .5s both; } .depth_inview.steady_fadeIn.depth_fx a.depth_button{ animation: nbanner_fadein .7s .65s backwards; } .depth_inview.steady_fadeIn.depth_fx p.sub_content{ animation: nbanner_fadein .7s .8s backwards; } .depth_inview.steady_fadeIn.depth_fx hr.hr_top_header{ animation: hr_top_header .7s .25s backwards; } .depth_inview.steady_fadeIn.depth_fx hr.hr_bottom_header{ animation: hr_bottom_header .7s .25s backwards; } .depth_inview.steady_fadeIn.depth_fx hr.hr_bottom_content{ animation: hr_bottom_content .7s .25s backwards; } .depth_inview.fast_fadeIn.depth_fx .depth_image, .depth_inview.fast_fadeIn.depth_fx .depth_tint, .depth_inview.fast_fadeIn.depth_fx .content_tint, .depth_inview.fast_fadeIn.depth_fx .depth_gradient{ animation: nbanner_fadein .3s both; } .depth_inview.fast_fadeIn.depth_fx .heading_out{ animation: heading_border_color .4s both; } .depth_inview.fast_fadeIn.depth_fx p.super_heading, .depth_inview.fast_fadeIn.depth_fx .heading_out h2{ animation: nbanner_fadein .4s .15s both; } .depth_inview.fast_fadeIn.depth_fx p.sub_heading, .depth_inview.fast_fadeIn.depth_fx .heading_out .stacks_out{ animation: nbanner_fadein .4s .35s both; } .depth_inview.fast_fadeIn.depth_fx p.main_content, .depth_inview.fast_fadeIn.depth_fx .depth_aside{ animation: nbanner_fadein .4s .5s both; } .depth_inview.fast_fadeIn.depth_fx a.depth_button{ animation: nbanner_fadein .4s .65s backwards; } .depth_inview.fast_fadeIn.depth_fx p.sub_content{ animation: nbanner_fadein .4s .8s backwards; } .depth_inview.fast_fadeIn.depth_fx hr.hr_top_header{ animation: hr_top_header .4s .25s backwards; } .depth_inview.fast_fadeIn.depth_fx hr.hr_bottom_header{ animation: hr_bottom_header .4s .25s backwards; } .depth_inview.fast_fadeIn.depth_fx hr.hr_bottom_content{ animation: hr_bottom_content .4s .25s backwards; } @-webkit-keyframes heading_border_color { from {border-color: transparent;} to {border-color: ;}} @keyframes nbanner_fadein { from {border-color: transparent;} to {border-color: ;}} @-webkit-keyframes nbanner_fadein { from {opacity: 0;} to {opacity: 1;}} @keyframes nbanner_fadein { from {opacity: 0;} to {opacity: 1;}} @-webkit-keyframes nbanner_bg_fadein { from {background-color: transparent;} to {background-color: inherit;}} @keyframes nbanner_bg_fadein { from {background-color: transparent;} to {background-color: inherit;}} @-webkit-keyframes hr_top_header { from {width: 0; opacity: 0;} to {opacity: 1; width: %;}} @keyframes hr_top_header { from {width: 0; opacity: 0;} to {opacity: 1; width: %;}} @-webkit-keyframes hr_bottom_header { from {width: 0; opacity: 0;} to {opacity: 1; width: %;}} @keyframes hr_bottom_header { from {width: 0; opacity: 0;} to {opacity: 1; width: %;}} @-webkit-keyframes hr_bottom_content { from {width: 0; opacity: 0;} to {opacity: 1; width: %;}} @keyframes hr_bottom_content { from {width: 0; opacity: 0;} to {opacity: 1; width: %;}}#mc_stack_stacks_in_318_5 *, #mc_stack_stacks_in_318_5 *::before, #mc_stack_stacks_in_318_5 *::after { box-sizing: border-box; } /* MiniCookie create, edit, delete buttons, and buttons for our own popup message */ #mc_button_stacks_in_318_5, #mc_button_accept_all_stacks_in_318_5, #mc_button_disallow_all_stacks_in_318_5, .mc_button_stacks_in_318_5 { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(41, 145, 204, 0.20); border: 1px hidden rgba(41, 145, 204, 0.20); border-radius: 0.25rem; color: rgba(41, 145, 204, 1.00); cursor: pointer; margin-left: 1rem; display: inline-block; font-family: inherit; font-size: 1.125rem; font-weight: 600; padding: 8px 16px; text-align: center; transition: all 100ms ease-in-out; white-space: nowrap; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; margin-bottom: 5px; } #mc_button_stacks_in_318_5:hover, .mc_button_stacks_in_318_5:hover, #mc_button_accept_all_stacks_in_318_5:hover, #mc_button_disallow_all_stacks_in_318_5:hover { color: rgba(71, 138, 180, 1.00); background-color: rgba(41, 145, 204, 0.40); border: 1px hidden rgba(41, 145, 204, 0.40); } #mc_button_stacks_in_318_5:active, .mc_button_stacks_in_318_5:active, #mc_button_accept_all_stacks_in_318_5:active, #mc_button_disallow_all_stacks_in_318_5:active { color: rgba(71, 138, 180, 1.00); background-color: rgba(41, 145, 204, 0.40); border: 1px hidden rgba(41, 145, 204, 0.40); opacity: 0.50; } #mc_button_stacks_in_318_5:focus, #mc_button_accept_all_stacks_in_318_5:focus, #mc_button_disallow_all_stacks_in_318_5:focus, .mc_button_stacks_in_318_5:focus { outline: 2px dotted rgba(71, 138, 180, 1.00); } #dialog_title_stacks_in_318_5, #dialog_desc_stacks_in_318_5 { display: none; } @media print { #mc_stack_stacks_in_318_5, #mc_window_shade_stacks_in_318_5, #mc_wrapper_stacks_in_318_5 { display: none; } } 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: 550px) { .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 */ @font-face { font-family: 'icomoon'; src: url("../files/icons/icomoon.eot?hg8hv3"); src: url("../files/icons/icomoon.eot?#iefixhg8hv3") format("embedded-opentype"), url("../files/icons/icomoon.woff2?hg8hv3") format("woff2"), url("../files/icons/icomoon.ttf?hg8hv3") format("truetype"), url("../files/icons/icomoon.woff?hg8hv3") format("woff"), url("../files/icons/icomoon.svg?hg8hv3#icomoon") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; color: #401F3F; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-chevron-rounded:before{content: "\e600"; } .icon-chevron-rounded-thick:before{content: "\e601"; } .icon-chevron-thin:before{content: "\e602"; } .icon-chevron-thick:before{content: "\e603"; } .icon-arrow:before{content: "\e604"; } .icon-arrow-thin:before{content: "\e605"; } .icon-arrow-thick:before{content: "\e606"; } .icon-round-1:before{content: "\e607"; } .icon-round-2:before{content: "\e608"; } .icon-round-3:before{content: "\e609"; } .icon-round-4:before{content: "\e60a"; } #ncd-sp-arrow { display: inline-block; line-height: 0; z-index: 10000; padding: 5px; background: #FFFFFF; border-radius: 100px; border-width: 0; border-style: solid; opacity: 0; border-color: #401F3F; } #ncd-sp-arrow i {font-size: 44px;} #ncd-sp-arrow.show i {cursor: pointer;} #ncd-sp-arrow { position: fixed; opacity: 0; margin: 20px; -webkit-transition: opacity 150ms, -webkit-transform 150ms; transition: opacity 150ms, transform 150ms; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px);} #ncd-sp-arrow.show.down-amount, #ncd-sp-arrow.show.down-container{ -webkit-transition: opacity 750ms 0, -webkit-transform 750ms 0; transition: opacity 750ms 0, transform 750ms 0; } #ncd-sp-arrow .rotateThis{ -webkit-transition: -webkit-transform 700ms; transition: transform 700ms;} #ncd-sp-arrow.show.down-amount .rotateThis, #ncd-sp-arrow.show.down-container .rotateThis{ position: relative; -webkit-transform: rotate(-180deg); transform: rotate(-180deg);} #ncd-sp-arrow.down-amount .rotateThis, #ncd-sp-arrow.down-container .rotateThis{ position: relative; -webkit-transform: rotate(0); transform: rotate(0);} #ncd-sp-arrow.show { opacity: 1; -webkit-transform: rotateY(0) translateX(0) translateY(0) scale(1); transform: rotateY(0) translateX(0) translateY(0) scale(1);} #ncd-sp-arrow.tl{top: 0;left: 0; } #ncd-sp-arrow.tc{top: 0;left: 50%; } #ncd-sp-arrow.tr{top: 0;right: 0; } #ncd-sp-arrow.bl{bottom: 0;left: 0; } #ncd-sp-arrow.bc{bottom: 0;left: 50%; } #ncd-sp-arrow.br{bottom: 0;right: 0; } #stacks_in_326 { background-color: rgba(204, 204, 204, 1.00); } /* Depth Content */ @media (min-width: 300px){ #stacks_in_442 .content_flex{ min-height: 0px; } } @media (min-width: 900px){ #stacks_in_442 .content_flex{ min-height: 0px; } } .depth_out .stacks-description{ background: rgba(0,0,0,0.3); box-shadow: inset 0 0 0 2px rgba(0,0,0,0.3) !important; color: #fff !important; border-radius: 3px;} .stacks-partial.grande .depth_out .velvet-icon{ display: none; } /* Section Link Style */ .depth_section_link{ overflow: hidden; position: relative; display: block; width: 100%; } .depth_section_link .depth_in, .depth_section_link .depth_image{ transition: transform 300ms; transform: scale(1); } #stacks_in_442 .depth_section_link:hover .depth_in, #stacks_in_442 .depth_section_link:hover .depth_image{ transform: scale(1.00); } #stacks_in_442.depth_out{ position: relative; letter-spacing: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: normal; color: rgba(0, 0, 0, 1.00);} #stacks_in_442.depth_out a{ color: rgba(0, 0, 0, 1.00);} #stacks_in_442 .depth_in{ position: relative; margin: 0 auto; text-align: center; } #stacks_in_442 .depth_image{ background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; /* Default Background*/ background-image: url(../../../rw_common/plugins/stacks/mount.jpg); } #stacks_in_442 .depth_tint{ background: rgba(86, 42, 108, 1.00); } #stacks_in_442 .content_tint{ background: rgba(0, 0, 0, 0.00); } #stacks_in_442 .depth_gradient{ background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.03) 0%,rgba(0, 0, 0, 0.00) 75%); background: linear-gradient(to right, rgba(0, 0, 0, 0.03) 0%,rgba(0, 0, 0, 0.00) 75%); } /* Heading */ #stacks_in_442 .heading_out{ display: block; display: inline-block; background: rgba(0, 0, 0, 0.00); border-top: 0px solid rgba(255, 102, 0, 1.00); border-right: 0px solid rgba(255, 102, 0, 1.00); border-bottom: 0px solid rgba(255, 102, 0, 1.00); border-left: 0px solid rgba(255, 102, 0, 1.00); padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; line-height: 0;} #stacks_in_442 .heading_in{ padding: 24px 0; margin-left: 0px; margin-right: 0px; } #stacks_in_442 .heading_out h2{ font-size: 47px; line-height: 64px; color: rgba(255, 255, 255, 1.00); font-weight: 500; font-weight: bolder; text-align: center !important; letter-spacing: -1px; text-indent: 0px; margin: 0; padding: 0;} #stacks_in_442 p.super_heading{ color: rgba(255, 255, 255, 1.00); font-size: 14px; letter-spacing: 0px; margin: 0px 0 7px; display: none; float: none;} #stacks_in_442 p.sub_heading{ color: rgba(255, 255, 255, 1.00); font-size: 16px; letter-spacing: 2px; margin: 10px 0 0px; float: none;} /* Content */ #stacks_in_442 .content_out{ display: inline-block; position: relative; max-width: 700px; text-align: center; padding: 6% 20px 0% 20px; margin: 0 0%;} /* Content (Separate Mobile Layout) */ @media screen and (max-width: 770px){ #stacks_in_442 .content_out{ padding: 6% 90px 5% 90px; margin: 0 0%;} #stacks_in_442 .heading_out h2{ font-size: 40px; line-height: 44px; } } @media screen and (max-width: 770px ){ #stacks_in_442 .depth_wrapper{background-color: rgba(86, 42, 108, 1.00);} #stacks_in_442 .depth_tint, #stacks_in_442 .content_tint{ background: none !important; } #stacks_in_442 .heading_out h2, #stacks_in_442 .content_out{ text-align: center !important; } #stacks_in_442 .depth_wrapper .content_out{ display: block;margin: 0 auto; } } #stacks_in_442 .content_flex{ align-items: flex-start; } #stacks_in_442 .content_in{ min-width: 200px; position:relative; z-index:1; background: rgba(0, 0, 0, 0.00); border: 0px solid rgba(255, 255, 255, 0.30); padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } /*IE 11 Fix*/ .depth_ie .content_in{ width: 100%; } #stacks_in_442 .content_in p.main_content{ display: block; color: rgba(255, 255, 255, 1.00); font-size: 1.05em; line-height: 1.40; margin-top: 3%; margin-left: 0px; margin-right: 0px; margin-bottom: 6%; } #stacks_in_442 .content_in a.depth_button{ display: inline-block; text-decoration: none; line-height: 1.4; font-size: 16px; padding: 4% 6.000000%; border-radius: 2px; box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.40); margin-bottom: 0%; transition: background 200ms, box-shadow 200ms, color 200ms; color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 1.00); font-weight: bolder; } @media screen and (max-width: 770px){ #stacks_in_442 .content_in a.depth_button{ padding: 4% 8%; } } #stacks_in_442 .content_in a.depth_button:hover{ color: rgba(255, 255, 255, 1.00); background: rgba(230, 73, 30, 1.00); box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 1.00);} #stacks_in_442 .content_in p.sub_content{ font-weight: normal; font-style: italic; font-size: 13px; color: rgba(0, 0, 0, 1.00); top: 0px; bottom: 0px; left: 0px; right: 0px; position: relative; border-left: 0px solid rgba(230, 73, 30, 1.00); border-right: 0px solid rgba(230, 73, 30, 1.00); padding-left: 0px; padding-right: 0px;} /* Aside */ #stacks_in_442 .depth_aside{ position: static; width: 100%; margin-right: -700px; margin-right:0; display: none; } @media screen and (max-width: 770px){ #stacks_in_442 .depth_aside{ margin-right:0; display: none; } } #stacks_in_442 .depth_aside_wrapper{ width: 100%; } #stacks_in_442 .depth_aside_wrapper, #stacks_in_442 .depth_aside_wrapper .centered_image{ } #stacks_in_442 .depth_aside_wrapper .centered_image .imageStyle{ } #stacks_in_442 .depth_aside_padding > div{max-width:300px;} @media screen and (max-width: 770px){ #stacks_in_442 .depth_aside_wrapper{ position: relative; transform: none; top: auto; padding-right: 0; } } #stacks_in_442 .depth_aside_padding{ padding: 0px 50px 0px 50px; } @media screen and (max-width: 770px){ #stacks_in_442 .depth_aside_padding{ padding: 0px 20px 0px 20px; } } /* Layer Top */ #stacks_in_442 .depth_in{z-index: 4;} #stacks_in_442 .depth_tint{z-index: 3;} #stacks_in_442 .depth_gradient{z-index: 2;} #stacks_in_442 .depth_image{z-index: 1;} /* Force Mobile Legibility */ @media screen and (max-width: 770px ){ #stacks_in_442 .depth_wrapper.content_tint, #stacks_in_442 .depth_gradient{display: none;} } /* Breaks */ #stacks_in_442 hr{border: 0;margin: 0;} #stacks_in_442 hr.hr_top_header{ height: 0px; width: 30%; background: rgba(94, 179, 80, 1.00); display: inline-block;} #stacks_in_442 hr.hr_bottom_header{ height: 8px; width: 30%; background: rgba(94, 179, 80, 1.00); display: inline-block;} #stacks_in_442 hr.hr_bottom_content{ display: inline-block; height: 0px; width: 12%; background: rgba(255, 255, 255, 0.40); margin-top: 20px;} #stacks_in_548 { background-color: rgba(255, 255, 255, 1.00); padding: 20px 0px 20px 0px; } #stacks_in_551 { font-size: 130%; } #stacks_in_448 { background-color: rgba(255, 255, 255, 1.00); padding: 0px 60px 0px 60px; } /* LinkThing by RapidWeaver Central */ /* 1 Slinky ====================== */ .link_effect1stacks_in_452 a:before, .link_effect1stacks_in_452 a:after { content: ''; position: absolute; bottom: -2px; left: 50%; width: 0; height: 1px; background: #8D448B !important; -webkit-transition: width 300ms ease; transition: width 300ms ease; } .link_effect1stacks_in_452 a:after { right: 50%; left: auto; } .link_effect1stacks_in_452 a:hover:before, .link_effect1stacks_in_452 a:hover:after { width: 50%; } .link_effect1stacks_in_452 a { color: #8D448B !important; font-weight:normal;; position: relative; text-decoration: none; } .link_effect1stacks_in_452 a:visited { text-decoration: none; } /* 2 Stretchy ====================== */ #stacks_in_452 .link_effect2stacks_in_452 a { color: #8D448B !important; font-weight:normal;; letter-spacing: 0; opacity: .5; -webkit-transition: all .25s ease-out; } #stacks_in_452 .link_effect2stacks_in_452 a:hover { opacity: 1; letter-spacing: 10px; } /* 3 Fade In ====================== */ #stacks_in_452 .link_effect3stacks_in_452 { text-decoration: none; } #stacks_in_452 .link_effect3stacks_in_452 a { color: #8D448B !important; font-weight:normal;; border-bottom: 1px solid #DA4453; font-weight: 500; -webkit-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; } #stacks_in_452 .link_effect3stacks_in_452 a:hover, #stacks_in_452 .link_effect3stacks_in_452 a:focus { color: #DA4453 !important; border-color: #DA4453*0.8%; background-color: #DA4453; } /* 4 Bubble ====================== */ #stacks_in_452 .link_effect4stacks_in_452 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_452 .link_effect4stacks_in_452 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_452 .link_effect4stacks_in_452 a::before, #stacks_in_452 .link_effect%stacks_in_452 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_452 .link_effect4stacks_in_452 { } #stacks_in_452 .link_effect4stacks_in_452 a { font-weight:normal;; } #stacks_in_452 .link_effect4stacks_in_452 a::before { position: absolute; top: 0; left: -5px; z-index: -1; box-sizing: content-box; padding: 0 5px; width: 100%; height: 100%; border-radius: 10px; background-color: #DA4453; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; -webkit-transform: scale(0); transform: scale(0); } #stacks_in_452 .link_effect4stacks_in_452 a:hover::before, #stacks_in_452 .link_effect4stacks_in_452 a:focus::before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* 5 UpSlider ====================== */ #stacks_in_452 .link_effect5stacks_in_452 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_452 .link_effect5stacks_in_452 a { color: #8D448B !important; font-weight:normal;; position: relative; display: inline-block; outline: none; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_452 .link_effect5stacks_in_452 a::before, #stacks_in_452 .link_effect5stacks_in_452 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_452 .link_effect5stacks_in_452 a { overflow: hidden; font-weight: 500; } #stacks_in_452 .link_effect5stacks_in_452 a::before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #DA4453; content: ''; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; -webkit-transform: translateY(95%); transform: translateY(95%); } #stacks_in_452 .link_effect5stacks_in_452 a:hover::before, #stacks_in_452 .link_effect5stacks_in_452 a:focus::before { -webkit-transform: translateY(0); transform: translateY(0); } /* 6 RightSlider RightSlider_color ====================== */ #stacks_in_452 .link_effect6stacks_in_452 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_452 .link_effect6stacks_in_452 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_452 .link_effect6stacks_in_452 a::before, #stacks_in_452 .link_effect6stacks_in_452 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_452 .link_effect6stacks_in_452 a { overflow: hidden; font-weight:normal;; } #stacks_in_452 .link_effect6stacks_in_452 a::before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #DA4453; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: scaleY(0.618) translateX(-100%); transform: scaleY(0.618) translateX(-100%); } #stacks_in_452 .link_effect6stacks_in_452 a:hover::before, #stacks_in_452 .link_effect6stacks_in_452 a:focus::before { -webkit-transform: scaleY(0.618) translateX(0); transform: scaleY(0.618) translateX(0); } /* 7 InBouncer InBouncer_color ====================== */ #stacks_in_452 .link_effect7stacks_in_452 { position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_452 .link_effect7stacks_in_452 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_452 .link_effect7stacks_in_452 a::before, #stacks_in_452 .link_effect7stacks_in_452 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_452 .link_effect7stacks_in_452 { position: relative; } #stacks_in_452 .link_effect7stacks_in_452 a { vertical-align: bottom; font-weight:normal;; } #stacks_in_452 .link_effect7stacks_in_452 a::before { position: absolute; top: 0; left: -5px; z-index: -1; box-sizing: content-box; padding: 0 5px; width: 100%; height: 100%; background-color: #DA4453; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; -webkit-transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39); transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39); -webkit-transform: scale(0); transform: scale(0); } #stacks_in_452 .link_effect7stacks_in_452 a:hover::before, #stacks_in_452 .link_effect7stacks_in_452 a:focus::before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* 8 Dissipater ====================== */ #stacks_in_452 .link_effect8stacks_in_452 { position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_452 .link_effect8stacks_in_452 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_452 .link_effect8stacks_in_452 a::before, #stacks_in_452 .link_effect8stacks_in_452 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_452 .link_effect8stacks_in_452 a { color: #8D448B !important; font-weight:normal;; -webkit-transition: color 0.3s; transition: color 0.3s; } #stacks_in_452 .link_effect8stacks_in_452 a:hover, #stacks_in_452 .link_effect8stacks_in_452 a:focus { color: #DA4453 !important; } #stacks_in_452 .link_effect8stacks_in_452 a::before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; border-radius: 5px; background-color: #DA4453; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.2s, opacity 0.3s, background-color 0.2s; transition: transform 0.2s, opacity 0.2s, background-color 0.2s; -webkit-transform: scale(1.1); transform: scale(1.1); } #stacks_in_452 .link_effect8stacks_in_452 a:hover::before, #stacks_in_452 .link_effect8stacks_in_452 a:focus::before { background-color: rgba(255,255,255,0); opacity: 1; -webkit-transform: scaleX(1) scaleY(0.618); transform: scaleX(1) scaleY(0.618); } /* 9 Flipper ====================== */ #stacks_in_452 .link_effect9stacks_in_452 { position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_452 .link_effect9stacks_in_452 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_452 .link_effect9stacks_in_452 a::before, #stacks_in_452 .link_effect9stacks_in_452 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_452 .link_effect9stacks_in_452 a { font-weight:normal;; -webkit-transition: color 0.3s; transition: color 0.3s; -webkit-perspective: 600px; perspective: 600px; -webkit-perspective-origin: 50% 100%; perspective-origin: 50% 100%; } #stacks_in_452 .link_effect9stacks_in_452 a:hover, #stacks_in_452 .link_effect9stacks_in_452 a:focus { color: #DA4453 !important; } #stacks_in_452 .link_effect9stacks_in_452 a::before, #stacks_in_452 .link_effect9stacks_in_452 a::after { position: absolute; top: 0; left: -4px; z-index: -1; box-sizing: content-box; padding: 0 4px; width: 100%; height: 100%; content: ''; } #stacks_in_452 .link_effect9stacks_in_452 a::before { background-color: #DA4453; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } #stacks_in_452 .link_effect9stacks_in_452 a:hover::before, #stacks_in_452 .link_effect9stacks_in_452 a:focus::before { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } #stacks_in_452 .link_effect9stacks_in_452 a::after { border-bottom: 2px solid #DA4453; } /* 10 Borderer ====================== */ #stacks_in_452 .link_effect10stacks_in_452 { position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_452 .link_effect10stacks_in_452 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_452 .link_effect10stacks_in_452 a::before, #stacks_in_452 .link_effect10stacks_in_452 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_452 .link_effect10stacks_in_452 a { color: #8D448B !important; font-weight:normal;; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; } #stacks_in_452 .link_effect10stacks_in_452 a:hover, #stacks_in_452 .link_effect10stacks_in_452 a:focus { -webkit-transform: scale(0.8333); transform: scale(0.8333); } #stacks_in_452 .link_effect10stacks_in_452 a::before { position: absolute; top: -2px; left: -7px; box-sizing: content-box; padding: 0 5px; width: 100%; height: 100%; border: 2px solid #DA4453; content: ''; opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; -webkit-transform: scale(0.8333); transform: scale(0.8333); } #stacks_in_452 .link_effect10stacks_in_452 a:hover::before, #stacks_in_452 .link_effect10stacks_in_452 a:focus::before { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); } /* 11 Squiffy ====================== */ #stacks_in_452 .link_effect11stacks_in_452 { position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_452 .link_effect11stacks_in_452 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_452 .link_effect11stacks_in_452 a::before, #stacks_in_452 .link_effect11stacks_in_452 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_452 .link_effect11stacks_in_452 a { font-weight:normal;; -webkit-transition: color 0.4s; transition: color 0.4s; } #stacks_in_452 .link_effect11stacks_in_452 a:hover, #stacks_in_452 .link_effect11stacks_in_452 a:focus { color: #DA4453 !important; } #stacks_in_452 .link_effect11stacks_in_452 a::before { position: absolute; top: 0px; left: -5px; z-index: -1; box-sizing: content-box; padding: 0 5px; width: 100%; height: 100%; background: #DA4453; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.2s; -webkit-transform: skewY(-3deg) skewX(-11deg); transform: skewY(-3deg) skewX(-11deg); } #stacks_in_452 .link_effect11stacks_in_452 a:hover::before, #stacks_in_452 .link_effect11stacks_in_452 a:focus::before { opacity: 1; -webkit-transform: skewY(0) skewX(0); transform: skewY(0) skewX(0); } /* 12 UpLiner ====================== */ #stacks_in_452 .link_effect12stacks_in_452 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_452 .link_effect12stacks_in_452 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_452 .link_effect12stacks_in_452 a::before, #stacks_in_452 .link_effect12stacks_in_452 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_452 .link_effect12stacks_in_452 a { overflow: hidden; font-weight:normal;; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } #stacks_in_452 .link_effect12stacks_in_452 a:hover, #stacks_in_452 .link_effect12stacks_in_452 a:focus { -webkit-transform: translateY(10%); transform: translateY(10%); } #stacks_in_452 .link_effect12stacks_in_452 a::before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #DA4453; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateY(100%) translateY(-2px); transform: translateY(100%) translateY(-2px); } #stacks_in_452 .link_effect12stacks_in_452 a, #stacks_in_452 .link_effect12stacks_in_452 a::before { -webkit-transition-timing-function: cubic-bezier(0.6,0,0.4,1); transition-timing-function: cubic-bezier(0.6,0,0.4,1); } #stacks_in_452 .link_effect12stacks_in_452 a:hover::before, #stacks_in_452 .link_effect12stacks_in_452 a:focus::before { -webkit-transform: translateY(-100%) translateY(2px); transform: translateY(-100%) translateY(2px); } /* 13 Tooltipper ====================== */ #stacks_in_452 .link_effect13stacks_in_452 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_452 .link_effect13stacks_in_452 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_452 .link_effect13stacks_in_452 a::before, #stacks_in_452 .link_effect13stacks_in_452 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_452 .link_effect13stacks_in_452 { } #stacks_in_452 .link_effect13stacks_in_452 a { color: #8D448B !important; font-weight:normal;; } #stacks_in_452 .link_effect13stacks_in_452 a::before { display:table; position:absolute; top:1.8em; left:1.8em; padding:.2em .5em .5em 3.7em; width: 200pxpx; height: 100%; background: #DA4453 url(../files/link.svg) no-repeat -3em 50%; background-size: auto 40%; color: transparent; content: attr(href); white-space: pre-wrap; word-break: break-all; font-weight:normal;; font-size: 80%; font-style: italic; opacity: 0; line-height: 1.6; pointer-events: auto; -webkit-transition: opacity 0.3s, color 0.3s, -webkit-transform 0.3s, background-position 0.2s; transition: opacity 0.3s, color 0.3s, transform 0.3s, background-position 0.2s; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-border-radius: 5pxpx; -moz-border-radius: 5pxpx; border-radius: 5pxpx; } #stacks_in_452 .link_effect13stacks_in_452 a:hover::before, #stacks_in_452 .link_effect13stacks_in_452 a:focus::before { background-position: 1em 50%; color: #DA4453; opacity: 1; -webkit-transition-delay: 0s, 0s, 0s, 0.1s; transition-delay: 0s, 0s, 0s, 0.1s; -webkit-transform: scale(1) translateY(-75%); transform: scale(1) translateY(-75%); } /* 14 Arrow arrow_color ====================== */ #stacks_in_452 .link_effect14stacks_in_452 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_452 .link_effect14stacks_in_452 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_452 .link_effect14stacks_in_452 a::before, #stacks_in_452 .link_effect14stacks_in_452 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_452 .link_effect14stacks_in_452 a { padding: 0 0.25em; font-weight:normal;; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateX(0); transform: translateX(0); } #stacks_in_452 .link_effect14stacks_in_452 a:hover, #stacks_in_452 .link_effect14stacks_in_452 a::after { -webkit-transform: translateX(-1em); transform: translateX(-1em); } #stacks_in_452 .link_effect14stacks_in_452 a::before, #stacks_in_452 .link_effect14stacks_in_452 a::after { position: absolute; height: 100%; content: ''; } #stacks_in_452 .link_effect14stacks_in_452 a::before { left: 0; z-index: -1; width: 100%; background: #4A89DC; } #stacks_in_452 .link_effect14stacks_in_452 a::after { left: 100%; z-index: -2; width: 1em; background: #3766A4 url(../files/arrow_right.svg) no-repeat 50% 50%; background-size: 60% auto; text-align: center; pointer-events: auto; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } #stacks_in_452 .link_effect14stacks_in_452 a:hover::after, #stacks_in_452 .link_effect14stacks_in_452 a:focus::after { -webkit-transform: translateX(0); transform: translateX(0); } /* 15 Curtains ====================== */ #stacks_in_452 .link_effect15stacks_in_452 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_452 .link_effect15stacks_in_452 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_452 .link_effect15stacks_in_452 a::before, #stacks_in_452 .link_effect15stacks_in_452 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_452 .link_effect15stacks_in_452 a { overflow: hidden; font-weight:normal;; } #stacks_in_452 .link_effect15stacks_in_452 a::before, #stacks_in_452 .link_effect15stacks_in_452 a::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } #stacks_in_452 .link_effect15stacks_in_452 a::before { border-top: 2px solid #DA4453; background: transparent; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transform: translateY( calc(100% - 2px) ); transform: translateY( calc(100% - 2px) ); } #stacks_in_452 .link_effect15stacks_in_452 a:hover::before, #stacks_in_452 .link_effect15stacks_in_452 a:focus::before { -webkit-transition-delay: 0s; transition-delay: 0s; } #stacks_in_452 .link_effect15stacks_in_452 a:hover::before, #stacks_in_452 .link_effect15stacks_in_452 a:focus::before, #stacks_in_452 .link_effect15stacks_in_452 a:hover::after, #stacks_in_452 .link_effect15stacks_in_452 a:focus::after { -webkit-transform: translateX(0); transform: translateX(0); } #stacks_in_452 .link_effect15stacks_in_452 a::after { z-index: -1; background: #DA4453; -webkit-transform: translateY(-100%); transform: translateY(-100%); } #stacks_in_452 .link_effect15stacks_in_452 a:hover::after, #stacks_in_452 .link_effect15stacks_in_452 a:focus::after { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } /* 16 Brackets ====================== */ #stacks_in_452 .link_effect16stacks_in_452 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_452 .link_effect16stacks_in_452 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_452 .link_effect16stacks_in_452 a::before, #stacks_in_452 .link_effect16stacks_in_452 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_452 .link_effect16stacks_in_452 a { padding: 0 0.35em; font-weight:normal;; -webkit-transition: color 0.2s; transition: color 0.2s; } #stacks_in_452 .link_effect16stacks_in_452 a:hover { color: #d04c3f; } #stacks_in_452 .link_effect16stacks_in_452 a::before, #stacks_in_452 .link_effect16stacks_in_452 a::after { position: absolute; top: 0; font-weight: 100; font-size: 150%; line-height: 1; opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; } #stacks_in_452 .link_effect16stacks_in_452 a::before { left: -0.1em; content: '['; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #stacks_in_452 .link_effect16stacks_in_452 a::after { right: -0.1em; content: ']'; -webkit-transform: translateX(100%); transform: translateX(100%); } #stacks_in_452 .link_effect16stacks_in_452 a:hover::before, #stacks_in_452 .link_effect16stacks_in_452 a:hover::after { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } /* 17 Javelinky ====================== */ #stacks_in_452 .link_effect17stacks_in_452 a { position: relative; padding: 0 5px; color: #8D448B !important; font-weight:normal;; text-decoration: none; } #stacks_in_452 .link_effect17stacks_in_452 a:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 1px; margin: auto; background-image: linear-gradient(90deg, transparent 0%, #8D448B 50%, transparent 100%); -webkit-transition: width .15s ease; -moz-transition: width .15s ease; transition: width .15s ease; } #stacks_in_452 .link_effect17stacks_in_452 a:hover:after { width: 0; } /* 18 Sandwich ====================== */ #stacks_in_452 .link_effect18stacks_in_452 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_452 .link_effect18stacks_in_452 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_452 .link_effect18stacks_in_452 a::before, #stacks_in_452 .link_effect18stacks_in_452 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_452 .link_effect18stacks_in_452 { } #stacks_in_452 .link_effect18stacks_in_452 a { padding: 0 ; color: #8D448B; text-shadow: none; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } #stacks_in_452 .link_effect18stacks_in_452 a::before, #stacks_in_452 .link_effect18stacks_in_452 a::after { position: absolute; left: 0; width: 100%; height: 1px; background: #8D448B; content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } #stacks_in_452 .link_effect18stacks_in_452 a::before { top: 0; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } #stacks_in_452 .link_effect18stacks_in_452 a::after { bottom: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); } #stacks_in_452 .link_effect18stacks_in_452 a:hover, #stacks_in_452 .link_effect18stacks_in_452 a:focus { color: #fff; } #stacks_in_452 .link_effect18stacks_in_452 a:hover::before, #stacks_in_452 .link_effect18stacks_in_452 a:focus::before, #stacks_in_452 .link_effect18stacks_in_452 a:hover::after, #stacks_in_452 .link_effect18stacks_in_452 a:focus::after { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } /* 19 Fade Up ====================== */ #stacks_in_452 .link_effect19stacks_in_452 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_452 .link_effect19stacks_in_452 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_452 .link_effect19stacks_in_452 a::before, #stacks_in_452 .link_effect19stacks_in_452 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .link_effect19stacks_in_452 a { } .link_effect19stacks_in_452 a::after { position: absolute; top: 100%; left: 0; width: 100%; height: 2px; background: #DA4453; content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); } .link_effect19stacks_in_452 a:hover::after, .link_effect19stacks_in_452 a:focus::after { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } /* 20 Fade Down ====================== */ #stacks_in_452 .link_effect20stacks_in_452 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_452 .link_effect20stacks_in_452 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_452 .link_effect20stacks_in_452 a::before, #stacks_in_452 .link_effect20stacks_in_452 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .link_effect20stacks_in_452 a { } .link_effect20stacks_in_452 a::after { position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #DA4453; content: ''; opacity: 0; -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } .link_effect20stacks_in_452 a:hover::after, .link_effect20stacks_in_452 a:focus::after { height: 2px; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } /* Start dooText X stack CSS code */ .stacks_in_450x{ display: block !important; text-align: left !important; } @media (max-width:768px) { .stacks_in_450x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_450x{ text-align: center !important; } } /* End dooText X stack CSS code */ #stacks_in_450 { padding: 0px 60px 0px 60px; } #stacks_in_518 { background-color: rgba(255, 255, 255, 1.00); padding: 0px 60px 0px 60px; } #stacks_in_530 { background-color: rgba(255, 255, 255, 1.00); padding: 20px 40px 0px 40px; } /* Ghost Button 1.5.0 */ #stacks_in_542 { display: block; position: relative; text-align: center; } .stacks_in_542 { display: inline-block !important; position: relative !important; width: 360px !important; padding: 10px !important; color: rgba(0, 0, 0, 1.00) !important; background-color: transparent !important; border: 1px solid rgba(0, 0, 0, 1.00) !important; border-radius: 0px !important; text-align: center !important; outline: none !important; text-decoration: none !important; transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out; } .stacks_in_542:visited { color: rgba(0, 0, 0, 1.00) !important; } .stacks_in_542:hover, .stacks_in_542:active { background-color: rgba(64, 31, 63, 1.00) !important; color: rgba(255, 255, 255, 1.00) !important; transition: background-color 0.2s ease-in, color 0.2s ease-in, border-color 0.2s ease-in; } #stacks_in_542 { background-color: rgba(255, 255, 255, 1.00); padding: 60px 10px 0px 10px; } #stacks_in_494 { background-color: rgba(255, 255, 255, 1.00); padding: 60px 60px 40px 60px; } /* LinkThing by RapidWeaver Central */ /* 1 Slinky ====================== */ .link_effect1stacks_in_538 a:before, .link_effect1stacks_in_538 a:after { content: ''; position: absolute; bottom: -2px; left: 50%; width: 0; height: 1px; background: #8D448B !important; -webkit-transition: width 300ms ease; transition: width 300ms ease; } .link_effect1stacks_in_538 a:after { right: 50%; left: auto; } .link_effect1stacks_in_538 a:hover:before, .link_effect1stacks_in_538 a:hover:after { width: 50%; } .link_effect1stacks_in_538 a { color: #8D448B !important; font-weight:normal;; position: relative; text-decoration: none; } .link_effect1stacks_in_538 a:visited { text-decoration: none; } /* 2 Stretchy ====================== */ #stacks_in_538 .link_effect2stacks_in_538 a { color: #8D448B !important; font-weight:normal;; letter-spacing: 0; opacity: .5; -webkit-transition: all .25s ease-out; } #stacks_in_538 .link_effect2stacks_in_538 a:hover { opacity: 1; letter-spacing: 10px; } /* 3 Fade In ====================== */ #stacks_in_538 .link_effect3stacks_in_538 { text-decoration: none; } #stacks_in_538 .link_effect3stacks_in_538 a { color: #8D448B !important; font-weight:normal;; border-bottom: 1px solid #DA4453; font-weight: 500; -webkit-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; } #stacks_in_538 .link_effect3stacks_in_538 a:hover, #stacks_in_538 .link_effect3stacks_in_538 a:focus { color: #DA4453 !important; border-color: #DA4453*0.8%; background-color: #DA4453; } /* 4 Bubble ====================== */ #stacks_in_538 .link_effect4stacks_in_538 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_538 .link_effect4stacks_in_538 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_538 .link_effect4stacks_in_538 a::before, #stacks_in_538 .link_effect%stacks_in_538 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_538 .link_effect4stacks_in_538 { } #stacks_in_538 .link_effect4stacks_in_538 a { font-weight:normal;; } #stacks_in_538 .link_effect4stacks_in_538 a::before { position: absolute; top: 0; left: -5px; z-index: -1; box-sizing: content-box; padding: 0 5px; width: 100%; height: 100%; border-radius: 10px; background-color: #DA4453; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; -webkit-transform: scale(0); transform: scale(0); } #stacks_in_538 .link_effect4stacks_in_538 a:hover::before, #stacks_in_538 .link_effect4stacks_in_538 a:focus::before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* 5 UpSlider ====================== */ #stacks_in_538 .link_effect5stacks_in_538 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_538 .link_effect5stacks_in_538 a { color: #8D448B !important; font-weight:normal;; position: relative; display: inline-block; outline: none; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_538 .link_effect5stacks_in_538 a::before, #stacks_in_538 .link_effect5stacks_in_538 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_538 .link_effect5stacks_in_538 a { overflow: hidden; font-weight: 500; } #stacks_in_538 .link_effect5stacks_in_538 a::before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #DA4453; content: ''; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; -webkit-transform: translateY(95%); transform: translateY(95%); } #stacks_in_538 .link_effect5stacks_in_538 a:hover::before, #stacks_in_538 .link_effect5stacks_in_538 a:focus::before { -webkit-transform: translateY(0); transform: translateY(0); } /* 6 RightSlider RightSlider_color ====================== */ #stacks_in_538 .link_effect6stacks_in_538 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_538 .link_effect6stacks_in_538 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_538 .link_effect6stacks_in_538 a::before, #stacks_in_538 .link_effect6stacks_in_538 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_538 .link_effect6stacks_in_538 a { overflow: hidden; font-weight:normal;; } #stacks_in_538 .link_effect6stacks_in_538 a::before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #DA4453; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: scaleY(0.618) translateX(-100%); transform: scaleY(0.618) translateX(-100%); } #stacks_in_538 .link_effect6stacks_in_538 a:hover::before, #stacks_in_538 .link_effect6stacks_in_538 a:focus::before { -webkit-transform: scaleY(0.618) translateX(0); transform: scaleY(0.618) translateX(0); } /* 7 InBouncer InBouncer_color ====================== */ #stacks_in_538 .link_effect7stacks_in_538 { position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_538 .link_effect7stacks_in_538 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_538 .link_effect7stacks_in_538 a::before, #stacks_in_538 .link_effect7stacks_in_538 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_538 .link_effect7stacks_in_538 { position: relative; } #stacks_in_538 .link_effect7stacks_in_538 a { vertical-align: bottom; font-weight:normal;; } #stacks_in_538 .link_effect7stacks_in_538 a::before { position: absolute; top: 0; left: -5px; z-index: -1; box-sizing: content-box; padding: 0 5px; width: 100%; height: 100%; background-color: #DA4453; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; -webkit-transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39); transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39); -webkit-transform: scale(0); transform: scale(0); } #stacks_in_538 .link_effect7stacks_in_538 a:hover::before, #stacks_in_538 .link_effect7stacks_in_538 a:focus::before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* 8 Dissipater ====================== */ #stacks_in_538 .link_effect8stacks_in_538 { position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_538 .link_effect8stacks_in_538 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_538 .link_effect8stacks_in_538 a::before, #stacks_in_538 .link_effect8stacks_in_538 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_538 .link_effect8stacks_in_538 a { color: #8D448B !important; font-weight:normal;; -webkit-transition: color 0.3s; transition: color 0.3s; } #stacks_in_538 .link_effect8stacks_in_538 a:hover, #stacks_in_538 .link_effect8stacks_in_538 a:focus { color: #DA4453 !important; } #stacks_in_538 .link_effect8stacks_in_538 a::before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; border-radius: 5px; background-color: #DA4453; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.2s, opacity 0.3s, background-color 0.2s; transition: transform 0.2s, opacity 0.2s, background-color 0.2s; -webkit-transform: scale(1.1); transform: scale(1.1); } #stacks_in_538 .link_effect8stacks_in_538 a:hover::before, #stacks_in_538 .link_effect8stacks_in_538 a:focus::before { background-color: rgba(255,255,255,0); opacity: 1; -webkit-transform: scaleX(1) scaleY(0.618); transform: scaleX(1) scaleY(0.618); } /* 9 Flipper ====================== */ #stacks_in_538 .link_effect9stacks_in_538 { position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_538 .link_effect9stacks_in_538 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_538 .link_effect9stacks_in_538 a::before, #stacks_in_538 .link_effect9stacks_in_538 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_538 .link_effect9stacks_in_538 a { font-weight:normal;; -webkit-transition: color 0.3s; transition: color 0.3s; -webkit-perspective: 600px; perspective: 600px; -webkit-perspective-origin: 50% 100%; perspective-origin: 50% 100%; } #stacks_in_538 .link_effect9stacks_in_538 a:hover, #stacks_in_538 .link_effect9stacks_in_538 a:focus { color: #DA4453 !important; } #stacks_in_538 .link_effect9stacks_in_538 a::before, #stacks_in_538 .link_effect9stacks_in_538 a::after { position: absolute; top: 0; left: -4px; z-index: -1; box-sizing: content-box; padding: 0 4px; width: 100%; height: 100%; content: ''; } #stacks_in_538 .link_effect9stacks_in_538 a::before { background-color: #DA4453; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } #stacks_in_538 .link_effect9stacks_in_538 a:hover::before, #stacks_in_538 .link_effect9stacks_in_538 a:focus::before { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } #stacks_in_538 .link_effect9stacks_in_538 a::after { border-bottom: 2px solid #DA4453; } /* 10 Borderer ====================== */ #stacks_in_538 .link_effect10stacks_in_538 { position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_538 .link_effect10stacks_in_538 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_538 .link_effect10stacks_in_538 a::before, #stacks_in_538 .link_effect10stacks_in_538 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_538 .link_effect10stacks_in_538 a { color: #8D448B !important; font-weight:normal;; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; } #stacks_in_538 .link_effect10stacks_in_538 a:hover, #stacks_in_538 .link_effect10stacks_in_538 a:focus { -webkit-transform: scale(0.8333); transform: scale(0.8333); } #stacks_in_538 .link_effect10stacks_in_538 a::before { position: absolute; top: -2px; left: -7px; box-sizing: content-box; padding: 0 5px; width: 100%; height: 100%; border: 2px solid #DA4453; content: ''; opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; -webkit-transform: scale(0.8333); transform: scale(0.8333); } #stacks_in_538 .link_effect10stacks_in_538 a:hover::before, #stacks_in_538 .link_effect10stacks_in_538 a:focus::before { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); } /* 11 Squiffy ====================== */ #stacks_in_538 .link_effect11stacks_in_538 { position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_538 .link_effect11stacks_in_538 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_538 .link_effect11stacks_in_538 a::before, #stacks_in_538 .link_effect11stacks_in_538 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_538 .link_effect11stacks_in_538 a { font-weight:normal;; -webkit-transition: color 0.4s; transition: color 0.4s; } #stacks_in_538 .link_effect11stacks_in_538 a:hover, #stacks_in_538 .link_effect11stacks_in_538 a:focus { color: #DA4453 !important; } #stacks_in_538 .link_effect11stacks_in_538 a::before { position: absolute; top: 0px; left: -5px; z-index: -1; box-sizing: content-box; padding: 0 5px; width: 100%; height: 100%; background: #DA4453; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.2s; -webkit-transform: skewY(-3deg) skewX(-11deg); transform: skewY(-3deg) skewX(-11deg); } #stacks_in_538 .link_effect11stacks_in_538 a:hover::before, #stacks_in_538 .link_effect11stacks_in_538 a:focus::before { opacity: 1; -webkit-transform: skewY(0) skewX(0); transform: skewY(0) skewX(0); } /* 12 UpLiner ====================== */ #stacks_in_538 .link_effect12stacks_in_538 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_538 .link_effect12stacks_in_538 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_538 .link_effect12stacks_in_538 a::before, #stacks_in_538 .link_effect12stacks_in_538 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_538 .link_effect12stacks_in_538 a { overflow: hidden; font-weight:normal;; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } #stacks_in_538 .link_effect12stacks_in_538 a:hover, #stacks_in_538 .link_effect12stacks_in_538 a:focus { -webkit-transform: translateY(10%); transform: translateY(10%); } #stacks_in_538 .link_effect12stacks_in_538 a::before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #DA4453; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateY(100%) translateY(-2px); transform: translateY(100%) translateY(-2px); } #stacks_in_538 .link_effect12stacks_in_538 a, #stacks_in_538 .link_effect12stacks_in_538 a::before { -webkit-transition-timing-function: cubic-bezier(0.6,0,0.4,1); transition-timing-function: cubic-bezier(0.6,0,0.4,1); } #stacks_in_538 .link_effect12stacks_in_538 a:hover::before, #stacks_in_538 .link_effect12stacks_in_538 a:focus::before { -webkit-transform: translateY(-100%) translateY(2px); transform: translateY(-100%) translateY(2px); } /* 13 Tooltipper ====================== */ #stacks_in_538 .link_effect13stacks_in_538 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_538 .link_effect13stacks_in_538 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_538 .link_effect13stacks_in_538 a::before, #stacks_in_538 .link_effect13stacks_in_538 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_538 .link_effect13stacks_in_538 { } #stacks_in_538 .link_effect13stacks_in_538 a { color: #8D448B !important; font-weight:normal;; } #stacks_in_538 .link_effect13stacks_in_538 a::before { display:table; position:absolute; top:1.8em; left:1.8em; padding:.2em .5em .5em 3.7em; width: 200pxpx; height: 100%; background: #DA4453 url(../files/link.svg) no-repeat -3em 50%; background-size: auto 40%; color: transparent; content: attr(href); white-space: pre-wrap; word-break: break-all; font-weight:normal;; font-size: 80%; font-style: italic; opacity: 0; line-height: 1.6; pointer-events: auto; -webkit-transition: opacity 0.3s, color 0.3s, -webkit-transform 0.3s, background-position 0.2s; transition: opacity 0.3s, color 0.3s, transform 0.3s, background-position 0.2s; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-border-radius: 5pxpx; -moz-border-radius: 5pxpx; border-radius: 5pxpx; } #stacks_in_538 .link_effect13stacks_in_538 a:hover::before, #stacks_in_538 .link_effect13stacks_in_538 a:focus::before { background-position: 1em 50%; color: #DA4453; opacity: 1; -webkit-transition-delay: 0s, 0s, 0s, 0.1s; transition-delay: 0s, 0s, 0s, 0.1s; -webkit-transform: scale(1) translateY(-75%); transform: scale(1) translateY(-75%); } /* 14 Arrow arrow_color ====================== */ #stacks_in_538 .link_effect14stacks_in_538 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_538 .link_effect14stacks_in_538 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_538 .link_effect14stacks_in_538 a::before, #stacks_in_538 .link_effect14stacks_in_538 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_538 .link_effect14stacks_in_538 a { padding: 0 0.25em; font-weight:normal;; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateX(0); transform: translateX(0); } #stacks_in_538 .link_effect14stacks_in_538 a:hover, #stacks_in_538 .link_effect14stacks_in_538 a::after { -webkit-transform: translateX(-1em); transform: translateX(-1em); } #stacks_in_538 .link_effect14stacks_in_538 a::before, #stacks_in_538 .link_effect14stacks_in_538 a::after { position: absolute; height: 100%; content: ''; } #stacks_in_538 .link_effect14stacks_in_538 a::before { left: 0; z-index: -1; width: 100%; background: #4A89DC; } #stacks_in_538 .link_effect14stacks_in_538 a::after { left: 100%; z-index: -2; width: 1em; background: #3766A4 url(../files/arrow_right.svg) no-repeat 50% 50%; background-size: 60% auto; text-align: center; pointer-events: auto; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } #stacks_in_538 .link_effect14stacks_in_538 a:hover::after, #stacks_in_538 .link_effect14stacks_in_538 a:focus::after { -webkit-transform: translateX(0); transform: translateX(0); } /* 15 Curtains ====================== */ #stacks_in_538 .link_effect15stacks_in_538 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_538 .link_effect15stacks_in_538 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_538 .link_effect15stacks_in_538 a::before, #stacks_in_538 .link_effect15stacks_in_538 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_538 .link_effect15stacks_in_538 a { overflow: hidden; font-weight:normal;; } #stacks_in_538 .link_effect15stacks_in_538 a::before, #stacks_in_538 .link_effect15stacks_in_538 a::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } #stacks_in_538 .link_effect15stacks_in_538 a::before { border-top: 2px solid #DA4453; background: transparent; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transform: translateY( calc(100% - 2px) ); transform: translateY( calc(100% - 2px) ); } #stacks_in_538 .link_effect15stacks_in_538 a:hover::before, #stacks_in_538 .link_effect15stacks_in_538 a:focus::before { -webkit-transition-delay: 0s; transition-delay: 0s; } #stacks_in_538 .link_effect15stacks_in_538 a:hover::before, #stacks_in_538 .link_effect15stacks_in_538 a:focus::before, #stacks_in_538 .link_effect15stacks_in_538 a:hover::after, #stacks_in_538 .link_effect15stacks_in_538 a:focus::after { -webkit-transform: translateX(0); transform: translateX(0); } #stacks_in_538 .link_effect15stacks_in_538 a::after { z-index: -1; background: #DA4453; -webkit-transform: translateY(-100%); transform: translateY(-100%); } #stacks_in_538 .link_effect15stacks_in_538 a:hover::after, #stacks_in_538 .link_effect15stacks_in_538 a:focus::after { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } /* 16 Brackets ====================== */ #stacks_in_538 .link_effect16stacks_in_538 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_538 .link_effect16stacks_in_538 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_538 .link_effect16stacks_in_538 a::before, #stacks_in_538 .link_effect16stacks_in_538 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_538 .link_effect16stacks_in_538 a { padding: 0 0.35em; font-weight:normal;; -webkit-transition: color 0.2s; transition: color 0.2s; } #stacks_in_538 .link_effect16stacks_in_538 a:hover { color: #d04c3f; } #stacks_in_538 .link_effect16stacks_in_538 a::before, #stacks_in_538 .link_effect16stacks_in_538 a::after { position: absolute; top: 0; font-weight: 100; font-size: 150%; line-height: 1; opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; } #stacks_in_538 .link_effect16stacks_in_538 a::before { left: -0.1em; content: '['; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #stacks_in_538 .link_effect16stacks_in_538 a::after { right: -0.1em; content: ']'; -webkit-transform: translateX(100%); transform: translateX(100%); } #stacks_in_538 .link_effect16stacks_in_538 a:hover::before, #stacks_in_538 .link_effect16stacks_in_538 a:hover::after { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } /* 17 Javelinky ====================== */ #stacks_in_538 .link_effect17stacks_in_538 a { position: relative; padding: 0 5px; color: #8D448B !important; font-weight:normal;; text-decoration: none; } #stacks_in_538 .link_effect17stacks_in_538 a:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 1px; margin: auto; background-image: linear-gradient(90deg, transparent 0%, #8D448B 50%, transparent 100%); -webkit-transition: width .15s ease; -moz-transition: width .15s ease; transition: width .15s ease; } #stacks_in_538 .link_effect17stacks_in_538 a:hover:after { width: 0; } /* 18 Sandwich ====================== */ #stacks_in_538 .link_effect18stacks_in_538 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_538 .link_effect18stacks_in_538 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_538 .link_effect18stacks_in_538 a::before, #stacks_in_538 .link_effect18stacks_in_538 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #stacks_in_538 .link_effect18stacks_in_538 { } #stacks_in_538 .link_effect18stacks_in_538 a { padding: 0 ; color: #8D448B; text-shadow: none; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } #stacks_in_538 .link_effect18stacks_in_538 a::before, #stacks_in_538 .link_effect18stacks_in_538 a::after { position: absolute; left: 0; width: 100%; height: 1px; background: #8D448B; content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } #stacks_in_538 .link_effect18stacks_in_538 a::before { top: 0; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } #stacks_in_538 .link_effect18stacks_in_538 a::after { bottom: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); } #stacks_in_538 .link_effect18stacks_in_538 a:hover, #stacks_in_538 .link_effect18stacks_in_538 a:focus { color: #fff; } #stacks_in_538 .link_effect18stacks_in_538 a:hover::before, #stacks_in_538 .link_effect18stacks_in_538 a:focus::before, #stacks_in_538 .link_effect18stacks_in_538 a:hover::after, #stacks_in_538 .link_effect18stacks_in_538 a:focus::after { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } /* 19 Fade Up ====================== */ #stacks_in_538 .link_effect19stacks_in_538 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_538 .link_effect19stacks_in_538 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_538 .link_effect19stacks_in_538 a::before, #stacks_in_538 .link_effect19stacks_in_538 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .link_effect19stacks_in_538 a { } .link_effect19stacks_in_538 a::after { position: absolute; top: 100%; left: 0; width: 100%; height: 2px; background: #DA4453; content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); } .link_effect19stacks_in_538 a:hover::after, .link_effect19stacks_in_538 a:focus::after { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } /* 20 Fade Down ====================== */ #stacks_in_538 .link_effect20stacks_in_538 { position: relative; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #stacks_in_538 .link_effect20stacks_in_538 a { position: relative; display: inline-block; outline: none; color: #8D448B !important; font-weight:normal;; vertical-align: bottom; text-decoration: none; white-space: nowrap; } #stacks_in_538 .link_effect20stacks_in_538 a::before, #stacks_in_538 .link_effect20stacks_in_538 a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .link_effect20stacks_in_538 a { } .link_effect20stacks_in_538 a::after { position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #DA4453; content: ''; opacity: 0; -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } .link_effect20stacks_in_538 a:hover::after, .link_effect20stacks_in_538 a:focus::after { height: 2px; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } /* Start dooText X stack CSS code */ .stacks_in_498x{ display: block !important; text-align: left !important; } @media (max-width:768px) { .stacks_in_498x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_498x{ text-align: center !important; } } /* End dooText X stack CSS code */ #stacks_in_498 { padding: 0px 60px 0px 60px; } .fb-livechat,.fb-widget{display:none}.ctrlq.fb-button,.ctrlq.fb-close{position:fixed;cursor:pointer}.ctrlq.fb-close {right:24px}.ctrlq.fb-button{right:24px}.ctrlq.fb-button{z-index:1000;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxyZWN0IGZpbGw9IiMwMDg0RkYiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PC9nPjxwYXRoIGQ9Ik02NCwxNy41MzFjLTI1LjQwNSwwLTQ2LDE5LjI1OS00Niw0My4wMTVjMCwxMy41MTUsNi42NjUsMjUuNTc0LDE3LjA4OSwzMy40NnYxNi40NjIgIGwxNS42OTgtOC43MDdjNC4xODYsMS4xNzEsOC42MjEsMS44LDEzLjIxMywxLjhjMjUuNDA1LDAsNDYtMTkuMjU4LDQ2LTQzLjAxNUMxMTAsMzYuNzksODkuNDA1LDE3LjUzMSw2NCwxNy41MzF6IE02OC44NDUsNzUuMjE0ICBMNTYuOTQ3LDYyLjg1NUwzNC4wMzUsNzUuNTI0bDI1LjEyLTI2LjY1N2wxMS44OTgsMTIuMzU5bDIyLjkxLTEyLjY3TDY4Ljg0NSw3NS4yMTR6IiBmaWxsPSIjRkZGRkZGIiBpZD0iQnViYmxlX1NoYXBlIi8+PC9zdmc+) center no-repeat #0084ff;width:60px;height:60px;text-align:center;bottom:24px;border:0;outline:0;border-radius:60px;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease;background-size:80%;transition:all .2s ease-in-out}.ctrlq.fb-button:focus,.ctrlq.fb-button:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.09),0 4px 40px rgba(0,0,0,.24)}.fb-widget{background:#fff;z-index:1000;position:fixed;width:360px;height:435px;overflow:hidden;opacity:0;bottom:0;right:24px;border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;box-shadow:0 5px 40px rgba(0,0,0,.16);-webkit-box-shadow:0 5px 40px rgba(0,0,0,.16);-moz-box-shadow:0 5px 40px rgba(0,0,0,.16);-o-box-shadow:0 5px 40px rgba(0,0,0,.16)}.fb-credit{text-align:center;margin-top:2px}.fb-credit a{transition:none;color:#bec2c9;font-family:Helvetica,Arial,sans-serif;font-size:12px;text-decoration:none;border:0;font-weight:400}.ctrlq.fb-overlay{z-index:0;position:fixed;height:100vh;width:100vw;-webkit-transition:opacity .4s,visibility .4s;transition:opacity .4s,visibility .4s;top:0;left:0;background:rgba(0,0,0,.05);display:none}.ctrlq.fb-close{z-index:4;padding:0 6px;background:#365899;font-weight:700;font-size:11px;color:#fff;margin:8px;border-radius:3px}.ctrlq.fb-close::after{content:'x';font-family:sans-serif} #mc_stack_stacks_in_313_5 *, #mc_stack_stacks_in_313_5 *::before, #mc_stack_stacks_in_313_5 *::after { box-sizing: border-box; } /* CSS code for getting consent for cookies, custom popup message box */ #mc_wrapper_stacks_in_313_5 { display: inline-block; background: rgba(255, 255, 255, 1.00); border-radius: 0.5rem; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.12); margin: 0.5rem; padding: 1rem; max-height: 100vh; max-width: 50rem; overflow: auto; position: fixed; bottom: 0; left: 0; margin-left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; z-index: 99999; } #mc_wrapper_stacks_in_313_5.dismissed { display: none; } #mc_stacks_in_313_5 { display: flex; align-items: center; } #mc_content_stacks_in_313_5, #mc_button_stacks_in_313_5 { font-size: 1rem; line-height: 1.5em; letter-spacing: 0px; margin: 0; } #mc_content_stacks_in_313_5 { flex: 1; color: rgba(66, 66, 66, 1.00); } @media screen and (max-width: 568px) { /* Mobile styling */ #mc_stacks_in_313_5 { flex-direction: column; } #mc_wrapper_stacks_in_313_5 { width: 100vw; margin: 0; border-radius: 0; margin-left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #mc_content_stacks_in_313_5 { text-align: center; margin-bottom: 1rem; } #mc_button_stacks_in_313_5 { margin-left: 0 !important; } } #mc_supplementary_link_stacks_in_313_5 a, #mc_supplementary_link_stacks_in_313_5 a:visited, #mc_content_stacks_in_313_5 a, #mc_content_stacks_in_313_5 a:visited { font-weight: 600; color: rgba(127, 61, 126, 1.00); background: none; border: none; transition: all 100ms ease-in-out; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; text-decoration: underline; } #mc_supplementary_link_stacks_in_313_5 a:hover, #mc_content_stacks_in_313_5 a:hover { color: rgba(85, 85, 89, 1.00); text-decoration: none; background: none; border: none; } #mc_supplementary_link_stacks_in_313_5 a:active, #mc_content_stacks_in_313_5 a:active { color: rgba(85, 85, 89, 1.00); text-decoration: none; background: none; border: none; opacity: 0.50; } #mc_supplementary_link_stacks_in_313_5 a:focus, #mc_content_stacks_in_313_5 a:focus { outline: 1px dotted rgba(85, 85, 89, 1.00); } #mc_supplementary_link_stacks_in_313_5 a { display: inline-block; padding: 2px 8px; font-size: 1rem; } #mc_consent_button_wrapper_stacks_in_313_5 { display: flex; flex-direction: row; margin-left: 1rem; text-align: center; } #mc_consent_button_wrapper_stacks_in_313_5 #mc_button_stacks_in_313_5 { order: 1; margin-left: 0; } #mc_consent_button_wrapper_stacks_in_313_5 #mc_supplementary_link_stacks_in_313_5 { order: 2; margin-left: 0; padding-right: 0; } /* MiniCookie create, edit, delete buttons, and buttons for our own popup message */ #mc_button_stacks_in_313_5, #mc_button_accept_all_stacks_in_313_5, #mc_button_disallow_all_stacks_in_313_5, .mc_button_stacks_in_313_5 { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(64, 31, 63, 1.00); border: 1px hidden rgba(41, 145, 204, 0.20); border-radius: 0.25rem; color: rgba(255, 255, 255, 1.00); cursor: pointer; margin-left: 1rem; display: inline-block; font-family: inherit; font-size: 1rem; font-weight: 600; padding: 2px 8px; text-align: center; transition: all 100ms ease-in-out; white-space: nowrap; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; margin-bottom: 5px; } #mc_button_stacks_in_313_5:hover, .mc_button_stacks_in_313_5:hover, #mc_button_accept_all_stacks_in_313_5:hover, #mc_button_disallow_all_stacks_in_313_5:hover { color: rgba(255, 255, 255, 1.00); background-color: rgba(127, 61, 126, 1.00); border: 1px hidden rgba(41, 145, 204, 0.40); } #mc_button_stacks_in_313_5:active, .mc_button_stacks_in_313_5:active, #mc_button_accept_all_stacks_in_313_5:active, #mc_button_disallow_all_stacks_in_313_5:active { color: rgba(255, 255, 255, 1.00); background-color: rgba(127, 61, 126, 1.00); border: 1px hidden rgba(41, 145, 204, 0.40); opacity: 0.50; } #mc_button_stacks_in_313_5:focus, #mc_button_accept_all_stacks_in_313_5:focus, #mc_button_disallow_all_stacks_in_313_5:focus, .mc_button_stacks_in_313_5:focus { outline: 2px dotted rgba(255, 255, 255, 1.00); } #dialog_title_stacks_in_313_5, #dialog_desc_stacks_in_313_5 { display: none; } @media print { #mc_stack_stacks_in_313_5, #mc_window_shade_stacks_in_313_5, #mc_wrapper_stacks_in_313_5 { display: none; } }