templates/style.css line 1

  1. :root{
  2.     --content-font-size: font-size: 15px;
  3. }
  4. #hero {
  5.     background: url("{{asset('')}}site/lpg-pg.jpg") center center !important;
  6.     background-size: cover;
  7.     position: relative;
  8.     }
  9. #hero:before {
  10.         content: "";
  11.         background: #0d6efd52 !important;
  12.         position: absolute;
  13.         bottom: 0;
  14.         top: 0;
  15.         left: 0;
  16.         right: 0;
  17. }
  18. #header .logo h1 a, #header .logo h1 a:hover {
  19.     color: #dd0000 !important;
  20. }
  22. .portfolio .portfolio-item .portfolio-info p {
  23.     color: #0f48a0;
  24.   }
  25. .navbar a, .navbar a:focus {
  26.     font-weight: 500 !important;
  27.     color: #124aa1 !important;
  28. }
  29. #header {
  30.     height: 70px;
  31.     transition: all 0.5s;
  32.     z-index: 997;
  33.     transition: all 0.5s;
  34.     background: #c7d6eb !important;
  35.     box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
  36. }
  37. #footer .footer-top .footer-contact p {
  38.     font-size: 15px;
  39.     line-height: 25px;
  40.     margin-bottom: 0;
  41.     font-family: "Raleway", sans-serif;
  42.     color: #5b5b5b;
  43.     font-weight: 700;
  44. }
  46. .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a {
  47.     color: #d12324 !important;
  48. }
  50. #footer .footer-top h4 {
  51.     color: #12429c !important;
  52. }
  53. #footer a {
  54.     color: #5b5b5b;
  55.     text-decoration: none;
  56. }
  58. #footer .credits {
  59.     padding-top: 5px;
  60.     font-size: 14px;
  61.     color: #444444;
  62.     font-weight: 600;
  63. }
  65. #footer .footer-top .footer-links ul a {
  66.     color: #5b5b5b;
  67.     transition: 0.3s;
  68.     display: inline-block;
  69.     line-height: 1;
  70.     font-size: 15px;
  71.     font-weight: 700;
  72. }
  73. #header .logo img {
  74.     max-height: 60px !important;
  75. }
  76. .text-j{
  77.     text-align: justify !important;
  78. }
  79. .text-c{
  80.     text-align: center !important;
  81. }
  82. .text-l{
  83.     text-align: left !important;
  84. }
  85. .text-r{
  86.  text-align: right !important;
  87. }
  89. .fs-s{
  90.     font-size: small !important;
  91. }
  92. .fs-ss{
  93.     font-size: smaller !important;
  94. }
  95. .fs-ll{
  96.     font-size: larger !important;
  97. }
  98. .fs-l{
  99.     font-size: large !important;
  100. }
  101. .fw-b{
  102.     font-weight: bold;
  103. }
  104. .fw-bb{
  105.     font-weight: bolder;
  106. }
  107. .fw-n{
  108.     font-weight: normal;
  109. }
  110. .fw-l{
  111.     font-weight: lighter;
  112. }
  114. .td-u{
  115.     text-decoration: underline;
  116. }
  118. .td-n{
  119.     text-decoration: none;
  120. }
  122. .lh-s{
  123.     line-height: 15px;
  124. }
  125. .lh-s2{
  126.     line-height: 20px;
  127. }
  128. .lh-m{
  129.     line-height: 25px;
  130. }
  131. .lh-m2{
  132.     line-height: 30px;
  133. }
  134. .lh-m3{
  135.     line-height: 35px;
  136. }
  137. .lh-l{
  138.     line-height: 40px;
  139. }
  140. .lh-l2{
  141.     line-height: 45px;
  142. }
  143. .lh-l3{
  144.     line-height: 50px;
  145. }
  146. .content{
  147.     line-height: 25px;
  148.     font-size: medium;
  149. }
  150. .content p{
  151.     line-height: 25px;
  152.     font-size: var(--content-font-size);
  153.     font-family: Open Sans;
  154. }