Advertisement
Guest User

Untitled

a guest
Mar 22nd, 2019
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.22 KB | None | 0 0
  1. .border-hover .et_pb_column {
  2. overflow: hidden;
  3. position: relative;
  4. }
  5.  
  6. .border-hover .et_pb_column img {
  7. -webkit-transition: all 0.5s ease-in-out;
  8. -moz-transition: all 0.5s ease-in-out;
  9. transition: all 0.5s ease-in-out;
  10. }
  11.  
  12. .border-hover .et_pb_column:hover img {
  13. transform: scale(1.1);
  14. }
  15.  
  16. .border-hover .et_pb_column:hover .et_pb_image:after {
  17. position: absolute;
  18. top: 0;
  19. left: 0;
  20. width: 100%;
  21. height: 100%;
  22. background: rgba(0,0,0,0.2);
  23. content: '';
  24. }
  25.  
  26. .border-hover .et_pb_column .et_pb_promo_description:before {
  27. top: 50px;
  28. right: 30px;
  29. bottom: 50px;
  30. left: 30px;
  31. border-top: 1px solid #fff;
  32. border-bottom: 1px solid #fff;
  33. -webkit-transform: scale(0,1);
  34. transform: scale(0,1);
  35. -webkit-transform-origin: 0 0;
  36. transform-origin: 0 0;
  37. position: absolute;
  38. content: '';
  39. opacity: 0;
  40. -webkit-transition: opacity 0.35s,
  41. -webkit-transform 0.35s;
  42. transition: opacity 0.35s, transform 0.35s;
  43. }
  44.  
  45. .border-hover .et_pb_column .et_pb_promo_description:after {
  46. top: 30px;
  47. right: 50px;
  48. bottom: 30px;
  49. left: 50px;
  50. border-right: 1px solid #fff;
  51. border-left: 1px solid #fff;
  52. -webkit-transform: scale(1,0);
  53. transform: scale(1,0);
  54. -webkit-transform-origin: 100% 0;
  55. transform-origin: 100% 0;
  56. position: absolute;
  57. content: '';
  58. opacity: 0;
  59. -webkit-transition: opacity 0.35s,
  60. -webkit-transform 0.35s;
  61. transition: opacity 0.35s, transform 0.35s;
  62. }
  63.  
  64. .border-hover .et_pb_column:hover .et_pb_promo_description:before, .border-hover .et_pb_column:hover .et_pb_promo_description:after {
  65. -webkit-transition-delay: 0.15s;
  66. transition-delay: 0.15s;
  67. opacity: 1;
  68. -webkit-transform: scale(1);
  69. transform: scale(1);
  70. }
  71.  
  72. .border-hover .et_pb_column .et_pb_promo_description h2 {
  73. opacity: 0;
  74. color: #fff;
  75. position: absolute;
  76. top: 37%;
  77. width: 100%;
  78. text-align: center;
  79. -webkit-transition: all 0.5s ease-in-out;
  80. -moz-transition: all 0.5s ease-in-out;
  81. transition: all 0.5s ease-in-out;
  82. margin: 0;
  83. padding: 0;
  84. }
  85.  
  86. .border-hover .et_pb_column .et_pb_promo_description p {
  87. opacity: 0;
  88. color: #fff;
  89. position: absolute;
  90. top: 42%;
  91. width: 100%;
  92. text-align: center;
  93. -webkit-transition: all 0.5s ease-in-out;
  94. -moz-transition: all 0.5s ease-in-out;
  95. transition: all 0.5s ease-in-out;
  96. }
  97.  
  98. .border-hover .et_pb_column:hover .et_pb_promo_description h2 {
  99. opacity: 1;
  100. position: absolute;
  101. top: 40%;
  102. width: 100%;
  103. text-align: center;
  104. color: #fff;
  105. }
  106.  
  107. .border-hover .et_pb_column:hover .et_pb_promo_description p {
  108. opacity: 1;
  109. position: absolute;
  110. top: 50%;
  111. width: 100%;
  112. text-align: center;
  113. color: #fff;
  114. }
  115.  
  116. .border-hover .et_pb_promo {
  117. position: absolute;
  118. top: 0;
  119. left: 0;
  120. width: 100%;
  121. height: 100%;
  122. }
  123.  
  124. .border-hover .et_pb_promo_button {
  125. opacity: 0;
  126. position: absolute;
  127. top: 0;
  128. left: 0;
  129. width: 100%;
  130. height: 100%;
  131. }
  132.  
  133. .et_pb_module.et_pb_map_container.et_pb_map_0 {
  134. border: 4px solid #404040 !important;
  135. }
  136. .et_pb_map {
  137. height: 380px !important;
  138. }
  139.  
  140. .et_pb_contact_right p input {
  141. max-height: 46px;
  142. position: relative;
  143. }
  144. .et_pb_blurb .et_pb_blurb_content {
  145. max-width: 70%;
  146. }
  147.  
  148.  
  149. .roundedsplit::before,
  150. .roundedsplit::after {
  151. position: absolute;
  152. content: '';
  153. pointer-events: none;}
  154.  
  155. .roundedsplit {
  156. border-radius: 0 0 80px 80px;}
  157.  
  158. .roundedsplit::before,
  159. .roundedsplit::after {
  160. top: -70px;
  161. left: 0;
  162. z-index: 10;
  163. width: 50%;
  164. height: 70px;
  165. background: inherit;}
  166.  
  167. .roundedsplit::before {
  168. border-radius: 0 80px 0 0;}
  169.  
  170. .roundedsplit::after {
  171. left: 50%;
  172. border-radius: 80px 0 0 0;}
  173.  
  174. /* Remove Line Below Divi Menu */
  175. #main-header{ box-shadow:none; }
  176.  
  177.  
  178. #nf-field-35 {
  179. /* Center the button */
  180. display: block;
  181. margin: auto;
  182. font-size: 18px;
  183. font: montserrat;
  184. background-color: #000000;
  185. color: #fff; /* I added this because someone wanted to know how to color the button text. */
  186. border: 2px solid #000000;
  187. border-radius: 5px !important;
  188. padding: 10px 20% 10px 20%; /* Button size */
  189. text-shadow: 0 0 0px #307167; /* Text effects */
  190. box-shadow: 0px 1px 1px #444; /* box effects */
  191. }
  192.  
  193. #nf-field-35:hover{
  194. background-color: #58bd91;
  195. box-shadow: 1px 1px 2px #58bd91;
  196. text-shadow: 5px 5px 8px #58bd91;
  197. color: #000000;
  198. border:2px solid #58bd91;
  199. }
  200.  
  201. .ninja-forms-field {
  202. font-size: 18px !important;
  203. color: #000000;
  204. }
  205.  
  206. #et-info {
  207. float: right;
  208. }
  209.  
  210. #et-info-phone:before {
  211. content: "";
  212. }
  213.  
  214. .et-dropcap {
  215. font-size: 65px;
  216. line-height: 0.7;
  217. color: #58bd91;
  218. font-family: Crimson Text;
  219. padding-top: 10px;
  220. }
  221.  
  222. .blurb-7 {
  223. -webkit-transition: all .5s ease;
  224. -moz-transition: all .5s ease;
  225. -o-transition: all .5s ease;
  226. -ms-transition: all .5s ease;
  227. transition: all .5s ease;
  228. }
  229. .blurb-7:hover {
  230. transform: translateY(-20px);
  231. }
  232. .blurb-7:before {
  233. content: '';
  234. display: block;
  235. position: absolute;
  236. left: 0;
  237. bottom: 0;
  238. height: 10px;
  239. width: 0;
  240. transition: width 0s ease, background .5s ease;
  241. }
  242. .blurb-7:after {
  243. content: '';
  244. display: block;
  245. position: absolute;
  246. right: 0;
  247. bottom: 0;
  248. height: 10px;
  249. width: 0;
  250. background: #58bd91;
  251. transition: width .5s ease;
  252. }
  253. .blurb-7:hover:before {
  254. width: 100%;
  255. background: #58bd91;
  256. transition: width .5s ease;
  257. }
  258. .blurb-7:hover:after {
  259. width: 100%;
  260. background: transparent;
  261. transition: all 0s ease;
  262. }
  263.  
  264.  
  265. .et_pb_scroll_top:before {
  266. content: url(http://welldefinedwebdesigns.co.uk/wp-content/uploads/2017/08/scroll-black-thick-arrow.png) !important;
  267. }
  268. .et_pb_scroll_top.et-pb-icon {
  269. padding: 8px;
  270. -webkit-border-radius: 50%;
  271. -moz-border-radius: 50%;
  272. border-radius: 50%;
  273. right: 20px;
  274. background-color: #fff;
  275. }
  276.  
  277. input.input.et_pb_contact_captcha {
  278. max-width: 60px;
  279. }
  280.  
  281.  
  282. .et_bloom div#bloomwidget-2 .et_bloom_widget_content .et_bloom_form_container .et_bloom_form_content {
  283. padding-top: 0;
  284. padding-left: 0;
  285. padding-right: 0;
  286. padding-bottom: 0;
  287. }
  288.  
  289.  
  290.  
  291.  
  292. .et_bloom .et_bloom_form_header img, .et_bloom .et_bloom_form_header .et_bloom_form_text, .et_bloom .et_bloom_widget_content .et_bloom_form_header {
  293. padding: 0 !important;
  294. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement