You are here

Home » API reference » Media Hero Slider 8.6

varbase-heroslider-media.theme.css in Media Hero Slider 8.6

Same filename and directory in other branches
  1. 8.5 css/theme/varbase-heroslider-media.theme.css
/* Varbase Hero slider media style */
.varbase-heroslider-media .slide__caption .slide__title a {
  color: #fff;
}
.varbase-heroslider-media .slide__caption .slick__text {
  color: #fff;
}
.varbase-heroslider-media .slick__arrow .slick-arrow::before {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .varbase-heroslider-media .slick__arrow {
    top: calc(300px/2);
    transform: translateY(-calc(150px));
  }
}
@media screen and (min-width: 768px) {
  .varbase-heroslider-media .slick__arrow {
    top: calc(600px/2);
    transform: translateY(-calc(300px));
  }
}
.varbase-heroslider-media .slick-prev {
  left: 10px;
  right: auto;
}
.varbase-heroslider-media [dir="rtl"] .slick-prev {
  right: 10px;
  left: auto;
}
.varbase-heroslider-media .slick-next {
  right: 10px;
  left: auto;
}
.varbase-heroslider-media [dir="rtl"] .slick-next {
  left: 10px;
  right: auto;
}
.varbase-heroslider-media .slide__link {
  margin: 10px auto;
}
.varbase-heroslider-media .slide__link a {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .varbase-heroslider-media .node--type-varbase-heroslider-media {
    min-height: 300px;
    max-height: 300px;
  }
}
@media screen and (min-width: 768px) {
  .varbase-heroslider-media .node--type-varbase-heroslider-media {
    min-height: 600px;
    max-height: 600px;
  }
}
.varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .container .row {
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.3);
}
.varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field {
  padding: 1.2em;
  color: #fff;
}
.varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-node-title {
  bottom: 30%;
}
.varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-node-title h2,
.varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-node-title h3 {
  margin: 0;
  padding: 0;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-node-title h2,
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-node-title h3 {
    font-size: 3.3rem;
  }
}
@media screen and (min-width: 768px) {
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-node-title h2,
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-node-title h3 {
    font-size: 57px;
  }
}
@media screen and (min-width: 992px) {
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-node-title h2,
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-node-title h3 {
    font-size: 57px;
  }
}
@media screen and (min-width: 1200px) {
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-node-title h2,
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-node-title h3 {
    font-size: 57px;
  }
}
.varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-brief {
  bottom: 20%;
  color: #fff;
}
.varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-link {
  bottom: 10%;
}
.varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-link a {
  color: #fff;
  text-decoration: none;
}
.varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-link a:hover,
.varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-link a:focus,
.varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-link a:active {
  opacity: 0.7;
}
.varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single {
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single {
    min-height: 300px;
    max-height: 300px;
  }
}
@media screen and (min-width: 768px) {
  .varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single {
    min-height: 600px;
    max-height: 600px;
  }
}
.varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single iframe,
.varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single video {
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single iframe,
  .varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single video {
    top: -150px;
  }
}
@media screen and (min-width: 768px) {
  .varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single iframe,
  .varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single video {
    top: -300px;
  }
}
.varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single img {
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single img {
    min-height: 300px;
    max-height: 300px;
  }
}
@media screen and (min-width: 768px) {
  .varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single img {
    min-height: 600px;
    max-height: 600px;
  }
}
.varbase-heroslider-media > .view-empty {
  background-color: #e0e0e0;
  padding: 385px 0 75px;
  text-align: center;
  color: #666;
  background-repeat: no-repeat;
  background-position: 50% 75px;
  font-size: 20pt;
  /* Icons made by DinosoftLabs (https://www.flaticon.com/authors/dinosoftlabs) from www.flaticon.com. And is licensed by CC 3.0 BY. */
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMjEuNDk0IDMyMS40OTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyMS40OTQgMzIxLjQ5NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNTZweCIgaGVpZ2h0PSIyNTZweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTY2Ljg4LDIwOC43NDd2NzcuNzVsNjcuMzY3LTM4LjgxN0w2Ni44OCwyMDguNzQ3eiBNODAuNzQ3LDIzMi44NTRsMjUuODEzLDE0LjkzM2wtMjUuODEzLDE0LjgyN1YyMzIuODU0eiIgZmlsbD0iI2E4YThhOCIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTAsMTczLjg2N3YxNDcuNjI3aDE4Ny43MzNWMTczLjg2N0gweiBNMTczLjg2NywzMDcuNjI3aC0xNjBWMTg3LjczNGgxNjBWMzA3LjYyN3oiIGZpbGw9IiNhOGE4YTgiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik02Ni44OCwwdjE2MC45NmgyNTQuNjEzVjBINjYuODh6IE0zMDcuNjI4LDE0Ny4wOTRIODAuNzQ3VjEzLjg2N2gyMjYuODhWMTQ3LjA5NHoiIGZpbGw9IiNhOGE4YTgiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0xNTkuMjU1LDIwLjY5NGMtMTEuOTQ3LDAtMjEuNzYsOS44MTMtMjEuNzYsMjEuNzZjMCwxMS45NDcsOS44MTMsMjEuNzYsMjEuNzYsMjEuNzZjMTEuOTQ2LDAsMjEuNzYtOS44MTMsMjEuNzYtMjEuNzYgICAgQzE4MS4wMTUsMzAuNTA3LDE3MS4yMDEsMjAuNjk0LDE1OS4yNTUsMjAuNjk0eiBNMTU5LjI1NSw1MC4zNDZjLTQuMzczLDAtNy44OTMtMy41Mi03Ljg5My03Ljg5M3MzLjUyLTcuODkzLDcuODkzLTcuODkzICAgIHM3Ljg5MywzLjUyLDcuODkzLDcuODkzUzE2My42MjgsNTAuMzQ2LDE1OS4yNTUsNTAuMzQ2eiIgZmlsbD0iI2E4YThhOCIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBvbHlnb24gcG9pbnRzPSIzMDkuNzYsMjkuOTc0IDI1MS43MzQsODUuNTQ3IDIxNy43MDgsNTIuOTA3IDE2Mi43NzUsMTA1LjQ5NCAxMjYuMTg3LDcwLjUwNyA2OS4wMTUsMTI1LjEyIDc4LjYxNCwxMzUuMTQ3ICAgICAxMjYuMTg3LDg5LjcwNyAxNjIuNzc1LDEyNC42OTQgMjE3LjcwOCw3Mi4xMDcgMjUxLjczNCwxMDQuNzQ3IDMxOS4zNjEsNDAgICAiIGZpbGw9IiNhOGE4YTgiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}
@media all and (max-width: 750px) {
  .varbase-heroslider-media > .view-empty {
    padding: 165px 0 75px;
    background-position: 50% 13%;
    font-size: 17pt;
    background-size: 100px;
  }
}
body .hero_slider {
  color: #fff;
  margin-bottom: 50px;
  position: relative;
  top: -20px;
}
@media screen and (max-width: 767px) {
  body .hero_slider {
    margin-top: 50px;
  }
}

File

css/theme/varbase-heroslider-media.theme.css
View source 
  1. /* Varbase Hero slider media style */

  2. .varbase-heroslider-media .slide__caption .slide__title a {

  3.   color: #fff;

  4. }

  5. .varbase-heroslider-media .slide__caption .slick__text {

  6.   color: #fff;

  7. }

  8. .varbase-heroslider-media .slick__arrow .slick-arrow::before {

  9.   color: #fff;

  10.   background-color: rgba(0, 0, 0, 0.3);

  11.   border-radius: 50%;

  12. }

  13. @media screen and (max-width: 767px) {

  14.   .varbase-heroslider-media .slick__arrow {

  15.     top: calc(300px/2);

  16.     transform: translateY(-calc(150px));

  17.   }

  18. }

  19. @media screen and (min-width: 768px) {

  20.   .varbase-heroslider-media .slick__arrow {

  21.     top: calc(600px/2);

  22.     transform: translateY(-calc(300px));

  23.   }

  24. }

  25. .varbase-heroslider-media .slick-prev {

  26.   left: 10px;

  27.   right: auto;

  28. }

  29. .varbase-heroslider-media [dir="rtl"] .slick-prev {

  30.   right: 10px;

  31.   left: auto;

  32. }

  33. .varbase-heroslider-media .slick-next {

  34.   right: 10px;

  35.   left: auto;

  36. }

  37. .varbase-heroslider-media [dir="rtl"] .slick-next {

  38.   left: 10px;

  39.   right: auto;

  40. }

  41. .varbase-heroslider-media .slide__link {

  42.   margin: 10px auto;

  43. }

  44. .varbase-heroslider-media .slide__link a {

  45.   color: #fff;

  46. }

  47. @media screen and (max-width: 767px) {

  48.   .varbase-heroslider-media .node--type-varbase-heroslider-media {

  49.     min-height: 300px;

  50.     max-height: 300px;

  51.   }

  52. }

  53. @media screen and (min-width: 768px) {

  54.   .varbase-heroslider-media .node--type-varbase-heroslider-media {

  55.     min-height: 600px;

  56.     max-height: 600px;

  57.   }

  58. }

  59. .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .container .row {

  60.   background-color: #000000;

  61.   background-color: rgba(0, 0, 0, 0.3);

  62. }

  63. .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field {

  64.   padding: 1.2em;

  65.   color: #fff;

  66. }

  67. .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-node-title {

  68.   bottom: 30%;

  69. }

  70. .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-node-title h2,

  71. .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-node-title h3 {

  72.   margin: 0;

  73.   padding: 0;

  74.   color: #fff;

  75. }

  76. @media screen and (max-width: 767px) {

  77.   .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-node-title h2,

  78.   .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-node-title h3 {

  79.     font-size: 3.3rem;

  80.   }

  81. }

  82. @media screen and (min-width: 768px) {

  83.   .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-node-title h2,

  84.   .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-node-title h3 {

  85.     font-size: 57px;

  86.   }

  87. }

  88. @media screen and (min-width: 992px) {

  89.   .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-node-title h2,

  90.   .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-node-title h3 {

  91.     font-size: 57px;

  92.   }

  93. }

  94. @media screen and (min-width: 1200px) {

  95.   .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-node-title h2,

  96.   .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-node-title h3 {

  97.     font-size: 57px;

  98.   }

  99. }

  100. .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-brief {

  101.   bottom: 20%;

  102.   color: #fff;

  103. }

  104. .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-link {

  105.   bottom: 10%;

  106. }

  107. .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-link a {

  108.   color: #fff;

  109.   text-decoration: none;

  110. }

  111. .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-link a:hover,

  112. .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-link a:focus,

  113. .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-link a:active {

  114.   opacity: 0.7;

  115. }

  116. .varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single {

  117.   overflow: hidden;

  118. }

  119. @media screen and (max-width: 767px) {

  120.   .varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single {

  121.     min-height: 300px;

  122.     max-height: 300px;

  123.   }

  124. }

  125. @media screen and (min-width: 768px) {

  126.   .varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single {

  127.     min-height: 600px;

  128.     max-height: 600px;

  129.   }

  130. }

  131. .varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single iframe,

  132. .varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single video {

  133.   width: 100%;

  134.   object-fit: cover;

  135. }

  136. @media screen and (max-width: 767px) {

  137.   .varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single iframe,

  138.   .varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single video {

  139.     top: -150px;

  140.   }

  141. }

  142. @media screen and (min-width: 768px) {

  143.   .varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single iframe,

  144.   .varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single video {

  145.     top: -300px;

  146.   }

  147. }

  148. .varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single img {

  149.   width: 100%;

  150.   object-fit: cover;

  151. }

  152. @media screen and (max-width: 767px) {

  153.   .varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single img {

  154.     min-height: 300px;

  155.     max-height: 300px;

  156.   }

  157. }

  158. @media screen and (min-width: 768px) {

  159.   .varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single img {

  160.     min-height: 600px;

  161.     max-height: 600px;

  162.   }

  163. }

  164. .varbase-heroslider-media > .view-empty {

  165.   background-color: #e0e0e0;

  166.   padding: 385px 0 75px;

  167.   text-align: center;

  168.   color: #666;

  169.   background-repeat: no-repeat;

  170.   background-position: 50% 75px;

  171.   font-size: 20pt;

  172.   /* Icons made by DinosoftLabs (https://www.flaticon.com/authors/dinosoftlabs) from www.flaticon.com. And is licensed by CC 3.0 BY. */

  173.   background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMjEuNDk0IDMyMS40OTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyMS40OTQgMzIxLjQ5NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNTZweCIgaGVpZ2h0PSIyNTZweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTY2Ljg4LDIwOC43NDd2NzcuNzVsNjcuMzY3LTM4LjgxN0w2Ni44OCwyMDguNzQ3eiBNODAuNzQ3LDIzMi44NTRsMjUuODEzLDE0LjkzM2wtMjUuODEzLDE0LjgyN1YyMzIuODU0eiIgZmlsbD0iI2E4YThhOCIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTAsMTczLjg2N3YxNDcuNjI3aDE4Ny43MzNWMTczLjg2N0gweiBNMTczLjg2NywzMDcuNjI3aC0xNjBWMTg3LjczNGgxNjBWMzA3LjYyN3oiIGZpbGw9IiNhOGE4YTgiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik02Ni44OCwwdjE2MC45NmgyNTQuNjEzVjBINjYuODh6IE0zMDcuNjI4LDE0Ny4wOTRIODAuNzQ3VjEzLjg2N2gyMjYuODhWMTQ3LjA5NHoiIGZpbGw9IiNhOGE4YTgiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0xNTkuMjU1LDIwLjY5NGMtMTEuOTQ3LDAtMjEuNzYsOS44MTMtMjEuNzYsMjEuNzZjMCwxMS45NDcsOS44MTMsMjEuNzYsMjEuNzYsMjEuNzZjMTEuOTQ2LDAsMjEuNzYtOS44MTMsMjEuNzYtMjEuNzYgICAgQzE4MS4wMTUsMzAuNTA3LDE3MS4yMDEsMjAuNjk0LDE1OS4yNTUsMjAuNjk0eiBNMTU5LjI1NSw1MC4zNDZjLTQuMzczLDAtNy44OTMtMy41Mi03Ljg5My03Ljg5M3MzLjUyLTcuODkzLDcuODkzLTcuODkzICAgIHM3Ljg5MywzLjUyLDcuODkzLDcuODkzUzE2My42MjgsNTAuMzQ2LDE1OS4yNTUsNTAuMzQ2eiIgZmlsbD0iI2E4YThhOCIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBvbHlnb24gcG9pbnRzPSIzMDkuNzYsMjkuOTc0IDI1MS43MzQsODUuNTQ3IDIxNy43MDgsNTIuOTA3IDE2Mi43NzUsMTA1LjQ5NCAxMjYuMTg3LDcwLjUwNyA2OS4wMTUsMTI1LjEyIDc4LjYxNCwxMzUuMTQ3ICAgICAxMjYuMTg3LDg5LjcwNyAxNjIuNzc1LDEyNC42OTQgMjE3LjcwOCw3Mi4xMDcgMjUxLjczNCwxMDQuNzQ3IDMxOS4zNjEsNDAgICAiIGZpbGw9IiNhOGE4YTgiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);

  174. }

  175. @media all and (max-width: 750px) {

  176.   .varbase-heroslider-media > .view-empty {

  177.     padding: 165px 0 75px;

  178.     background-position: 50% 13%;

  179.     font-size: 17pt;

  180.     background-size: 100px;

  181.   }

  182. }

  183. body .hero_slider {

  184.   color: #fff;

  185.   margin-bottom: 50px;

  186.   position: relative;

  187.   top: -20px;

  188. }

  189. @media screen and (max-width: 767px) {

  190.   body .hero_slider {

  191.     margin-top: 50px;

  192.   }

  193. }