.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
content: " ";
display: block;
background: white;
position: absolute;
z-index: 30;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
width: 3px;
height: 9999px;
left: 50%;
margin-left: -1.5px;
}
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
width: 9999px;
height: 3px;
top: 50%;
margin-top: -1.5px;
}
.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.twentytwenty-before-label,
.twentytwenty-after-label {
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity;
}
.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
color: white;
font-size: 13px;
letter-spacing: 0.1em;
}
.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
position: absolute;
background: rgba(255, 255, 255, 0.2);
line-height: 38px;
padding: 0 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.twentytwenty-horizontal .twentytwenty-before-label:before,
.twentytwenty-horizontal .twentytwenty-after-label:before {
top: 50%;
margin-top: -19px;
}
.twentytwenty-vertical .twentytwenty-before-label:before,
.twentytwenty-vertical .twentytwenty-after-label:before {
left: 50%;
margin-left: -45px;
text-align: center;
width: auto;
}
.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute;
}
.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
top: 50%;
margin-top: -6px;
}
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
left: 50%;
margin-left: -6px;
}
.twentytwenty-container {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
z-index: 0;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
}
.twentytwenty-container img {
max-width: 100%;
position: absolute;
top: 0;
display: block;
}
.twentytwenty-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.twentytwenty-before-label {
opacity: 0;
}
.twentytwenty-before-label:before {
content: attr(data-content);
}
.twentytwenty-after-label {
opacity: 0;
}
.twentytwenty-after-label:before {
content: attr(data-content);
}
.twentytwenty-horizontal .twentytwenty-before-label:before {
left: 10px;
}
.twentytwenty-horizontal .twentytwenty-after-label:before {
right: 10px;
}
.twentytwenty-vertical .twentytwenty-before-label:before {
top: 10px;
}
.twentytwenty-vertical .twentytwenty-after-label:before {
bottom: 10px;
}
.twentytwenty-overlay {
-webkit-transition-property: background;
-moz-transition-property: background;
transition-property: background;
background: rgba(0, 0, 0, 0);
z-index: 25;
}
.twentytwenty-overlay:hover .twentytwenty-after-label {
opacity: 1;
}
.twentytwenty-overlay:hover .twentytwenty-before-label {
opacity: 1;
}
.twentytwenty-before {
z-index: 20;
}
.twentytwenty-after {
z-index: 10;
}
.twentytwenty-handle {
height: 38px;
width: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border: 3px solid white;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
z-index: 40;
cursor: pointer;
}
.twentytwenty-horizontal .twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 22px;
-webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:after {
top: 50%;
margin-top: 22px;
-webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:before {
left: 50%;
margin-left: 22px;
-webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:after {
right: 50%;
margin-right: 22px;
-webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-left-arrow {
border-right: 6px solid white;
left: 50%;
margin-left: -17px;
}
.twentytwenty-right-arrow {
border-left: 6px solid white;
right: 50%;
margin-right: -17px;
}
.twentytwenty-up-arrow {
border-bottom: 6px solid white;
top: 50%;
margin-top: -17px;
}
.twentytwenty-down-arrow {
border-top: 6px solid white;
bottom: 50%;
margin-bottom: -17px;
}
.twentytwenty-overlay.hover .twentytwenty-after-label {
opacity: 1;
}
.twentytwenty-overlay.hover .twentytwenty-before-label {
opacity: 1;
}
.twentytwenty-before-label:before,
.twentytwenty-after-label:before{
background-color: rgba(17,17,17,0.96);
}
.wb_ebais_twentytwenty_container .before_text,.wb_ebais_twentytwenty_container .after_text{ display: none; }.elextra-grid-container .elextra-post {
overflow: hidden;
}
.elextra-grid-container .elextra-post a.read-more-btn{
display: block;
}
.elextra-grid-container .post-grid-meta{
margin-bottom: 10px;
}
.elextra-grid-container .elextra-post .post-grid-meta span + span:before {
margin-left: 2px;
margin-right: 4px;
}
.grid-meta-bottom .post-grid-text-wrap {
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
padding-bottom: 20px;
}
.grid-meta-bottom .elextra-post {
padding: 20px 20px 20px 20px;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}
.elementor-widget-elementor-blog-posts .elextra-grid .elextra-grid-container .elextra-post,
.elementor-widget-elementor-blog-posts .elextra-grid .elextra-grid-container .elextra-post:hover{
background: transparent;
margin-top: 0;
}
.elementor-widget-elementor-blog-posts .elextra-grid .elextra-grid-container .elextra-post .title,
.elementor-widget-elementor-blog-posts .elextra-grid .elextra-grid-container .elextra-post .title > a{
color: #333333;
margin: 5px 0;
padding: 5px 0;
}
.elementor-widget-elementor-blog-posts .elextra-grid .elextra-grid-container .elextra-post .post-grid-excerpt p,
.elementor-widget-elementor-blog-posts .elextra-grid .elextra-grid-container .elextra-post a.read-more-btn,
.elementor-widget-elementor-blog-posts .elextra-grid .elextra-grid-container .elextra-post .post-grid-meta span{
color: #707070;
font-weight: 400;
}
.media-loop{
text-align: center;
padding-top: 2em;
}
.media-loop span, .media-loop a {
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
}
.list-of-episodes article {
display: flex;
margin-top: 42px!important;
background: #fff;
width: 100%;
}
.list-of-episodes article:first-of-type {
margin-top: 0;
}
.list-of-episodes article .featured-image {
height:auto;
overflow:hidden;
position: relative;
border-radius: 7px 7px 0 0;
border-radius: 0;
width: 450px;
}
.list-of-episodes.entries-round-corners article {
border-radius:7px;
overflow: hidden;
}
.list-of-episodes.entries-round-corners.entries-corners-img-only article {
border-radius: 0;
}
.list-of-episodes.entries-round-corners.entries-corners-img-only article .featured-image img {
border-radius:7px;
overflow: hidden;
}
.list-of-episodes article .featured-image .hover {
background-color:rgba(238,82,65,0.50);
position:absolute;
text-align:right;
top:0;
left:0;
right:0;
bottom:0;
opacity:0;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.list-of-episodes.entries-round-corners.entries-corners-img-only article .featured-image .hover {
border-radius: 7px;
}
.list-of-episodes article .featured-image:hover .hover {
opacity:1;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.list-of-episodes article .featured-image .hover .icon {
position: absolute;
color: #fff;
top: 24px;
right: 24px;
opacity: 1;
background-color: #fff;
color: #199fdd;
border-radius: 32px;
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
}
.list-of-episodes article .featured-image .hover .icon .fa:before,
.list-of-episodes article .featured-image .hover .icon .fas:before {
font-size: 12px;
display: block;
}
.list-of-episodes article .featured-image a {
opacity: 1;
}
.list-of-episodes article .featured-image img{
width: 450px;
height: 450px;
display: block;
}
.list-of-episodes article .featured-image .hover {
background-color: rgba(0,0,0,0.75);
position: absolute;
text-align: right;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.touch .list-of-episodes article .featured-image .hover  {
opacity:0;
display:none;
}
.list-of-episodes article .featured-image:hover .hover {
opacity:1;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.touch .list-of-episodes article .featured-image:hover .hover {
opacity: 0;
display: none;
}
.list-of-episodes article .post-content .inside {
padding-top: 1em;
padding-left: 3em;
padding-right: 3em;
padding-bottom: 1em;
}
.list-of-episodes article.has-post-thumbnail .post-content {
min-height: 260px;
width: calc( 100% - 450px );
display: flex;
flex-direction: column;
justify-content: center;
}
.list-of-episodes article .post-header {
padding: 0 0 16px 0;
margin: 0 !important;
}
.list-of-episodes article .post-header ul {
margin: 0 0 10px 0;
padding: 0;
list-style: none;
font-weight: bold;
font-size: 13px;
font-size: calc(0.688rem + 0.1vw);
text-transform: uppercase;
}
.list-of-episodes article .post-header ul a:link,
.list-of-episodes article .post-header ul a:visited {
color: #199fdd;
}
.list-of-episodes article .post-header ul a:hover {
color: #1a6e95;
}
.list-of-episodes article .post-header ul li {
display: inline-block;
margin-right: 12px;
margin-bottom: 5px;
}
.list-of-episodes article .post-header h2 {
font-size: 32px;
font-size: calc(1.5rem + 0.42vw);
font-weight: 700;
margin: 4px 0 0 0;
}
.list-of-episodes article .post-header h2 a:link,
.list-of-episodes article .post-header h2 a:visited {
color:#444;
}
.list-of-episodes article .post-header h2 a:hover {
color:#333;
}
.list-of-episodes article .post-content p {
font-size: 16px;
line-height: 1.7;
color:#646464;
margin-top:10px;
}
.list-of-episodes article .post-footer {
display:none;
}
.list-of-episodes .button-container {
margin:40px 0 0 0;
text-align: right;
}
.list-of-episodes article .more-link {
margin:0;
display:inline-block;
} .list-of-episodes.full-post article {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
}
.list-of-episodes.full-post article .featured-image {
margin-right:0;
border-radius:3px;
max-width:260px;
max-height: 260px;
overflow: initial;
}
.list-of-episodes.full-post article .featured-image a {
width:260px;
display: block;
}
.list-of-episodes.full-post article .featured-image img {
width:260px;
height:auto;
}
.list-of-episodes.full-post article .featured-image .hover .icon {
top: 24px;
width: 48px;
}
.list-of-episodes.full-post article .inside {
flex:auto;
width:calc(100% - 260px);
padding:30px 30px 30px 30px;
background:#fff;
}
.list-of-episodes .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.list-of-episodes .mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #ba2125;
}
.list-of-episodes .mejs-container .mejs-controls .mejs-button>button {
width:16px;height:70px;
}
.list-of-episodes  .mejs-container .mejs-controls .mejs-button>button {
background: transparent none no-repeat scroll 0 0!important;
font-family: "FontAwesome"!important;
font-weight: 900;
color:#ba2125;
margin: 0;
margin-left:10px;
padding: 0;
position: static;
}
.list-of-episodes .mejs-container .mejs-controls .mejs-button>button:hover {
color:#ba2125;
}
.list-of-episodes .mejs-container .mejs-controls .mejs-button>button:before {
display: block;
font-size: 14px;
}
.list-of-episodes  .mejs-container .mejs-controls .mejs-play>button:before {
content: "\f04b";
}
.list-of-episodes  .mejs-container .mejs-controls .mejs-pause>button:before {
content: "\f04c";
}
.list-of-episodes  .mejs-container .mejs-controls .mejs-replay>button:before {
content: "\f0e2";
}
.list-of-episodes   .mejs-container .mejs-controls .mejs-mute>button:before {
content: "\f028";
}
.list-of-episodes .mejs-container .mejs-controls .mejs-unmute button:before {
content: "\f026";
}
.list-of-episodes  .mejs-container,  .list-of-episodes  .mejs-container .mejs-controls,  .list-of-episodes  .mejs-embed,   .list-of-episodes .mejs-embed body {
background: #ffffff;
border-radius: 5px;
}
.list-of-episodes  .mejs-container.mejs-audio {
height: 70px!important;
}
.list-of-episodes  .mejs-controls{height:70px;}
.list-of-episodes  .mejs-button,  .list-of-episodes  .mejs-time,  .list-of-episodes  .mejs-time-rail{height:70px;}
.list-of-episodes  .mejs-button>button{margin: 25px 6px;}
.list-of-episodes .mejs-time{padding: 30px 6px 0;}
.list-of-episodes .mejs-time-rail{    padding-top: 25px;}
.list-of-episodes .mejs-horizontal-volume-total{top:30px;}
.list-of-episodes .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,  .list-of-episodes  .mejs-controls .mejs-time-rail .mejs-time-total {
background: rgba(0,0,0,.3);
}
.list-of-episodes .mejs-controls .mejs-time-rail .mejs-time-current {
background: #ba2125;
}
.list-of-episodes .mejs-controls .mejs-time-rail .mejs-time-loaded{
background: rgba(0,0,0,.6);
}
.list-of-episodes .mejs-time{color:#ba2125;}
.list-of-episodes .mejs-time-buffering,  .list-of-episodes  .mejs-time-current,  .list-of-episodes  .mejs-time-float-corner,   .list-of-episodes .mejs-time-float-current,  .list-of-episodes  .mejs-time-hovered,  .list-of-episodes  .mejs-time-loaded,  .list-of-episodes  .mejs-time-marker,  .list-of-episodes  .mejs-time-total{height:7px;}
.list-of-episodes  .mejs-time-handle-content{    top: -4px;    height: 7px;border: 3px solid #ba2125;}
.list-of-episodes .mejs-time-float{
background: #ba2125;
border: 1px solid #ba2125;
color: #fff;
}
.list-of-episodes .mejs-time-float-corner{border-top-color:#ba2125;}
.lastet_episode .ribbon {
position: absolute;
right: 0;
z-index: 1;
overflow: hidden;
width: 200px; height: 55px;
text-align: right;
}
.lastet_episode .ribbon span {
font-size: 15px;
color: #FFF;
text-transform: uppercase;
text-align: center;
font-style: italic;
line-height: 20px;
width: 200px;
display: block;
background: #EBBA57;
position: absolute;
top: 0; right: 0;
padding-top: 5px;
padding-bottom: 5px;
}
.lastet_episode .ribbon span::after {
content: "";
position: absolute; right: 0px; top: 100%;
z-index: -1;
border-left: 10px solid transparent;
border-right: 10px solid #EBBA57;
border-bottom: 10px solid transparent;
border-top: 10px solid #EBBA57;
}
@media (max-width:1100px){
.list-of-episodes .container{    display: flex;
flex-wrap: wrap;
justify-content: space-between;}
.list-of-episodes article {
width: calc( 50% - 24px * 1 / 2 );
display: flex;
flex-direction: column;
margin-bottom: 24px;
}
.list-of-episodes article .featured-image{
width:100%;}
.list-of-episodes article .featured-image img {
width: 100%;
height: auto;
display: block;
}
.list-of-episodes article.has-post-thumbnail  .post-content{    width: 100%;
}
.lastet_episode .ribbon{left:0;}
.lastet_episode .ribbon span::after{display:none;}
}
@media (max-width:600px){
.list-of-episodes article .post-content .inside{
padding-top: 2em;
padding-left: 2em;
padding-right: 2em;
padding-bottom: 1em;
}
.list-of-episodes .container{    display: flex;
flex-wrap: wrap;
justify-content: space-between;}
.list-of-episodes article {
width: 100%;
display: flex;
flex-direction: column;
margin-bottom: 24px;
}
.list-of-episodes article .featured-image{
width:100%;}
.list-of-episodes article.has-post-thumbnail  .post-content{    width: 100%;
}
.lastet_episode .ribbon{right:0;left:unset;}
.lastet_episode .ribbon span::after{display:block;}
}
.podcast-loop{
text-align: center;
padding-top: 2em;
}.podcast-loop span, .podcast-loop a {
margin: 2px 2px 2px 0;
padding: 6px 9px 5px;
text-decoration: none;
width: auto;
} .feature-episode-container .feature-episode-post .mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
background: #038792;
border-radius: 5px;
}
.feature-episode-container .feature-episode-post .mejs-container.mejs-audio {
height: 55px!important;
}
.feature-episode-container .feature-episode-post .mejs-controls{height:70px;}
.feature-episode-container .feature-episode-post .mejs-time, .mejs-time-rail{height:40px;}
.feature-episode-container .feature-episode-post .mejs-button>button{background: transparent none no-repeat scroll 0 0!important;
font-family: "FontAwesome"!important;
font-weight: 900;
color:#ffffff;
margin:0;
margin-left: 10px;
padding: 0;
position: static; 	width:16px;height:70px;}
.feature-episode-container .feature-episode-post .mejs-time{padding: 32px 6px 0 6px;}
.feature-episode-container .feature-episode-post .mejs-time-rail{    padding-top: 28px;}
.feature-episode-container .feature-episode-post .mejs-horizontal-volume-total{top:32px;}
.feature-episode-container .feature-episode-post .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .feature-episode-container .feature-episode-post .mejs-controls .mejs-time-rail .mejs-time-total {
background: rgba(0,0,0,.3);
}
.feature-episode-container .feature-episode-post .mejs-button>button:hover {
color:#ffffff;
}
.feature-episode-container .feature-episode-post .mejs-button>button:before {
display: block;
font-size: 14px;
}
.feature-episode-container .feature-episode-post .mejs-play>button:before {
content: "\f04b";
}
.feature-episode-container .feature-episode-post  .mejs-pause>button:before {
content: "\f04c";
}
.feature-episode-container .feature-episode-post .mejs-replay>button:before {
content: "\f0e2";
}
.feature-episode-container .feature-episode-post  .mejs-mute>button:before {
content: "\f028";
}
.feature-episode-container .feature-episode-post .mejs-unmute button:before {
content: "\f026";
}
.feature-episode-container .feature-episode-post .mejs-controls .mejs-time-rail .mejs-time-current {
background: #ffffff;
}
.feature-episode-container .feature-episode-post .mejs-controls .mejs-time-rail .mejs-time-loaded{
background: rgba(0,0,0,.6);
}
.feature-episode-container .feature-episode-post .mejs-time-buffering,.feature-episode-container .feature-episode-post .mejs-time-current, .feature-episode-container .feature-episode-post .mejs-time-float-corner, .feature-episode-container .feature-episode-post.mejs-time-float-current,.feature-episode-container .feature-episode-post .feature-episode-container .feature-episode-post .mejs-time-hovered,.feature-episode-container .feature-episode-post .mejs-time-loaded,.feature-episode-container .feature-episode-post .mejs-time-marker,.feature-episode-container .feature-episode-post .mejs-time-total,.feature-episode-container .feature-episode-post .mejs-horizontal-volume-total{height:7px;}
.feature-episode-container .feature-episode-post .mejs-time-handle-content{    top: -4px;    height: 7px;border: 3px solid hsla(0,0%,100%,.9);}  .list-of-success-story .feature_post article {
display: flex;
margin-top: 42px!important;
background: #fff;
width: 100%;
}
.list-of-success-story .feature_post article:first-of-type {
margin-top: 0;
}
.list-of-success-story .feature_post article .featured-image {
height:auto;
overflow:hidden;
position: relative;
border-radius: 7px 7px 0 0;
border-radius: 0;
width: 550px;
}
.list-of-success-story.entries-round-corners article {
border-radius:7px;
overflow: hidden;
}
.list-of-success-story.entries-round-corners.entries-corners-img-only article {
border-radius: 0;
}
.list-of-success-story.entries-round-corners.entries-corners-img-only article .featured-image img {
border-radius:7px;
overflow: hidden;
}
.list-of-success-story .feature_post article .featured-image .hover {
background-color:rgba(238,82,65,0.50);
position:absolute;
text-align:right;
top:0;
left:0;
right:0;
bottom:0;
opacity:0;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.list-of-success-story.entries-round-corners.entries-corners-img-only article .featured-image .hover {
border-radius: 7px;
}
.list-of-success-story .feature_post article .featured-image:hover .hover {
opacity:1;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.list-of-success-story .feature_post article .featured-image .hover .icon {
position: absolute;
color: #fff;
top: 24px;
right: 24px;
opacity: 1;
background-color: #fff;
color: #199fdd;
border-radius: 32px;
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
}
.list-of-success-story .feature_post article .featured-image .hover .icon .fa:before,
.list-of-success-story .feature_post article .featured-image .hover .icon .fas:before {
font-size: 12px;
display: block;
}
.list-of-success-story .feature_post article .featured-image a {
opacity: 1;
}
.list-of-success-story .feature_post article .featured-image img{
width: 550px;
height: 450px;
object-fit: cover;
}
.list-of-success-story .feature_post article .featured-image .hover {
background-color: rgba(0,0,0,0.75);
position: absolute;
text-align: right;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.touch .list-of-success-story .feature_post article .featured-image .hover  {
opacity:0;
display:none;
}
.list-of-success-story .feature_post article .featured-image:hover .hover {
opacity:1;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.touch .list-of-success-story .feature_post article .featured-image:hover .hover {
opacity: 0;
display: none;
}
.list-of-success-story .feature_post article .post-content .inside {
padding-top: 1em;
padding-left: 3em;
padding-right: 3em;
padding-bottom: 1em;
}
.list-of-success-story .feature_post article.has-post-thumbnail .post-content {
min-height: 260px;
width: calc( 100% - 550px );
display: flex;
flex-direction: column;
justify-content: center;
}
.list-of-success-story .feature_post article .title{margin-top:10px;}
.list-of-success-story .feature_post article .post-header {
padding: 0 0 16px 0;
margin: 0 !important;
}
.list-of-success-story .feature_post article .post-header ul {
margin: 0 0 10px 0;
padding: 0;
list-style: none;
font-weight: bold;
font-size: 13px;
font-size: calc(0.688rem + 0.1vw);
text-transform: uppercase;
}
.list-of-success-story .feature_post article .post-header ul a:link,
.list-of-success-story .feature_post article .post-header ul a:visited {
color: #199fdd;
}
.list-of-success-story .feature_post article .post-header ul a:hover {
color: #1a6e95;
}
.list-of-success-story .feature_post article .post-header ul li {
display: inline-block;
margin-right: 12px;
margin-bottom: 5px;
}
.list-of-success-story .feature_post article .post-header h2 {
font-size: 32px;
font-size: calc(1.5rem + 0.42vw);
font-weight: 700;
margin: 4px 0 0 0;
}
.list-of-success-story .feature_post article .post-header h2 a:link,
.list-of-success-story .feature_post article .post-header h2 a:visited {
color:#444;
}
.list-of-success-story .feature_post article .post-header h2 a:hover {
color:#333;
}
.list-of-success-story .feature_post article .post-content p {
font-size: 16px;
line-height: 1.7;
color:#646464;
margin-top:10px;
}
.list-of-success-story .feature_post article .post-footer {
display:none;
}
.list-of-success-story .feature_post .button-container {
margin:40px 0 0 0;
text-align: right;
}
.list-of-success-story .feature_post article .more-link {
margin:0;
display:inline-block;
} .list-of-success-story.full-post article {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
}
.list-of-success-story.full-post article .featured-image {
margin-right:0;
border-radius:3px;
max-width:260px;
max-height: 260px;
overflow: initial;
}
.list-of-success-story.full-post article .featured-image a {
width:260px;
display: block;
}
.list-of-success-story.full-post article .featured-image img {
width:260px;
height:auto;
}
.list-of-success-story.full-post article .featured-image .hover .icon {
top: 24px;
width: 48px;
}
.list-of-success-story.full-post article .inside {
flex:auto;
width:calc(100% - 260px);
padding:30px 30px 30px 30px;
background:#fff;
}
@media (max-width:1100px){
.list-of-success-story .feature_post article {
width: 100%;
}
.list-of-success-story .feature_post article .featured-image{
width:50%;}
.list-of-success-story .feature_post .ribbon span::before{display:block!important;}
.list-of-success-story .feature_post article.has-post-thumbnail .post-content{
width:50%;}
}
@media (max-width:600px){
.list-of-success-story .feature_post article .post-content .inside{
padding-top: 2em;
padding-left: 2em;
padding-right: 2em;
padding-bottom: 1em;
}
.list-of-success-story .feature_post{    display: flex;
flex-wrap: wrap;
justify-content: space-between;}
.list-of-success-story .feature_post article {
width: 100%;
display: flex;
flex-direction: column;
margin-bottom: 24px;
}
.list-of-success-story .feature_post article .featured-image{
width:100%;}
.list-of-success-story .feature_post article.has-post-thumbnail  .post-content{    width: 100%;
}
.list-of-success-story .feature_post article .featured-image img{height:auto!important;}
}
.list-of-success-story .post-grid{margin-top:2em;margin-bottom:2em;}
.success-story-post{background-color: #ffffff;}
.success-story-post .post-grid-inner .post-grid-text-wrap{padding:20px;}
.success-story-post .post-grid-inner .success-story-meta{    padding-top: 10px;}
.success-story-post .post-grid-inner .post-grid-thumbnail{
padding-bottom: calc(60%);
top: 0;
left: 0;
right: 0;
bottom: 0;
position: relative;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
overflow: hidden;
}
.success-story-post .post-grid-inner .post-grid-thumbnail img{
width: calc(100% + 1px );
display: block;
height: 100%;
position: absolute;
top: calc(50% + 1px )!important;
left: calc(50% + 1px );
-webkit-transform: scale(1.01) translate(-50%,-50%);
-ms-transform: scale(1.01) translate(-50%,-50%);
transform: scale(1.01) translate(-50%,-50%);
}
.success-story-grid-desktop-3{
grid-template-columns: repeat(3,1fr);
--grid-column-gap: 30px;
--grid-row-gap: 30px;
}
@media (max-width: 1024px){
.success-story-grid-tablet-2 {
grid-template-columns: repeat(2,1fr);
}
}
@media (max-width: 767px){
.success-story-grid-mobile-1  {
grid-template-columns: repeat(1,1fr);
}
}
.success-story-loop{
text-align: center;
padding-top: 2em;
}.success-story-loop span, .success-story-loop a {
margin: 2px 2px 2px 0;
padding: 6px 9px 5px;
text-decoration: none;
width: auto;
} .ticker-list-of-episodes article {
margin-top: 42px!important;
background: #fff;
width: 100%;
}
.ticker-list-of-episodes .episode_container{display:flex;}
.tickerhome-post .inside {
padding: 1.5em 2em 2em 2em!important;
}
.tickerhome-post .elementor-widget-container{
width:50%; }
.tickerhome-post .post-content{width:50%;}
.tickerhome-post .title{margin-bottom:10px!important;margin-top:10px!important;}
.tickerhome-post .sub-title{margin-bottom:0!important;}
.tickerhome-post .tickerhome-content button{    display: block;
margin-top: 10px;
margin-bottom: 10px;}
.tickerhome-post .ticker_opt_btn,.tickerhome-post .ticker_opt_btn:hover {
padding: 0;
border-radius: unset;
background-color: #fff;
color: #ba2125;
border: 0;
text-align: left;
cursor: pointer;
}
.tickerhome-post .elementor-tab-title{border:none!important;}
.tickerhome-post .elementor-toggle-container{width:100%;}
.tickerhome-post .elementor-toggle-container p{margin-bottom:10px!important;}
.tickerhome-loop{margin-top:1em;margin-bottom:1em; text-align: center;}
.tickerhome-loop .current{padding-left:.5em;padding-right:.5em;}
.tickerhome-loop .inactive{padding-left:.5em;padding-right:.5em;}
@media(max-width:767px){
.ticker-list-of-episodes .episode_container{display:block!important;}
.tickerhome-post .elementor-widget-container{width:100%!important;}
.tickerhome-post .post-content{width: 100%!important;
padding-top: 2em!important;}
}
#ticker_download {
width:100%;
height:100%;
opacity:.95;
top:0;
left:0;
display:none;
position:fixed;
background-color:#313131;
overflow:auto;
z-index: 9999;
}
#close {
padding-left: 10px;
padding-right: 10px;
padding-top: 0;
padding-bottom: 0;
position: absolute;
right: 0;
top: 0;
}
div#popup {opacity:1;
position:absolute;
left:50%;
top:17%;
width:800px;
margin-left:-352px;
background: url(https://ianugarte.com.au/wp-content/uploads/2021/04/71.png);
background-position: right;
}
div#download_confirm {
opacity:1;
position:absolute;
left:50%;
top:17%;
width:800px;
padding:50px;
margin-left:-352px;
background: url(https://ianugarte.com.au/wp-content/uploads/2021/04/71.png);
background-position: right;
text-align: center;
}
form {
max-width:600px;
padding:20px;
border-radius:10px;
text-align: center;
margin:0 auto;
}
input[type=text] {
width:82%;
padding:10px;
margin-bottom:10px;
border:1px solid #ccc;
}
#submit {
width: 80%;
margin-top: 20px;
} #download_confirm{display:none;background-color:#ffffff;}
#download_link{background-color:#ba2125;color:#ffffff;padding:20px;}
.ticker_opt_btn,.ticker_opt_btn:hover{padding: 0;
border-radius: unset;
background-color: #fff;
color: #ba2125;
border: 0;
}
#nameError {
display: none;
font-size: 0.8em;
color:red;
}
#nameError.visible {
display: block;
}
#emailError {
display: none;
font-size: 0.8em;
color:red;
}
#emailError.visible {
display: block;
}
input.invalid {
border-color: red;
}
@media(max-width:767px){
div#popup , div#download_confirm {
width:90%;!important;
margin-left:0;
left:5%;
padding:20px;
}
form{
padding:20px 10px;
}
}
.download_btn_wrapper{margin-bottom:10px;margin-top:10px;}.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var( --container-widget-align-self,initial );--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{min-height:22px;min-width:22px;position:relative}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{height:22px;inset:0;margin:auto;padding:0;position:absolute;width:22px}.elementor-widget-video .elementor-widget-container,.elementor-widget-video:not(:has(.elementor-widget-container)){overflow:hidden;transform:translateZ(0)}.elementor-widget-video .elementor-wrapper{aspect-ratio:var(--video-aspect-ratio)}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{background-color:#000;border:none;display:flex;height:100%;width:100%}.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay{background-position:50%;background-size:cover;inset:0;position:absolute}.elementor-widget-video .elementor-custom-embed-image-overlay{cursor:pointer;text-align:center}.elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i{opacity:1}.elementor-widget-video .elementor-custom-embed-image-overlay img{aspect-ratio:var(--video-aspect-ratio);display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%}.elementor-widget-video .e-hosted-video .elementor-video{-o-object-fit:cover;object-fit:cover}.e-con-inner>.elementor-widget-video,.e-con>.elementor-widget-video{width:var(--container-widget-width);--flex-grow:var( --container-widget-flex-grow )}