_inner-banner.scss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. .inner-banner {
  2. position: relative;
  3. background-color: #fff;
  4. background-image: url(../images/background/inner-banner-bg-1-1.jpg);
  5. background-repeat: no-repeat;
  6. background-size: cover;
  7. background-position: top center;
  8. padding-top: 245px;
  9. padding-bottom: 120px;
  10. &__title {
  11. text-align: center;
  12. line-height: 1em;
  13. font-size: 46px;
  14. font-weight: 400;
  15. color: #fff;
  16. margin: 0;
  17. margin-top: 10px;
  18. }
  19. }
  20. .thm-breadcrumb {
  21. margin: 0;
  22. display: flex;
  23. justify-content: center;
  24. align-items: center;
  25. li {
  26. font-size: 18px;
  27. font-weight: 400;
  28. a {
  29. color: #ffffff;
  30. transition: all .4s ease;
  31. &:hover {
  32. color: $thm-base-color-2;
  33. }
  34. }
  35. +li {
  36. &::before {
  37. content: '.';
  38. color: #fff;
  39. margin-left: 15px;
  40. margin-right: 15px;
  41. }
  42. }
  43. }
  44. }