/*
.high_featured .stepfox-loop ul{justify-content:space-between;}
.high_featured .stepfox-loop ul li{max-width:342px;margin-bottom: 20px;}
@media screen and (max-width: 1024px) and (min-width: 768px){
  .high_featured .stepfox-loop ul{justify-content:space-around;}
  .high_featured .stepfox-loop ul li{
    max-width: 310px;
    min-width: 310px;
    
  }
}
*/

/*high Featured Block ----------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 768px){
  .stepfox-loop li{max-width:100%;width:100%;}

}

a.read-more-button{
  text-transform:uppercase;
  	display:block;	
  margin-top: 20px;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 50px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #FFFFFF;
    width: 163px;
    height: 50px;
    background: #0080E1;}
.read-more-arrow{margin-left:5px;}

.stepfox_block .high-author a:hover {color:var(--main_hover_color);}
.stepfox_block .high-category a:hover {color:var(--main_hover_color);}
.stepfox_block .high-title a:hover {color:var(--main_hover_color);}

 .it-is-mobile .stepfox-loop li{max-width:100%;width:100%;}

/*.high-image-text-wrapper {float:left; position:relative; width:100%;max-width:315px;max-height:490px;}*/
.high-image-text-wrapper{    height: 100%; width:100%;}
.high-image {width: 100%; position:relative;overflow:hidden;float:left;}
.high-image img{max-width:100%;}
.high-image:after{background:linear-gradient(to bottom, rgba(12,12,26,0.75), rgba(12,12,26,0.75)); pointer-events:none;position:absolute;content:'';width:100%;height:100%;left:0;top:0;vertical-align:top;}

.high-category { z-index:3; padding:5px;  width:100%; font-size:15px; text-transform:uppercase; }
.high-category a {color:#fff;transition: color .15s ease-in-out;font-weight:700;}

.high-text {position:absolute; z-index:3; bottom:0; width:100%;}
.high-date {color:#FFF; font-size:14px; font-weight:600;  width:100%; }
.high-title { float:left;  font-weight: 700; font-size: 30px; line-height: 31px; margin: 5px 0; width:100%;line-height:0px;}
.high-title a {color: #FFF; transition: color .15s ease-in-out;}

.high-excerpt {font-weight: 400;  font-size: 14px; color: #fff;  width: 100%;}
.high-excerpt p {margin:0;}
.high-author {color: #FFF;  font-size: 14px; font-weight:400;width:100%; }
.high-author a{color:#FFF; transition: color .15s ease-in-out;}

.high-share{  z-index:4;  position: absolute;
    top: 20px;
    right: 20px;}

.high-icons{
    width: 14px;
    height: 14px;
    margin-right: 5px;

        vertical-align: text-top;
}

.high-date, .high-author{display:inline-block;margin-right:15px;width:auto;}



.jumping_posts .high-text{position:absolute;}

.split_image_and_text{
  display:flex;
}
.split_image_and_text .high-image{
     flex: 1 2 auto;
}


.jumping_posts .high-excerpt {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    opacity: 0;
    width: 100%;
    max-height: 0;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.jumping_posts:hover .high-excerpt {
    display: block;
    opacity: 1;
    bottom: 0;
    max-height: 200px;
    margin-bottom: 20px;
}


body .jumping_posts .high-text{
  left:0;
    width: 100%;
    min-height: 30%;
    position: absolute;
    bottom: 0;
    background: #FFF;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px 20px 0;
}
.jumping_posts{display: inline-block;position:relative;}
.split_image_and_text .high-text,
.textbox_bottom .high-text,
.jumping_posts .high-text
{    
  position: relative;
    display: inline-block;
    background: #000;
}
body .split_image_and_text .text-background-rounded,
body .textbox_bottom .text-background-rounded,
body .jumping_posts .text-background-rounded
{filter: none;
    margin-left: 0;
    background: transparent;
display:block;
  box-shadow: none;}


.textbox_bottom{}
.float_on_image{}.high_featured .high-image:after {background: var(--gradient_picker);}.high_featured .high-title a.text-background-rounded{background:var(--main_text_background);}
.high_featured .split_image_and_text .high-text, .high_featured .textbox_bottom .high-text, .high_featured .jumping_posts .high-text{background:var(--main_text_background);}.high_featured .high-title a{color:var(--main_text_color);}.high_featured li{    box-shadow:0 1px 0 var(--block_border);}.high_featured .high-category a{color:var(--category_text_color);}
.high_featured .high-category a:before{color:var(--category_text_color);}.high_featured .high-category a.text-background-rounded-small{background:var(--category_background_color);}.high_featured .high-excerpt, .high_featured .high-date, .high_featured .high-author, .high_featured .high-author a {color:var(--small_text_color);}.high_featured li{padding:var(--space_between);}
.high_featured .high-title{padding:var(--main_title_padding);margin:0;}.high_featured .high-category{padding:var(--category_padding);margin:0;}.high_featured .high-date, .high_featured .high-author{padding:var(--author_and_date_padding); margin:0;}
.high_featured .high-date{padding-right:0;}
.high_featured .high-author{padding-left:0;}.high_featured .high-excerpt{padding:var(--excerpt_padding); margin:0;}.high_featured .high-title a{font-family:var(--main_text_font_family);}.high_featured .high-category{font-size:var(--category_font_size);}.high_featured .high-title a{font-size:var(--main_text_font_size);}.high_featured .high-date, .high_featured .high-author{font-size:var(--author_and_date_font_size);}.high_featured .high-title a{line-height:var(--font_line_height);}.high_featured .high-excerpt, .high_featured .high-date, .high_featured .high-author, .high_featured .high-author a {font-family:var(--small_text_font_family);}.high_featured .high-excerpt {font-size:var(--small_text_font_size);}.high_featured .high-excerpt {line-height:var(--small_font_line_height);}