@charset "UTF-8";
@charset "UTF-8";
.bp-element-st-search-videos.vblog-layout-header-1 .wrap-element {
position: relative; }
.bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .search-form {
width: 100%;
height: 44px;
border-radius: 22px;
background: rgba(37, 37, 37, 0.85);
display: flex;
align-items: center;
position: relative; }
.bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .search-form .search-field {
font-weight: 300;
font-size: 12px;
color: #fff;
line-height: 1.6;
flex-grow: 1;
border: none;
width: 1px;
height: 100%;
border-radius: 20px;
background: transparent;
padding-left: 26px;
padding-right: 60px; }
.bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .search-form .search-field::-webkit-input-placeholder {
color: #757575;
font-style: italic; }
.bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .search-form .search-field:-moz-placeholder {
color: #757575;
font-style: italic; }
.bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .search-form .search-field::-moz-placeholder {
color: #757575;
font-style: italic; }
.bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .search-form .search-field:-ms-input-placeholder {
color: #757575;
font-style: italic; }
.bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .search-form .btn-search {
font-size: 20px;
line-height: 1;
color: #757575;
width: 70px;
height: 100%;
position: absolute;
top: 0;
right: 0;
border-radius: 22px;
transition: all .2s; }
.bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .search-form .btn-search:hover {
color: #e40914; }
.bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .list-search-videos {
position: absolute;
z-index: 500;
left: 0;
top: calc(100% + 5px);
width: 100%;
max-height: 315px;
overflow-y: auto;
background: rgba(34, 34, 34, 0.8); }
.bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .list-search-videos li {
font-weight: 300;
font-size: 14px;
line-height: 1.5;
color: #fff;
border-bottom: 1px solid rgba(153, 153, 153, 0.15);
margin: 0 26px; }
.bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .list-search-videos li:first-child {
margin-top: 5px; }
.bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .list-search-videos li:last-child {
border-bottom: none;
margin-bottom: 5px; }
.bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .list-search-videos li a {
display: block;
padding: 8px 0px;
color: #fff;
transition: all .2s; }
.bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .list-search-videos li a:hover {
color: #e40914; }
.bp-element-st-search-videos.vblog-layout-header-2 .wrap-element {
position: relative; }
.bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form {
width: 100%;
height: 44px;
border-radius: 22px;
border: 1px solid #d7d7d7;
display: flex;
align-items: center;
position: relative; }
.bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .select2.select2-container {
border: none; }
.bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .wrap-select2 {
display: block;
position: relative;
margin-left: 33px;
padding-right: 20px; }
.bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .wrap-select2:after {
content: '';
display: block;
width: 1px;
height: 43px;
background: #d7d7d7;
position: absolute;
top: calc(50% - 21px);
right: 0; }
.bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .search-field {
font-weight: 300;
font-size: 14px;
color: #6e6e6e;
line-height: 1.6;
flex-grow: 1;
width: 1px;
height: 100%;
border: none;
border-radius: 20px;
background: transparent;
padding-left: 25px;
padding-right: 60px; }
.bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .search-field::-webkit-input-placeholder {
color: #909090;
font-style: italic;
font-size: 12px; }
.bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .search-field:-moz-placeholder {
color: #909090;
font-style: italic;
font-size: 12px; }
.bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .search-field::-moz-placeholder {
color: #909090;
font-style: italic;
font-size: 12px; }
.bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .search-field:-ms-input-placeholder {
color: #909090;
font-style: italic;
font-size: 12px; }
.bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .btn-search {
font-size: 20px;
line-height: 1;
color: #909090;
width: 60px;
height: 100%;
position: absolute;
top: 0;
right: 0;
border-radius: 21px;
transition: all .2s; }
.bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .btn-search:hover {
color: #e40914; }
.bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .list-search-videos {
position: absolute;
z-index: 500;
left: 0;
top: calc(100% + 5px);
width: 100%;
max-height: 315px;
overflow-y: auto;
background: rgba(255, 255, 255, 0.9);
box-shadow: 0px 0px 15px 0px rgba(105, 105, 105, 0.08); }
.bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .list-search-videos li {
font-weight: 300;
font-size: 14px;
line-height: 1.5;
color: #6e6e6e;
border-bottom: 1px solid rgba(153, 153, 153, 0.2);
margin: 0 33px; }
.bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .list-search-videos li:first-child {
margin-top: 5px; }
.bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .list-search-videos li:last-child {
border-bottom: none;
margin-bottom: 5px; }
.bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .list-search-videos li a {
display: block;
padding: 8px 0px;
color: #6e6e6e;
transition: all .2s; }
.bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .list-search-videos li a:hover {
color: #e40914; }
.responsive {  }
@media (max-width: 767px) {
.responsive .bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .search-form .wrap-select2 {
display: none; }
.responsive .bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .wrap-select2 {
display: none; }
.responsive .bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .search-field {
padding-right: 34px;
padding-left: 20px; }
.responsive .bp-element-st-search-videos.vblog-layout-header-2 .wrap-element .search-form .btn-search {
width: 44px; } }
@media (max-width: 575px) {
.responsive .bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .search-form .search-field {
padding-right: 34px;
padding-left: 20px; }
.responsive .bp-element-st-search-videos.vblog-layout-header-1 .wrap-element .search-form .btn-search {
width: 44px; } }.bp-element-social-links.default:before {
content: " ";
display: table; }
.bp-element-social-links.default:after {
content: " ";
display: table;
clear: both; }
.bp-element-social-links.default .socials {
list-style: none;
margin: 0 -5px;
display: flex; }
.bp-element-social-links.default .socials li {
list-style: none;
margin: 0 5px; }
.bp-element-social-links.default .socials li a {
display: inline-block;
color: #999;
text-align: center;
width: 30px;
height: 30px;
font-size: 16px;
line-height: 30px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.bp-element-social-links.vblog-layout-header-1 .wrap-element {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: -5px; }
.bp-element-social-links.vblog-layout-header-1 .wrap-element .social-item {
font-size: 16px;
line-height: 1;
color: #757575;
display: inline-flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 50%;
background: #262626;
margin: 5px;
transition: all .2s; }
.bp-element-social-links.vblog-layout-header-1 .wrap-element .social-item:hover {
background: #e40914;
color: #fff; }
.bp-element-social-links.vblog-layout-header-2 .wrap-element {
display: flex;
justify-content: center;
align-items: center;
margin: -5px; }
.bp-element-social-links.vblog-layout-header-2 .wrap-element .social-item {
font-size: 14px;
line-height: 1;
color: #909090;
display: inline-flex;
justify-content: center;
align-items: center;
width: 39px;
height: 39px;
border-radius: 50%;
border: 1px solid #d7d7d7;
margin: 5px;
transition: all .2s; }
.bp-element-social-links.vblog-layout-header-2 .wrap-element .social-item:hover {
border-color: #e40914;
background: #e40914;
color: #fff; }
.bp-element-social-links.vblog-layout-header-3 .wrap-element {
margin: 0 -6px; }
.bp-element-social-links.vblog-layout-header-3 .wrap-element .social-item {
font-size: 14px;
line-height: 1.5;
color: #919191;
text-align: center;
margin: 0 6px;
transition: all .2s; }
.bp-element-social-links.vblog-layout-header-3 .wrap-element .social-item:hover {
color: #fd6500; }
.bp-element-social-links.vblog-layout-footer .wrap-element {
text-align: inherit;
margin: -4px; }
.bp-element-social-links.vblog-layout-footer .wrap-element .social-item {
font-size: 19px;
line-height: 1;
color: #7c7c7c;
display: inline-flex;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
border-radius: 50%;
border: 1px solid rgba(115, 116, 117, 0.5);
margin: 4px;
transition: all .2s; }
.bp-element-social-links.vblog-layout-footer .wrap-element .social-item:hover {
background: #e40914;
border-color: #e40914;
color: #fff; }
.bp-element-social-links.vblog-layout-footer-2 .wrap-element {
text-align: inherit;
margin: -9px; }
.bp-element-social-links.vblog-layout-footer-2 .wrap-element .social-item {
font-size: 21px;
line-height: 1;
color: #fd6500;
display: inline-flex;
justify-content: center;
align-items: center;
width: 49px;
height: 49px;
border-radius: 50%;
border: 1px solid #3f3f3f;
margin: 9px;
transition: all .2s; }
.bp-element-social-links.vblog-layout-footer-2 .wrap-element .social-item:hover {
background: transparent;
border-color: #fd6500;
color: #fd6500; }
.bp-element-social-links.vblog-layout-footer-3 .wrap-element {
text-align: inherit;
margin: -8px; }
.bp-element-social-links.vblog-layout-footer-3 .wrap-element .social-item {
font-size: 15px;
line-height: 1;
color: #1f1f1f;
display: inline-flex;
justify-content: center;
align-items: center;
width: 39px;
height: 39px;
border-radius: 50%;
border: 1px solid #e1e1e1;
margin: 8px;
transition: all .2s; }
.bp-element-social-links.vblog-layout-footer-3 .wrap-element .social-item:hover {
background: #fa777c;
border-color: #fa777c;
color: #fff; }
.bp-element-social-links.vblog-layout-sidebar .socials-element {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: -6px -26px; }
.bp-element-social-links.vblog-layout-sidebar .socials-element .item-social {
font-size: 15px;
line-height: 1;
color: #1f1f1f;
display: flex;
justify-content: center;
align-items: center;
width: 39px;
height: 39px;
border-radius: 50%;
border: 1px solid #eeeeee;
margin: 6px;
transition: all .2s; }
.bp-element-social-links.vblog-layout-sidebar .socials-element .item-social:hover {
border-color: #fa777c;
background: #fa777c;
color: #fff; }
.bp-element-social-links.kindergarten-layout-footer-1 .wrap-element {
text-align: inherit;
margin: -5px; }
.bp-element-social-links.kindergarten-layout-footer-1 .wrap-element .social-item {
font-size: 14px;
line-height: 1;
color: #fff;
display: inline-flex;
justify-content: center;
align-items: center;
width: 39px;
height: 39px;
border-radius: 50%;
background: rgba(215, 215, 215, 0.1);
margin: 5px;
transition: all .2s; }
.bp-element-social-links.kindergarten-layout-footer-1 .wrap-element .social-item:hover {
background: #ff5f2e; }
.bp-element-social-links.kindergarten-layout-footer-2 .wrap-element {
text-align: inherit;
margin: -5px; }
.bp-element-social-links.kindergarten-layout-footer-2 .wrap-element .social-item {
font-size: 14px;
line-height: 1;
color: inherit;
display: inline-flex;
justify-content: center;
align-items: center;
width: 39px;
height: 39px;
border-radius: 50%;
background: #fff;
margin: 5px;
transition: all .2s; }
.bp-element-social-links.kindergarten-layout-footer-2 .wrap-element .social-item:first-child {
color: #3b5999; }
.bp-element-social-links.kindergarten-layout-footer-2 .wrap-element .social-item:nth-child(2) {
color: #4ac6ff; }
.bp-element-social-links.kindergarten-layout-footer-2 .wrap-element .social-item:nth-child(3) {
color: #ed175e; }
.bp-element-social-links.kindergarten-layout-footer-2 .wrap-element .social-item:nth-child(4) {
color: #3b5999; }
.bp-element-social-links.kindergarten-layout-footer-2 .wrap-element .social-item:nth-child(5) {
color: #ed175d; }
.bp-element-social-links.kindergarten-layout-footer-2 .wrap-element .social-item:hover {
background: #ff5562;
color: #fff !important; }
.bp-element-social-links.kindergarten-layout-footer-3 .wrap-element {
text-align: inherit;
margin: 0px -14px; }
.bp-element-social-links.kindergarten-layout-footer-3 .wrap-element .social-item {
font-size: 18px;
line-height: 1.5;
color: #f86a9a;
display: inline-block;
padding: 5px;
margin: 0 9px;
transition: all .2s; }
.bp-element-social-links.kindergarten-layout-footer-3 .wrap-element .social-item:hover {
color: #43cd66; } @media (max-width: 575px) {
.bp-element-social-links.vblog-layout-footer .wrap-element .social-item {
font-size: 15px;
width: 35px;
height: 35px; } }.bp-element-image-box.layout-gradient {
cursor: pointer; }
.bp-element-image-box.layout-gradient.color-1 .image-box::before {
background: #4d58b1;
background: -webkit-linear-gradient(left, #4d58b1, #5062d9);
background: -o-linear-gradient(left, #4d58b1, #5062d9);
background: -moz-linear-gradient(left, #4d58b1, #5062d9);
background: linear-gradient(left, #4d58b1, #5062d9); }
.bp-element-image-box.layout-gradient.color-2 .image-box::before {
background: #f3ae7f;
background: -webkit-linear-gradient(left, #f8c76c, #f3ae7f);
background: -o-linear-gradient(left, #f8c76c, #f3ae7f);
background: -moz-linear-gradient(left, #f8c76c, #f3ae7f);
background: linear-gradient(left, #f8c76c, #f3ae7f); }
.bp-element-image-box.layout-gradient .image-box {
min-height: 351px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
border-radius: 12px;
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: wrap;
box-shadow: 13px 15px 15px 0px rgba(105, 105, 105, 0.08);
padding: 40px; }
.bp-element-image-box.layout-gradient .image-box::before {
content: '';
display: block;
width: 100%;
height: 100%;
border-radius: 10px;
position: absolute;
z-index: -1;
top: 0;
left: 0;
background-color: #4d58b1;
transition: all .4s; }
.bp-element-image-box.layout-gradient .image-box:hover:before {
opacity: .8; }
.bp-element-image-box.layout-gradient .image-box .icon-image {
text-align: center;
margin-bottom: 27px; }
.bp-element-image-box.layout-gradient .image-box .icon-image img {
max-width: 100%; }
.bp-element-image-box.layout-gradient .image-box .content .title {
text-align: center;
font-weight: 600;
font-size: 16px;
line-height: 1.625;
color: #fff;
text-transform: uppercase;
margin-bottom: 8px; }
.bp-element-image-box.layout-gradient .image-box .content .description {
text-align: center;
font-weight: 300;
font-size: 16px;
line-height: 1.375;
color: #fff; }
.bp-element-image-box.layout-default {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center; }
.bp-element-image-box.layout-default .pic {
width: 605px; }
.bp-element-image-box.layout-default .pic .wrap-img {
position: relative;
z-index: 0;
width: 426px;
height: 426px; }
.bp-element-image-box.layout-default .pic .wrap-img .main-img {
width: 100%;
height: 100%;
border-radius: 50%;
overflow: hidden;
position: relative; }
.bp-element-image-box.layout-default .pic .wrap-img .main-img::before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #4d58b1;
background: -webkit-linear-gradient(bottom, #4d58b1, #5062d9);
background: -o-linear-gradient(bottom, #4d58b1, #5062d9);
background: -moz-linear-gradient(bottom, #4d58b1, #5062d9);
background: linear-gradient(bottom, #4d58b1, #5062d9);
opacity: 0;
transition: all .3s; }
.bp-element-image-box.layout-default .pic .wrap-img .main-img .link {
font-weight: 400;
font-size: 14px;
line-height: 26px;
color: #fff;
text-transform: uppercase;
display: flex;
align-items: center;
position: absolute;
top: calc(50% - 20px);
right: 30px;
transition: all .3s;
transform: translateX(400px); }
.bp-element-image-box.layout-default .pic .wrap-img .main-img .link:hover {
color: #f7c370; }
.bp-element-image-box.layout-default .pic .wrap-img .main-img .link i {
font-size: 40px;
margin-left: 14px; }
.bp-element-image-box.layout-default .pic .wrap-img .main-img img {
width: 100%;
height: 100%; }
.bp-element-image-box.layout-default .pic .wrap-img:hover .main-img::before {
opacity: 0.6; }
.bp-element-image-box.layout-default .pic .wrap-img:hover .main-img .link {
transform: translateX(0px); }
.bp-element-image-box.layout-default .pic .wrap-img .background {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
right: 0; }
.bp-element-image-box.layout-default .pic .wrap-img .background .grey-bg {
position: absolute;
z-index: -3;
border-radius: 50%;
background: #f8f9f9; }
.bp-element-image-box.layout-default .pic .wrap-img .background .color-bg {
position: absolute;
z-index: -2;
border-radius: 50%;
background: #f3ae7f;
background: -webkit-linear-gradient(left, #f8c76d, #f3ae7f);
background: -o-linear-gradient(left, #f8c76d, #f3ae7f);
background: -moz-linear-gradient(left, #f8c76d, #f3ae7f);
background: linear-gradient(left, #f8c76d, #f3ae7f); }
.bp-element-image-box.layout-default .pic .wrap-img .symbol {
position: absolute;
z-index: 1; }
.bp-element-image-box.layout-default .text {
width: calc(100% - 605px - 80px); }
.bp-element-image-box.layout-default .text .wrap-content {
width: 530px;
max-width: 100%; }
.bp-element-image-box.layout-default .text .wrap-content .title {
font-weight: 400;
font-size: 22px;
line-height: 1.5;
color: #292929;
margin-bottom: 22px; }
.bp-element-image-box.layout-default .text .wrap-content .content {
font-weight: 300;
font-size: 18px;
line-height: 1.777777;
color: #747474; }
.bp-element-image-box.layout-default.image-left .pic .wrap-img {
margin-right: 0;
margin-left: auto; }
.bp-element-image-box.layout-default.image-right {
flex-direction: row-reverse; }
.bp-element-image-box.layout-default.image-right .pic .wrap-img {
margin-right: auto;
margin-left: 0; }
.bp-element-image-box.layout-default.image-right .text .wrap-content {
margin-right: 0;
margin-left: auto;
text-align: right; }
.bp-element-image-box.layout-default.demo-1 {
margin-bottom: 80px; }
.bp-element-image-box.layout-default.demo-1 .pic .wrap-img .symbol {
left: -75px;
bottom: 0; }
.bp-element-image-box.layout-default.demo-1 .pic .wrap-img .background .grey-bg.small {
width: 29px;
height: 29px;
top: 185px;
left: -100px; }
.bp-element-image-box.layout-default.demo-1 .pic .wrap-img .background .grey-bg.big {
width: 253px;
height: 253px;
top: 24px;
left: -65px; }
.bp-element-image-box.layout-default.demo-1 .pic .wrap-img .background .color-bg.small {
width: 17px;
height: 17px;
top: 128px;
left: -42px; }
.bp-element-image-box.layout-default.demo-1 .pic .wrap-img .background .color-bg.normal {
width: 29px;
height: 29px;
top: 56px;
left: 40px; }
.bp-element-image-box.layout-default.demo-1 .pic .wrap-img .background .color-bg.big {
width: 88px;
height: 88px;
top: -55px;
left: -85px;
box-shadow: -27px 74px 60px 0px rgba(248, 197, 110, 0.4); }
.bp-element-image-box.layout-default.demo-2 {
margin-bottom: 80px; }
.bp-element-image-box.layout-default.demo-2 .pic .wrap-img .symbol {
right: -14px;
bottom: -42px; }
.bp-element-image-box.layout-default.demo-2 .pic .wrap-img .background .grey-bg.small {
width: 29px;
height: 29px;
top: 244px;
right: -45px; }
.bp-element-image-box.layout-default.demo-2 .pic .wrap-img .background .grey-bg.big {
width: 232px;
height: 232px;
top: 16px;
right: -46px; }
.bp-element-image-box.layout-default.demo-2 .pic .wrap-img .background .color-bg.small {
width: 17px;
height: 17px;
top: -48px;
right: 96px; }
.bp-element-image-box.layout-default.demo-2 .pic .wrap-img .background .color-bg.normal {
width: 48px;
height: 48px;
top: 0px;
right: 0px;
box-shadow: 61px 51px 60px 0px rgba(248, 197, 110, 0.4); }
.bp-element-image-box.layout-default.demo-3 {
margin-bottom: 80px; }
.bp-element-image-box.layout-default.demo-3 .pic .wrap-img .symbol {
left: 0px;
bottom: -23px; }
.bp-element-image-box.layout-default.demo-3 .pic .wrap-img .background .grey-bg.small {
width: 29px;
height: 29px;
top: 163px;
left: -95px; }
.bp-element-image-box.layout-default.demo-3 .pic .wrap-img .background .grey-bg.big {
width: 232px;
height: 232px;
top: -22px;
left: -75px; }
.bp-element-image-box.layout-default.demo-3 .pic .wrap-img .background .color-bg.small {
width: 17px;
height: 17px;
top: 108px;
left: -76px; }
.bp-element-image-box.layout-default.demo-3 .pic .wrap-img .background .color-bg.normal {
width: 38px;
height: 38px;
top: 32px;
left: -36px; }
.bp-element-image-box.layout-default.demo-3 .pic .wrap-img .background .color-bg.big {
width: 88px;
height: 88px;
top: 163px;
left: -58px;
box-shadow: -27px 74px 60px 0px rgba(248, 197, 110, 0.4); }
.bp-element-image-box.vblog-layout-2 .wrap-element {
height: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
z-index: 1;
min-height: 469px;
padding: 50px 30px 50px 30px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.bp-element-image-box.vblog-layout-2 .wrap-element::before {
content: '';
display: block;
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
background: #000;
opacity: .2;
top: 0;
left: 0;
transition: all .3s; }
.bp-element-image-box.vblog-layout-2 .wrap-element .content {
max-width: 350px;
margin-bottom: 22px;
text-align: center; }
.bp-element-image-box.vblog-layout-2 .wrap-element .content .subtitle {
font-weight: 400;
font-size: 12px;
line-height: 1.5;
color: #fff;
text-transform: uppercase;
text-align: center;
word-break: break-word;
margin-bottom: 2px; }
.bp-element-image-box.vblog-layout-2 .wrap-element .content .title {
font-family: Playfair Display;
font-weight: 700;
font-size: 32px;
line-height: 1.3125;
color: #fff;
text-align: center;
word-break: break-word; }
.bp-element-image-box.vblog-layout-2 .wrap-element .btn-view {
font-family: Playfair Display;
font-weight: 700;
font-size: 14px;
line-height: 1.5;
color: #fff;
text-transform: uppercase;
text-align: center;
border: 1px solid rgba(255, 255, 255, 0.8);
padding: 0 30px;
height: 40px; }
.bp-element-image-box.vblog-layout-2 .wrap-element .btn-view:hover {
background-color: #fa777c;
border-color: #fa777c; }
.bp-element-image-box.vblog-layout-2 .wrap-element:hover:before {
opacity: .35; }
.bp-element-image-box.vblog-layout-4 .wrap-element {
display: block;
position: relative;
overflow: hidden; }
.bp-element-image-box.vblog-layout-4 .wrap-element img {
width: 100%;
transition: all .5s ease-out; }
.bp-element-image-box.vblog-layout-4 .wrap-element .content {
position: absolute;
width: calc(100% - 24px);
height: calc(100% - 24px);
top: 12px;
left: 12px;
border: 1px solid #fff;
display: flex;
justify-content: center;
align-items: center;
padding: 15px; }
.bp-element-image-box.vblog-layout-4 .wrap-element .content .title {
font-family: Playfair Display;
font-weight: 700;
font-style: italic;
font-size: 20px;
line-height: 1.3;
color: #1f1f1f;
text-align: center;
background-color: #fff;
word-break: break-word;
padding: 13px 38px;
transition: all .5s ease-out;
margin-bottom: 0; }
.bp-element-image-box.vblog-layout-4 .wrap-element:hover img {
transform: scale(1.1, 1.1); }
.bp-element-image-box.vblog-layout-4 .wrap-element:hover .content .title {
background-color: rgba(255, 255, 255, 0.8); }
.bp-element-image-box.kindergarten-layout-1 .wrap-element {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.bp-element-image-box.kindergarten-layout-1 .wrap-element .heading-image {
width: 184px; }
.bp-element-image-box.kindergarten-layout-1 .wrap-element .heading-image img {
max-width: 100%; }
.bp-element-image-box.kindergarten-layout-1 .wrap-element .heading-text {
width: calc(100% - 185px - 30px);
margin-top: -5px; }
.bp-element-image-box.kindergarten-layout-1 .wrap-element .heading-text .title {
font-weight: 400;
font-size: 30px;
line-height: 1.166666;
color: #fff;
word-break: break-word;
margin-bottom: 16px;
max-width: 240px; }
.bp-element-image-box.kindergarten-layout-1 .wrap-element .heading-text .description {
font-weight: 300;
font-size: 16px;
line-height: 1.5;
color: #fff;
word-break: break-word; }
.bp-element-image-box.teeballon-layout-1 .wrap-element {
background-position: center;
height: 195px;
display: flex;
padding-left: 15px;
align-items: center;
padding-right: 15px; }
.bp-element-image-box.teeballon-layout-1 .wrap-element .title {
text-transform: uppercase;
color: #333333;
font-size: 24px;
max-width: 220px;
margin: 0;
font-weight: 800;
padding: 0;
line-height: 1.2;
font-family: inherit; }
.bp-element-image-box.teeballon-layout-1 .wrap-element .subtitle {
background-color: #345d91;
color: #ffffff;
margin-bottom: 12px;
display: inline-block;
text-transform: uppercase;
line-height: 26px;
padding: 0 12px;
letter-spacing: 4px; }
.bp-element-image-box.teeballon-layout-1 .wrap-element .btn-view {
display: inline-block;
color: #333333;
font-size: 13px;
border: 1px solid #666;
margin-top: 10px;
line-height: 24px;
font-weight: 700;
border-radius: 4px; }
.bp-element-image-box.marketing-layout-1 .wrap-element .row [class*='col-'] {
padding-right: 40px;
padding-left: 40px; }
.bp-element-image-box.marketing-layout-1 .wrap-element .row [class*='col-']:nth-child(2) {
align-self: center; }
.bp-element-image-box.marketing-layout-1 .wrap-element .pic-element {
padding-left: 12.5%;
position: relative;
z-index: 0; }
.bp-element-image-box.marketing-layout-1 .wrap-element .pic-element::before {
content: '';
display: block;
width: 87.5%;
height: 100%;
position: absolute;
z-index: -1;
left: 0;
bottom: 10.8%;
border-radius: 5px;
background: #d5dbff;
background: -webkit-linear-gradient(-150deg, #d5dbff, #8f9eff);
background: -o-linear-gradient(-150deg, #d5dbff, #8f9eff);
background: -moz-linear-gradient(-150deg, #d5dbff, #8f9eff);
background: linear-gradient(-150deg, #d5dbff, #8f9eff);
opacity: .1; }
.bp-element-image-box.marketing-layout-1 .wrap-element .pic-element img {
width: 100%;
box-shadow: 13px 15px 15px 0px rgba(105, 105, 105, 0.08);
border-radius: 5px; }
.bp-element-image-box.marketing-layout-1 .wrap-element .text-element .icon-image {
text-align: inherit;
margin-bottom: 19px; }
.bp-element-image-box.marketing-layout-1 .wrap-element .text-element .content .title {
font-weight: 600;
font-size: 36px;
line-height: 1.4;
color: #111324;
word-break: break-word;
padding: 0;
margin-bottom: 20px; }
.bp-element-image-box.marketing-layout-1 .wrap-element .text-element .content .description {
font-weight: 300;
font-size: 16px;
line-height: 1.75;
color: #828282;
word-break: break-word; }
.bp-element-image-box.marketing-layout-1 .wrap-element .text-element .content .description > *:last-child {
margin-bottom: 0; }
.bp-element-image-box.marketing-layout-1 .wrap-element .text-element .content .description ul {
list-style-type: none;
margin-left: 0; }
.bp-element-image-box.marketing-layout-1 .wrap-element .text-element .content .description ul li {
font-weight: 300;
font-size: 16px;
line-height: 1.75;
color: #828282;
word-break: break-word;
padding-left: 20px;
position: relative; }
.bp-element-image-box.marketing-layout-1 .wrap-element .text-element .content .description ul li::before {
content: '';
display: block;
width: 7px;
height: 7px;
border-radius: 50%;
background: #d7d7d7;
position: absolute;
top: 11px;
left: 0; }
.bp-element-image-box.marketing-layout-1 .wrap-element .text-element .content .description p {
margin-bottom: 28px; }
.bp-element-image-box.marketing-layout-1 .wrap-element .buttons-element {
margin-top: 51px; }
.bp-element-image-box.marketing-layout-1 .wrap-element .buttons-element .link-readmore {
font-weight: 400;
font-size: 14px;
line-height: 1.5;
color: #fff;
text-transform: uppercase;
display: inline-flex;
justify-content: center;
align-items: center;
white-space: nowrap;
overflow: hidden;
max-width: 100%;
height: 48px;
border-radius: 24px;
border: none;
background: #7856ff;
padding: 0 40px;
box-shadow: 13px 15px 15px 0px rgba(105, 105, 105, 0.08);
transition: all .2s; }
.bp-element-image-box.marketing-layout-1 .wrap-element .buttons-element .link-readmore:hover {
background: #3b0aff; }
.bp-element-image-box.marketing-layout-1.image-right .wrap-element .row {
flex-direction: row-reverse; }
.bp-element-image-box.marketing-layout-1.image-right .wrap-element .row [class*='col-']:nth-child(2) {
text-align: right; }
.bp-element-image-box.marketing-layout-1.image-right .wrap-element .pic-element {
padding-left: 0%;
padding-right: 12.5%; }
.bp-element-image-box.marketing-layout-1.image-right .wrap-element .pic-element:before {
left: auto;
right: 0;
background: -webkit-linear-gradient(-50deg, #d5dbff, #8f9eff);
background: -o-linear-gradient(-50deg, #d5dbff, #8f9eff);
background: -moz-linear-gradient(-50deg, #d5dbff, #8f9eff);
background: linear-gradient(-50deg, #d5dbff, #8f9eff); }
.bp-element-image-box.coach-life-layout-1 .wrap-element {
position: relative;
padding-right: 11.7%;
padding-left: 0;
padding-bottom: 11.7%; }
.bp-element-image-box.coach-life-layout-1 .wrap-element::before {
content: '';
display: block;
position: absolute;
z-index: -2;
width: 82.5%;
height: 68.4%;
right: 0;
left: auto;
bottom: 0;
background: #f9f8fc; }
.bp-element-image-box.coach-life-layout-1 .wrap-element::after {
content: '';
display: block;
width: 15px;
height: 30%;
background: #ff3b47;
position: absolute;
z-index: -1;
top: 10.6%;
left: 88.3%;
right: auto; }
.bp-element-image-box.coach-life-layout-1 .wrap-element img {
width: 100%; }
.bp-element-image-box.coach-life-layout-1.style-2 .wrap-element {
padding-right: 0;
padding-left: 0;
padding-bottom: 15%; }
.bp-element-image-box.coach-life-layout-1.style-2 .wrap-element::before {
width: 76.2%;
height: 50%;
right: auto;
left: 11.9%; }
.bp-element-image-box.coach-life-layout-1.style-2 .wrap-element::after {
width: 40.2%;
height: 15px;
background: #ff3b47;
position: static;
top: 0;
left: 0;
margin-bottom: -15px;
margin-left: 8%;
margin-right: auto; }
.bp-element-image-box.coach-life-layout-1.style-2 .wrap-element img {
width: 100%; }
.bp-element-image-box.coach-life-layout-1.style-3 .wrap-element {
padding-right: 4.1%;
padding-left: 6.6%;
padding-bottom: 8.9%; }
.bp-element-image-box.coach-life-layout-1.style-3 .wrap-element::before {
width: 68%;
height: 86%;
right: auto;
left: 0; }
.bp-element-image-box.coach-life-layout-1.style-3 .wrap-element::after {
width: 40%;
height: 15px;
background: #614ef9;
position: static;
top: 0;
left: 0;
margin-bottom: -15px;
margin-left: auto;
margin-right: 12%; }
.bp-element-image-box.coach-life-layout-1.style-3 .wrap-element img {
box-shadow: 13px 15px 15px 0px rgba(105, 105, 105, 0.08); }
.bp-element-image-box.coach-life-layout-2 .wrap-element {
position: relative;
padding-left: 4.3%;
padding-right: 0;
padding-bottom: 4.3%; }
.bp-element-image-box.coach-life-layout-2 .wrap-element .image-element {
box-shadow: 13px 15px 15px 0px rgba(105, 105, 105, 0.08); }
.bp-element-image-box.coach-life-layout-2 .wrap-element .image-element img {
width: 100%; }
.bp-element-image-box.coach-life-layout-2 .wrap-element .text-element {
font-weight: 300;
font-size: 16px;
line-height: 1.2;
color: #fff;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 129px;
height: 123px;
padding: 10px;
background-color: #614ef9;
position: absolute;
bottom: 0;
left: 0;
right: auto; }
.bp-element-image-box.coach-life-layout-2 .wrap-element .text-element .number {
font-weight: 500;
font-size: 40px;
margin-bottom: 2px; }
.bp-element-image-box.coach-life-layout-2.style-2 .wrap-element {
padding-left: 6%;
padding-bottom: 5%; }
.bp-element-image-box.coach-life-layout-2.style-2 .wrap-element .image-element img {
border-radius: 4px; }
.bp-element-image-box.coach-life-layout-2.style-2 .wrap-element .text-element {
color: #231f20;
width: 140px;
height: 140px;
background-color: #f3dd6e; }
.bp-element-image-box.coach-life-layout-2.style-2 .wrap-element .text-element .number {
font-weight: 400; }
.bp-element-image-box.coach-life-layout-2.style-3 {
height: 100%; }
.bp-element-image-box.coach-life-layout-2.style-3 .wrap-element {
height: 100%;
padding: 0; }
.bp-element-image-box.coach-life-layout-2.style-3 .wrap-element .image-element {
height: 100%;
overflow: hidden; }
.bp-element-image-box.coach-life-layout-2.style-3 .wrap-element .image-element img {
width: auto;
max-width: none;
min-width: 100%;
min-height: 100%;
object-fit: cover;
position: relative;
top: 0;
left: 50%;
transform: translate(-50%, 0); }
.bp-element-image-box.coach-life-layout-2.style-3 .wrap-element .text-element {
width: 140px;
height: 140px;
position: absolute;
bottom: 0;
right: 0;
left: auto; }
.bp-element-image-box.coach-life-layout-2.style-3 .wrap-element .text-element .number {
font-weight: 400; }
.bp-element-image-box.coach-life-layout-2.style-4 {
height: 100%; }
.bp-element-image-box.coach-life-layout-2.style-4 .wrap-element {
height: 100%;
padding: 0; }
.bp-element-image-box.coach-life-layout-2.style-4 .wrap-element .image-element {
box-shadow: none;
height: 100%;
overflow: hidden; }
.bp-element-image-box.coach-life-layout-2.style-4 .wrap-element .image-element img {
width: auto;
max-width: none;
min-width: 100%;
min-height: 100%;
object-fit: cover;
position: relative;
top: 0;
left: 50%;
transform: translate(-50%, 0); }
.bp-element-image-box.coach-life-layout-2.style-4 .wrap-element .text-element {
display: none; }
@media (min-width: 1025px) and (max-width: 1400px) {
.bp-element-image-box.layout-gradient .image-box {
min-height: 290px; } }
@media (max-width: 991px) {
.bp-element-image-box.vblog-layout-4 .wrap-element .content .title {
padding-right: 20px;
padding-left: 20px; }
.bp-element-image-box.marketing-layout-1 .wrap-element .row {
padding-bottom: 100px; }
.bp-element-image-box.marketing-layout-1 .wrap-element .row [class*='col-'] {
padding-right: 20px;
padding-left: 20px; }
.bp-element-image-box.marketing-layout-1 .wrap-element .row [class*='col-']:nth-child(1) {
padding-bottom: 50px; }
.bp-element-image-box.marketing-layout-1 .wrap-element .pic-element {
padding-left: 0%;
padding-right: 12.5%; }
.bp-element-image-box.marketing-layout-1 .wrap-element .pic-element::before {
left: auto;
right: 0;
background: -webkit-linear-gradient(-150deg, #d5dbff, #8f9eff);
background: -o-linear-gradient(-150deg, #d5dbff, #8f9eff);
background: -moz-linear-gradient(-150deg, #d5dbff, #8f9eff);
background: linear-gradient(-150deg, #d5dbff, #8f9eff); }
.bp-element-image-box.marketing-layout-1.image-right .wrap-element .row {
flex-direction: row; }
.bp-element-image-box.marketing-layout-1.image-right .wrap-element .row [class*='col-']:nth-child(2) {
text-align: left; }
.bp-element-image-box.layout-default {
justify-content: center; }
.bp-element-image-box.layout-default .pic {
width: 80%;
margin-bottom: 50px; }
.bp-element-image-box.layout-default .text {
width: 80%; }
.bp-element-image-box.layout-default.image-left .text .wrap-content {
margin-right: 0;
margin-left: auto;
text-align: right; }
.bp-element-image-box.layout-default.image-right .text .wrap-content {
margin-right: auto;
margin-left: 0;
text-align: left; } }
@media (min-width: 768px) {
.bp-element-image-box.teeballon-layout-1 .wrap-element {
height: auto;
padding: 137px 0 126px 50px; }
.bp-element-image-box.teeballon-layout-1 .wrap-element .subtitle {
line-height: 65px;
font-size: 36px; }
.bp-element-image-box.teeballon-layout-1 .wrap-element .title {
font-size: 52px;
max-width: 55%;
margin-top: 15px; }
.bp-element-image-box.teeballon-layout-1 .wrap-element .btn-view {
font-size: 18px;
line-height: 48px;
padding: 0 32px; } }
@media (max-width: 767px) {
.bp-element-image-box.layout-default .pic {
width: 100%; }
.bp-element-image-box.layout-default .text {
width: 100%; } }
@media (max-width: 575px) {
.bp-element-image-box.layout-default {
justify-content: center; }
.bp-element-image-box.layout-default .pic .wrap-img {
width: 250px;
height: 250px; }
.bp-element-image-box.layout-default .pic .wrap-img .symbol {
transform-origin: bottom center;
transform: scale(0.6, 0.6); }
.bp-element-image-box.layout-default .pic .wrap-img .background {
transform: scale(0.6, 0.6); }
.bp-element-image-box.layout-default.image-left .pic .wrap-img .background {
transform-origin: top left; }
.bp-element-image-box.layout-default.image-right .pic .wrap-img .background {
transform-origin: top right; }
.bp-element-image-box.kindergarten-layout-1 .wrap-element .heading-image {
display: none; }
.bp-element-image-box.kindergarten-layout-1 .wrap-element .heading-text {
width: 100%;
margin-top: 0px; } }
@media (max-width: 479px) {
.bp-element-image-box.teeballon-layout-1 .wrap-element {
background-position: left center;
background-size: cover; }
.bp-element-image-box.teeballon-layout-1 .wrap-element .subtitle {
margin-top: 4px; } }

.bp-element-st-list-videos.vblog-layout-1 .wrap-element [class*="col-"] {
padding-bottom: 30px; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .heading-post {
margin-bottom: 36px; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .heading-post .title {
font-weight: 600;
font-size: 24px;
line-height: 1.1;
color: #fff;
text-transform: uppercase;
word-break: break-word; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item [class*="col-"]:nth-child(2) {
align-self: center; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item .video {
position: relative;
z-index: 1; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item .video img {
width: 100%; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item .video .overlay {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(17, 17, 17, 0.2);
transition: all .3s; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item .video .meta-info {
position: absolute;
z-index: 10;
top: 15px;
left: 20px;
display: flex;
flex-direction: column;
align-items: center; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item .video .meta-info .imdb {
font-weight: 600;
font-size: 12px;
line-height: 1.2;
color: #fff;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 11px; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item .video .meta-info .imdb .value {
font-weight: 400;
width: 37px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
background-image: url(//spotlighthigh.com/wp-content/plugins/builderpress/inc/elements/Stellar-video-player/st-list-videos/assets/images/star-01.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
padding-top: 4px;
margin-bottom: 4px; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item .video .meta-info .label {
font-weight: 500;
font-size: 12px;
line-height: 1.5;
color: #fff;
text-align: center;
background: #e40914;
padding: 2px 11px; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item .video .meta {
position: absolute;
bottom: 15px;
left: 15px; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item .video .meta .item {
background-color: #252525;
line-height: 20px;
display: inline-block;
font-size: 12px;
padding: 0 8px;
color: #bbbbbb; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item .video .time-info {
position: absolute;
bottom: 15px;
right: 15px;
background-color: #252525;
line-height: 20px;
font-size: 12px;
padding: 0 8px;
color: #bbbbbb; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item .video .btn-play {
position: absolute;
z-index: 20;
top: calc(50% - 22px);
left: calc(50% - 19px);
display: block;
width: 38px;
height: 44px;
background-image: url(//spotlighthigh.com/wp-content/plugins/builderpress/inc/elements/Stellar-video-player/st-list-videos/assets/images/icon-play-01.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
transition: all .3s; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item .video .btn-play:hover {
transform: scale(1.2, 1.2); }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item .video:hover .overlay {
background: rgba(17, 17, 17, 0.5); }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item .text {
overflow: hidden; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item .text .title {
font-weight: 500;
font-size: 22px;
line-height: 1.363636;
color: #fff;
word-break: break-word;
margin-bottom: 7px; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item .text .title a {
color: #fff;
transition: all .2s; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item .text .title a:hover {
color: #e40914; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item .text .info {
font-weight: 300;
font-size: 14px;
line-height: 1.85;
color: #bbbbbb;
text-transform: uppercase;
word-break: break-word;
display: flex;
flex-wrap: wrap;
margin-left: -13px;
margin-bottom: 32px; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item .text .info .item-info {
padding-left: 13px;
padding-right: 10px;
position: relative; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item .text .info .item-info::before {
content: '•';
font-family: inherit;
font-weight: 300;
font-size: 14px;
line-height: 1.85;
color: #bbbbbb;
position: absolute;
top: 0;
left: 0; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item .text .info .item-info a {
color: #bbbbbb; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item .text .info .item-info a:hover {
color: #e40914; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item .text .description {
font-weight: 300;
font-size: 16px;
line-height: 1.625;
color: #bbbbbb;
word-break: break-word;
margin-bottom: 32px; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item .text .btn-readmore {
font-weight: 500;
font-size: 14px;
line-height: 1.5;
color: #fff;
text-transform: uppercase;
background: #e40914;
padding: 0 49px;
transition: all .2s; }
.bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item .text .btn-readmore:hover {
background: #b30710; }
.bp-element-st-list-videos.vblog-layout-1-1 .normal-items .item {
margin-bottom: 30px; }
.bp-element-st-list-videos.vblog-layout-1-1 .normal-items .item .pic {
overflow: hidden;
position: relative;
margin-bottom: 26px; }
.bp-element-st-list-videos.vblog-layout-1-1 .normal-items .item .pic img {
width: 100%;
transition: all .5s ease-out; }
.bp-element-st-list-videos.vblog-layout-1-1 .normal-items .item .pic img:hover {
transform: scale(1.1, 1.1); }
.bp-element-st-list-videos.vblog-layout-1-1 .normal-items .item .pic .labels {
max-width: calc(100% - 30px);
position: absolute;
bottom: 15px;
left: 15px;
display: flex; }
.bp-element-st-list-videos.vblog-layout-1-1 .normal-items .item .pic .labels .label {
font-weight: 500;
font-size: 12px;
line-height: 1.5;
color: #fff;
word-break: break-word;
text-align: center;
background: #e40914;
padding: 2px 11px; }
.bp-element-st-list-videos.vblog-layout-1-1 .normal-items .item .title {
font-weight: 600;
font-size: 18px;
line-height: 1.222222;
color: #fff;
text-align: center;
word-break: break-word;
margin-bottom: 8px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
height: 20px; }
.bp-element-st-list-videos.vblog-layout-1-1 .normal-items .item .title a {
color: #fff;
transition: all .2s; }
.bp-element-st-list-videos.vblog-layout-1-1 .normal-items .item .title a:hover {
color: #e40914; }
.bp-element-st-list-videos.vblog-layout-1-1 .normal-items .item .title:hover {
color: #e40914; }
.bp-element-st-list-videos.vblog-layout-1-1 .normal-items .item .info {
font-weight: 300;
font-size: 14px;
line-height: 1.85;
color: #bbb;
text-align: center;
text-transform: uppercase;
word-break: break-word; }
.bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item {
overflow: hidden;
position: relative;
z-index: 1; }
.bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item img {
width: 100%;
transition: all .5s ease-out; }
.bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .overlay {
position: absolute;
z-index: 2;
width: 110%;
height: 55%;
bottom: -2px;
top: auto;
left: 0;
background: rgba(0, 0, 0, 0.2);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #000);
background: linear-gradient(top, rgba(0, 0, 0, 0), #000);
transition: all .3s; }
.bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .content {
overflow: hidden;
position: absolute;
z-index: 10;
bottom: 0;
left: 0;
width: 440px;
max-width: 100%;
max-height: 100%;
padding: 53px 40px; }
.bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .content .meta-info {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 24px; }
.bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .content .meta-info .label {
font-weight: 500;
font-size: 12px;
line-height: 1.5;
color: #fff;
word-break: break-word;
background: #e40914;
padding: 2px 11px;
margin-right: 15px; }
.bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .content .meta-info .imdb {
font-weight: 200;
font-size: 14px;
line-height: 1.5;
color: #d1d1d1; }
.bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .content .meta-info .imdb i {
color: #ffb400; }
.bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .content .title {
font-weight: 500;
font-size: 22px;
line-height: 1.363636;
color: #fff;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 0; }
.bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .content .title a {
color: #fff;
transition: all .2s; }
.bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .content .title a:hover {
color: #e40914; }
.bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .content .title:hover {
color: #e40914; }
.bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .btn-play {
position: absolute;
z-index: 20;
top: calc(40% - 22px);
left: calc(50% - 19px);
display: block;
width: 38px;
height: 44px;
background-image: url(//spotlighthigh.com/wp-content/plugins/builderpress/inc/elements/Stellar-video-player/st-list-videos/assets/images/icon-play-01.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
opacity: 0;
transition: all .3s; }
.bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .btn-play:hover {
transform: scale(1.2, 1.2); }
.bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item:hover .btn-play {
opacity: 1; }
.bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item:hover .overlay {
height: 100% !important; }
.bp-element-st-list-videos.vblog-layout-3 .wrap-element .col, .bp-element-st-list-videos.vblog-layout-3 .wrap-element [class*="col-"] {
padding-bottom: 43px; }
.bp-element-st-list-videos.vblog-layout-3 .wrap-element .categories {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 28px; }
.bp-element-st-list-videos.vblog-layout-3 .wrap-element .categories .item-cat {
font-family: Roboto;
font-weight: 300;
font-size: 14px;
line-height: 1;
color: #757575;
word-break: break-word;
text-transform: uppercase;
padding: 0 30px;
margin: 10px 0;
border-right: 1px solid #2f2f2e; }
.bp-element-st-list-videos.vblog-layout-3 .wrap-element .categories .item-cat:last-child {
border-right: none; }
.bp-element-st-list-videos.vblog-layout-3 .wrap-element .categories .item-cat:hover {
color: #fd6500; }
.bp-element-st-list-videos.vblog-layout-3 .wrap-element .categories .item-cat.active {
color: #fd6500;
text-decoration: line-through; }
.bp-element-st-list-videos.vblog-layout-3 .wrap-element .item-post .pic {
position: relative;
overflow: hidden;
margin-bottom: 23px; }
.bp-element-st-list-videos.vblog-layout-3 .wrap-element .item-post .pic img {
width: 100%;
transition: all .5s ease-out; }
.bp-element-st-list-videos.vblog-layout-3 .wrap-element .item-post .pic:hover img {
transform: scale(1.1, 1.1); }
.bp-element-st-list-videos.vblog-layout-3 .wrap-element .item-post .pic .duration {
font-family: Josefin Sans;
font-weight: 700;
font-size: 12px;
line-height: 1;
color: #fff;
background: #111;
position: absolute;
right: 8px;
bottom: 8px;
padding: 5px 9px 4px 9px; }
.bp-element-st-list-videos.vblog-layout-3 .wrap-element .item-post .title {
font-family: PT Serif;
font-weight: 700;
font-size: 18px;
line-height: 1.555555;
color: #fff;
text-align: center;
word-break: break-word;
margin-bottom: 7px; }
.bp-element-st-list-videos.vblog-layout-3 .wrap-element .item-post .title a {
color: #fff;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden; }
.bp-element-st-list-videos.vblog-layout-3 .wrap-element .item-post .title a:hover {
color: #fd6500; }
.bp-element-st-list-videos.vblog-layout-3 .wrap-element .item-post .cat {
font-family: Roboto;
font-weight: 300;
font-size: 14px;
line-height: 1.85;
color: #757575;
text-align: center;
word-break: break-word;
display: block; }
.bp-element-st-list-videos.vblog-layout-3 .wrap-element .buttons {
display: flex;
flex-wrap: wrap;
justify-content: center; }
.bp-element-st-list-videos.vblog-layout-3 .wrap-element .buttons .btn-view {
font-family: Roboto;
font-weight: 400;
font-size: 14px;
line-height: 1.5;
color: #fff;
text-transform: uppercase;
white-space: nowrap;
border: 1px solid #555;
padding: 0 59px;
margin: 8px; }
.bp-element-st-list-videos.vblog-layout-3 .wrap-element .buttons .btn-view:hover {
background: #fd6500;
border-color: #fd6500; }
.bp-element-st-list-videos.vblog-layout-3 .wrap-element .buttons .btn-hire {
font-family: Roboto;
font-weight: 400;
font-size: 14px;
line-height: 1.5;
color: #fff;
text-transform: uppercase;
white-space: nowrap;
background: #fd6500;
padding: 0 45px;
margin: 8px; }
.bp-element-st-list-videos.vblog-layout-3 .wrap-element .buttons .btn-hire:hover {
background: #ca5100; }
.bp-element-st-list-videos.vblog-layout-slider-1 .wrap-element {
overflow: hidden;
padding-top: 10px; }
.bp-element-st-list-videos.vblog-layout-slider-1 .list-posts {
cursor: grab; }
.bp-element-st-list-videos.vblog-layout-slider-1 .heading-post {
padding-right: 80px;
display: flex;
align-items: center;
flex-wrap: wrap;
margin-left: -20px;
border-bottom: 1px solid #2b2b2b;
padding-bottom: 25px;
margin-bottom: 40px; }
.bp-element-st-list-videos.vblog-layout-slider-1 .heading-post .title {
font-weight: 600;
font-size: 24px;
line-height: 1.1;
color: #fff;
text-transform: uppercase;
word-break: break-word;
padding-right: 20px;
padding-left: 20px; }
.bp-element-st-list-videos.vblog-layout-slider-1 .heading-post .description {
font-weight: 300;
font-size: 14px;
line-height: 1.5;
color: #6b6b6b;
word-break: break-word;
border-left: 1px solid #2b2b2b;
padding: 3px 0 3px 20px; }
.bp-element-st-list-videos.vblog-layout-slider-1 .heading-post .link {
font-weight: 300;
font-size: 14px;
line-height: 1.5;
color: #e40914;
text-decoration: underline;
word-break: break-word;
border-left: 1px solid #2b2b2b;
padding: 3px 0 3px 20px;
transition: all .2s;
position: relative; }
.bp-element-st-list-videos.vblog-layout-slider-1 .heading-post .link:after {
position: absolute;
bottom: 3px;
left: 20px;
right: 0;
height: 1px;
content: "";
background-color: #e40914;
transition: all .2s; }
.bp-element-st-list-videos.vblog-layout-slider-1 .heading-post .link:hover {
color: #fff; }
.bp-element-st-list-videos.vblog-layout-slider-1 .heading-post .link:hover:after {
background-color: #ffffff; }
.bp-element-st-list-videos.vblog-layout-slider-1 .slide-posts {
position: relative;
margin-right: -15px;
margin-left: -15px; }
.bp-element-st-list-videos.vblog-layout-slider-1 .slide-posts .item-slick {
padding: 0 15px 0 15px; }
.bp-element-st-list-videos.vblog-layout-slider-1 .slide-posts .wrap-arrow-slick {
display: flex;
justify-content: flex-end;
align-items: center;
position: absolute;
top: -94px;
right: 0; }
.bp-element-st-list-videos.vblog-layout-slider-1 .slide-posts .wrap-arrow-slick::before {
content: '';
display: block;
width: 1px;
height: 100%;
background: #2b2b2b;
position: absolute;
top: 0;
left: 50%; }
.bp-element-st-list-videos.vblog-layout-slider-1 .slide-posts .wrap-arrow-slick .arow-slick {
font-size: 26px;
color: #e1e1e1;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
height: 28px;
padding: 0 15px;
transition: all 0.2s;
cursor: pointer; }
.bp-element-st-list-videos.vblog-layout-slider-1 .slide-posts .wrap-arrow-slick .arow-slick:hover {
color: #e40914; }
.bp-element-st-list-videos.vblog-layout-slider-1 .slide-posts .wrap-arrow-slick .arow-slick.slick-arrow.slick-hidden {
display: none; }
.bp-element-st-list-videos.vblog-layout-slider-1 .slide-posts .wrap-arrow-slick .arow-slick[aria-disabled="true"] {
opacity: .3;
pointer-events: none; }
.bp-element-st-list-videos.vblog-layout-slider-1 .post-item .pic {
position: relative;
z-index: 1;
overflow: hidden;
margin-bottom: 25px; }
.bp-element-st-list-videos.vblog-layout-slider-1 .post-item .pic img {
width: 100%;
transition: all .5s ease-out; }
.bp-element-st-list-videos.vblog-layout-slider-1 .post-item .pic .overlay {
position: absolute;
z-index: 2;
width: 110%;
height: 110%;
bottom: -2px;
left: -2px;
background: #000;
opacity: .2;
transition: all .3s; }
.bp-element-st-list-videos.vblog-layout-slider-1 .post-item .pic .meta-info {
position: absolute;
z-index: 10;
top: 15px;
left: 15px;
max-width: calc(100% - 30px);
display: flex;
flex-direction: column;
align-items: center; }
.bp-element-st-list-videos.vblog-layout-slider-1 .post-item .pic .meta-info .imdb {
font-weight: 600;
font-size: 12px;
line-height: 1.2;
color: #fff;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 11px; }
.bp-element-st-list-videos.vblog-layout-slider-1 .post-item .pic .meta-info .imdb .value {
font-weight: 400;
width: 37px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
background-image: url(//spotlighthigh.com/wp-content/plugins/builderpress/inc/elements/Stellar-video-player/st-list-videos/assets/images/star-01.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
padding-top: 4px;
margin-bottom: 4px; }
.bp-element-st-list-videos.vblog-layout-slider-1 .post-item .pic .meta-info .label {
font-weight: 500;
font-size: 12px;
line-height: 1.5;
color: #fff;
text-align: center;
word-break: break-word;
background: #e40914;
padding: 2px 11px; }
.bp-element-st-list-videos.vblog-layout-slider-1 .post-item .pic .meta {
position: absolute;
bottom: 15px;
left: 15px; }
.bp-element-st-list-videos.vblog-layout-slider-1 .post-item .pic .meta .item {
background-color: #252525;
line-height: 20px;
display: inline-block;
font-size: 12px;
padding: 0 8px;
color: #bbbbbb; }
.bp-element-st-list-videos.vblog-layout-slider-1 .post-item .pic .btn-play {
position: absolute;
z-index: 20;
top: calc(50% - 22px);
left: calc(50% - 19px);
display: block;
width: 38px;
height: 44px;
background-image: url(//spotlighthigh.com/wp-content/plugins/builderpress/inc/elements/Stellar-video-player/st-list-videos/assets/images/icon-play-01.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
opacity: 0;
transition: all .3s; }
.bp-element-st-list-videos.vblog-layout-slider-1 .post-item .pic .btn-play:hover {
transform: scale(1.2, 1.2); }
.bp-element-st-list-videos.vblog-layout-slider-1 .post-item .pic:hover .btn-play {
opacity: 1; }
.bp-element-st-list-videos.vblog-layout-slider-1 .post-item .pic:hover .overlay {
opacity: .5; }
.bp-element-st-list-videos.vblog-layout-slider-1 .post-item .title {
font-weight: 500;
font-size: 18px;
line-height: 1.333333;
color: #fff;
text-align: center;
word-break: break-word;
margin-bottom: 7px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: 47px; }
.bp-element-st-list-videos.vblog-layout-slider-1 .post-item .title a {
color: #fff;
transition: all .2s; }
.bp-element-st-list-videos.vblog-layout-slider-1 .post-item .title a:hover {
color: #e40914; }
.bp-element-st-list-videos.vblog-layout-slider-1 .post-item .title:hover {
color: #e40914; }
.bp-element-st-list-videos.vblog-layout-slider-1 .post-item .info {
font-weight: 300;
font-size: 14px;
line-height: 1.85;
color: #7c7c7c;
text-align: center;
text-transform: uppercase;
word-break: break-word; }
.bp-element-st-list-videos.vblog-layout-slider-2 .wrap-element .slide-videos {
position: relative; }
.bp-element-st-list-videos.vblog-layout-slider-2 .wrap-element .slide-videos .wrap-arrow-slick {
pointer-events: none;
position: absolute;
z-index: 10;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 2.6%; }
.bp-element-st-list-videos.vblog-layout-slider-2 .wrap-element .slide-videos .wrap-arrow-slick .arow-slick {
pointer-events: auto;
cursor: pointer;
font-size: 22px;
line-height: 1;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
width: 55px;
height: 55px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.4);
transition: all .2s; }
.bp-element-st-list-videos.vblog-layout-slider-2 .wrap-element .slide-videos .wrap-arrow-slick .arow-slick:hover {
background: #fd6500; }
.bp-element-st-list-videos.vblog-layout-slider-2 .wrap-element .slide-videos .wrap-arrow-slick .arow-slick.slick-arrow.slick-hidden {
display: none; }
.bp-element-st-list-videos.vblog-layout-slider-2 .wrap-element .slide-videos .wrap-arrow-slick .arow-slick[aria-disabled="true"] {
visibility: hidden; }
.bp-element-st-list-videos.vblog-layout-slider-2 .wrap-element .slide-videos .video-item {
position: relative; }
.bp-element-st-list-videos.vblog-layout-slider-2 .wrap-element .slide-videos .video-item img {
width: 100%; }
.bp-element-st-list-videos.vblog-layout-slider-2 .wrap-element .slide-videos .video-item .content {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.2); }
.bp-element-st-list-videos.vblog-layout-slider-2 .wrap-element .slide-videos .video-item .content .btn-play {
display: block;
width: 36px;
height: 41px;
background-image: url(//spotlighthigh.com/wp-content/plugins/builderpress/inc/elements/Stellar-video-player/st-list-videos/assets/images/icon-play-01.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
transition: all .3s;
margin-bottom: 18px; }
.bp-element-st-list-videos.vblog-layout-slider-2 .wrap-element .slide-videos .video-item .content .btn-play:hover {
transform: scale(1.2, 1.2); }
.bp-element-st-list-videos.vblog-layout-slider-2 .wrap-element .slide-videos .video-item .content .title {
font-family: PT Serif;
font-weight: 700;
font-style: italic;
line-height: 1.2;
font-size: 32px;
text-align: center;
color: #fff;
word-break: break-word; }
.bp-element-st-list-videos.vblog-layout-slider-2 .wrap-element .slide-videos .video-item .content .title a {
color: #fff;
transition: all .2s;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden; }
.bp-element-st-list-videos.vblog-layout-slider-2 .wrap-element .slide-videos .video-item .content .title a:hover {
color: #fd6500; }
.bp-element-st-list-videos.vblog-layout-slider-3 .heading-post {
text-align: center;
margin-bottom: 32px;
position: relative;
z-index: 1; }
.bp-element-st-list-videos.vblog-layout-slider-3 .heading-post .text {
display: inline-block;
background: #fff;
padding: 0 16px; }
.bp-element-st-list-videos.vblog-layout-slider-3 .heading-post .text .title {
font-family: Playfair Display;
font-weight: 700;
font-size: 22px;
line-height: 1.2;
color: #1f1f1f;
text-transform: uppercase;
word-break: break-word; }
.bp-element-st-list-videos.vblog-layout-slider-3 .heading-post .line {
width: 100%;
height: 1px;
background-image: url(//spotlighthigh.com/wp-content/plugins/builderpress/inc/elements/Stellar-video-player/st-list-videos/assets/images/pattern-line.png);
background-repeat: repeat-x;
position: absolute;
z-index: -1;
left: 0;
top: 50%; }
.bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts {
position: relative; }
.bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts .slide-slick {
overflow: hidden; }
.bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts .slide-slick .slick-list {
margin-right: -20px;
margin-left: -20px; }
.bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts .slide-slick .item-slick {
padding: 0 20px 0 20px; }
.bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts .wrap-arrow-slick {
pointer-events: none;
position: absolute;
z-index: 100;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center; }
.bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts .wrap-arrow-slick .arow-slick {
pointer-events: auto;
cursor: pointer;
font-size: 20px;
line-height: 1;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
width: 38px;
height: 38px;
border-radius: 50%;
background: rgba(37, 37, 37, 0.5);
transition: all .2s; }
.bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts .wrap-arrow-slick .arow-slick.next-slick {
margin-right: -19px; }
.bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts .wrap-arrow-slick .arow-slick.prev-slick {
margin-left: -19px; }
.bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts .wrap-arrow-slick .arow-slick:hover {
background: #fa777c; }
.bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts .wrap-arrow-slick .arow-slick.slick-arrow.slick-hidden {
display: none; }
.bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts .wrap-arrow-slick .arow-slick[aria-disabled="true"] {
visibility: hidden; }
.bp-element-st-list-videos.vblog-layout-slider-3 .post-item .pic {
position: relative;
margin-bottom: 24px;
overflow: hidden; }
.bp-element-st-list-videos.vblog-layout-slider-3 .post-item .pic img {
width: 100%;
transition: all .5s ease-out; }
.bp-element-st-list-videos.vblog-layout-slider-3 .post-item .pic .meta-info {
font-weight: 700;
font-size: 12px;
line-height: 1.5;
color: #fff;
position: absolute;
bottom: 10px;
left: 10px;
display: flex;
flex-wrap: wrap; }
.bp-element-st-list-videos.vblog-layout-slider-3 .post-item .pic .meta-info .item-info {
background-color: #363636;
margin-right: 3px;
padding: 2px 9px 1px 9px; }
.bp-element-st-list-videos.vblog-layout-slider-3 .post-item .pic .meta-info .item-info i {
margin-right: 3px; }
.bp-element-st-list-videos.vblog-layout-slider-3 .post-item .pic:hover img {
transform: scale(1.1, 1.1); }
.bp-element-st-list-videos.vblog-layout-slider-3 .post-item .text {
text-align: center;
padding: 0px 10px; }
.bp-element-st-list-videos.vblog-layout-slider-3 .post-item .text .title {
font-family: Playfair Display;
font-weight: 700;
font-size: 18px;
line-height: 1.444444;
color: #1f1f1f;
word-break: break-word;
margin-bottom: 12px; }
.bp-element-st-list-videos.vblog-layout-slider-3 .post-item .text .title a {
display: inline-block;
color: #1f1f1f; }
.bp-element-st-list-videos.vblog-layout-slider-3 .post-item .text .title a:hover {
color: #fa777c; }
.bp-element-st-list-videos.vblog-layout-slider-3 .post-item .text .date {
font-weight: 400;
font-size: 12px;
line-height: 1.5;
color: #909090;
text-transform: uppercase;
word-break: break-word; }
.bp-element-st-list-videos.vblog-layout-slider-4 .wrap-element .slide-videos .wrap-dot-slick {
padding-top: 35px; }
.bp-element-st-list-videos.vblog-layout-slider-4 .wrap-element .slide-videos .wrap-dot-slick .dots-slick {
display: flex;
flex-wrap: wrap;
justify-content: center; }
.bp-element-st-list-videos.vblog-layout-slider-4 .wrap-element .slide-videos .wrap-dot-slick .dots-slick li {
width: 10px;
height: 10px;
border-radius: 50%;
background: #e1e1e1;
margin: 5px;
cursor: pointer;
transition: all .2s; }
.bp-element-st-list-videos.vblog-layout-slider-4 .wrap-element .slide-videos .wrap-dot-slick .dots-slick li:hover {
background: #e40914; }
.bp-element-st-list-videos.vblog-layout-slider-4 .wrap-element .slide-videos .wrap-dot-slick .dots-slick li.slick-active {
background: #e40914; }
.bp-element-st-list-videos.vblog-layout-slider-4 .wrap-element .slide-videos .item-slick {
display: flex;
flex-wrap: wrap;
justify-content: center; }
.bp-element-st-list-videos.vblog-layout-slider-4 .wrap-element .item-video {
position: relative;
z-index: 1;
overflow: hidden; }
.bp-element-st-list-videos.vblog-layout-slider-4 .wrap-element .item-video::before {
content: '';
display: block;
position: absolute;
z-index: 2;
width: calc(100% + 2px);
height: calc(100% + 2px);
bottom: -1px;
left: -1px;
background: #000;
opacity: .2;
transition: all .3s; }
.bp-element-st-list-videos.vblog-layout-slider-4 .wrap-element .item-video img {
max-width: 100%; }
.bp-element-st-list-videos.vblog-layout-slider-4 .wrap-element .item-video .btn-play {
position: absolute;
z-index: 20;
top: calc(50% - 25px);
left: calc(50% - 28px);
display: block;
width: 50px;
height: 57px;
background-image: url(//spotlighthigh.com/wp-content/plugins/builderpress/inc/elements/Stellar-video-player/st-list-videos/assets/images/icon-play-02.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
transition: all .3s; }
.bp-element-st-list-videos.vblog-layout-slider-4 .wrap-element .item-video .btn-play:hover {
transform: scale(1.2, 1.2);
opacity: .8; }
.bp-element-st-list-videos.vblog-layout-slider-4 .wrap-element .item-video:hover:before {
opacity: .4; }
.bp-element-st-list-videos.vblog-layout-grid-1 .heading-post {
overflow: hidden;
border-bottom: 1px solid #2b2b2b;
padding-bottom: 10px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-bottom: 33px; }
.bp-element-st-list-videos.vblog-layout-grid-1 .heading-post .wrap-title {
padding-right: 30px;
display: flex;
align-items: center;
flex-wrap: wrap;
margin-left: -20px;
padding-top: 10px;
padding-bottom: 10px; }
.bp-element-st-list-videos.vblog-layout-grid-1 .heading-post .wrap-title .title {
font-weight: 600;
font-size: 24px;
line-height: 1.1;
color: #fff;
text-transform: uppercase;
word-break: break-word;
padding-right: 20px;
padding-left: 20px; }
.bp-element-st-list-videos.vblog-layout-grid-1 .heading-post .wrap-title .description {
font-weight: 300;
font-size: 14px;
line-height: 1.5;
color: #6b6b6b;
word-break: break-word;
border-left: 1px solid #2b2b2b;
padding: 3px 0 3px 20px; }
.bp-element-st-list-videos.vblog-layout-grid-1 .heading-post .wrap-title .link {
font-weight: 300;
font-size: 14px;
line-height: 1.5;
color: #e40914;
text-decoration: underline;
word-break: break-word;
border-left: 1px solid #2b2b2b;
padding: 3px 0 3px 20px;
transition: all .2s;
position: relative; }
.bp-element-st-list-videos.vblog-layout-grid-1 .heading-post .wrap-title .link:after {
position: absolute;
bottom: 3px;
left: 20px;
right: 0;
height: 1px;
content: "";
background-color: #e40914;
transition: all .2s; }
.bp-element-st-list-videos.vblog-layout-grid-1 .heading-post .wrap-title .link:hover {
color: #fff; }
.bp-element-st-list-videos.vblog-layout-grid-1 .heading-post .wrap-title .link:hover:after {
background-color: #ffffff; }
.bp-element-st-list-videos.vblog-layout-grid-1 .heading-post .categories {
overflow: hidden;
padding-top: 10px;
padding-bottom: 10px; }
.bp-element-st-list-videos.vblog-layout-grid-1 .heading-post .categories ul {
display: flex;
flex-wrap: wrap;
margin-left: -52px; }
.bp-element-st-list-videos.vblog-layout-grid-1 .heading-post .categories ul li {
padding-left: 28px;
margin-left: 24px;
position: relative;
padding-top: 3px;
padding-bottom: 3px; }
.bp-element-st-list-videos.vblog-layout-grid-1 .heading-post .categories ul li::before {
content: '•';
font-family: inherit;
font-weight: 400;
font-size: 14px;
line-height: 1.85;
color: #6b6b6b;
position: absolute;
top: 3px;
left: 0; }
.bp-element-st-list-videos.vblog-layout-grid-1 .heading-post .categories ul li a {
font-weight: 400;
font-size: 14px;
line-height: 1.85;
color: #7c7c7c;
text-transform: uppercase;
word-break: break-word;
transition: all .2s; }
.bp-element-st-list-videos.vblog-layout-grid-1 .heading-post .categories ul li a:hover {
color: #e40914; }
.bp-element-st-list-videos.vblog-layout-grid-1 .heading-post .categories ul li.current-cat a {
color: #e40914; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-isotope {
margin-right: -7px;
margin-left: -7px; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-isotope .grid-sizer {
width: 20%; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-isotope .grid-item {
width: 20%;
padding: 15px; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-isotope .size_2x2 {
width: 40%; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item {
overflow: hidden;
position: relative;
z-index: 1; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item img {
width: 100%;
transition: all .5s ease-out; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item:hover img {
transform: scale(1.1, 1.1); }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item .overlay {
position: absolute;
z-index: 2;
height: 100%;
width: auto;
top: 0;
right: -1px;
left: 0;
background: rgba(0, 0, 0, 0.2);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #000);
background: linear-gradient(top, rgba(0, 0, 0, 0), #000);
pointer-events: none; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item .meta-info {
position: absolute;
z-index: 10;
top: 15px;
left: 15px;
max-width: calc(100% - 30px);
display: flex;
flex-direction: column;
align-items: center; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item .meta-info .imdb {
font-weight: 600;
font-size: 12px;
line-height: 1.2;
color: #fff;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 11px; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item .meta-info .imdb .value {
font-weight: 400;
width: 37px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
background-image: url(//spotlighthigh.com/wp-content/plugins/builderpress/inc/elements/Stellar-video-player/st-list-videos/assets/images/star-01.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
padding-top: 4px;
margin-bottom: 4px; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item .meta-info .label {
font-weight: 500;
font-size: 12px;
line-height: 1.5;
color: #fff;
text-align: center;
word-break: break-word;
background: #e40914;
padding: 2px 11px; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item .content {
position: absolute;
z-index: 20;
width: calc(100% - 30px);
max-height: calc(100% - 24px - 110px);
bottom: 0;
left: 0;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 24px;
overflow: hidden; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item .content .meta {
margin-bottom: 8px; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item .content .meta .item {
background-color: #252525;
line-height: 20px;
display: inline-block;
font-size: 12px;
padding: 0 8px;
color: #bbbbbb; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item .content .meta .item.item-comment {
display: none; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item .content .title {
font-weight: 600;
font-size: 16px;
line-height: 1.5;
color: #fff;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: 47px;
margin-bottom: 0; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item .content .title a {
color: #fff;
transition: all .2s; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item .content .title a:hover {
color: #e40914; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item .content .title:hover {
color: #e40914; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item.feature-item .overlay {
background: rgba(0, 0, 0, 0.2);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #000);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 0, 0, 0)', endColorstr='#000',GradientType=1 ); }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item.feature-item .meta-info {
left: 25px; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item.feature-item .content {
width: 365px;
max-width: calc(100% - 50px);
max-height: calc(100% - 40px - 110px);
margin-right: 25px;
margin-left: 25px;
margin-bottom: 40px; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item.feature-item .content .meta .item.item-comment {
display: inline-block; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item.feature-item .content .title {
font-weight: 600;
font-size: 20px;
line-height: 1.3;
color: #fff;
text-align: left;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 7px;
max-height: 54px; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item.feature-item .content .title a {
color: #fff;
transition: all .2s; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item.feature-item .content .title a:hover {
color: #e40914; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item.feature-item .content .title:hover {
color: #e40914; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item.feature-item .content .info {
font-weight: 300;
font-size: 14px;
line-height: 1.85;
color: #bbbbbb;
text-transform: uppercase;
word-break: break-word;
display: flex;
flex-wrap: wrap;
margin-left: -13px;
margin-bottom: 15px; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item.feature-item .content .info span {
padding-left: 13px;
padding-right: 10px;
position: relative; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item.feature-item .content .info span::before {
content: '•';
font-family: inherit;
font-weight: 300;
font-size: 14px;
line-height: 1.85;
color: #bbbbbb;
position: absolute;
top: 0;
left: 0; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item.feature-item .content .description {
font-weight: 300;
font-size: 16px;
line-height: 1.625;
color: #bbbbbb;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 32px;
max-height: 78px; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item.feature-item .content .btn-readmore {
font-weight: 500;
font-size: 14px;
line-height: 1.5;
color: #fff;
text-transform: uppercase;
background: #e40914;
padding: 0 39px;
transition: all .2s; }
.bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item.feature-item .content .btn-readmore:hover {
background: #b30710; }
.bp-element-st-list-videos.vblog-layout-grid-2 .heading-post {
overflow: hidden;
border-bottom: 1px solid #d7d7d7;
padding-bottom: 10px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-bottom: 28px; }
.bp-element-st-list-videos.vblog-layout-grid-2 .heading-post .wrap-title {
padding-right: 30px;
display: flex;
align-items: center;
flex-wrap: wrap;
margin-left: -20px;
padding-top: 10px;
padding-bottom: 10px; }
.bp-element-st-list-videos.vblog-layout-grid-2 .heading-post .wrap-title .title {
font-weight: 600;
font-size: 24px;
line-height: 1.1;
color: #111;
text-transform: uppercase;
word-break: break-word;
padding-right: 20px;
padding-left: 20px; }
.bp-element-st-list-videos.vblog-layout-grid-2 .heading-post .wrap-title .description {
font-weight: 300;
font-size: 14px;
line-height: 1.5;
color: #6b6b6b;
word-break: break-word;
border-left: 1px solid #2b2b2b;
padding: 3px 0 3px 20px; }
.bp-element-st-list-videos.vblog-layout-grid-2 .heading-post .wrap-title .link {
position: relative; }
.bp-element-st-list-videos.vblog-layout-grid-2 .heading-post .wrap-title .link:after {
position: absolute;
bottom: 3px;
left: 0;
right: 0;
height: 1px;
content: "";
background-color: #e40914;
transition: all .2s; }
.bp-element-st-list-videos.vblog-layout-grid-2 .heading-post .wrap-title .link:hover {
color: #fff; }
.bp-element-st-list-videos.vblog-layout-grid-2 .heading-post .wrap-title .link:hover:after {
background-color: #ffffff; }
.bp-element-st-list-videos.vblog-layout-grid-2 .heading-post .categories {
overflow: hidden;
padding-top: 10px;
padding-bottom: 10px; }
.bp-element-st-list-videos.vblog-layout-grid-2 .heading-post .categories ul {
display: flex;
flex-wrap: wrap;
margin-left: -52px; }
.bp-element-st-list-videos.vblog-layout-grid-2 .heading-post .categories ul li {
padding-left: 28px;
margin-left: 24px;
position: relative;
padding-top: 3px;
padding-bottom: 3px; }
.bp-element-st-list-videos.vblog-layout-grid-2 .heading-post .categories ul li::before {
content: '•';
font-family: inherit;
font-weight: 400;
font-size: 14px;
line-height: 1.85;
color: #cecece;
position: absolute;
top: 3px;
left: 0; }
.bp-element-st-list-videos.vblog-layout-grid-2 .heading-post .categories ul li a {
font-weight: 400;
font-size: 14px;
line-height: 1.85;
color: #6e6e6e;
text-transform: uppercase;
word-break: break-word;
transition: all .2s; }
.bp-element-st-list-videos.vblog-layout-grid-2 .heading-post .categories ul li a:hover {
color: #e40914; }
.bp-element-st-list-videos.vblog-layout-grid-2 .heading-post .categories ul li.current-cat a {
color: #e40914; }
.bp-element-st-list-videos.vblog-layout-grid-2 .grid-posts {
width: calc(100% + 14px);
display: flex;
flex-wrap: wrap;
margin-right: -7px;
margin-left: -7px; }
.bp-element-st-list-videos.vblog-layout-grid-2 .grid-posts .grid-item {
width: 20%;
padding: 12px 7px; }
.bp-element-st-list-videos.vblog-layout-grid-2 .grid-posts .post-item .pic {
overflow: hidden;
position: relative;
z-index: 1;
margin-bottom: 24px; }
.bp-element-st-list-videos.vblog-layout-grid-2 .grid-posts .post-item .pic img {
width: 100%;
transition: all .5s ease-out; }
.bp-element-st-list-videos.vblog-layout-grid-2 .grid-posts .post-item .pic:hover img {
transform: scale(1.1, 1.1); }
.bp-element-st-list-videos.vblog-layout-grid-2 .grid-posts .post-item .pic .overlay {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.1);
pointer-events: none; }
.bp-element-st-list-videos.vblog-layout-grid-2 .grid-posts .post-item .pic .meta-info {
position: absolute;
z-index: 10;
top: 15px;
left: 12px;
max-width: calc(100% - 24px);
display: flex;
flex-direction: column;
align-items: center; }
.bp-element-st-list-videos.vblog-layout-grid-2 .grid-posts .post-item .pic .meta-info .imdb {
font-weight: 600;
font-size: 12px;
line-height: 1.2;
color: #fff;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 11px; }
.bp-element-st-list-videos.vblog-layout-grid-2 .grid-posts .post-item .pic .meta-info .imdb .value {
font-weight: 400;
width: 37px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
background-image: url(//spotlighthigh.com/wp-content/plugins/builderpress/inc/elements/Stellar-video-player/st-list-videos/assets/images/star-01.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
padding-top: 4px;
margin-bottom: 4px; }
.bp-element-st-list-videos.vblog-layout-grid-2 .grid-posts .post-item .pic .meta-info .label {
font-weight: 500;
font-size: 12px;
line-height: 1.5;
color: #fff;
text-align: center;
word-break: break-word;
background: #e40914;
padding: 2px 11px; }
.bp-element-st-list-videos.vblog-layout-grid-2 .grid-posts .post-item .content .title {
font-weight: 600;
font-size: 16px;
line-height: 1.5;
color: #111;
text-align: center;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden; }
.bp-element-st-list-videos.vblog-layout-grid-2 .grid-posts .post-item .content .title a {
color: #111;
transition: all .2s; }
.bp-element-st-list-videos.vblog-layout-grid-2 .grid-posts .post-item .content .title a:hover {
color: #e40914; }
.bp-element-st-list-videos.vblog-layout-grid-2 .grid-posts .post-item .content .title:hover {
color: #e40914; }
.bp-element-st-list-videos.vblog-layout-grid-3 .heading-post {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
border: 1px dashed #dadada;
padding: 9px 25px;
margin-bottom: 40px; }
.bp-element-st-list-videos.vblog-layout-grid-3 .heading-post .wrap-title {
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px; }
.bp-element-st-list-videos.vblog-layout-grid-3 .heading-post .wrap-title .title {
font-family: Playfair Display;
font-weight: 700;
font-size: 22px;
line-height: 1.2;
color: #1f1f1f;
text-transform: uppercase;
word-break: break-word; }
.bp-element-st-list-videos.vblog-layout-grid-3 .heading-post .categories {
padding-top: 12px;
padding-bottom: 9px; }
.bp-element-st-list-videos.vblog-layout-grid-3 .heading-post .categories ul {
display: flex;
flex-wrap: wrap;
margin: 0 -15px; }
.bp-element-st-list-videos.vblog-layout-grid-3 .heading-post .categories ul li {
padding: 0 15px; }
.bp-element-st-list-videos.vblog-layout-grid-3 .heading-post .categories ul li a {
font-weight: 400;
font-size: 14px;
line-height: 1.85;
color: #6e6e6e;
text-transform: uppercase;
word-break: break-word;
transition: all .2s; }
.bp-element-st-list-videos.vblog-layout-grid-3 .heading-post .categories ul li a:hover {
color: #fa777c; }
.bp-element-st-list-videos.vblog-layout-grid-3 .heading-post .categories ul li.current-cat a {
color: #fa777c; }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: -40px; }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .feature-item {
width: 54%;
margin-bottom: 40px; }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .feature-item .pic {
position: relative;
margin-bottom: 23px; }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .feature-item .pic img {
width: 100%; }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .feature-item .pic .duration {
font-weight: 700;
font-size: 12px;
line-height: 1.5;
color: #fff;
position: absolute;
bottom: 10px;
left: 10px;
background-color: #363636;
padding: 2px 9px 1px 9px; }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .feature-item .pic .btn-play {
font-size: 30px;
line-height: 1;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
width: 55px;
height: 55px;
border-radius: 50%;
background-color: rgba(250, 119, 124, 0.9);
position: absolute;
top: calc(50% - 27px);
left: calc(50% - 27px);
padding: 2px 0 0 3px;
transition: all .2s; }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .feature-item .pic .btn-play:hover {
background-color: rgba(0, 0, 0, 0.5); }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .feature-item .text {
max-width: 400px;
overflow: hidden; }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .feature-item .text .title {
font-family: Playfair Display;
font-weight: 400;
font-size: 22px;
line-height: 1.363636;
color: #1f1f1f;
word-break: break-word;
margin-bottom: 9px; }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .feature-item .text .title a {
display: inline-block;
color: #1f1f1f; }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .feature-item .text .title a:hover {
color: #fa777c; }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .feature-item .text .info {
font-weight: 400;
font-size: 12px;
line-height: 1.6;
color: #6e6e6e;
text-transform: uppercase;
word-break: break-word;
display: flex;
flex-wrap: wrap;
margin-left: -13px; }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .feature-item .text .info .item-info {
padding-left: 13px;
padding-right: 6px;
position: relative; }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .feature-item .text .info .item-info::before {
content: '•';
font-family: inherit;
font-weight: 300;
font-size: 16px;
line-height: 1.2;
color: #6e6e6e;
position: absolute;
top: 0;
left: 0; }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .feature-item .text .info .item-info a {
color: #6e6e6e; }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .feature-item .text .info .item-info a:hover {
color: #fa777c; }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .normal-items {
width: calc(46% - 40px); }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .normal-items .item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 40px; }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .normal-items .item .pic {
width: 160px;
position: relative;
overflow: hidden; }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .normal-items .item .pic img {
width: 100%;
transition: all .5s ease-out; }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .normal-items .item .pic .duration {
font-weight: 700;
font-size: 12px;
line-height: 1.5;
color: #fff;
position: absolute;
bottom: 10px;
left: 10px;
background-color: #363636;
padding: 2px 9px 1px 9px; }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .normal-items .item .pic:hover img {
transform: scale(1.1, 1.1); }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .normal-items .item .text {
width: calc(100% - 160px - 20px);
padding-top: 8px; }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .normal-items .item .text .title {
font-family: Playfair Display;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: #1f1f1f;
word-break: break-word;
margin-bottom: 11px; }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .normal-items .item .text .title a {
color: #1f1f1f; }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .normal-items .item .text .title a:hover {
color: #fa777c; }
.bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .normal-items .item .text .info {
font-weight: 400;
font-size: 12px;
line-height: 1.6;
color: #6e6e6e;
text-transform: uppercase;
word-break: break-word; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 40px;
position: relative;
z-index: 10; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element::after {
content: '';
display: block;
width: 100%;
height: 1px;
background: #e5e5e5;
position: absolute;
z-index: -1;
left: 0;
bottom: 0; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element .wrap-filter-group {
overflow: hidden; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element .wrap-filter-group .filter-tope-group {
display: flex;
flex-wrap: wrap;
margin-left: -30px; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element .wrap-filter-group .filter-tope-group .item-tope {
font-weight: 300;
font-size: 16px;
line-height: 1.625;
color: #292929;
word-break: break-word;
margin: 8px 30px 0px 30px;
padding: 12px 0;
position: relative;
cursor: pointer;
transition: all .2s; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element .wrap-filter-group .filter-tope-group .item-tope:hover {
color: #e40914; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element .wrap-filter-group .filter-tope-group .item-tope::before {
content: '•';
color: #cecece;
position: absolute;
top: 12px;
left: -32px; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element .wrap-filter-group .filter-tope-group .item-tope::after {
content: '';
display: block;
width: 100%;
height: 1px;
background: #e40914;
position: absolute;
bottom: 0px;
left: 0;
opacity: 0; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element .wrap-filter-group .filter-tope-group .item-tope.active {
color: #e40914; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element .wrap-filter-group .filter-tope-group .item-tope.active::after {
opacity: 1; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element .wrap-select-filter {
font-weight: 300;
font-size: 16px;
line-height: 1.625;
color: #111111;
white-space: nowrap;
display: flex;
align-items: center;
padding: 12px 0;
margin-top: 8px; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element .wrap-select-filter .select-filter .wrap-select2 .select2-hidden-accessible {
display: none; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element .wrap-select-filter .select-filter .wrap-select2 .select2-container .selection .select2-selection {
outline: none; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element .wrap-select-filter .select-filter .wrap-select2 .select2-container .selection .select2-selection .select2-selection__rendered {
font-weight: 300;
font-size: 16px;
color: #6e6e6e;
line-height: 1.5;
padding-left: 11px;
padding-right: 20px;
position: relative;
cursor: pointer; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element .wrap-select-filter .select-filter .wrap-select2 .select2-container .selection .select2-selection .select2-selection__rendered::after {
content: '\f3d0';
font-family: Ionicons;
font-size: 18px;
color: #6e6e6e;
line-height: 1;
position: absolute;
top: 2px;
right: 0px;
transition: all .2s; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element .wrap-select-filter .select-filter .wrap-select2 .select2-container .selection .select2-selection .select2-selection__rendered:hover:after {
color: #e40914; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element .wrap-select-filter .select-filter .wrap-select2 .dropDownSelect2 {
position: relative; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element .wrap-select-filter .select-filter .wrap-select2 .dropDownSelect2 .select2-container {
min-width: 100%;
max-width: 150px;
position: absolute;
border: 1px solid #ebebeb;
z-index: 200;
background: #fff;
max-height: 350px;
overflow-y: auto; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element .wrap-select-filter .select-filter .wrap-select2 .dropDownSelect2 .select2-dropdown {
width: auto !important; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element .wrap-select-filter .select-filter .wrap-select2 .dropDownSelect2 .select2-dropdown .select2-search {
display: block;
width: 100%;
padding: 5px 11px; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element .wrap-select-filter .select-filter .wrap-select2 .dropDownSelect2 .select2-dropdown .select2-search input {
width: 100%;
border: 1px solid #ebebeb;
padding: 0 5px; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element .wrap-select-filter .select-filter .wrap-select2 .dropDownSelect2 .select2-dropdown .select2-search.select2-search--hide {
display: none; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element .wrap-select-filter .select-filter .wrap-select2 .dropDownSelect2 .select2-dropdown .select2-results .select2-results__options li {
font-weight: 300;
font-size: 15px;
line-height: 1.5;
color: #6e6e6e;
text-transform: none;
padding: 5px 11px;
cursor: pointer;
transition: all .2s; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element .wrap-select-filter .select-filter .wrap-select2 .dropDownSelect2 .select2-dropdown .select2-results .select2-results__options li:hover {
color: #e40914; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element .wrap-select-filter .select-filter .wrap-select2 .dropDownSelect2 .select2-dropdown .select2-results .select2-results__options li[aria-selected="true"] {
color: #6e6e6e;
background: #ebebeb; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .heading-element .wrap-select-filter .select-filter .wrap-select2 .dropDownSelect2 .select2-dropdown .select2-results .select2-results__options li::before {
display: none; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .item-post {
text-align: center;
margin-bottom: 34px; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .item-post .pic-item {
position: relative;
z-index: 1;
overflow: hidden;
margin-bottom: 25px; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .item-post .pic-item img {
width: 100%;
transition: all .5s ease-out; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .item-post .pic-item .overlay {
position: absolute;
z-index: 2;
width: 110%;
height: 110%;
bottom: -2px;
left: -2px;
background: #000;
opacity: .2;
transition: all .3s; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .item-post .pic-item .meta-info {
position: absolute;
z-index: 10;
top: 15px;
left: 15px;
max-width: calc(100% - 30px);
display: flex;
flex-direction: column;
align-items: center; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .item-post .pic-item .meta-info .imdb {
font-weight: 600;
font-size: 12px;
line-height: 1.2;
color: #fff;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 11px; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .item-post .pic-item .meta-info .imdb .value {
font-weight: 400;
width: 37px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
background-image: url(//spotlighthigh.com/wp-content/plugins/builderpress/inc/elements/Stellar-video-player/st-list-videos/assets/images/star-01.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
padding-top: 4px;
margin-bottom: 4px; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .item-post .pic-item .meta-info .label {
font-weight: 500;
font-size: 12px;
line-height: 1.5;
color: #fff;
text-align: center;
word-break: break-word;
background: #e40914;
padding: 2px 11px; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .item-post .pic-item .btn-play {
position: absolute;
z-index: 20;
top: calc(50% - 22px);
left: calc(50% - 19px);
display: block;
width: 38px;
height: 44px;
background-image: url(//spotlighthigh.com/wp-content/plugins/builderpress/inc/elements/Stellar-video-player/st-list-videos/assets/images/icon-play-01.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
opacity: 0;
transition: all .3s; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .item-post .pic-item .btn-play:hover {
transform: scale(1.2, 1.2); }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .item-post .pic-item:hover .btn-play {
opacity: 1; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .item-post .pic-item:hover .overlay {
opacity: .5; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .item-post .text-item .title {
font-weight: 500;
font-size: 18px;
line-height: 1.333333;
color: #111;
word-break: break-word;
margin-bottom: 7px; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .item-post .text-item .title a {
color: #111;
transition: all .2s; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .item-post .text-item .title a:hover {
color: #e40914; }
.bp-element-st-list-videos.vblog-layout-grid-filter .wrap-element .item-post .text-item .info {
font-weight: 300;
font-size: 14px;
line-height: 1.85;
color: #7e7e7e;
text-align: center;
word-break: break-word;
text-transform: uppercase; }
.bp-element-st-list-videos.vblog-layout-slider-3 .heading-post {
text-align: center;
margin-bottom: 32px;
position: relative;
z-index: 1; }
.bp-element-st-list-videos.vblog-layout-slider-3 .heading-post .text {
display: inline-block;
background: #fff;
padding: 0 16px; }
.bp-element-st-list-videos.vblog-layout-slider-3 .heading-post .text .title {
font-family: Playfair Display;
font-weight: 700;
font-size: 22px;
line-height: 1.2;
color: #1f1f1f;
text-transform: uppercase;
word-break: break-word; }
.bp-element-st-list-videos.vblog-layout-slider-3 .heading-post .line {
width: 100%;
height: 1px;
background-image: url(//spotlighthigh.com/wp-content/plugins/builderpress/inc/elements/Stellar-video-player/st-list-videos/assets/images/pattern-line.png);
background-repeat: repeat-x;
position: absolute;
z-index: -1;
left: 0;
top: 50%; }
.bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts {
position: relative; }
.bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts .slide-slick {
overflow: hidden; }
.bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts .slide-slick .slick-list {
margin-right: -20px;
margin-left: -20px; }
.bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts .slide-slick .item-slick {
padding: 0 20px 0 20px; }
.bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts .wrap-arrow-slick {
pointer-events: none;
position: absolute;
z-index: 100;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center; }
.bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts .wrap-arrow-slick .arow-slick {
pointer-events: auto;
cursor: pointer;
font-size: 20px;
line-height: 1;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
width: 38px;
height: 38px;
border-radius: 50%;
background: rgba(37, 37, 37, 0.5);
transition: all .2s; }
.bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts .wrap-arrow-slick .arow-slick.next-slick {
margin-right: -19px; }
.bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts .wrap-arrow-slick .arow-slick.prev-slick {
margin-left: -19px; }
.bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts .wrap-arrow-slick .arow-slick:hover {
background: #fa777c; }
.bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts .wrap-arrow-slick .arow-slick.slick-arrow.slick-hidden {
display: none; }
.bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts .wrap-arrow-slick .arow-slick[aria-disabled="true"] {
visibility: hidden; }
.bp-element-st-list-videos.vblog-layout-slider-3 .post-item .pic {
position: relative;
margin-bottom: 24px;
overflow: hidden; }
.bp-element-st-list-videos.vblog-layout-slider-3 .post-item .pic img {
width: 100%;
transition: all .5s ease-out; }
.bp-element-st-list-videos.vblog-layout-slider-3 .post-item .pic .meta-info {
font-weight: 700;
font-size: 12px;
line-height: 1.5;
color: #fff;
position: absolute;
bottom: 10px;
left: 10px;
display: flex;
flex-wrap: wrap; }
.bp-element-st-list-videos.vblog-layout-slider-3 .post-item .pic .meta-info .item-info {
background-color: #363636;
margin-right: 3px;
padding: 2px 9px 1px 9px; }
.bp-element-st-list-videos.vblog-layout-slider-3 .post-item .pic .meta-info .item-info i {
margin-right: 3px; }
.bp-element-st-list-videos.vblog-layout-slider-3 .post-item .pic:hover img {
transform: scale(1.1, 1.1); }
.bp-element-st-list-videos.vblog-layout-slider-3 .post-item .text {
text-align: center;
padding: 0px 10px; }
.bp-element-st-list-videos.vblog-layout-slider-3 .post-item .text .title {
font-family: Playfair Display;
font-weight: 700;
font-size: 18px;
line-height: 1.444444;
color: #1f1f1f;
word-break: break-word;
margin-bottom: 12px; }
.bp-element-st-list-videos.vblog-layout-slider-3 .post-item .text .title a {
display: inline-block;
color: #1f1f1f; }
.bp-element-st-list-videos.vblog-layout-slider-3 .post-item .text .title a:hover {
color: #fa777c; }
.bp-element-st-list-videos.vblog-layout-slider-3 .post-item .text .date {
font-weight: 400;
font-size: 12px;
line-height: 1.5;
color: #909090;
text-transform: uppercase;
word-break: break-word; }
.home-2 .bp-element-st-list-videos.vblog-layout-1 .wrap-element .feature-item {
border-bottom: 1px solid rgba(231, 231, 231, 0.15);
margin-bottom: 31px; }
.home-2 .bp-element-st-list-videos.vblog-layout-slider-1 .heading-post {
border-color: #d7d7d7; }
.home-2 .bp-element-st-list-videos.vblog-layout-slider-1 .heading-post .title {
color: #111; }
.home-2 .bp-element-st-list-videos.vblog-layout-slider-1 .heading-post .description {
color: #6e6e6e;
border-color: #d7d7d7; }
.home-2 .bp-element-st-list-videos.vblog-layout-slider-1 .heading-post .link {
color: #6e6e6e;
border-color: #d7d7d7; }
.home-2 .bp-element-st-list-videos.vblog-layout-slider-1 .heading-post .link:hover {
color: #e40914; }
.home-2 .bp-element-st-list-videos.vblog-layout-slider-1 .slide-posts .wrap-arrow-slick::before {
background: #d7d7d7; }
.home-2 .bp-element-st-list-videos.vblog-layout-slider-1 .slide-posts .wrap-arrow-slick .arow-slick {
color: #cfcfcf; }
.home-2 .bp-element-st-list-videos.vblog-layout-slider-1 .slide-posts .wrap-arrow-slick .arow-slick:hover {
color: #e40914; }
.home-2 .bp-element-st-list-videos.vblog-layout-slider-1 .post-item .title a {
color: #111; }
.home-2 .bp-element-st-list-videos.vblog-layout-slider-1 .post-item .title a:hover {
color: #e40914; }
.home-2 .bp-element-st-list-videos.vblog-layout-slider-1 .post-item .info {
color: #6e6e6e; }
.home-2 .bp-element-st-list-videos.vblog-layout-grid-2 .heading-post .wrap-title .link {
color: #6e6e6e; }
.home-2 .bp-element-st-list-videos.vblog-layout-grid-2 .heading-post .wrap-title .link:after {
background-color: #6e6e6e; }
.home-2 .bp-element-st-list-videos.vblog-layout-grid-2 .heading-post .wrap-title .link:hover {
color: #e40914; }
.home-2 .bp-element-st-list-videos.vblog-layout-grid-2 .heading-post .wrap-title .link:hover:after {
background-color: #e40914; }
.home-2 .bp-element-st-list-videos.vblog-layout-grid-2 .heading-post .wrap-title .description {
color: #6e6e6e;
border-color: #d7d7d7; }
.responsive {  }
@media (max-width: 1199px) {
.responsive .bp-element-st-list-videos.vblog-layout-2 .wrap-element .content {
padding: 32px 20px; }
.responsive .bp-element-st-list-videos.vblog-layout-2 .wrap-element .content .title a {
font-size: 18px; }
.responsive .bp-element-st-list-videos.vblog-layout-2 .wrap-element .btn-play {
top: calc(40% - 22px); }
.responsive .bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .feature-item {
width: 50%; }
.responsive .bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .normal-items {
width: calc(50% - 40px); } }
@media (max-width: 991px) {
.responsive .bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .overlay {
height: 69%; }
.responsive .bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .content {
padding: 22px 15px; }
.responsive .bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .content .meta-info {
margin-bottom: 14px; }
.responsive .bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .content .title {
line-height: 1.1; }
.responsive .bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .content .title a {
font-size: 15px; }
.responsive .bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .btn-play {
top: calc(35% - 22px); }
.responsive .bp-element-st-list-videos.vblog-layout-grid-1 .grid-isotope .grid-sizer {
width: calc(100% / 3); }
.responsive .bp-element-st-list-videos.vblog-layout-grid-1 .grid-isotope .grid-item {
width: calc(100% / 3); }
.responsive .bp-element-st-list-videos.vblog-layout-grid-1 .grid-isotope .size_2x2 {
width: 100%; }
.responsive .bp-element-st-list-videos.vblog-layout-grid-2 .grid-posts .grid-item {
width: 25%; }
.responsive .bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts .slide-slick .slick-list {
margin-right: -15px;
margin-left: -15px; }
.responsive .bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts .slide-slick .item-slick {
padding: 0 15px 0 15px; }
.responsive .bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .feature-item {
width: 100%; }
.responsive .bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .normal-items {
width: 100%; } }
@media (max-width: 991px) and (min-width: 768px) {
.responsive .bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .normal-items .item .text .title a {
display: -webkit-box;
-webkit-line-clamp: 3;
height: 72px;
-webkit-box-orient: vertical;
overflow: hidden; } }
@media (max-width: 767px) {
.responsive .bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .overlay {
height: 50%; }
.responsive .bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .content {
padding: 53px 40px; }
.responsive .bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .content .meta-info {
margin-bottom: 24px; }
.responsive .bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .content .title {
line-height: 1.363636; }
.responsive .bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .content .title a {
font-size: 22px; }
.responsive .bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .btn-play {
top: calc(40% - 22px); }
.responsive .bp-element-st-list-videos.vblog-layout-grid-1 .grid-isotope .grid-sizer {
width: 50%; }
.responsive .bp-element-st-list-videos.vblog-layout-grid-1 .grid-isotope .grid-item {
width: 50%; }
.responsive .bp-element-st-list-videos.vblog-layout-grid-1 .grid-isotope .size_2x2 {
width: 100%; }
.responsive .bp-element-st-list-videos.vblog-layout-grid-2 .grid-posts .grid-item {
width: 50%; }
.responsive .bp-element-st-list-videos.vblog-layout-slider-1 .heading-post {
padding-right: 0px;
padding-bottom: 40px; }
.responsive .bp-element-st-list-videos.vblog-layout-slider-1 .slide-posts .wrap-arrow-slick {
justify-content: flex-start;
top: -75px;
right: auto;
left: 0; } }
@media (max-width: 575px) {
.responsive .bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .content {
padding: 33px 30px; }
.responsive .bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .content .title a {
font-size: 18px; }
.responsive .bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .btn-play {
top: calc(40% - 22px); }
.responsive .bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts .wrap-arrow-slick .arow-slick.next-slick {
margin-right: -15px; }
.responsive .bp-element-st-list-videos.vblog-layout-slider-3 .slide-posts .wrap-arrow-slick .arow-slick.prev-slick {
margin-left: -15px; } }
@media (max-width: 480px) {
.responsive .bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .overlay {
height: 69%; }
.responsive .bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .content {
padding: 23px 20px; }
.responsive .bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .content .meta-info {
margin-bottom: 14px; }
.responsive .bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .content .title a {
font-size: 16px; }
.responsive .bp-element-st-list-videos.vblog-layout-2 .wrap-element .video-item .btn-play {
top: calc(35% - 22px); }
.responsive .bp-element-st-list-videos.vblog-layout-grid-1 .grid-isotope .grid-sizer {
width: 100%; }
.responsive .bp-element-st-list-videos.vblog-layout-grid-1 .grid-isotope .grid-item {
width: 100%; }
.responsive .bp-element-st-list-videos.vblog-layout-grid-1 .grid-isotope .size_2x2 {
width: 100%; }
.responsive .bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item.feature-item .content {
max-height: calc(100% - 25px - 110px);
margin-bottom: 25px; }
.responsive .bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item.feature-item .content .info {
margin-bottom: 10px; }
.responsive .bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item.feature-item .content .info span:first-child {
display: none; }
.responsive .bp-element-st-list-videos.vblog-layout-grid-1 .grid-posts .post-item.feature-item .content .description {
-webkit-line-clamp: 3;
margin-bottom: 15px;
display: none; }
.responsive .bp-element-st-list-videos.vblog-layout-grid-2 .grid-posts .grid-item {
width: 100%; }
.responsive .bp-element-st-list-videos.vblog-layout-grid-3 .heading-post {
padding-left: 15px;
padding-right: 15px; }
.responsive .bp-element-st-list-videos.vblog-layout-grid-3 .heading-post .wrap-title {
padding-right: 0px;
padding-bottom: 5px; }
.responsive .bp-element-st-list-videos.vblog-layout-grid-3 .heading-post .categories {
width: 100%; }
.responsive .bp-element-st-list-videos.vblog-layout-grid-3 .heading-post .categories ul {
display: flex;
flex-wrap: wrap;
margin: 0 -10px; }
.responsive .bp-element-st-list-videos.vblog-layout-grid-3 .heading-post .categories ul li {
padding: 0 10px; }
.responsive .bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .normal-items .item .pic {
width: 120px; }
.responsive .bp-element-st-list-videos.vblog-layout-grid-3 .grid-posts .normal-items .item .text {
width: calc(100% - 120px - 15px);
padding-top: 0; } }.bp-element-st-list-categories.vblog-layout-slider-1 .heading-post {
text-align: center;
display: flex;
justify-content: center;
position: relative;
z-index: 1;
margin-bottom: 34px; }
.bp-element-st-list-categories.vblog-layout-slider-1 .heading-post::before {
content: '';
display: block;
position: absolute;
z-index: -1;
width: 100%;
height: 1px;
top: 50%;
left: 0;
background: rgba(215, 215, 215, 0.1); }
.bp-element-st-list-categories.vblog-layout-slider-1 .heading-post .text {
background: #1e1e1e;
padding: 0 28px; }
.bp-element-st-list-categories.vblog-layout-slider-1 .heading-post .text .title {
font-weight: 600;
font-size: 24px;
line-height: 1.1;
color: #fff;
text-transform: uppercase;
word-break: break-word;
margin-bottom: 5px; }
.bp-element-st-list-categories.vblog-layout-slider-1 .heading-post .text .description {
font-weight: 300;
font-size: 14px;
line-height: 1.6;
color: #7c7c7c;
word-break: break-word; }
.bp-element-st-list-categories.vblog-layout-slider-1 .slide-posts {
position: relative; }
.bp-element-st-list-categories.vblog-layout-slider-1 .slide-posts .slide-slick .slick-list {
overflow: visible; }
.bp-element-st-list-categories.vblog-layout-slider-1 .slide-posts .wrap-arrow-slick {
pointer-events: none;
position: absolute;
z-index: 100;
width: 100%;
height: 100%;
top: 0;
left: 0; }
.bp-element-st-list-categories.vblog-layout-slider-1 .slide-posts .wrap-arrow-slick .arow-slick {
pointer-events: auto;
cursor: pointer;
position: absolute;
top: 0;
width: 1920px;
height: 100%;
background: rgba(0, 0, 0, 0.25);
display: flex;
align-items: center; }
.bp-element-st-list-categories.vblog-layout-slider-1 .slide-posts .wrap-arrow-slick .arow-slick i {
font-size: 20px;
line-height: 1;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
border-radius: 50%;
background: rgba(149, 149, 149, 0.5);
transition: all .2s; }
.bp-element-st-list-categories.vblog-layout-slider-1 .slide-posts .wrap-arrow-slick .arow-slick i:hover {
background: #e40914; }
.bp-element-st-list-categories.vblog-layout-slider-1 .slide-posts .wrap-arrow-slick .arow-slick.prev-slick {
right: 100%;
justify-content: flex-end; }
.bp-element-st-list-categories.vblog-layout-slider-1 .slide-posts .wrap-arrow-slick .arow-slick.prev-slick i {
margin-right: -22px; }
.bp-element-st-list-categories.vblog-layout-slider-1 .slide-posts .wrap-arrow-slick .arow-slick.next-slick {
left: 100%;
justify-content: flex-start; }
.bp-element-st-list-categories.vblog-layout-slider-1 .slide-posts .wrap-arrow-slick .arow-slick.next-slick i {
margin-left: -22px; }
.bp-element-st-list-categories.vblog-layout-slider-1 .slide-posts .wrap-arrow-slick .arow-slick.slick-arrow.slick-hidden {
display: none; }
.bp-element-st-list-categories.vblog-layout-slider-1 .slide-posts .wrap-arrow-slick .arow-slick[aria-disabled="true"] {
display: none !important; }
.bp-element-st-list-categories.vblog-layout-slider-1 .slide-posts .wrap-arrow-slick .arow-slick[aria-disabled="false"] {
display: flex !important; }
.bp-element-st-list-categories.vblog-layout-slider-1 .slide-posts .item-slick {
opacity: .25;
pointer-events: none; }
.bp-element-st-list-categories.vblog-layout-slider-1 .slide-posts .item-slick.slick-active {
opacity: 1;
pointer-events: auto; }
.bp-element-st-list-categories.vblog-layout-slider-1 .post-item {
overflow: hidden;
position: relative;
z-index: 1; }
.bp-element-st-list-categories.vblog-layout-slider-1 .post-item img {
width: 100%;
transition: all .5s ease-out; }
.bp-element-st-list-categories.vblog-layout-slider-1 .post-item:hover img {
transform: scale(1.1, 1.1); }
.bp-element-st-list-categories.vblog-layout-slider-1 .post-item .overlay {
position: absolute;
z-index: 2;
width: 110%;
height: 110%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.2);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #000);
background: linear-gradient(top, rgba(0, 0, 0, 0), #000);
opacity: .6; }
.bp-element-st-list-categories.vblog-layout-slider-1 .post-item .content {
font-weight: 300;
font-size: 14px;
line-height: 1.85;
color: #fff;
text-align: center;
word-break: break-word;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 15px;
transition: all .2s; }
.bp-element-st-list-categories.vblog-layout-slider-1 .post-item .content .title {
font-weight: 600;
font-size: 24px;
line-height: 1.25;
margin-bottom: 2px; }
.bp-element-st-list-categories.vblog-layout-slider-2 .heading-post {
text-align: center;
display: flex;
justify-content: center;
position: relative;
z-index: 1;
margin-bottom: 34px; }
.bp-element-st-list-categories.vblog-layout-slider-2 .heading-post::before {
content: '';
display: block;
position: absolute;
z-index: -1;
width: 100%;
height: 1px;
top: 50%;
left: 0;
background: #d7d7d7; }
.bp-element-st-list-categories.vblog-layout-slider-2 .heading-post .text {
background: #fff;
padding: 0 28px; }
.bp-element-st-list-categories.vblog-layout-slider-2 .heading-post .text .title {
font-weight: 600;
font-size: 24px;
line-height: 1.1;
color: #111;
text-transform: uppercase;
word-break: break-word;
margin-bottom: 5px; }
.bp-element-st-list-categories.vblog-layout-slider-2 .heading-post .text .description {
font-weight: 300;
font-size: 14px;
line-height: 1.6;
color: #7c7c7c;
word-break: break-word; }
.bp-element-st-list-categories.vblog-layout-slider-2 .slide-posts {
position: relative; }
.bp-element-st-list-categories.vblog-layout-slider-2 .slide-posts .wrap-arrow-slick {
pointer-events: none;
position: absolute;
z-index: 100;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 0 25px; }
.bp-element-st-list-categories.vblog-layout-slider-2 .slide-posts .wrap-arrow-slick .arow-slick {
pointer-events: auto;
cursor: pointer;
font-size: 20px;
line-height: 1;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
width: 38px;
height: 38px;
border-radius: 50%;
background: rgba(37, 37, 37, 0.6);
transition: all .2s; }
.bp-element-st-list-categories.vblog-layout-slider-2 .slide-posts .wrap-arrow-slick .arow-slick:hover {
background: #e40914; }
.bp-element-st-list-categories.vblog-layout-slider-2 .slide-posts .wrap-arrow-slick .arow-slick.slick-arrow.slick-hidden {
display: none; }
.bp-element-st-list-categories.vblog-layout-slider-2 .slide-posts .wrap-arrow-slick .arow-slick[aria-disabled="true"] {
visibility: hidden; }
.bp-element-st-list-categories.vblog-layout-slider-2 .post-item {
display: block;
overflow: hidden;
position: relative;
z-index: 1; }
.bp-element-st-list-categories.vblog-layout-slider-2 .post-item img {
width: 100%;
transition: all .5s ease-out; }
.bp-element-st-list-categories.vblog-layout-slider-2 .post-item:hover img {
transform: scale(1.1, 1.1); }
.bp-element-st-list-categories.vblog-layout-slider-2 .post-item .content {
font-weight: 300;
font-size: 14px;
line-height: 1.85;
color: #d4d4d4;
text-align: center;
word-break: break-word;
display: flex;
flex-direction: column;
align-items: flex-start;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
padding: 80px 25px 22px 25px;
transition: all .2s; }
.bp-element-st-list-categories.vblog-layout-slider-2 .post-item .content::before {
content: '';
display: block;
position: absolute;
z-index: -1;
width: calc(100% + 2px);
height: calc(100% + 2px);
bottom: -1px;
left: -1px;
background: rgba(0, 0, 0, 0.2);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #000);
background: linear-gradient(top, rgba(0, 0, 0, 0), #000); }
.bp-element-st-list-categories.vblog-layout-slider-2 .post-item .content .title {
font-weight: 600;
font-size: 18px;
color: #fff;
line-height: 1.3;
text-transform: uppercase;
margin-bottom: 4px; }
.responsive {  }
@media (max-width: 767px) {
.responsive .bp-element-st-list-categories.vblog-layout-slider-1 .heading-post .text {
padding: 0; }
.responsive .bp-element-st-list-categories.vblog-layout-slider-2 .heading-post .text {
padding: 0; } }
@media (max-width: 575px) {
.responsive .bp-element-st-list-categories.vblog-layout-slider-1 .slide-posts .wrap-arrow-slick .arow-slick.prev-slick i {
margin-right: -30px; }
.responsive .bp-element-st-list-categories.vblog-layout-slider-1 .slide-posts .wrap-arrow-slick .arow-slick.next-slick i {
margin-left: -30px; }
.responsive .bp-element-st-list-categories.vblog-layout-slider-1 .slide-posts .item-slick {
opacity: .25;
pointer-events: none; }
.responsive .bp-element-st-list-categories.vblog-layout-slider-1 .slide-posts .item-slick.slick-active {
opacity: 1;
pointer-events: auto; } }

.bp-element-posts .list-post {
list-style: none; }
.bp-element-posts .list-post .item {
clear: both; }
.bp-element-posts .list-post .item .content .title {
font-size: 18px;
color: #666; }
.bp-element-posts .list-post .item .content .list-meta {
margin-top: 10px; }
.bp-element-posts .list-post .item .content .list-meta .post-date {
font-size: 16px;
color: #999; }
.bp-element-posts .list-post .item .content .list-meta .post-date:before {
content: "\f469";
display: inline-block;
font-family: Dashicons;
width: 14px;
height: 15px;
margin-right: 5px; }
.bp-element-posts .list-post .thumbnail {
float: left;
margin-right: 20px;
margin-bottom: 30px; }
.bp-element-posts .list-post .content {
position: relative;
top: -7px; }
.bp-element-posts.layout-list-2 .list-post .item {
margin-bottom: 30px;
padding-bottom: 0;
padding-top: 0; }
.bp-element-posts.layout-list-2 .list-post .item .thumbnail {
float: left;
margin-right: 25px;
max-width: 100px; }
.bp-element-posts.layout-list-2 .list-post .item .content .title {
font-size: 16px;
text-transform: capitalize;
font-weight: 400;
margin-bottom: 6px;
transition: all .3s;
line-height: 24px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.bp-element-posts.layout-list-2 .list-post .item .content .title a {
color: #202121; }
.bp-element-posts.layout-list-2 .list-post .item .content .title a:hover {
color: #ffb606; }
.bp-element-posts.layout-list-2 .list-post .item .content .title:hover {
color: #ffb606; }
.bp-element-posts.layout-list-2 .list-post .item .content .list-meta {
margin-top: 0; }
.bp-element-posts.layout-list-2 .list-post .item .content .list-meta .post-date {
font-size: 16px;
font-weight: 300;
color: #f8b944; }
.bp-element-posts.layout-list-2 .list-post .item .content .course-price .value {
font-size: 16px;
font-weight: 500;
color: #f8b944; }
.bp-element-posts.layout-list-1 .list-posts .item {
padding-bottom: 35px;
padding-right: 25px; }
.bp-element-posts.layout-list-1 .list-posts .item + .item {
border-top: 1px solid rgba(0, 0, 0, 0.15);
padding-top: 34px; }
.bp-element-posts.layout-list-1 .list-posts .item:last-child {
padding-bottom: 0; }
.bp-element-posts.layout-list-1 .list-posts .item .content .title {
font-weight: 400;
font-size: 18px;
line-height: 1.555555;
color: #292929; }
.bp-element-posts.layout-list-1 .list-posts .item .content .title:hover {
text-decoration: none;
color: #3ac569; }
.bp-element-posts.layout-list-1 .list-posts .item .content .list-meta {
margin-top: 13px; }
.bp-element-posts.layout-list-1 .list-posts .item .content .list-meta .post-date {
font-weight: 300;
font-size: 16px;
line-height: 1.5;
color: #7c7c7c; }
.bp-element-posts.layout-list-1 .list-posts .item .content .list-meta .post-date i {
color: #3ac569;
margin-right: 6px; }
.bp-element-posts.layout-slider .heading-post {
display: flex;
align-items: center;
flex-wrap: wrap;
padding-right: 100px; }
.bp-element-posts.layout-slider .heading-post .title {
margin-bottom: 0;
margin-right: 20px;
color: #fff; }
.bp-element-posts.layout-slider .heading-post .link {
font-weight: 300;
font-size: 16px;
line-height: 1.5;
color: #f8b944;
border-bottom: 1px solid #f8b944;
margin-bottom: 7px;
transition: all 0.2s; }
.bp-element-posts.layout-slider .slide-posts {
margin-right: -20px;
margin-left: -20px; }
.bp-element-posts.layout-slider .slide-posts .item-slick {
padding: 0 20px 30px 20px; }
.bp-element-posts.layout-slider .slide-posts .wrap-arrow-slick {
display: flex;
justify-content: flex-end;
align-items: center;
padding: 0 20px 57px 20px;
margin-top: -33px; }
.bp-element-posts.layout-slider .slide-posts .wrap-arrow-slick .arow-slick {
font-size: 20px;
color: #828282;
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
border: 1px solid #707070;
transition: all 0.2s;
cursor: pointer;
margin-left: 5px; }
.bp-element-posts.layout-slider .slide-posts .wrap-arrow-slick .arow-slick:hover {
background: #f8b944;
border-color: #f8b944;
color: #fff; }
.bp-element-posts.layout-slider .post-item {
box-shadow: 5px 5px 15px 5px rgba(105, 105, 105, 0.08);
padding: 20px 20px 38px 20px;
background: #fff; }
.bp-element-posts.layout-slider .post-item .pic {
margin-bottom: 33px; }
.bp-element-posts.layout-slider .post-item .pic img {
width: 100%; }
.bp-element-posts.layout-slider .post-item .content .date {
font-family: Heebo;
font-weight: 300;
font-size: 16px;
line-height: 1.5;
color: #f8b944;
margin-bottom: 8px; }
.bp-element-posts.layout-slider .post-item .content .title {
margin-bottom: 20px; }
.bp-element-posts.layout-slider .post-item .content .title a {
font-family: Heebo;
font-weight: 400;
font-size: 18px;
line-height: 1.444444;
color: #292929;
transition: all 0.2s; }
.bp-element-posts.layout-slider .post-item .content .title a:hover {
text-decoration: none;
color: #f8b944; }
.bp-element-posts.layout-slider .post-item .content .description {
font-family: Heebo;
font-weight: 300;
font-size: 16px;
line-height: 1.75;
color: #747474;
margin-bottom: 26px; }
.bp-element-posts.layout-slider .post-item .content .link {
font-family: Heebo;
font-weight: 300;
font-size: 16px;
line-height: 1.5;
color: #292929;
transition: all 0.2s;
text-decoration: underline; }
.bp-element-posts.layout-slider .post-item .content .link:hover {
color: #f8b944; }
.bp-element-posts.layout-grid .item .thumb img {
width: 100%; }
.bp-element-posts.layout-grid .item .content {
text-align: center;
padding: 28px 37px 50px;
border: solid 1px #ebebeb;
transition: all .5s; }
.bp-element-posts.layout-grid .item .content:hover {
box-shadow: 9.6px 11.5px 14px 0 rgba(0, 0, 0, 0.1); }
.bp-element-posts.layout-grid .item .content .title {
font-size: 20px;
margin-bottom: 15px; }
.bp-element-posts.layout-grid .item .content .list-meta > span {
margin: 0 9px; }
.bp-element-posts.layout-grid .item .content .list-meta > span:last-child {
margin-right: 0; }
.bp-element-posts.layout-grid .item .content .list-meta > span:first-child {
margin-left: 0; }
.bp-element-posts.layout-grid .item .content .post-author {
margin-right: 38px;
font-weight: 300;
text-transform: capitalize; }
.bp-element-posts.layout-grid .item .content .post-author a {
color: inherit; }
.bp-element-posts.layout-grid .item .content .post-author a:hover {
color: #e9003f; }
.bp-element-posts.layout-grid .item .content .post-author img {
border-radius: 50%;
margin-right: 8px; }
.bp-element-posts.layout-grid .item .content .simplefavorite-button {
color: #666; }
.bp-element-posts.layout-grid .item .content .simplefavorite-button i {
font-size: 16px;
color: #999999; }
.bp-element-posts.layout-grid .item .content .simplefavorite-button:hover span {
color: #e9003f; }
.bp-element-posts.layout-grid .item .content .comments-meta a {
color: inherit; }
.bp-element-posts.layout-grid .item .content .comments-meta a:hover {
color: #e9003f; }
.bp-element-posts.layout-grid .item .content .comments-meta i {
font-size: 16px;
color: #999999; }
.bp-element-posts.layout-grid .item .content .excerpt {
margin-top: 18px; }
.bp-element-posts.layout-grid .item .content .read-more {
margin-top: 30px; }
.bp-element-posts.layout-grid .item .content .read-more a {
line-height: 43px;
height: 43px;
font-size: 14px;
font-weight: normal;
letter-spacing: 0.4px;
text-transform: uppercase;
padding: 0 39px;
display: inline-block;
border-radius: 30px;
border: solid 1px #c2c2c2;
color: inherit; }
.bp-element-posts.layout-grid .item .content .read-more a:hover {
border-color: #e9003f;
background-color: #e9003f;
color: #fff; }
.bp-element-posts.vblog-layout-slider-3 .wrap-element {
overflow: hidden;
padding-top: 10px; }
.bp-element-posts.vblog-layout-slider-3 .heading-post {
padding-right: 80px;
display: flex;
align-items: center;
flex-wrap: wrap;
margin-left: -20px;
border-bottom: 1px solid #2b2b2b;
padding-bottom: 25px;
margin-bottom: 40px; }
.bp-element-posts.vblog-layout-slider-3 .heading-post .title {
font-weight: 600;
font-size: 24px;
line-height: 1.1;
color: #fff;
text-transform: uppercase;
word-break: break-word;
padding-right: 20px;
padding-left: 20px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden; }
.bp-element-posts.vblog-layout-slider-3 .heading-post .description {
font-weight: 300;
font-size: 14px;
line-height: 1.5;
color: #7c7c7c;
word-break: break-word;
border-left: 1px solid #2b2b2b;
padding: 3px 0 3px 20px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden; }
.bp-element-posts.vblog-layout-slider-3 .heading-post .link {
font-weight: 300;
font-size: 14px;
line-height: 1.5;
color: #e40914;
text-decoration: underline;
word-break: break-word;
border-left: 1px solid #2b2b2b;
padding: 3px 0 3px 20px;
transition: all .2s; }
.bp-element-posts.vblog-layout-slider-3 .heading-post .link:hover {
color: #fff; }
.bp-element-posts.vblog-layout-slider-3 .slide-posts {
position: relative;
margin-right: -15px;
margin-left: -15px; }
.bp-element-posts.vblog-layout-slider-3 .slide-posts .item-slick {
padding: 0 15px 0 15px; }
.bp-element-posts.vblog-layout-slider-3 .slide-posts .wrap-arrow-slick {
display: flex;
justify-content: flex-end;
align-items: center;
position: absolute;
top: -94px;
right: 0; }
.bp-element-posts.vblog-layout-slider-3 .slide-posts .wrap-arrow-slick::before {
content: '';
display: block;
width: 1px;
height: 100%;
background: #2b2b2b;
position: absolute;
top: 0;
left: 50%; }
.bp-element-posts.vblog-layout-slider-3 .slide-posts .wrap-arrow-slick .arow-slick {
font-size: 26px;
color: #e1e1e1;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
height: 28px;
padding: 0 15px;
transition: all 0.2s;
cursor: pointer; }
.bp-element-posts.vblog-layout-slider-3 .slide-posts .wrap-arrow-slick .arow-slick:hover {
color: #e40914; }
.bp-element-posts.vblog-layout-slider-3 .slide-posts .wrap-arrow-slick .arow-slick.slick-arrow.slick-hidden {
display: none; }
.bp-element-posts.vblog-layout-slider-3 .slide-posts .wrap-arrow-slick .arow-slick[aria-disabled="true"] {
opacity: .3;
pointer-events: none; }
.bp-element-posts.vblog-layout-slider-3 .post-item .feature-item {
overflow: hidden;
position: relative;
z-index: 1;
margin-bottom: 30px; }
.bp-element-posts.vblog-layout-slider-3 .post-item .feature-item img {
width: 100%;
transition: all .5s ease-out; }
.bp-element-posts.vblog-layout-slider-3 .post-item .feature-item:hover img {
transform: scale(1.1, 1.1); }
.bp-element-posts.vblog-layout-slider-3 .post-item .feature-item .overlay {
position: absolute;
z-index: 2;
top: auto;
width: 110%;
height: 68%;
bottom: -2px;
left: 0;
background: rgba(0, 0, 0, 0.2);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #000);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0), #000);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #000);
background: linear-gradient(top, rgba(255, 255, 255, 0), #000);
opacity: .8;
pointer-events: none; }
.bp-element-posts.vblog-layout-slider-3 .post-item .feature-item .content {
overflow: hidden;
position: absolute;
z-index: 10;
bottom: 0;
left: 0;
width: 430px;
max-width: calc(100% - 60px);
max-height: calc(100% - 60px);
margin-right: 30px;
margin-left: 30px;
margin-bottom: 23px; }
.bp-element-posts.vblog-layout-slider-3 .post-item .feature-item .content .title {
font-weight: 600;
font-size: 20px;
line-height: 1.3;
max-height: 54px;
color: #fff;
text-align: left;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 7px; }
.bp-element-posts.vblog-layout-slider-3 .post-item .feature-item .content .title a {
color: #fff;
transition: all .2s; }
.bp-element-posts.vblog-layout-slider-3 .post-item .feature-item .content .title a:hover {
color: #e40914; }
.bp-element-posts.vblog-layout-slider-3 .post-item .feature-item .content .title:hover {
color: #e40914; }
.bp-element-posts.vblog-layout-slider-3 .post-item .feature-item .content .info {
font-weight: 300;
font-size: 14px;
line-height: 1.85;
color: #bbbbbb;
text-transform: uppercase;
word-break: break-word;
display: flex;
flex-wrap: wrap;
margin-left: -13px; }
.bp-element-posts.vblog-layout-slider-3 .post-item .feature-item .content .info .item-info {
padding-left: 13px;
padding-right: 10px;
position: relative; }
.bp-element-posts.vblog-layout-slider-3 .post-item .feature-item .content .info .item-info::before {
content: '•';
font-family: inherit;
font-weight: 300;
font-size: 14px;
line-height: 1.85;
color: #bbbbbb;
position: absolute;
top: 0;
left: 0; }
.bp-element-posts.vblog-layout-slider-3 .post-item .feature-item .content .info .item-info a {
color: #bbbbbb; }
.bp-element-posts.vblog-layout-slider-3 .post-item .feature-item .content .info .item-info a:hover {
color: #e40914; }
.bp-element-posts.vblog-layout-slider-3 .post-item .item {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
margin-bottom: 30px; }
.bp-element-posts.vblog-layout-slider-3 .post-item .item .pic {
width: 201px;
overflow: hidden; }
.bp-element-posts.vblog-layout-slider-3 .post-item .item .pic img {
width: 100%;
transition: all .5s ease-out; }
.bp-element-posts.vblog-layout-slider-3 .post-item .item .pic:hover img {
transform: scale(1.1, 1.1); }
.bp-element-posts.vblog-layout-slider-3 .post-item .item .text {
width: calc(100% - 201px - 25px); }
.bp-element-posts.vblog-layout-slider-3 .post-item .item .text .info {
font-weight: 300;
font-size: 14px;
line-height: 1.85;
color: #e40914;
text-transform: uppercase;
word-break: break-word;
margin-bottom: 2px; }
.bp-element-posts.vblog-layout-slider-3 .post-item .item .text .title {
font-weight: 600;
font-size: 16px;
line-height: 1.625;
color: #fff;
word-break: break-word;
margin-bottom: 16px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
height: 25px; }
.bp-element-posts.vblog-layout-slider-3 .post-item .item .text .title a {
color: #fff;
transition: all .2s; }
.bp-element-posts.vblog-layout-slider-3 .post-item .item .text .title a:hover {
color: #e40914; }
.bp-element-posts.vblog-layout-slider-3 .post-item .item .text .title:hover {
color: #e40914; }
.bp-element-posts.vblog-layout-slider-3 .post-item .item .text .description {
font-weight: 300;
font-size: 16px;
line-height: 1.5;
color: #7c7c7c;
max-height: 72px;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden; }
.bp-element-posts.vblog-layout-list-footer .wrap-element .heading-post .title {
font-weight: 600;
font-size: 18px;
line-height: 1.5;
color: #fff;
text-transform: uppercase;
word-break: break-word;
margin-top: -5px;
margin-bottom: 28px; }
.bp-element-posts.vblog-layout-list-footer .wrap-element .list-posts .item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 33px; }
.bp-element-posts.vblog-layout-list-footer .wrap-element .list-posts .item:last-child {
margin-bottom: 0; }
.bp-element-posts.vblog-layout-list-footer .wrap-element .list-posts .item .pic {
width: 100px;
padding-top: 4px; }
.bp-element-posts.vblog-layout-list-footer .wrap-element .list-posts .item .pic img {
width: 100%; }
.bp-element-posts.vblog-layout-list-footer .wrap-element .list-posts .item .text {
width: calc(100% - 100px - 25px); }
.bp-element-posts.vblog-layout-list-footer .wrap-element .list-posts .item .text .title {
font-weight: 300;
font-size: 16px;
line-height: 1.5;
color: #fff;
word-break: break-word;
margin-bottom: 8px;
display: -webkit-box;
-webkit-line-clamp: 2;
padding-top: 0;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: 46px; }
.bp-element-posts.vblog-layout-list-footer .wrap-element .list-posts .item .text .title a {
display: inline-block;
color: #fff;
transition: all .2s; }
.bp-element-posts.vblog-layout-list-footer .wrap-element .list-posts .item .text .title a:hover {
color: #e40914; }
.bp-element-posts.vblog-layout-list-footer .wrap-element .list-posts .item .text .title:hover {
color: #e40914; }
.bp-element-posts.vblog-layout-list-footer .wrap-element .list-posts .item .text .date {
font-weight: 300;
font-size: 14px;
line-height: 1.5;
color: #7c7c7c;
word-break: break-word; }
.bp-element-posts.vblog-layout-grid-1 .grid-isotope {
margin-right: -20px;
margin-left: -20px; }
.bp-element-posts.vblog-layout-grid-1 .grid-isotope .grid-sizer {
width: calc(100% / 3); }
.bp-element-posts.vblog-layout-grid-1 .grid-isotope .grid-item {
width: calc(100% / 3);
padding: 18px 20px; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item-text {
display: block;
width: 100%;
text-align: center;
background-color: #fd6500;
padding: 46px 14%; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item-text .content {
font-family: PT Serif;
font-weight: 700;
font-size: 18px;
line-height: 1.444444;
color: #fff;
word-break: break-word;
margin-right: auto;
margin-left: auto;
margin-bottom: 15px; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item-text .line {
width: 26px;
height: 1px;
background-color: #fff;
margin-right: auto;
margin-left: auto;
margin-bottom: 16px; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item-text .name {
font-weight: 300;
font-size: 14px;
line-height: 1.7;
color: #fff;
text-transform: uppercase;
word-break: break-word;
margin-bottom: 3px; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item-text .star {
font-size: 16px;
line-height: 1.2;
color: #fff; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item-video {
position: relative;
z-index: 1; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item-video img {
width: 100%; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item-video .overlay {
position: absolute;
z-index: 5;
width: calc(100% + 2px);
height: calc(100% + 2px);
top: -1px;
left: -1px;
background-color: #000;
opacity: .4; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item-video .content {
position: absolute;
z-index: 10;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 15px 15%; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item-video .content .btn-play {
display: block;
width: 36px;
height: 41px;
background-image: url(//spotlighthigh.com/wp-content/plugins/builderpress/inc/elements/general/posts/assets/css/assets/images/icon-play-01.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
transition: all .3s;
margin-bottom: 14px; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item-video .content .btn-play:hover {
transform: scale(1.2, 1.2); }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item-video .content .title {
font-family: PT Serif;
font-weight: 700;
line-height: 1.555555;
font-size: 18px;
color: #fff;
text-align: center;
word-break: break-word;
margin-right: auto;
margin-left: auto; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item-video .content .title a {
color: #fff; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item-video .content .title a:hover {
color: #fd6500; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item .pic {
overflow: hidden;
position: relative; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item .pic .overlay {
position: absolute;
width: calc(100% + 2px);
height: calc(100% + 2px);
top: -1px;
left: -1px;
background-color: #000;
opacity: .4;
pointer-events: none; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item .pic img {
width: 100%;
transition: all .5s ease-out; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item .pic .btn-play-blog {
position: absolute;
z-index: 20;
top: calc(50% - 22px);
left: calc(50% - 19px);
display: block;
width: 38px;
height: 44px;
background-image: url(//spotlighthigh.com/wp-content/plugins/builderpress/inc/elements/general/posts/assets/images/icon-play-01.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
transition: all .3s; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item .text .date {
font-weight: 300;
font-size: 12px;
line-height: 1.5;
word-break: break-word;
margin-bottom: 9px; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item .text .title {
font-family: PT Serif;
font-weight: 700;
font-size: 18px;
line-height: 1.444444;
word-break: break-word;
margin-bottom: 19px; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item .text .title a {
display: inline-block; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item .text .title a:hover {
color: #fd6500 !important; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item .text .content {
font-weight: 300;
font-size: 16px;
line-height: 1.5;
word-break: break-word;
margin-bottom: 25px; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item .text .link-readmore {
font-weight: 400;
font-size: 12px;
line-height: 1.5;
text-transform: uppercase;
text-decoration: underline !important;
word-break: break-word; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item .text .link-readmore:hover {
color: #fd6500 !important; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item.text-overlay {
position: relative; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item.text-overlay:hover .pic img {
transform: scale(1.1, 1.1); }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item.text-overlay .content, .bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item.text-overlay .link-readmore {
display: none; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item.text-overlay .text {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
padding: 5px 13.8% 5px 30px; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item.text-overlay .text .date {
color: #fffefe; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item.text-overlay .text .title a {
color: #fff; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item.text-default {
position: relative; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item.text-default .pic .overlay {
display: none; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item.text-default .pic:hover img {
transform: scale(1.1, 1.1); }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item.text-default .text {
background-color: #fff;
padding: 26px 12.5% 35px 22px; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item.text-default .text .date {
color: #1f1f1f; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item.text-default .text .title a {
color: #1f1f1f; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item.text-default .text .content {
color: #757575; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-item.text-default .text .link-readmore {
color: #1f1f1f; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-type-gallery {
width: 100%;
position: relative; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-type-gallery .wrap-arrow-slick {
pointer-events: none;
position: absolute;
z-index: 100;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 0 20px; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-type-gallery .wrap-arrow-slick .arow-slick {
pointer-events: auto;
cursor: pointer;
font-size: 20px;
line-height: 1;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
width: 38px;
height: 38px;
border-radius: 50%;
background: rgba(37, 37, 37, 0.6);
transition: all .2s; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-type-gallery .wrap-arrow-slick .arow-slick:hover {
background: #fd6500; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-type-gallery .wrap-arrow-slick .arow-slick.slick-arrow.slick-hidden {
display: none; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-type-gallery .wrap-arrow-slick .arow-slick[aria-disabled="true"] {
visibility: hidden; }
.bp-element-posts.vblog-layout-grid-1 .grid-posts .post-type-gallery .gallery-item img {
width: 100%; }
.bp-element-posts.vblog-layout-grid-2 .grid-isotope {
margin: -20px -20px; }
.bp-element-posts.vblog-layout-grid-2 .grid-isotope .grid-sizer {
width: 50%; }
.bp-element-posts.vblog-layout-grid-2 .grid-isotope .grid-item {
width: 50%;
padding: 20px 20px; }
.bp-element-posts.vblog-layout-grid-2 .grid-isotope .size_2x1 {
width: 100%; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts {
margin-bottom: 40px; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post {
text-align: center; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .media-item {
margin-bottom: 28px; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .media-item img {
width: 100%;
height: auto; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .media-item iframe {
display: block;
width: 100%; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .info {
font-weight: 400;
font-size: 12px;
line-height: 1.6;
color: #6e6e6e;
text-transform: uppercase;
word-break: break-word;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 2px; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .info span i {
display: none; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .info .info-item {
padding-left: 13px;
padding-right: 6px;
position: relative; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .info .info-item::before {
content: '•';
font-family: inherit;
font-weight: 300;
font-size: 16px;
line-height: 1.2;
color: #6e6e6e;
position: absolute;
top: 0;
left: 0; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .info .info-item:first-child {
padding-left: 0; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .info .info-item:first-child:before {
display: none; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .info .info-item a {
color: #6e6e6e; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .info .info-item a:hover {
color: #fa777c; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .info .item-info {
padding-left: 13px;
padding-right: 6px;
position: relative; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .info .item-info::before {
content: '•';
font-family: inherit;
font-weight: 300;
font-size: 16px;
line-height: 1.2;
color: #6e6e6e;
position: absolute;
top: 0;
left: 0; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .info .item-info:first-child {
padding-left: 0; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .info .item-info:first-child:before {
display: none; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .info .item-info a {
color: #6e6e6e; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .info .item-info a:hover {
color: #fa777c; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .title {
font-family: Playfair Display;
font-weight: 400;
font-size: 22px;
line-height: 1.363636;
color: #1f1f1f;
word-break: break-word;
margin-bottom: 17px; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .title a {
display: inline-block;
color: #1f1f1f; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .title a:hover {
color: #fa777c; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .content {
font-family: Playfair Display;
font-weight: 400;
font-size: 16px;
line-height: 1.875;
color: #6e6e6e;
word-break: break-word;
margin-bottom: 21px; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .btn-readmore {
font-family: Playfair Display;
font-weight: 700;
font-size: 14px;
line-height: 1.5;
color: #fff;
text-transform: uppercase;
background: #fa777c;
padding: 0 38px;
margin-bottom: 25px;
height: 46px;
border-radius: 30px;
max-width: max-content;
margin-left: auto;
margin-right: auto; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .btn-readmore:hover {
background: #f8464d; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .share .wrap-text {
position: relative;
z-index: 1;
margin-bottom: 13px; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .share .wrap-text .line {
display: block;
width: 100%;
border-top: 1px dashed #d7d7d7;
position: absolute;
z-index: -1;
top: calc(50% - 1px);
left: 0; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .share .wrap-text .text {
display: inline-block;
font-family: Playfair Display;
font-weight: 400;
font-size: 12px;
line-height: 1.5;
color: #6e6e6e;
text-transform: uppercase;
word-break: break-word;
background: #fff;
padding: 0 20px; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .share .namefield {
display: none; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .share .socials {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: -7px; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .share .socials .item-social {
font-size: 15px;
line-height: 1;
color: #1f1f1f;
display: inline-flex;
justify-content: center;
align-items: center;
width: 39px;
height: 39px;
border-radius: 50%;
border: 1px solid #eeeeee;
margin: 7px;
transition: all .2s; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post .share .socials .item-social:hover {
border-color: #fa777c;
background: #fa777c;
color: #fff; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.feature-item {
width: 100%;
display: flex;
align-items: center;
flex-direction: column; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.feature-item .entry-meta {
order: 0; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.feature-item .entry-header {
order: 1; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.feature-item .entry-summary {
order: 3; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.feature-item .btn-readmore {
order: 4; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.feature-item::after {
order: 6;
content: '';
display: block;
width: 100%;
height: 1px;
background-image: url(//spotlighthigh.com/wp-content/plugins/builderpress/inc/elements/general/posts/assets/images/layouts/pattern-line.png);
background-repeat: repeat-x;
margin-top: 20px; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.feature-item .media-item {
margin-bottom: 33px;
order: 2; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.feature-item .info {
margin-bottom: 4px; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.feature-item .title {
margin-bottom: 33px;
max-width: 650px;
margin-right: auto;
margin-left: auto; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.feature-item .title a {
display: inline-block;
font-size: 32px;
line-height: 1.3125; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.feature-item .share {
width: 400px;
max-width: 100%;
margin-right: auto;
margin-left: auto;
order: 5; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.video-item .media-item {
position: relative;
z-index: 1;
overflow: hidden; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.video-item .media-item::before {
content: '';
display: block;
position: absolute;
z-index: 2;
width: calc(100% + 2px);
height: calc(100% + 2px);
bottom: -1px;
left: -1px;
background: #000;
opacity: .2;
transition: all .3s; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.video-item .media-item .btn-play {
position: absolute;
z-index: 20;
top: calc(50% - 22px);
left: calc(50% - 19px);
display: block;
width: 38px;
height: 44px;
background-image: url(//spotlighthigh.com/wp-content/plugins/builderpress/inc/elements/general/posts/assets/css/assets/images/icon-play-01.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
transition: all .3s; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.video-item .media-item .btn-play:hover {
transform: scale(1.2, 1.2); }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.video-item .media-item:hover:before {
opacity: .4; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.image-item .media-item {
overflow: hidden; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.image-item .media-item img {
transition: all .5s ease-out; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.image-item .media-item:hover img {
transform: scale(1.1, 1.1); }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.slide-item .media-item {
display: block; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.slide-item .media-item .slide-images {
width: 100%;
position: relative; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.slide-item .media-item .slide-images .wrap-arrow-slick {
pointer-events: none;
position: absolute;
z-index: 100;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 0 20px; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.slide-item .media-item .slide-images .wrap-arrow-slick .arow-slick {
pointer-events: auto;
cursor: pointer;
font-size: 20px;
line-height: 1;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
width: 38px;
height: 38px;
border-radius: 50%;
background: rgba(37, 37, 37, 0.6);
transition: all .2s; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.slide-item .media-item .slide-images .wrap-arrow-slick .arow-slick:hover {
background: #fa777c; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.slide-item .media-item .slide-images .wrap-arrow-slick .arow-slick.slick-arrow.slick-hidden {
display: none; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.slide-item .media-item .slide-images .wrap-arrow-slick .arow-slick[aria-disabled="true"] {
visibility: hidden; }
.bp-element-posts.vblog-layout-grid-2 .grid-posts .item-post.slide-item .media-item .slide-images .item-img img {
width: 100%; }
.bp-element-posts.vblog-layout-grid-2 .pagi-post {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
padding-top: 25px; }
.bp-element-posts.vblog-layout-grid-2 .pagi-post::before {
content: '';
display: block;
width: 100%;
height: 1px;
background-image: url(//spotlighthigh.com/wp-content/plugins/builderpress/inc/elements/general/posts/assets/images/pattern-line.png);
background-repeat: repeat-x;
position: absolute;
top: 0;
left: 0; }
.bp-element-posts.vblog-layout-grid-2 .pagi-post .item-pagi {
font-weight: 400;
font-size: 14px;
line-height: 1.85;
color: #1f1f1f;
text-transform: uppercase;
display: flex;
align-items: center; }
.bp-element-posts.vblog-layout-grid-2 .pagi-post .item-pagi:hover {
color: #fa777c; }
.bp-element-posts.vblog-layout-grid-2 .pagi-post .item-pagi i {
font-size: 22px;
padding-bottom: 2px; }
.bp-element-posts.vblog-layout-grid-2 .pagi-post .item-pagi.prev {
padding-right: 15px; }
.bp-element-posts.vblog-layout-grid-2 .pagi-post .item-pagi.prev i {
margin-right: 15px; }
.bp-element-posts.vblog-layout-grid-2 .pagi-post .item-pagi.next {
padding-left: 15px;
justify-content: flex-end;
text-align: right;
margin-right: 0;
margin-left: auto; }
.bp-element-posts.vblog-layout-grid-2 .pagi-post .item-pagi.next i {
margin-left: 15px; }
.bp-element-posts.vblog-layout-list-sidebar-2 .wrap-element .title-post {
font-family: Playfair Display;
font-weight: 400;
font-style: italic;
font-size: 18px;
line-height: 1.666666;
color: #1f1f1f;
text-align: center;
word-break: break-word;
border: 1px dashed #cfcfcf;
padding: 10px 15px;
position: relative;
margin-bottom: 35px; }
.bp-element-posts.vblog-layout-list-sidebar-2 .wrap-element .title-post::before {
content: '';
display: block;
width: 8px;
height: 8px;
background-color: #fff;
border-left: 1px dashed #cfcfcf;
border-bottom: 1px dashed #cfcfcf;
transform: rotate(-45deg);
position: absolute;
bottom: -5px;
left: calc(50% - 5px); }
.bp-element-posts.vblog-layout-list-sidebar-2 .wrap-element .list-posts .post-item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 30px; }
.bp-element-posts.vblog-layout-list-sidebar-2 .wrap-element .list-posts .post-item:last-child {
margin-bottom: 0; }
.bp-element-posts.vblog-layout-list-sidebar-2 .wrap-element .list-posts .post-item .pic {
display: block;
width: 93px; }
.bp-element-posts.vblog-layout-list-sidebar-2 .wrap-element .list-posts .post-item .pic img {
width: 100%; }
.bp-element-posts.vblog-layout-list-sidebar-2 .wrap-element .list-posts .post-item .text {
width: calc(100% - 93px - 20px);
align-self: stretch;
display: flex;
flex-direction: column;
justify-content: center; }
.bp-element-posts.vblog-layout-list-sidebar-2 .wrap-element .list-posts .post-item .text .title {
font-family: Playfair Display;
font-weight: 400;
font-size: 18px;
line-height: 1.444444;
color: #1f1f1f;
word-break: break-word;
margin-bottom: 11px; }
.bp-element-posts.vblog-layout-list-sidebar-2 .wrap-element .list-posts .post-item .text .title a {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
color: #1f1f1f; }
.bp-element-posts.vblog-layout-list-sidebar-2 .wrap-element .list-posts .post-item .text .title a:hover {
color: #fa777c; }
.bp-element-posts.vblog-layout-list-sidebar-2 .wrap-element .list-posts .post-item .text .info {
font-weight: 400;
font-size: 12px;
line-height: 1.5;
color: #6e6e6e;
text-transform: uppercase;
word-break: break-word; }
.bp-element-posts.kindergarten-layout-grid-1 .wrap-element .post-item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 40px; }
.bp-element-posts.kindergarten-layout-grid-1 .wrap-element .post-item.color-1 .post-date {
background-color: #ff5562; }
.bp-element-posts.kindergarten-layout-grid-1 .wrap-element .post-item.color-2 .post-date {
background-color: #64cadb; }
.bp-element-posts.kindergarten-layout-grid-1 .wrap-element .post-item.color-3 .post-date {
background-color: #7cc576; }
.bp-element-posts.kindergarten-layout-grid-1 .wrap-element .post-item.color-4 .post-date {
background-color: #ffa0d3; }
.bp-element-posts.kindergarten-layout-grid-1 .wrap-element .post-item.color-5 .post-date {
background-color: #a864a8; }
.bp-element-posts.kindergarten-layout-grid-1 .wrap-element .post-item .post-media {
width: 46.4%;
overflow: hidden;
position: relative; }
.bp-element-posts.kindergarten-layout-grid-1 .wrap-element .post-item .post-media .post-date {
font-weight: 300;
font-size: 14px;
line-height: 1.5;
color: #fff;
text-transform: uppercase;
word-break: break-word;
position: absolute;
bottom: 0;
left: 0;
padding: 11px 15px 9px 15px; }
.bp-element-posts.kindergarten-layout-grid-1 .wrap-element .post-item .post-media img {
width: 100%;
transition: all .5s ease; }
.bp-element-posts.kindergarten-layout-grid-1 .wrap-element .post-item .post-media:hover img {
transform: scale(1.05); }
.bp-element-posts.kindergarten-layout-grid-1 .wrap-element .post-item .post-text {
width: calc(53.6% - 30px); }
.bp-element-posts.kindergarten-layout-grid-1 .wrap-element .post-item .post-text .title {
font-weight: 700;
font-size: 18px;
line-height: 1.111111;
color: #282828;
word-break: break-word;
overflow: hidden;
margin-bottom: 8px;
max-height: 39px; }
.bp-element-posts.kindergarten-layout-grid-1 .wrap-element .post-item .post-text .title a {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: #282828;
transition: all .2s; }
.bp-element-posts.kindergarten-layout-grid-1 .wrap-element .post-item .post-text .title a:hover {
color: #ff5562; }
.bp-element-posts.kindergarten-layout-grid-1 .wrap-element .post-item .post-text .meta-info {
font-weight: 300;
font-size: 14px;
line-height: 1.5;
color: #797979;
word-break: break-word;
margin-bottom: 18px; }
.bp-element-posts.kindergarten-layout-grid-1 .wrap-element .post-item .post-text .meta-info i {
font-size: 12px;
margin-right: 5px; }
.bp-element-posts.kindergarten-layout-grid-1 .wrap-element .post-item .post-text .meta-info a {
color: #797979;
transition: all .2s; }
.bp-element-posts.kindergarten-layout-grid-1 .wrap-element .post-item .post-text .meta-info a:hover {
color: #ff5562; }
.bp-element-posts.kindergarten-layout-grid-1 .wrap-element .post-item .post-text .meta-info .info-item {
display: inline-block;
margin-right: 12px; }
.bp-element-posts.kindergarten-layout-grid-1 .wrap-element .post-item .post-text .content {
font-weight: 300;
font-size: 16px;
line-height: 1.5;
color: #797979;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 17px; }
.bp-element-posts.kindergarten-layout-grid-1 .wrap-element .post-item .post-text .link-readmore {
font-family: Nunito;
font-weight: 300;
font-size: 14px;
line-height: 1.5;
color: #282828;
text-transform: uppercase;
text-decoration: underline;
transition: all .2s; }
.bp-element-posts.kindergarten-layout-grid-1 .wrap-element .post-item .post-text .link-readmore:hover {
color: #ff5562; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element [class*="col-"] {
padding-bottom: 40px; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item {
height: 100%;
overflow: hidden;
box-shadow: 8px 6px 20px 0px rgba(0, 0, 0, 0.1);
border-radius: 10px;
display: flex;
flex-direction: column; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item.color-1 .post-date {
background: #27c1f5; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item.color-1 .post-text .info li i {
color: #27c1f5; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item.color-1:hover .post-text {
background: #27c1f5; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item.color-1:hover .post-text .border-top {
color: #27c1f5; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item.color-2 .post-date {
background: #f96a9a; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item.color-2 .post-text .info li i {
color: #f96a9a; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item.color-2:hover .post-text {
background: #f96a9a; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item.color-2:hover .post-text .border-top {
color: #f96a9a; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item.color-3 .post-date {
background: #43cd66; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item.color-3 .post-text .info li i {
color: #43cd66; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item.color-3:hover .post-text {
background: #43cd66; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item.color-3:hover .post-text .border-top {
color: #43cd66; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item.color-4 .post-date {
background: #f9b001; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item.color-4 .post-text .info li i {
color: #f9b001; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item.color-4:hover .post-text {
background: #f9b001; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item.color-4:hover .post-text .border-top {
color: #f9b001; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item .post-image {
overflow: hidden; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item .post-image img {
width: 100%;
transition: all .5s ease; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item .post-image:hover img {
transform: scale(1.1); }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item .post-date {
font-weight: 300;
font-size: 16px;
line-height: 1.1;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 72px;
height: 72px;
border-radius: 50%;
margin-top: -54px;
margin-bottom: -18px;
margin-left: 30px;
position: relative;
z-index: 10;
transition: all .3s; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item .post-date::before {
content: '';
display: block;
width: 62px;
height: 62px;
border-radius: 50%;
border: 1px dashed #fff;
position: absolute;
top: 5px;
left: 5px;
transition: all .3s; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item .post-date .number {
font-family: Sniglet;
font-weight: 400;
font-size: 18px; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item .post-text {
padding: 0px 29px 0px 29px;
flex-grow: 1;
display: flex;
flex-direction: column;
background: #fff;
transition: all .3s; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item .post-text ul, .bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item .post-text ol, .bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item .post-text li {
list-style-type: none;
margin: 0; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item .post-text .border-top {
color: #fff;
position: relative;
width: 1000%;
top: -29px;
left: -65px;
transition: all .3s; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item .post-text .border-top::before {
content: '\f21b\f21b\f21b\f21b\f21b\f21b\f21b\f21b\f21b\f21b\f21b\f21b';
font-family: Ionicons;
font-size: 115px;
line-height: 1;
letter-spacing: 13px;
display: flex;
align-items: flex-start;
overflow-y: hidden;
height: 36px; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item .post-text .border-top::after {
content: '\f3a7\f3a7\f3a7\f3a7\f3a7\f3a7\f3a7\f3a7\f3a7\f3a7\f3a7\f3a7';
font-family: Ionicons;
font-size: 151px;
line-height: 1;
letter-spacing: -17px;
display: flex;
align-items: flex-end;
height: 34px;
overflow: hidden;
position: absolute;
left: 39px;
top: 20px; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item .post-text .title {
font-weight: 400;
font-size: 18px;
line-height: 1.666666;
color: #033b62;
word-break: break-word;
overflow: hidden;
margin-bottom: 8px;
max-height: 34px; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item .post-text .title a {
color: inherit;
transition: all .3s;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item .post-text .title a:hover {
color: #033b62 !important; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item .post-text .description {
font-weight: 300;
font-size: 16px;
line-height: 1.625;
color: #666;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
flex-grow: 1;
margin-bottom: 12px;
transition: all .3s; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item .post-text .info {
border-top: 1px solid rgba(204, 204, 204, 0.3);
padding-top: 14px;
padding-bottom: 15px;
transition: all .3s; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item .post-text .info li {
font-weight: 300;
font-size: 16px;
line-height: 1.625;
color: #666;
word-break: break-word;
display: inline-block;
margin-right: 19px;
transition: all .3s; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item .post-text .info li a {
color: inherit;
transition: unset; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item .post-text .info li a:hover {
color: #033b62 !important; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item .post-text .info li i {
margin-right: 6px;
transition: all .3s; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item:hover .post-date {
background: #fff;
color: #666; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item:hover .post-date::before {
border-color: #666; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item:hover .post-text .title {
color: #fff; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item:hover .post-text .description {
color: #fff; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item:hover .post-text .info {
border-color: rgba(255, 255, 255, 0.2); }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item:hover .post-text .info li {
color: #fff; }
.bp-element-posts.kindergarten-layout-grid-2 .wrap-element .post-item:hover .post-text .info li i {
color: #fff; }
.bp-element-posts.kindergarten-layout-widget-2 .wrap-element .post-list .post-item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 30px; }
.bp-element-posts.kindergarten-layout-widget-2 .wrap-element .post-list .post-item:last-child {
margin-bottom: 0; }
.bp-element-posts.kindergarten-layout-widget-2 .wrap-element .post-list .post-item .post-image {
width: 97px; }
.bp-element-posts.kindergarten-layout-widget-2 .wrap-element .post-list .post-item .post-image img {
width: 100%; }
.bp-element-posts.kindergarten-layout-widget-2 .wrap-element .post-list .post-item .post-text {
width: calc(100% - 97px - 19px);
align-self: center; }
.bp-element-posts.kindergarten-layout-widget-2 .wrap-element .post-list .post-item .post-text .title {
font-weight: 400;
font-size: 16px;
line-height: 1.25;
margin-bottom: 10px; }
.bp-element-posts.kindergarten-layout-widget-2 .wrap-element .post-list .post-item .post-text .title a {
color: #56509f;
transition: all .2s;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden; }
.bp-element-posts.kindergarten-layout-widget-2 .wrap-element .post-list .post-item .post-text .title a:hover {
color: #ff5f2e; }
.bp-element-posts.kindergarten-layout-widget-2 .wrap-element .post-list .post-item .post-text .info {
font-weight: 300;
font-size: 14px;
line-height: 1.5;
color: #797979;
word-break: break-word; }
.bp-element-posts.kindergarten-layout-widget-1 .wrap-element .post-item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 20px; }
.bp-element-posts.kindergarten-layout-widget-1 .wrap-element .post-item .post-image {
width: 67px;
margin-top: 7px;
margin-bottom: 3px; }
.bp-element-posts.kindergarten-layout-widget-1 .wrap-element .post-item .post-image img {
width: 100%; }
.bp-element-posts.kindergarten-layout-widget-1 .wrap-element .post-item .post-text {
width: calc(100% - 67px - 20px); }
.bp-element-posts.kindergarten-layout-widget-1 .wrap-element .post-item .post-text .title {
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: #666;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 8px; }
.bp-element-posts.kindergarten-layout-widget-1 .wrap-element .post-item .post-text .title a {
color: #666;
transition: all .2s; }
.bp-element-posts.kindergarten-layout-widget-1 .wrap-element .post-item .post-text .title a:hover {
color: #f86a9a; }
.bp-element-posts.kindergarten-layout-widget-1 .wrap-element .post-item .post-text .info {
font-weight: 300;
font-size: 14px;
line-height: 1.5;
font-style: italic;
color: #666;
word-break: break-word; }
.bp-element-posts.marketing-layout-grid-1 .wrap-element .col,
.bp-element-posts.marketing-layout-grid-1 .wrap-element [class*="col-"] {
padding-bottom: 40px; }
.bp-element-posts.marketing-layout-grid-1 .wrap-element .item-post {
height: 100%;
display: flex;
flex-direction: column;
font-family: Poppins;
transition: all .3s; }
.bp-element-posts.marketing-layout-grid-1 .wrap-element .item-post .image-post {
position: relative;
z-index: 0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
overflow: hidden; }
.bp-element-posts.marketing-layout-grid-1 .wrap-element .item-post .image-post img {
width: 100%;
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
.bp-element-posts.marketing-layout-grid-1 .wrap-element .item-post .image-post .overlay-post {
display: block;
width: 100%;
height: 100%;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
position: absolute;
z-index: 1;
top: 0;
left: 0;
background: -webkit-linear-gradient(left, #124ee8, #ab7ee4);
background: -o-linear-gradient(left, #124ee8, #ab7ee4);
background: -moz-linear-gradient(left, #124ee8, #ab7ee4);
background: linear-gradient(left, #124ee8, #ab7ee4);
opacity: 0;
transition: all .2s; }
.bp-element-posts.marketing-layout-grid-1 .wrap-element .item-post .image-post .date-post {
font-weight: 400;
font-size: 14px;
line-height: 1.3;
color: #fff;
text-transform: uppercase;
text-align: center;
background: #ffbc42;
border-radius: 5px;
position: absolute;
z-index: 2;
bottom: 20px;
left: 20px;
padding: 5px 12px;
box-shadow: 13px 15px 15px 0px rgba(105, 105, 105, 0.08); }
.bp-element-posts.marketing-layout-grid-1 .wrap-element .item-post .image-post .date-post .number {
display: block; }
.bp-element-posts.marketing-layout-grid-1 .wrap-element .item-post .image-post:hover .overlay-post {
opacity: .6; }
.bp-element-posts.marketing-layout-grid-1 .wrap-element .item-post .text-post {
border: 1px solid #ebebeb;
border-top: none;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
padding: 35px 20px 31px 20px;
flex-grow: 1;
display: flex;
flex-direction: column; }
.bp-element-posts.marketing-layout-grid-1 .wrap-element .item-post .text-post .title-post {
font-weight: 500;
font-size: 18px;
line-height: 1.444444;
color: #2a2a2a;
word-break: break-word;
padding: 0;
margin: 0;
margin-bottom: 16px; }
.bp-element-posts.marketing-layout-grid-1 .wrap-element .item-post .text-post .title-post a {
color: inherit;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: 50px;
transition: all .2s; }
.bp-element-posts.marketing-layout-grid-1 .wrap-element .item-post .text-post .title-post a:hover {
color: #ffbc42; }
.bp-element-posts.marketing-layout-grid-1 .wrap-element .item-post .text-post .content-post {
font-weight: 300;
font-size: 16px;
line-height: 1.75;
color: #828282;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
flex-grow: 1;
margin-bottom: 24px; }
.bp-element-posts.marketing-layout-grid-1 .wrap-element .item-post .text-post .info-post {
font-weight: 300;
font-size: 16px;
line-height: 1.75;
color: #828282;
word-break: break-word; }
.bp-element-posts.marketing-layout-grid-1 .wrap-element .item-post .text-post .info-post a {
font-weight: 400;
color: #2a2a2a;
transition: all .2s; }
.bp-element-posts.marketing-layout-grid-1 .wrap-element .item-post .text-post .info-post a:hover {
color: #ffbc42; }
.bp-element-posts.marketing-layout-grid-1 .wrap-element .item-post:hover {
box-shadow: 13px 15px 15px 0px rgba(105, 105, 105, 0.08); }
.bp-element-posts.marketing-layout-grid-1 .wrap-element .item-post:hover .text-post {
border-color: transparent; }
.bp-element-posts.marketing-layout-grid-1.color-2 .wrap-element .item-post {
transition: all .3s; }
.bp-element-posts.marketing-layout-grid-1.color-2 .wrap-element .item-post .image-post {
position: relative;
z-index: 0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
overflow: hidden; }
.bp-element-posts.marketing-layout-grid-1.color-2 .wrap-element .item-post .image-post img {
width: 100%;
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
.bp-element-posts.marketing-layout-grid-1.color-2 .wrap-element .item-post .image-post .overlay-post {
display: block;
width: 100%;
height: 100%;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
position: absolute;
z-index: 1;
top: 0;
left: 0;
background: -webkit-linear-gradient(left, #124ee8, #ab7ee4);
background: -o-linear-gradient(left, #124ee8, #ab7ee4);
background: -moz-linear-gradient(left, #124ee8, #ab7ee4);
background: linear-gradient(left, #124ee8, #ab7ee4);
opacity: 0;
transition: all .2s; }
.bp-element-posts.marketing-layout-grid-1.color-2 .wrap-element .item-post .image-post .date-post {
font-weight: 400;
font-size: 14px;
line-height: 1.3;
color: #fff;
text-transform: uppercase;
text-align: center;
background: #ffbc42;
border-radius: 5px;
position: absolute;
z-index: 2;
bottom: 20px;
left: 20px;
padding: 5px 12px;
box-shadow: 13px 15px 15px 0px rgba(105, 105, 105, 0.08); }
.bp-element-posts.marketing-layout-grid-1.color-2 .wrap-element .item-post .image-post .date-post .number {
display: block; }
.bp-element-posts.marketing-layout-grid-1.color-2 .wrap-element .item-post .image-post:hover .overlay-post {
opacity: .6; }
.bp-element-posts.marketing-layout-grid-1.color-2 .wrap-element .item-post .image-post .overlay-post {
background: -webkit-linear-gradient(left, #7cf9c5, #534bff);
background: -o-linear-gradient(left, #7cf9c5, #534bff);
background: -moz-linear-gradient(left, #7cf9c5, #534bff);
background: linear-gradient(left, #7cf9c5, #534bff); }
.bp-element-posts.marketing-layout-grid-1.color-2 .wrap-element .item-post .image-post .date-post {
color: #2f2674;
background: #7cf9c5; }
.bp-element-posts.marketing-layout-grid-1.color-2 .wrap-element .item-post .text-post {
border-color: #7cf9c5; }
.bp-element-posts.marketing-layout-grid-1.color-2 .wrap-element .item-post .text-post .title-post {
color: #2f2674; }
.bp-element-posts.marketing-layout-grid-1.color-2 .wrap-element .item-post .text-post .title-post a:hover {
color: #534bff; }
.bp-element-posts.marketing-layout-grid-1.color-2 .wrap-element .item-post .text-post .info-post a {
font-weight: 300;
color: #2f2674; }
.bp-element-posts.marketing-layout-grid-1.color-2 .wrap-element .item-post .text-post .info-post a:hover {
color: #534bff; }
.bp-element-posts.marketing-layout-grid-1.color-2 .wrap-element .item-post:hover .text-post {
border-color: transparent; }
.bp-element-posts.marketing-layout-grid-2 .wrap-element {
position: relative; }
.bp-element-posts.marketing-layout-grid-2 .wrap-element .col,
.bp-element-posts.marketing-layout-grid-2 .wrap-element [class*="col-"] {
padding-bottom: 50px; }
.bp-element-posts.marketing-layout-grid-2 .wrap-element .link-element {
font-weight: 300;
font-size: 16px;
line-height: 1.2;
color: #ff7d00;
display: inline-block;
border-bottom: 1px solid #ff7d00;
position: absolute;
bottom: calc(100% + 60px);
right: 0;
transition: all .2s; }
.bp-element-posts.marketing-layout-grid-2 .wrap-element .link-element:hover {
color: #2f2674;
border-color: #2f2674; }
.bp-element-posts.marketing-layout-grid-2 .wrap-element .item-post {
height: 100%;
display: flex;
flex-direction: column; }
.bp-element-posts.marketing-layout-grid-2 .wrap-element .item-post .image-post {
display: block;
position: relative;
z-index: 0;
border-radius: 5px;
overflow: hidden;
margin-bottom: 36px; }
.bp-element-posts.marketing-layout-grid-2 .wrap-element .item-post .image-post img {
width: 100%;
border-radius: 5px;
transition: all .5s ease; }
.bp-element-posts.marketing-layout-grid-2 .wrap-element .item-post .image-post .date-post {
font-weight: 400;
font-size: 14px;
line-height: 1.3;
color: #fff;
text-transform: uppercase;
text-align: center;
background: linear-gradient(left, #ffc400, #ff6e00);
background: -webkit-linear-gradient(left, #ffc400, #ff6e00);
background: -o-linear-gradient(left, #ffc400, #ff6e00);
background: -moz-linear-gradient(left, #ffc400, #ff6e00);
border-radius: 5px;
position: absolute;
z-index: 2;
bottom: 20px;
left: 20px;
padding: 5px 9px;
box-shadow: 13px 15px 15px 0px rgba(105, 105, 105, 0.08); }
.bp-element-posts.marketing-layout-grid-2 .wrap-element .item-post .image-post .date-post .number {
display: block; }
.bp-element-posts.marketing-layout-grid-2 .wrap-element .item-post .image-post:hover img {
transform: scale(1.05); }
.bp-element-posts.marketing-layout-grid-2 .wrap-element .item-post .text-post {
text-align: center;
padding: 0 15px; }
.bp-element-posts.marketing-layout-grid-2 .wrap-element .item-post .text-post .title-post {
font-weight: 500;
font-size: 18px;
line-height: 1.444444;
color: #2f2674;
word-break: break-word;
padding: 0;
margin: 0; }
.bp-element-posts.marketing-layout-grid-2 .wrap-element .item-post .text-post .title-post a {
color: inherit;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: 50px;
transition: all .2s; }
.bp-element-posts.marketing-layout-grid-2 .wrap-element .item-post .text-post .title-post a:hover {
color: #ff6e00; }
.bp-element-posts.coach-life-layout-list-1 .wrap-element .item-post {
border-bottom: 1px solid rgba(130, 130, 130, 0.21);
padding: 36px 0 31px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start; }
.bp-element-posts.coach-life-layout-list-1 .wrap-element .item-post:last-child {
border-bottom: none;
padding-bottom: 0; }
.bp-element-posts.coach-life-layout-list-1 .wrap-element .item-post:first-child {
padding-top: 0; }
.bp-element-posts.coach-life-layout-list-1 .wrap-element .item-post .image-post {
display: block;
width: 114px; }
.bp-element-posts.coach-life-layout-list-1 .wrap-element .item-post .image-post img {
width: 100%; }
.bp-element-posts.coach-life-layout-list-1 .wrap-element .item-post .text-post {
width: calc(100% - 114px - 30px);
margin-top: -9px; }
.bp-element-posts.coach-life-layout-list-1 .wrap-element .item-post .text-post .info-post {
list-style-type: none;
padding: 0;
margin: 0 0 6px 0;
letter-spacing: 19px;
overflow: hidden; }
.bp-element-posts.coach-life-layout-list-1 .wrap-element .item-post .text-post .info-post li {
display: inline-block;
letter-spacing: normal;
font-weight: 300;
font-size: 14px;
line-height: 1.5;
color: #ff3b47;
text-transform: uppercase;
word-break: break-word;
position: relative;
margin-bottom: 0; }
.bp-element-posts.coach-life-layout-list-1 .wrap-element .item-post .text-post .info-post li::before {
content: '';
display: block;
width: 1px;
height: 16px;
background: #828282;
opacity: .3;
position: absolute;
top: 2px;
left: -13px;
right: auto; }
.bp-element-posts.coach-life-layout-list-1 .wrap-element .item-post .text-post .info-post li a {
color: inherit;
transition: all .2s; }
.bp-element-posts.coach-life-layout-list-1 .wrap-element .item-post .text-post .info-post li a:hover {
color: #000; }
.bp-element-posts.coach-life-layout-list-1 .wrap-element .item-post .text-post .title-post {
font-weight: 500;
font-size: 18px;
line-height: 1.5;
color: #000;
word-break: break-word;
margin-bottom: 15px; }
.bp-element-posts.coach-life-layout-list-1 .wrap-element .item-post .text-post .title-post a {
color: inherit;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: calc(1.5 * 2em);
transition: all .2s; }
.bp-element-posts.coach-life-layout-list-1 .wrap-element .item-post .text-post .title-post a:hover {
color: #ff3b47; }
.bp-element-posts.coach-life-layout-list-1 .wrap-element .item-post .text-post .description-post {
font-weight: 300;
font-size: 16px;
line-height: 1.75;
color: #6c6c6c;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: calc(1.75 * 2em); }
@media (max-width: 575px) {
.bp-element-posts.coach-life-layout-list-1 .wrap-element .item-post .image-post {
width: 50px; }
.bp-element-posts.coach-life-layout-list-1 .wrap-element .item-post .text-post {
width: calc(100% - 50px - 20px); } }
.bp-element-posts.coach-life-layout-list-1.color-2 .wrap-element .item-post .text-post .info-post li {
color: #6c6c6c; }
.bp-element-posts.coach-life-layout-list-1.color-2 .wrap-element .item-post .text-post .info-post li.highlights {
color: #41d3bd; }
.bp-element-posts.coach-life-layout-list-1.color-2 .wrap-element .item-post .text-post .title-post a:hover {
color: #41d3bd; }
.bp-element-posts.coach-life-layout-list-1.color-3 .wrap-element .item-post .text-post .info-post li {
color: #3dad7c; }
.bp-element-posts.coach-life-layout-list-1.color-3 .wrap-element .item-post .text-post .title-post a:hover {
color: #3dad7c; }
.bp-element-posts.coach-life-layout-list-1.no-image .wrap-element .item-post {
border-bottom: 1px solid rgba(130, 130, 130, 0.21);
padding: 31px 0; }
.bp-element-posts.coach-life-layout-list-1.no-image .wrap-element .item-post:last-child {
border-bottom: none;
padding-bottom: 0; }
.bp-element-posts.coach-life-layout-list-1.no-image .wrap-element .item-post:first-child {
padding-top: 0; }
.bp-element-posts.coach-life-layout-list-1.no-image .wrap-element .item-post .image-post {
display: none; }
.bp-element-posts.coach-life-layout-list-1.no-image .wrap-element .item-post .text-post {
width: 100%;
margin-top: 0px; }
@media (max-width: 575px) {
.bp-element-posts.coach-life-layout-list-1.no-image .wrap-element .item-post .text-post {
width: 100%; } }
.bp-element-posts.tutorx-layout-grid-1 .wrap-element [class*="col-"] {
padding-bottom: 40px; }
.bp-element-posts.tutorx-layout-grid-1 .wrap-element .item-post .image-post {
overflow: hidden; }
.bp-element-posts.tutorx-layout-grid-1 .wrap-element .item-post .image-post img {
width: 100%;
transition: all .5s ease; }
.bp-element-posts.tutorx-layout-grid-1 .wrap-element .item-post .image-post:hover img {
transform: scale(1.1); }
.bp-element-posts.tutorx-layout-grid-1 .wrap-element .item-post .text-post {
text-align: center;
padding: 34px 8% 0px 8%; }
.bp-element-posts.tutorx-layout-grid-1 .wrap-element .item-post .text-post .title-post {
font-weight: 400;
font-size: 18px;
line-height: 1.444444;
color: #000;
word-break: break-word;
margin-bottom: 10px; }
.bp-element-posts.tutorx-layout-grid-1 .wrap-element .item-post .text-post .title-post a {
color: inherit;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: calc(1.444444 * 2em);
transition: all .2s; }
.bp-element-posts.tutorx-layout-grid-1 .wrap-element .item-post .text-post .title-post a:hover {
color: #41d3bd; }
.bp-element-posts.tutorx-layout-grid-1 .wrap-element .item-post .text-post .info-post {
list-style-type: none;
padding: 0;
margin: 0; }
.bp-element-posts.tutorx-layout-grid-1 .wrap-element .item-post .text-post .info-post li {
font-weight: 300;
font-size: 14px;
line-height: 1.7;
color: #6c6c6c;
word-break: break-word;
display: inline-block;
padding: 0px 6px;
position: relative;
margin-bottom: 0; }
.bp-element-posts.tutorx-layout-grid-1 .wrap-element .item-post .text-post .info-post li::after {
content: '/';
color: #6c6c6c;
position: absolute;
top: 0;
right: -5px;
left: auto; }
.bp-element-posts.tutorx-layout-grid-1 .wrap-element .item-post .text-post .info-post li:last-child:after {
display: none; }
.bp-element-posts.tutorx-layout-grid-1 .wrap-element .item-post .text-post .info-post li.hight-light {
color: #41d3bd; }
.bp-element-posts.tutorx-layout-grid-1 .wrap-element .item-post .text-post .info-post li a {
color: inherit;
transition: all .2s;
text-transform: capitalize; }
.bp-element-posts.tutorx-layout-grid-1 .wrap-element .item-post .text-post .info-post li a:hover {
color: #000; }
.bp-element-posts.tutorx-layout-grid-1.layout-style-2 .wrap-element .item-post .text-post .title-post {
font-weight: 600;
color: #00387a;
margin-bottom: 15px; }
.bp-element-posts.tutorx-layout-grid-1.layout-style-2 .wrap-element .item-post .text-post .title-post a:hover {
color: #fdb813; }
.bp-element-posts.tutorx-layout-grid-1.layout-style-2 .wrap-element .item-post .text-post .info-post li {
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: #363636; }
.bp-element-posts.tutorx-layout-grid-1.layout-style-2 .wrap-element .item-post .text-post .info-post li::after {
color: #363636; }
.bp-element-posts.tutorx-layout-grid-1.layout-style-2 .wrap-element .item-post .text-post .info-post li.hight-light {
color: #fdb813; }
.bp-element-posts.tutorx-layout-grid-1.layout-style-2 .wrap-element .item-post .text-post .info-post li a:hover {
color: #00387a; }
.bp-element-posts.tutorx-layout-grid-1.layout-style-3 .wrap-element .item-post .text-post .title-post {
font-weight: 600;
font-size: 20px;
margin-bottom: 11px; }
.bp-element-posts.tutorx-layout-grid-1.layout-style-3 .wrap-element .item-post .text-post .title-post a:hover {
color: #e9011f; }
.bp-element-posts.tutorx-layout-grid-1.layout-style-3 .wrap-element .item-post .text-post .info-post li {
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: #5d5d5d; }
.bp-element-posts.tutorx-layout-grid-1.layout-style-3 .wrap-element .item-post .text-post .info-post li::after {
color: #5d5d5d; }
.bp-element-posts.tutorx-layout-grid-1.layout-style-3 .wrap-element .item-post .text-post .info-post li.hight-light {
color: #e9011f; }
.bp-element-posts.tutorx-layout-grid-1.layout-style-3 .wrap-element .item-post .text-post .info-post li a:hover {
color: #000; }
.home-2 .bp-element-posts.vblog-layout-slider-3 .heading-post {
border-color: #d7d7d7; }
.home-2 .bp-element-posts.vblog-layout-slider-3 .heading-post .title {
color: #111; }
.home-2 .bp-element-posts.vblog-layout-slider-3 .heading-post .description {
color: #6e6e6e;
border-color: #d7d7d7; }
.home-2 .bp-element-posts.vblog-layout-slider-3 .heading-post .link {
color: #6e6e6e;
border-color: #d7d7d7; }
.home-2 .bp-element-posts.vblog-layout-slider-3 .heading-post .link:hover {
color: #e40914; }
.home-2 .bp-element-posts.vblog-layout-slider-3 .slide-posts .wrap-arrow-slick::before {
background: #d7d7d7; }
.home-2 .bp-element-posts.vblog-layout-slider-3 .slide-posts .wrap-arrow-slick .arow-slick {
color: #cfcfcf; }
.home-2 .bp-element-posts.vblog-layout-slider-3 .slide-posts .wrap-arrow-slick .arow-slick:hover {
color: #e40914; }
.home-2 .bp-element-posts.vblog-layout-slider-3 .post-item .item .text .title a {
color: #111; }
.home-2 .bp-element-posts.vblog-layout-slider-3 .post-item .item .text .title a:hover {
color: #e40914; }
.home-2 .bp-element-posts.vblog-layout-slider-3 .post-item .item .text .description {
color: #6e6e6e; }
@media (max-width: 1400px) and (min-width: 1025px) {
.bp-element-posts.vblog-layout-slider-3 .post-item .item {
margin-bottom: 29px; }
.bp-element-posts.vblog-layout-slider-3 .post-item .item .pic {
width: 200px; }
.bp-element-posts.vblog-layout-slider-3 .post-item .item .text {
width: calc(100% - 200px - 25px); } }
@media (max-width: 1400px) {
.bp-element-posts.layout-list-2 .list-post .item .thumbnail {
width: 88px;
margin-right: 20px; }
.bp-element-posts.layout-list-2 .list-post .item .content .list-meta .post-date {
font-size: 14px; } }
@media (max-width: 991px) {
.bp-element-posts.vblog-layout-grid-1 .grid-isotope .grid-sizer {
width: calc(100% / 2); }
.bp-element-posts.vblog-layout-grid-1 .grid-isotope .grid-item {
width: calc(100% / 2); } }
@media (max-width: 767px) {
.bp-element-posts.vblog-layout-grid-1 .grid-isotope .grid-sizer {
width: calc(100% / 1); }
.bp-element-posts.vblog-layout-grid-1 .grid-isotope .grid-item {
width: calc(100% / 1); }
.bp-element-posts.vblog-layout-grid-2 .grid-isotope .grid-sizer {
width: 100%; }
.bp-element-posts.vblog-layout-grid-2 .grid-isotope .grid-item {
width: 100%; }
.bp-element-posts.marketing-layout-grid-2 .wrap-element .link-element {
bottom: calc(100% + 15px);
right: auto;
left: 0; } }
@media (max-width: 480px) {
.bp-element-posts.vblog-layout-slider-3 .post-item .item .pic {
margin-bottom: 14px;
width: 100%; }
.bp-element-posts.vblog-layout-slider-3 .post-item .item .text {
width: 100%; }
.bp-element-posts.vblog-layout-slider-3 .post-item .feature-item .content {
max-width: calc(100% - 25px);
margin-left: 15px;
margin-bottom: 15px; }
.bp-element-posts.vblog-layout-slider-3 .post-item .feature-item .content .info .item-info:last-child {
display: none; }
.bp-element-posts.kindergarten-layout-grid-1 .wrap-element .post-item .post-media {
width: 100%;
margin-bottom: 30px; }
.bp-element-posts.kindergarten-layout-grid-1 .wrap-element .post-item .post-text {
width: 100%; } }