styles.css 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. @import 'animate.css';
  2. @font-face {
  3. font-display: swap;
  4. font-family: 'Playfair Display';
  5. font-style: normal;
  6. font-weight: 400;
  7. src: url('./fonts/playfair-display-v36-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  8. }
  9. @font-face {
  10. font-display: swap;
  11. font-family: 'Playfair Display';
  12. font-style: normal;
  13. font-weight: 600;
  14. src: url('./fonts/playfair-display-v36-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  15. }
  16. @font-face {
  17. font-display: swap;
  18. font-family: 'Playfair Display';
  19. font-style: normal;
  20. font-weight: 800;
  21. src: url('./fonts/playfair-display-v36-latin-800.woff2') format('woff2');
  22. }
  23. @font-face {
  24. font-display: swap;
  25. font-family: 'Playfair Display';
  26. font-style: normal;
  27. font-weight: 900;
  28. src: url('./fonts/playfair-display-v36-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  29. }
  30. @font-face {
  31. font-family: 'Handlee';
  32. font-style: normal;
  33. font-weight: 400;
  34. src: url('./fonts/handlee-v12-latin-regular.eot'); /* IE9 Compat Modes */
  35. src: local(''),
  36. url('./fonts/handlee-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  37. url('./fonts/handlee-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  38. url('./fonts/handlee-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
  39. url('./fonts/handlee-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  40. url('./fonts/handlee-v12-latin-regular.svg#Handlee') format('svg'); /* Legacy iOS */
  41. }
  42. .handlee {
  43. font-family: 'Handlee', cursive;
  44. }
  45. @font-face {
  46. font-family: 'Amatic SC';
  47. font-style: normal;
  48. font-weight: 400;
  49. src: url('./fonts/amatic-sc-v22-latin-regular.eot'); /* IE9 Compat Modes */
  50. src: local(''),
  51. url('./fonts/amatic-sc-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  52. url('./fonts/amatic-sc-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  53. url('../fonts/amatic-sc-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
  54. url('./fonts/amatic-sc-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  55. url('./fonts/amatic-sc-v22-latin-regular.svg#AmaticSC') format('svg'); /* Legacy iOS */
  56. }
  57. @font-face {
  58. font-family: 'Amatic SC';
  59. font-style: normal;
  60. font-weight: 700;
  61. src: url('../fonts/amatic-sc-v22-latin-700.eot'); /* IE9 Compat Modes */
  62. src: local(''),
  63. url('./fonts/amatic-sc-v22-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  64. url('./fonts/amatic-sc-v22-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
  65. url('./fonts/amatic-sc-v22-latin-700.woff') format('woff'), /* Modern Browsers */
  66. url('./fonts/amatic-sc-v22-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
  67. url('./fonts/amatic-sc-v22-latin-700.svg#AmaticSC') format('svg'); /* Legacy iOS */
  68. }
  69. .amatic {
  70. font-family: 'Amatic SC', cursive;
  71. }
  72. .scrolled-down{
  73. transform:translateY(-100%); transition: all 0.3s ease-in-out;
  74. }
  75. .scrolled-up{
  76. transform:translateY(0); transition: all 0.3s ease-in-out;
  77. }
  78. nav .form-control {
  79. background-color: transparent;
  80. }
  81. nav .form-control::placeholder {
  82. color: rgba(255, 255, 255, 0.5);
  83. }
  84. footer .form-control {
  85. background-color: transparent;
  86. }
  87. footer .form-control::placeholder {
  88. color: rgba(255, 255, 255, 0.5);
  89. }
  90. .carousel-caption {
  91. background-color: rgba(0, 0, 0, 0.5);
  92. }
  93. .carousel-item img {
  94. object-fit: cover;
  95. object-position: top;
  96. height: 50vh;
  97. overflow: hidden;
  98. }
  99. .outline {
  100. line-height: 1.8em;
  101. }
  102. .outline ol {
  103. list-style-type: upper-roman;
  104. }
  105. .outline ol ol {
  106. list-style-type: upper-alpha;
  107. }
  108. .outline ol ol ol {
  109. list-style-type: decimal;
  110. }
  111. .outline ol ol ol ol {
  112. counter-reset: list;
  113. }
  114. .outline ol ol ol ol > li {
  115. list-style: none;
  116. }
  117. .outline ol ol ol ol > li:before {
  118. content: counter(list, lower-alpha) ") ";
  119. counter-increment: list;
  120. }
  121. .outline ol ol ol ol ol {
  122. counter-reset: list;
  123. }
  124. .outline ol ol ol ol ol > li {
  125. list-style: none;
  126. }
  127. .outline ol ol ol ol ol > li:before {
  128. content: counter(list, decimal) ") ";
  129. counter-increment: list;
  130. }
  131. table.costs tr.border-top {
  132. border-top: 2px solid !important;
  133. }
  134. /***********************************************************
  135. ################### Site Migration #########################
  136. ************************************************************/
  137. .wp-block-navigation-link .current-menu-item a {
  138. color: #ffffff !important;
  139. }
  140. .wp-block-site-title {
  141. text-transform: uppercase;
  142. font-weight: 600;
  143. letter-spacing: 3px;
  144. }
  145. .wp-block-navigation__submenu-container {
  146. background-color: #484c57;
  147. }
  148. .wp-block-navigation .wp-block-navigation-item {
  149. background-color: #484c57;
  150. }
  151. .wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open {
  152. color:#E9E4DC;
  153. background-color: #484c57;
  154. font-size: 18px;
  155. }
  156. .wp-block-navigation-item.current-menu-item {
  157. color: #ffffff;
  158. }
  159. footer ul li {
  160. margin-block-start: 0;
  161. list-style: none;
  162. }
  163. footer .wp-block-query {
  164. margin-block-start: 0;
  165. padding-top: 0;
  166. }
  167. footer .wp-block-query ul.wp-block-post-template {
  168. padding-top: 0 !important;
  169. }