div.dropcapSection_stacks_in_188, div.dropcapSection_stacks_in_188 p.dropcapInner { font-size: 21px; text-align: inherit !important; } span.dropcapLetter_stacks_in_188, div.dropcapDemo_stacks_in_188 div:first-letter { float: left; color: #990033; font-size: 57px; line-height: 70%; background-color: #BF974A; background: ; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 0px; font-family: Georgia, Times; border: 1 0px #000000; text-shadow: 0px 0px 0px #000000, 0px 0px 0px #000000; border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; } span.dropcapLetter_stacks_in_188 { background-color: #BF974A\9; border-style: 1\9; border-width: 0px\9; border-color: #000000\9; } #stacks_in_166>.s3_row { margin: 0 -10px; } #stacks_in_166>.s3_row>.s3_column_left { width: 25.00%; } #stacks_in_166>.s3_row>.s3_column_right { width: 75.000000%; } #stacks_in_166>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_166>.s3_row { margin: -10px 0; } #stacks_in_166>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* -- Start EACH CSS Template -- */ #stacks_in_174 * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_174 .imgwrapper, #stacks_in_174 .edit_mode_panel-23 { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; } #stacks_in_174 .imgcaption { pointer-events:none !important; text-align: center; width: 100%; opacity: 1; position: absolute; height: 100%; font-size: 20px; vertical-align: middle; z-index: 2; display: flex; align-items: flex-end; justify-content: center; bottom: 0; margin-bottom: 61px; left: 0; right: 0; color: rgba(255, 255, 255, 1.00) !important; font-family: "title_safe_font_selector", sans-serif; -webkit-font-smoothing: antialiased; text-align: center; font-size: 15px; line-height: 1.22em; letter-spacing: 0px; -webkit-font-smoothing: antialiased; font-family: "Trebuchet MS", sans-serif !important; font-weight: 400 !important; } #stacks_in_174 .imgcaption p { background-color: rgba(0, 0, 0, 0.75); padding: 10px; margin: 0; } #stacks_in_174 .imgwrapper { position: relative; text-align: center; margin: 0px; pointer-events: none !important; z-index: 3; } #stacks_in_174 .imgcontainer img[alt] { } #stacks_in_174 .imgcontainer { } #stacks_in_174 .layeroverlay { } #stacks_in_174 .imgcaption { } #stacks_in_174 .imgcaption p { } #stacks_in_174 .imgcontainer:hover > .layeroverlay { } #stacks_in_174 .imgcontainer:hover > .imgcaption { transform: scale(0.985); -webkit-transform: scale(0.985); } #stacks_in_174 .imgcontainer:hover > .imgcaption p { } #stacks_in_174 .imgcontainer:hover { } #stacks_in_174 .imgcontainer img:hover { } #stacks_in_174 .imgcontainer { border-collapse: collapse; display: block; overflow: hidden; position: relative; margin-left: auto; margin-right: auto; border-color: #424242; border-style: solid; border-width: 0px; border-radius:0px; -webkit-border-radius:0px; -webkit-box-shadow: 0px 0px 0px rgba(66, 66, 66, 1.00); box-shadow: 0px 0px 0px rgba(66, 66, 66, 1.00); pointer-events: none !important; } #stacks_in_174 .imgcontainer::before { pointer-events:none; } #stacks_in_174 .imgcontainer:hover::before { pointer-events:none; } @-webkit-keyframes shine { 100% { left: 125%; }} @keyframes shine { 100% { left: 125%; }} #stacks_in_174 .imgcontainer:hover img { } #stacks_in_174 .imgcontainer img { } #stacks_in_174 .layeroverlay { -webkit-transform: translateZ(0); pointer-events:none !important; padding: 0; text-align: center; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; display: none; margin: auto; opacity: 1; background-color: rgba(0, 0, 0, 0.40); } #stacks_in_174 .pictureimgclass { vertical-align: bottom; text-align: center !important; pointer-events: none !important; } @media (max-width: 768px) { #stacks_in_174 .imgwrapper { } #stacks_in_174 .imgcontainer { margin-left: auto; margin-right: auto; } #stacks_in_174 .imgcaption { } #stacks_in_174 .imgcaption p { } #stacks_in_174 .layeroverlay { } } @media (max-width: 768px) { #stacks_in_174 .imgcontainer { } } @media (max-width: 600px) { #stacks_in_174 .imgcontainer { } } @media (max-width: 778px) { #stacks_in_174 .imgcontainer { } } @media (max-width: 600px) { #stacks_in_174 .imgcontainer { } } /* -- End EACH CSS Template -- */ #stacks_in_156 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_156 .pullquote:before, #stacks_in_156 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_156 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_156 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_156 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_156 .pullquote-source:before { content:"\2014\200A"; font-style:normal; }#stacks_in_89>.s3_row { margin: 0 -10px; } #stacks_in_89>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_89>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_89>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_89>.s3_row { margin: -10px 0; } #stacks_in_89>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* 1.0.3.2 - added support for warehoused images - now supports Font Awesome 6, Material Icons, Ionicons, and custom icon images */ #stacks_in_2 div { box-sizing: border-box; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #stacks_in_2.ath-card { box-sizing: border-box; max-width: 600px; width: 100%; margin: 0px auto 10px auto; background: rgba(243, 243, 243, 1.00); font-size: 14px; line-height: 18px; color: rgba(137, 137, 137, 1.00); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.40); border-radius: 13px; overflow: hidden; font-family: inherit; } #stacks_in_2.ath-card .ath-content { display: inline-block; float: left; width: 100%; padding: 10px; } #stacks_in_2.ath-card .ath-content a { color: rgba(1, 166, 171, 1.00); text-decoration: none; } #stacks_in_2.ath-card .ath-content a:hover { color: rgba(1, 166, 171, 1.00); text-decoration: underline; } #stacks_in_2.ath-card .ath-content .ath-description a { color: inherit; text-decoration: none; } #stacks_in_2.ath-card .ath-content .ath-description a:hover { color: inherit; text-decoration: none; } #stacks_in_2.ath-card .ath-content .ath-portrait { position: relative; float: left; display: inline-block; width: 30%; padding-bottom: 30%; overflow: hidden; background-image: url(../rw_common/plugins/stacks/auth-card-img/default.png); background-image: url(../files/profileImage-2.png); background-size: cover; background-position: center; } #stacks_in_2.ath-card .ath-content .ath-portrait .ath-greeting-wrap { position: absolute; width: 100%; height: 100%; opacity: 0; -webkit-animation-duration: 300ms; animation-duration: 300ms; text-align: center; } #stacks_in_2.ath-card .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { position: relative; margin-top: 95%; display: inline-block; max-width: 90%; background: #fff; color: #575757; border-radius: 3px; padding: 5px 10px; text-align: center; -webkit-transition: 150ms all linear; transition: 150ms all linear; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); line-height: 14px; font-size: 12px; } #stacks_in_2.ath-card .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting:after { content: ''; position: absolute; top: 0; left: 50%; width: 0; height: 0; border: 15px solid transparent; border-bottom-color: #fff; border-top: 0; border-left: 0; margin-left: 0; margin-top: -15px; z-index: 0; } #stacks_in_2.ath-card .ath-content .ath-portrait:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transition: all 150ms linear; transition: all 150ms linear; } #stacks_in_2.ath-card .ath-content .ath-details { float: left; display: inline-block; width: 70%; padding: 0px 15px; } #stacks_in_2.ath-card .ath-content .ath-details .ath-name { margin: 4px 0px 0px 0px; font-size: 20px; line-height: 20px; color: rgba(74, 91, 66, 1.00); text-overflow: ellipsis; white-space: nowrap; font-family: inherit; } #stacks_in_2.ath-card .ath-content .ath-details .ath-subtitle { color: rgba(115, 115, 115, 1.00); text-overflow: ellipsis; white-space: nowrap; } #stacks_in_2.ath-card .ath-content .ath-details .ath-description { border-top: 1px solid rgba(0, 0, 0, 0.10); text-align: justify; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; } #stacks_in_2.ath-card .ath-content .ath-details .ath-more { border-top: 1px solid rgba(0, 0, 0, 0.10); margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; font-size: 12px; text-align: left; color: rgba(137, 137, 137, 1.00); } #stacks_in_2.ath-card .ath-content .ath-details .ath-more img { width: 12px; height: 12px; margin: 3px 0; display: inline-block; vertical-align: bottom; } #stacks_in_2.ath-card .ath-content .ath-details .ath-more svg { width: 12px; height: 18px; display: inline-block; fill: currentColor; stroke: currentColor; vertical-align: bottom; } #stacks_in_2.ath-card .ath-content .ath-details .ath-more a { color: rgba(1, 166, 171, 1.00); text-decoration: none; } #stacks_in_2.ath-card .ath-content .ath-details .ath-more a:hover { color: rgba(1, 166, 171, 1.00); text-decoration: underline; } #stacks_in_2.ath-card .ath-content .ath-details .ath-more .card-row { display: inline-block; position: relative; width: 100%; padding-top: 5px; float: left; } #stacks_in_2.ath-card .ath-content .ath-details .ath-more .card-row .title-col { float: left; display: inline-block; width: 35%; min-width: 80px; font-weight: bold; height: 18px; } #stacks_in_2.ath-card .ath-content .ath-details .ath-more .card-row .desc-col { float: left; display: inline-block; width: 65%; color: rgba(137, 137, 137, 1.00); } #stacks_in_2.ath-card .ath-footer { display: inline-block; float: left; background: rgba(115, 57, 0, 1.00); background: -webkit-linear-gradient(45deg, rgba(115, 57, 0, 1.00) 0%, rgba(118, 160, 191, 1.00)) 100%; background: linear-gradient(45deg, rgba(115, 57, 0, 1.00) 0%, rgba(118, 160, 191, 1.00)) 100%; width: 100%; font-size: 18px; padding: 10px; text-align: center; } #stacks_in_2.ath-card .ath-footer a { text-decoration: none; color: rgba(255,255,255,0.75); -webkit-transition: 150ms all linear; transition: 150ms all linear; height: 25px; width: 25px; text-align: center; box-sizing: border-box; display: inline-block; vertical-align: middle; } #stacks_in_2.ath-card .ath-footer a img, #stacks_in_2.ath-card .ath-footer a svg { height: 25px; width: 25px; display: block; fill: currentColor; stroke: currentColor; } #stacks_in_2.ath-card .ath-footer a img { width: auto; } #stacks_in_2.ath-card .ath-footer a i { padding: 0px; line-height: 25px; transition: 150ms all linear; } #stacks_in_2.ath-card .ath-footer a:hover { color: #fff; } #stacks_in_2.ath-card.card-hover .ath-content .ath-portrait .ath-greeting-wrap { opacity: 1; } #stacks_in_2.ath-card.card-hover .ath-content .ath-portrait:before { background: rgba(0,0,0,0.2); } #stacks_in_2.ath-card.card-theme-2 { max-width: 600px; position: relative; } #stacks_in_2.ath-card.card-theme-2 .ath-content { float: none; width: auto; min-width: 100%; padding: 10px 50px 10px 10px; overflow: hidden; /* height: 100%;*/ } #stacks_in_2.ath-card.card-theme-2 .ath-content .ath-portrait { position: absolute; left: 0; top: 0; width: 30%; height: 100%; } #stacks_in_2.ath-card.card-theme-2 .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { position: absolute; bottom: 10px; margin-top: 0; width: 90%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } #stacks_in_2.ath-card.card-theme-2 .ath-content .ath-details { margin-left: 30%; padding: 0px 15px 0px 30px; } #stacks_in_2.ath-card.card-theme-2 .ath-footer { position: absolute; right: 0; top: 0; width: 40px; height: 100%; } #stacks_in_2.ath-card.card-theme-2 .ath-footer .ath-link-wrap { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #stacks_in_2.ath-card.card-theme-3 { position: relative; max-width: 600px; overflow: hidden; } #stacks_in_2.ath-card.card-theme-3 .ath-content { padding: 0; position: relative; overflow: hidden; } #stacks_in_2.ath-card.card-theme-3 .ath-content .ath-portrait { position: absolute; width: 40%; height: 100%; margin: 0; left: 0; top: 0; } #stacks_in_2.ath-card.card-theme-3 .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { bottom: 25px; } #stacks_in_2.ath-card.card-theme-3 .ath-content .ath-details { position: relative; margin-left: 40%; width: 60%; z-index: 1; padding: 10px 20px 10px 0px; } #stacks_in_2.ath-card.card-theme-3 .ath-content .ath-details .ath-name, #stacks_in_2.ath-card.card-theme-3 .ath-content .ath-details .ath-subtitle { display: block; text-align: right; } #stacks_in_2.ath-card.card-theme-3 .ath-content .ath-details .ath-description, #stacks_in_2.ath-card.card-theme-3 .ath-content .ath-details .ath-more { text-align: right; } #stacks_in_2.ath-card.card-theme-3 .ath-content .ath-details:before { content: ""; position: absolute; background: rgba(243, 243, 243, 1.00); width: 150px; height: 150%; left: 0; top: 0; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(10deg); transform: rotate(10deg); z-index: -1; } #stacks_in_2.ath-card.card-theme-3 .ath-footer { position: absolute; width: 120%; bottom: 0px; left: -10%; z-index: 2; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); text-align: right; padding: 0px 12% 10px; } #stacks_in_2.ath-card.card-theme-3 .ath-footer .ath-link-wrap { padding-top: 15px; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(2deg); transform: rotate(2deg); } #stacks_in_2.ath-card.card-theme-4 { max-width: 600px; background: rgba(115, 57, 0, 1.00); background: -webkit-linear-gradient(45deg, rgba(115, 57, 0, 1.00) 0%, rgba(118, 160, 191, 1.00)) 100%; background: linear-gradient(45deg, rgba(115, 57, 0, 1.00) 0%, rgba(118, 160, 191, 1.00)) 100%; padding: 0px; position: relative; } #stacks_in_2.ath-card.card-theme-4 .ath-content { text-align: center; background: transparent; padding: 20px; } #stacks_in_2.ath-card.card-theme-4 .ath-content .ath-portrait { float: left; border-radius: 50%; width: 30%; padding-bottom: 30%; margin: 0px 0px 60px 0px; } #stacks_in_2.ath-card.card-theme-4 .ath-content .ath-details { width: 70%; padding: 0 25px 0px 25px; position: static; } #stacks_in_2.ath-card.card-theme-4 .ath-content .ath-details .ath-name, #stacks_in_2.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { display: block; position: absolute; left: 15px; bottom: 40px; width: 30%; text-align: center; height: 25px; } #stacks_in_2.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { bottom: 18px; } #stacks_in_2.ath-card.card-theme-4 .ath-content .ath-details .ath-description { text-align: left; border-width: 0px; } #stacks_in_2.ath-card.card-theme-4 .ath-content .ath-more a { } #stacks_in_2.ath-card.card-theme-4 .ath-content .ath-more .card-row { text-align: left; } #stacks_in_2.ath-card.card-theme-4 .ath-content .ath-more .card-row .title-col { width: 100%; max-width: 100%; } #stacks_in_2.ath-card.card-theme-4 .ath-content .ath-more .card-row .desc-col { width: 100%; max-width: 100%; } #stacks_in_2.ath-card.card-theme-4 .ath-footer { position: absolute; bottom: 0; right: 0; padding: 0px 20px 20px 0px; background: transparent; text-align: right; } @media screen and (max-width: 767px) { #stacks_in_2.ath-card, #stacks_in_2.ath-card.card-theme-2, #stacks_in_2.ath-card.card-theme-3, #stacks_in_2.ath-card.card-theme-4 { width: 300px; max-width: 100%; } #stacks_in_2.ath-card .ath-content, #stacks_in_2.ath-card.card-theme-2 .ath-content, #stacks_in_2.ath-card.card-theme-3 .ath-content, #stacks_in_2.ath-card.card-theme-4 .ath-content { padding: 20px 0px 20px 0px; text-align: center; } #stacks_in_2.ath-card .ath-content .ath-portrait, #stacks_in_2.ath-card.card-theme-2 .ath-content .ath-portrait, #stacks_in_2.ath-card.card-theme-3 .ath-content .ath-portrait, #stacks_in_2.ath-card.card-theme-4 .ath-content .ath-portrait { float: none; width: 50%; padding-bottom: 50%; margin: 5px 0px; } #stacks_in_2.ath-card .ath-content .ath-details, #stacks_in_2.ath-card.card-theme-2 .ath-content .ath-details, #stacks_in_2.ath-card.card-theme-3 .ath-content .ath-details, #stacks_in_2.ath-card.card-theme-4 .ath-content .ath-details { width: 100%; } #stacks_in_2.ath-card.card-theme-2 .ath-content { padding: 0px 0px 20px 0px; } #stacks_in_2.ath-card.card-theme-2 .ath-content .ath-portrait { position: relative; width: 100%; padding-bottom: 100%; margin: 0; height: 0; } #stacks_in_2.ath-card.card-theme-2 .ath-content .ath-details { margin-left: 0%; padding: 10px 25px 10px 25px; } #stacks_in_2.ath-card.card-theme-2 .ath-footer { position: relative; width: 100%; height: auto; padding: 10px; } #stacks_in_2.ath-card.card-theme-2 .ath-footer .ath-link-wrap { position: relative; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } #stacks_in_2.ath-card.card-theme-3 { width: 300px; max-width: 100%; } #stacks_in_2.ath-card.card-theme-3 .ath-content { padding: 0px 0px 20px 0px; } #stacks_in_2.ath-card.card-theme-3 .ath-content .ath-portrait { margin: 0; position: relative; width: 100%; padding-bottom: 100%; height: auto; } #stacks_in_2.ath-card.card-theme-3 .ath-content .ath-portrait .ath-greeting { margin-top: 90%; } #stacks_in_2.ath-card.card-theme-3 .ath-content .ath-details { margin: 0; width: 100%; padding: 0px 20px 0px 20px; } #stacks_in_2.ath-card.card-theme-3 .ath-content .ath-details .ath-name, #stacks_in_2.ath-card.card-theme-3 .ath-content .ath-details .ath-subtitle { text-align: left; } #stacks_in_2.ath-card.card-theme-3 .ath-content .ath-details .ath-description, #stacks_in_2.ath-card.card-theme-3 .ath-content .ath-details .ath-more { text-align: left; } #stacks_in_2.ath-card.card-theme-3 .ath-content .ath-details:before { width: 150%; height: 150px; left: -25%; top: 0; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(6deg); transform: rotate(6deg); } #stacks_in_2.ath-card.card-theme-3 .ath-footer { -webkit-transform: rotate(-6deg); transform: rotate(-6deg); } #stacks_in_2.ath-card.card-theme-3 .ath-footer .ath-link-wrap { -webkit-transform: rotate(6deg); transform: rotate(6deg); padding: 25px 10px 5px 10px; } #stacks_in_2.ath-card.card-theme-4 { width: 300px; max-width: 100%; padding: 30px 0px; } #stacks_in_2.ath-card.card-theme-4 .ath-content { text-align: center; padding: 0px 20px; } #stacks_in_2.ath-card.card-theme-4 .ath-content .ath-portrait { width: 50%; padding-bottom: 50%; margin: 5px 0px; } #stacks_in_2.ath-card.card-theme-4 .ath-content .ath-details { width: 100%; padding: 0 10px; } #stacks_in_2.ath-card.card-theme-4 .ath-content .ath-details .ath-name, #stacks_in_2.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { left: auto; bottom: auto; width: 100%; height: auto; position: relative; } #stacks_in_2.ath-card.card-theme-4 .ath-content .ath-details .ath-description { text-align: center; } #stacks_in_2.ath-card.card-theme-4 .ath-content .ath-more .card-row { text-align: center; } #stacks_in_2.ath-card.card-theme-4 .ath-content .ath-more .card-row .title-col { width: 100%; max-width: 100%; } #stacks_in_2.ath-card.card-theme-4 .ath-content .ath-more .card-row .desc-col { width: 100%; max-width: 100%; } #stacks_in_2.ath-card.card-theme-4 .ath-footer { position: relative; text-align: center; padding: 10px 20px 0px 20px; } } /* RibbonThing by RapidWeaver Central */ #ribbonthingstacks_in_175 { width:auto; height: auto; position: relative; margin:0px; z-index: 1; } #stacks_in_175 .ribbon.rounded { -webkit-border-top-left-radius: 25px; -webkit-border-top-right-radius: 25px; -moz-border-radius-topleft: 25px; -moz-border-radius-topright: 25px; border-top-left-radius: 25px; border-top-right-radius: 25px; -webkit-border-bottom-right-radius: 25px; -webkit-border-bottom-left-radius: 25px; -moz-border-radius-bottomright: 25px; -moz-border-radius-bottomleft: 25px; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; } #stacks_in_175 .ribbon.rounded img{ -webkit-border-top-left-radius: 25px; -webkit-border-top-right-radius: 25px; -moz-border-radius-topleft: 25px; -moz-border-radius-topright: 25px; border-top-left-radius: 25px; border-top-right-radius: 25px; } #stacks_in_175 .ribbon-wrapper { width: 142px; height: 142px; overflow: hidden; position: absolute; top: 0; right: 0; } #stacks_in_175 .ribbon-bg { position: relative; padding: 14px 0; left: -0px; top: 25px; width: 200px; font-size: 17px; color: #FFFFFF !important; text-align: center; text-shadow: 0 1px 0px #0D0D0D; text-transform: none;; letter-spacing:0px;; font-weight:bold;; background-color: #BFDC7A; background-color: #FFFFFF; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#FFC400), to(#920000)); background-image: -moz-linear-gradient(top, #FFC400, #920000); background-image: -ms-linear-gradient(top, #FFC400, #920000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFC400), color-stop(100%, #920000)); background-image: -webkit-linear-gradient(top, #FFC400, #920000); background-image: -o-linear-gradient(top, #FFC400, #920000); background-image: linear-gradient(top, #FFC400, #920000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC400', endColorstr='#920000', GradientType=0); z-index: 2; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .static-bg1stacks_in_175 { background: #333333; } .static-bg2stacks_in_175 { background-color: #FFFFFF; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#FFFFFF), to(#FFFFFF)); background-image: -moz-linear-gradient(left, #FFFFFF, #FFFFFF); background-image: -ms-linear-gradient(left, #FFFFFF, #FFFFFF); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #FFFFFF), color-stop(100%, #FFFFFF)); background-image: -webkit-linear-gradient(left, #FFFFFF, #FFFFFF); background-image: -o-linear-gradient(left, #FFFFFF, #FFFFFF); background-image: linear-gradient(left, #FFFFFF, #FFFFFF); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=1); } .static-bg3stacks_in_175 { background-color: #FFFFFF; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF)); background-image: -moz-linear-gradient(top, #FFFFFF, #FFFFFF); background-image: -ms-linear-gradient(top, #FFFFFF, #FFFFFF); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #FFFFFF)); background-image: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF); background-image: -o-linear-gradient(top, #FFFFFF, #FFFFFF); background-image: linear-gradient(top, #FFFFFF, #FFFFFF); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0); } .static-bg4stacks_in_175 { background: url(); background-position: center center; background-repeat: repeat; } .static-bg5stacks_in_175 { background: url(); background-position: Center Center; background-repeat: Center Center; } .shadow-style0stacks_in_175 { -webkit-shadow: none; -moz-box-shadow: none; box-shadow: none; } #stacks_in_175 .shadow-style1stacks_in_175 { -webkit-shadow: 0px 0px 5px rgba(0,0,0,0.50); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.50); box-shadow: 0px 0px 5px rgba(0,0,0,0.50); } #stacks_in_175 .shadow-style1stacks_in_175 { margin:10px; } #stacks_in_175 { padding: 0px 0px 0px 30px; } /* 1.0.3.2 - added support for warehoused images - now supports Font Awesome 6, Material Icons, Ionicons, and custom icon images */ #stacks_in_128 div { box-sizing: border-box; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #stacks_in_128.ath-card { box-sizing: border-box; max-width: 550px; width: 100%; margin: 0px auto 10px auto; background: rgba(243, 243, 243, 1.00); font-size: 14px; line-height: 18px; color: rgba(53, 0, 0, 1.00); border-radius: 13px; overflow: hidden; font-family: inherit; } #stacks_in_128.ath-card .ath-content { display: inline-block; float: left; width: 100%; padding: 10px; } #stacks_in_128.ath-card .ath-content a { color: rgba(1, 166, 171, 1.00); text-decoration: none; } #stacks_in_128.ath-card .ath-content a:hover { color: rgba(1, 166, 171, 1.00); text-decoration: underline; } #stacks_in_128.ath-card .ath-content .ath-description a { color: inherit; text-decoration: none; } #stacks_in_128.ath-card .ath-content .ath-description a:hover { color: inherit; text-decoration: none; } #stacks_in_128.ath-card .ath-content .ath-portrait { position: relative; float: left; display: inline-block; width: 30%; padding-bottom: 30%; overflow: hidden; background-image: url(../rw_common/plugins/stacks/auth-card-img/default.png); background-image: url(../files/profileImage-128.png); background-size: cover; background-position: center; } #stacks_in_128.ath-card .ath-content .ath-portrait .ath-greeting-wrap { position: absolute; width: 100%; height: 100%; opacity: 0; -webkit-animation-duration: 300ms; animation-duration: 300ms; text-align: center; } #stacks_in_128.ath-card .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { position: relative; margin-top: 95%; display: inline-block; max-width: 90%; background: #fff; color: #575757; border-radius: 3px; padding: 5px 10px; text-align: center; -webkit-transition: 150ms all linear; transition: 150ms all linear; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); line-height: 14px; font-size: 12px; } #stacks_in_128.ath-card .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting:after { content: ''; position: absolute; top: 0; left: 50%; width: 0; height: 0; border: 15px solid transparent; border-bottom-color: #fff; border-top: 0; border-left: 0; margin-left: 0; margin-top: -15px; z-index: 0; } #stacks_in_128.ath-card .ath-content .ath-portrait:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transition: all 150ms linear; transition: all 150ms linear; } #stacks_in_128.ath-card .ath-content .ath-details { float: left; display: inline-block; width: 70%; padding: 0px 15px; } #stacks_in_128.ath-card .ath-content .ath-details .ath-name { margin: 4px 0px 0px 0px; font-size: 20px; line-height: 20px; color: rgba(74, 91, 66, 1.00); text-overflow: ellipsis; white-space: nowrap; font-family: inherit; } #stacks_in_128.ath-card .ath-content .ath-details .ath-subtitle { color: rgba(115, 115, 115, 1.00); text-overflow: ellipsis; white-space: nowrap; } #stacks_in_128.ath-card .ath-content .ath-details .ath-description { border-top: 1px solid rgba(0, 0, 0, 0.10); text-align: justify; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; } #stacks_in_128.ath-card .ath-content .ath-details .ath-more { border-top: 1px solid rgba(0, 0, 0, 0.10); margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; font-size: 12px; text-align: left; color: rgba(53, 0, 0, 1.00); } #stacks_in_128.ath-card .ath-content .ath-details .ath-more img { width: 12px; height: 12px; margin: 3px 0; display: inline-block; vertical-align: bottom; } #stacks_in_128.ath-card .ath-content .ath-details .ath-more svg { width: 12px; height: 18px; display: inline-block; fill: currentColor; stroke: currentColor; vertical-align: bottom; } #stacks_in_128.ath-card .ath-content .ath-details .ath-more a { color: rgba(1, 166, 171, 1.00); text-decoration: none; } #stacks_in_128.ath-card .ath-content .ath-details .ath-more a:hover { color: rgba(1, 166, 171, 1.00); text-decoration: underline; } #stacks_in_128.ath-card .ath-content .ath-details .ath-more .card-row { display: inline-block; position: relative; width: 100%; padding-top: 5px; float: left; } #stacks_in_128.ath-card .ath-content .ath-details .ath-more .card-row .title-col { float: left; display: inline-block; width: 35%; min-width: 80px; font-weight: bold; height: 18px; } #stacks_in_128.ath-card .ath-content .ath-details .ath-more .card-row .desc-col { float: left; display: inline-block; width: 65%; color: rgba(53, 0, 0, 1.00); } #stacks_in_128.ath-card .ath-footer { display: inline-block; float: left; background: rgba(115, 57, 0, 1.00); background: -webkit-linear-gradient(45deg, rgba(115, 57, 0, 1.00) 0%, rgba(118, 160, 191, 1.00)) 100%; background: linear-gradient(45deg, rgba(115, 57, 0, 1.00) 0%, rgba(118, 160, 191, 1.00)) 100%; width: 100%; font-size: 18px; padding: 10px; text-align: center; } #stacks_in_128.ath-card .ath-footer a { text-decoration: none; color: rgba(255,255,255,0.75); -webkit-transition: 150ms all linear; transition: 150ms all linear; height: 25px; width: 25px; text-align: center; box-sizing: border-box; display: inline-block; vertical-align: middle; } #stacks_in_128.ath-card .ath-footer a img, #stacks_in_128.ath-card .ath-footer a svg { height: 25px; width: 25px; display: block; fill: currentColor; stroke: currentColor; } #stacks_in_128.ath-card .ath-footer a img { width: auto; } #stacks_in_128.ath-card .ath-footer a i { padding: 0px; line-height: 25px; transition: 150ms all linear; } #stacks_in_128.ath-card .ath-footer a:hover { color: #fff; } #stacks_in_128.ath-card.card-hover .ath-content .ath-portrait .ath-greeting-wrap { opacity: 1; } #stacks_in_128.ath-card.card-hover .ath-content .ath-portrait:before { background: rgba(0,0,0,0.2); } #stacks_in_128.ath-card.card-theme-2 { max-width: 550px; position: relative; } #stacks_in_128.ath-card.card-theme-2 .ath-content { float: none; width: auto; min-width: 100%; padding: 10px 50px 10px 10px; overflow: hidden; /* height: 100%;*/ } #stacks_in_128.ath-card.card-theme-2 .ath-content .ath-portrait { position: absolute; left: 0; top: 0; width: 30%; height: 100%; } #stacks_in_128.ath-card.card-theme-2 .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { position: absolute; bottom: 10px; margin-top: 0; width: 90%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } #stacks_in_128.ath-card.card-theme-2 .ath-content .ath-details { margin-left: 30%; padding: 0px 15px 0px 30px; } #stacks_in_128.ath-card.card-theme-2 .ath-footer { position: absolute; right: 0; top: 0; width: 40px; height: 100%; } #stacks_in_128.ath-card.card-theme-2 .ath-footer .ath-link-wrap { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #stacks_in_128.ath-card.card-theme-3 { position: relative; max-width: 550px; overflow: hidden; } #stacks_in_128.ath-card.card-theme-3 .ath-content { padding: 0; position: relative; overflow: hidden; } #stacks_in_128.ath-card.card-theme-3 .ath-content .ath-portrait { position: absolute; width: 40%; height: 100%; margin: 0; left: 0; top: 0; } #stacks_in_128.ath-card.card-theme-3 .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { bottom: 25px; } #stacks_in_128.ath-card.card-theme-3 .ath-content .ath-details { position: relative; margin-left: 40%; width: 60%; z-index: 1; padding: 10px 20px 10px 0px; } #stacks_in_128.ath-card.card-theme-3 .ath-content .ath-details .ath-name, #stacks_in_128.ath-card.card-theme-3 .ath-content .ath-details .ath-subtitle { display: block; text-align: right; } #stacks_in_128.ath-card.card-theme-3 .ath-content .ath-details .ath-description, #stacks_in_128.ath-card.card-theme-3 .ath-content .ath-details .ath-more { text-align: right; } #stacks_in_128.ath-card.card-theme-3 .ath-content .ath-details:before { content: ""; position: absolute; background: rgba(243, 243, 243, 1.00); width: 150px; height: 150%; left: 0; top: 0; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(10deg); transform: rotate(10deg); z-index: -1; } #stacks_in_128.ath-card.card-theme-3 .ath-footer { position: absolute; width: 120%; bottom: 0px; left: -10%; z-index: 2; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); text-align: right; padding: 0px 12% 10px; } #stacks_in_128.ath-card.card-theme-3 .ath-footer .ath-link-wrap { padding-top: 15px; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(2deg); transform: rotate(2deg); } #stacks_in_128.ath-card.card-theme-4 { max-width: 550px; background: rgba(115, 57, 0, 1.00); background: -webkit-linear-gradient(45deg, rgba(115, 57, 0, 1.00) 0%, rgba(118, 160, 191, 1.00)) 100%; background: linear-gradient(45deg, rgba(115, 57, 0, 1.00) 0%, rgba(118, 160, 191, 1.00)) 100%; padding: 0px; position: relative; } #stacks_in_128.ath-card.card-theme-4 .ath-content { text-align: center; background: transparent; padding: 20px; } #stacks_in_128.ath-card.card-theme-4 .ath-content .ath-portrait { float: left; border-radius: 50%; width: 30%; padding-bottom: 30%; margin: 0px 0px 60px 0px; } #stacks_in_128.ath-card.card-theme-4 .ath-content .ath-details { width: 70%; padding: 0 25px 0px 25px; position: static; } #stacks_in_128.ath-card.card-theme-4 .ath-content .ath-details .ath-name, #stacks_in_128.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { display: block; position: absolute; left: 15px; bottom: 40px; width: 30%; text-align: center; height: 25px; } #stacks_in_128.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { bottom: 18px; } #stacks_in_128.ath-card.card-theme-4 .ath-content .ath-details .ath-description { text-align: left; border-width: 0px; } #stacks_in_128.ath-card.card-theme-4 .ath-content .ath-more a { } #stacks_in_128.ath-card.card-theme-4 .ath-content .ath-more .card-row { text-align: left; } #stacks_in_128.ath-card.card-theme-4 .ath-content .ath-more .card-row .title-col { width: 100%; max-width: 100%; } #stacks_in_128.ath-card.card-theme-4 .ath-content .ath-more .card-row .desc-col { width: 100%; max-width: 100%; } #stacks_in_128.ath-card.card-theme-4 .ath-footer { position: absolute; bottom: 0; right: 0; padding: 0px 20px 20px 0px; background: transparent; text-align: right; } @media screen and (max-width: 767px) { #stacks_in_128.ath-card, #stacks_in_128.ath-card.card-theme-2, #stacks_in_128.ath-card.card-theme-3, #stacks_in_128.ath-card.card-theme-4 { width: 300px; max-width: 100%; } #stacks_in_128.ath-card .ath-content, #stacks_in_128.ath-card.card-theme-2 .ath-content, #stacks_in_128.ath-card.card-theme-3 .ath-content, #stacks_in_128.ath-card.card-theme-4 .ath-content { padding: 20px 0px 20px 0px; text-align: center; } #stacks_in_128.ath-card .ath-content .ath-portrait, #stacks_in_128.ath-card.card-theme-2 .ath-content .ath-portrait, #stacks_in_128.ath-card.card-theme-3 .ath-content .ath-portrait, #stacks_in_128.ath-card.card-theme-4 .ath-content .ath-portrait { float: none; width: 50%; padding-bottom: 50%; margin: 5px 0px; } #stacks_in_128.ath-card .ath-content .ath-details, #stacks_in_128.ath-card.card-theme-2 .ath-content .ath-details, #stacks_in_128.ath-card.card-theme-3 .ath-content .ath-details, #stacks_in_128.ath-card.card-theme-4 .ath-content .ath-details { width: 100%; } #stacks_in_128.ath-card.card-theme-2 .ath-content { padding: 0px 0px 20px 0px; } #stacks_in_128.ath-card.card-theme-2 .ath-content .ath-portrait { position: relative; width: 100%; padding-bottom: 100%; margin: 0; height: 0; } #stacks_in_128.ath-card.card-theme-2 .ath-content .ath-details { margin-left: 0%; padding: 10px 25px 10px 25px; } #stacks_in_128.ath-card.card-theme-2 .ath-footer { position: relative; width: 100%; height: auto; padding: 10px; } #stacks_in_128.ath-card.card-theme-2 .ath-footer .ath-link-wrap { position: relative; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } #stacks_in_128.ath-card.card-theme-3 { width: 300px; max-width: 100%; } #stacks_in_128.ath-card.card-theme-3 .ath-content { padding: 0px 0px 20px 0px; } #stacks_in_128.ath-card.card-theme-3 .ath-content .ath-portrait { margin: 0; position: relative; width: 100%; padding-bottom: 100%; height: auto; } #stacks_in_128.ath-card.card-theme-3 .ath-content .ath-portrait .ath-greeting { margin-top: 90%; } #stacks_in_128.ath-card.card-theme-3 .ath-content .ath-details { margin: 0; width: 100%; padding: 0px 20px 0px 20px; } #stacks_in_128.ath-card.card-theme-3 .ath-content .ath-details .ath-name, #stacks_in_128.ath-card.card-theme-3 .ath-content .ath-details .ath-subtitle { text-align: left; } #stacks_in_128.ath-card.card-theme-3 .ath-content .ath-details .ath-description, #stacks_in_128.ath-card.card-theme-3 .ath-content .ath-details .ath-more { text-align: left; } #stacks_in_128.ath-card.card-theme-3 .ath-content .ath-details:before { width: 150%; height: 150px; left: -25%; top: 0; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(6deg); transform: rotate(6deg); } #stacks_in_128.ath-card.card-theme-3 .ath-footer { -webkit-transform: rotate(-6deg); transform: rotate(-6deg); } #stacks_in_128.ath-card.card-theme-3 .ath-footer .ath-link-wrap { -webkit-transform: rotate(6deg); transform: rotate(6deg); padding: 25px 10px 5px 10px; } #stacks_in_128.ath-card.card-theme-4 { width: 300px; max-width: 100%; padding: 30px 0px; } #stacks_in_128.ath-card.card-theme-4 .ath-content { text-align: center; padding: 0px 20px; } #stacks_in_128.ath-card.card-theme-4 .ath-content .ath-portrait { width: 50%; padding-bottom: 50%; margin: 5px 0px; } #stacks_in_128.ath-card.card-theme-4 .ath-content .ath-details { width: 100%; padding: 0 10px; } #stacks_in_128.ath-card.card-theme-4 .ath-content .ath-details .ath-name, #stacks_in_128.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { left: auto; bottom: auto; width: 100%; height: auto; position: relative; } #stacks_in_128.ath-card.card-theme-4 .ath-content .ath-details .ath-description { text-align: center; } #stacks_in_128.ath-card.card-theme-4 .ath-content .ath-more .card-row { text-align: center; } #stacks_in_128.ath-card.card-theme-4 .ath-content .ath-more .card-row .title-col { width: 100%; max-width: 100%; } #stacks_in_128.ath-card.card-theme-4 .ath-content .ath-more .card-row .desc-col { width: 100%; max-width: 100%; } #stacks_in_128.ath-card.card-theme-4 .ath-footer { position: relative; text-align: center; padding: 10px 20px 0px 20px; } }