/* Default Stiles */
.teklon-postloopwidget-default {display: flex;flex-direction: column;position: relative;overflow: hidden;border-radius: 0px;height: auto;flex: 1 1 calc(33.33% - 20px);}.teklon-postloopwidget-image-default {position: relative;overflow: hidden;height: 250px;background-color: #ffffff;}.teklon-postloopwidget-image-default img {display: block;width: 100%;height: 100%;object-fit: cover;object-position: Top;transition: transform 0.3s ease-in-out; }.teklon-postloopwidget-content-default {flex-grow: 1;padding: 30px 30px 30px 30px;background-color: #eeeeee;}.teklon-postloopwidget-content-default-inner {height: 100%;width: 100%;display: flex;flex-direction: column;justify-content: space-between;}.teklon-postloopwidget-title-default {margin-top: 0px;min-height: 0px;text-align: inherit;font-size: 21px;transition: 0.3s;}.teklon-postloopwidget-title-default a {color: #000000;font-family: var(--e-global-typography-text-font-family), Sans-serif;font-weight: var(--e-global-typography-text-font-weight);transition: 0.3s;}.teklon-postloopwidget-title-default h3 {font-size: 16px;font-weight: 300;text-transform: uppercase;letter-spacing: 1.6px;}.teklon-postloopwidget-title-default a:hover {color: #000000;}.teklon-postloopwidget-excerpt-default {color: #636363;margin-top: 10px;text-align: inherit;font-family: var(--e-global-typography-text-font-family), Sans-serif;font-weight: var(--e-global-typography-text-font-weight);}.teklon-postloopwidget-content-default-inner-button {margin-top: auto;text-align: inherit;}.teklon-postloopwidget-content-default-inner-button a {color: #ffffff;}.teklon-postloopwidget-content-default-inner-button a:hover {color: #ffffff;}.teklon-postloopwidget-btn-default {display: inline-block;text-align: center;text-decoration: none;transition: 0.3s;padding: 10px 20px 10px 20px;border-radius: 0px;background-color: #000000;color: #ffffff;margin-top: 10px;font-family: var(--e-global-typography-text-font-family), Sans-serif;font-weight: var(--e-global-typography-text-font-weight);}.teklon-postloopwidget-btn-default:hover {background-color: var(--e-global-color-primary);}
/* Alexa Styles */
.teklon-postloopwidget-alexa {position: relative;border-radius: 8px;overflow: hidden;}.teklon-postloopwidget-alexa:hover .teklon-postloopwidget-alexa-figure img {transform: translateY(10px) scale(1.1);}.teklon-postloopwidget-alexa-figure {position: relative;overflow: hidden;}.teklon-postloopwidget-alexa-figure::before {position: absolute;content: "";left: 0;top: 0;background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, 0) 100%);z-index: 1;width: 100%;height: 100%;}.teklon-postloopwidget-alexa-image {width: 100%;display: inline-block;}.teklon-postloopwidget-alexa-figure .teklon-postloopwidget-alexa-image img {width: 100%;height: auto;min-height: 420px;object-fit: cover;transition: all .4s ease;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;}.teklon-postloopwidget-alexa-block-content {width: 100%;position: absolute;bottom: 0;padding: 30px 30px 20px;z-index: 1;}.teklon-postloopwidget-alexa-bt-l {display: inline-block;font-size: 16px;font-weight: 400;color: #fff;border: 1px solid rgba(255, 255, 255, .7);border-radius: 40px;padding: 1px 15px;margin-bottom: 14px;outline: 0;text-transform: capitalize;}.teklon-postloopwidget-alexa-block-content-tag a {color: #fff;}.teklon-postloopwidget-alexa-blog-block {line-height: 1.3;margin-bottom: 10px;}.teklon-postloopwidget-alexa-blog-block h3 {font-size: 16px;font-weight: 300;text-transform: uppercase;letter-spacing: 1.6px;}.teklon-postloopwidget-alexa-blog-block a {padding-bottom: 0;transition: background-size 1.5s cubic-bezier(.25,.8,.25,1);background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), color-stop(98%, currentColor));background-image: linear-gradient(to bottom, currentColor 0, currentColor 98%);background-size: 0 1px;background-repeat: no-repeat;background-position: left 100%;color: #fff;}.teklon-postloopwidget-alexa:hover .teklon-postloopwidget-alexa-blog-block a {background-size: 100% 1px;}.teklon-postloopwidget-alexa-blog-block-meta ul {list-style: none;padding-left: 0;margin-bottom: 0;}.teklon-postloopwidget-alexa-blog-block-meta ul li {display: flex;align-items: center;}.teklon-postloopwidget-alexa-blog-block-meta ul li>span {color: #fff;}.teklon-postloopwidget-alexa-blog-block-meta ul li i {color: #ffffff;margin-right: 6px;}.teklon-postloopwidget-alexa:hover .teklon-postloopwidget-alexa-block-content-tag a {outline: 0;color: #fff;background-color: #333333;border: 1px solid #ffffff;}
/* Diana Styles */
.teklon-postloopwidget-diana {display: flex;flex-direction: column;position: relative;overflow: hidden;border-radius: 20px;height: auto;}.teklon-postloopwidget-image-diana {position: relative;overflow: hidden;height: 250px;background-color: #ffffff;}.teklon-postloopwidget-image-diana img {display: block;width: 100%;height: 100%;object-fit: cover;object-position: Top;transition: transform 0.3s ease-in-out;}.teklon-postloopwidget-image-diana:hover img {transform: scale(1.10);}.teklon-postloopwidget-content-diana {flex-grow: 1;padding: 30px 30px 30px 30px;background-color: #000000;}.teklon-postloopwidget-content-diana-inner {height: 100%;width: 100%;display: flex;flex-direction: column;align-items: center;}.teklon-postloopwidget-title-diana {margin-top: 0px;min-height: 0px;text-align: center;font-size: 21px;}.teklon-postloopwidget-title-diana h3 {font-size: 16px;font-weight: 300;text-transform: uppercase;letter-spacing: 1.6px;}.teklon-postloopwidget-title-diana a {color: #ffffff;font-family: var(--e-global-typography-text-font-family), Sans-serif;font-weight: 500;letter-spacing: 0.08em;}.teklon-postloopwidget-title-diana a:hover {color: #ffffff;}.teklon-postloopwidget-excerpt-diana {color: #ffffff;margin-top: 10px;text-align: center;font-family: var(--e-global-typography-text-font-family), Sans-serif;font-weight: var(--e-global-typography-text-font-weight);}.teklon-postloopwidget-content-diana-inner-button {margin-top: auto;text-align: inherit;}.teklon-postloopwidget-content-diana-inner-button a {color: #000000;}.teklon-postloopwidget-content-diana-inner-button a:hover {color: #ffffff;}.teklon-postloopwidget-btn-diana {display: inline-block;text-align: center;text-decoration: none;transition: 0.3s;padding: 10px 20px 10px 20px;border-radius: 6px;background-color: #ffffff;margin-top: 20px;font-family: var(--e-global-typography-text-font-family), Sans-serif;font-weight: var(--e-global-typography-text-font-weight);}.teklon-postloopwidget-btn-diana:hover {background-color: var(--e-global-color-primary);}.teklon-directories-content-diana-inner-divider {width: 60%;height: 1px;background-color: var(--e-global-color-primary);margin: 5px auto;}.teklon-directories-postloopwidget-diana-cat {position: absolute;top: 14px;right: 14px;z-index: 2;}.teklon-directories-postloopwidget-diana-cat-link {display: inline-block;background: var(--e-global-color-primary, #e63946);color: #fff;font-size: 13px;padding: 4px 14px;border-radius: 6px;text-decoration: none;font-weight: bold;box-shadow: 0 2px 8px rgba(0,0,0,0.12);transition: background 0.2s, color 0.2s;line-height: 1.3;text-transform: uppercase;font-family: var(--e-global-typography-text-font-family), Sans-serif;}.teklon-directories-postloopwidget-diana-cat-link:hover {background: #222;color: var(--e-global-color-primary, #e63946);}
/* Animations */
.teklon-postloopwidget-img.teklon-img-anim-grow:hover { transform: scale(1.08); transition: transform 0.3s; }.teklon-postloopwidget-img.teklon-img-anim-shrink { transform: scale(1.10); transition: transform 0.3s; }.teklon-postloopwidget-img.teklon-img-anim-shrink:hover { transform: scale(1); transition: transform 0.3s; }.teklon-postloopwidget-img.teklon-img-anim-pulse:hover { animation: teklonPulse 0.5s; }@keyframes teklonPulse { 0%{transform:scale(1);} 50%{transform:scale(1.08);} 100%{transform:scale(1);} }.teklon-postloopwidget-img.teklon-img-anim-pulse-grow:hover { animation: teklonPulseGrow 0.7s; }@keyframes teklonPulseGrow { 0%{transform:scale(1);} 50%{transform:scale(1.15);} 100%{transform:scale(1);} }.teklon-postloopwidget-img.teklon-img-anim-pulse-shrink:hover { animation: teklonPulseShrink 0.7s; }@keyframes teklonPulseShrink { 0%{transform:scale(1);} 50%{transform:scale(0.88);} 100%{transform:scale(1);} }.teklon-postloopwidget-img.teklon-img-anim-push:hover { transform: translateY(-6px) scale(1.04); transition: 0.25s; }