Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .border-hover .et_pb_column {
- overflow: hidden;
- position: relative;
- }
- .border-hover .et_pb_column img {
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .border-hover .et_pb_column:hover img {
- transform: scale(1.1);
- }
- .border-hover .et_pb_column:hover .et_pb_image:after {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: rgba(0,0,0,0.2);
- content: '';
- }
- .border-hover .et_pb_column .et_pb_promo_description:before {
- top: 50px;
- right: 30px;
- bottom: 50px;
- left: 30px;
- border-top: 1px solid #fff;
- border-bottom: 1px solid #fff;
- -webkit-transform: scale(0,1);
- transform: scale(0,1);
- -webkit-transform-origin: 0 0;
- transform-origin: 0 0;
- position: absolute;
- content: '';
- opacity: 0;
- -webkit-transition: opacity 0.35s,
- -webkit-transform 0.35s;
- transition: opacity 0.35s, transform 0.35s;
- }
- .border-hover .et_pb_column .et_pb_promo_description:after {
- top: 30px;
- right: 50px;
- bottom: 30px;
- left: 50px;
- border-right: 1px solid #fff;
- border-left: 1px solid #fff;
- -webkit-transform: scale(1,0);
- transform: scale(1,0);
- -webkit-transform-origin: 100% 0;
- transform-origin: 100% 0;
- position: absolute;
- content: '';
- opacity: 0;
- -webkit-transition: opacity 0.35s,
- -webkit-transform 0.35s;
- transition: opacity 0.35s, transform 0.35s;
- }
- .border-hover .et_pb_column:hover .et_pb_promo_description:before, .border-hover .et_pb_column:hover .et_pb_promo_description:after {
- -webkit-transition-delay: 0.15s;
- transition-delay: 0.15s;
- opacity: 1;
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- .border-hover .et_pb_column .et_pb_promo_description h2 {
- opacity: 0;
- color: #fff;
- position: absolute;
- top: 37%;
- width: 100%;
- text-align: center;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- margin: 0;
- padding: 0;
- }
- .border-hover .et_pb_column .et_pb_promo_description p {
- opacity: 0;
- color: #fff;
- position: absolute;
- top: 42%;
- width: 100%;
- text-align: center;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .border-hover .et_pb_column:hover .et_pb_promo_description h2 {
- opacity: 1;
- position: absolute;
- top: 40%;
- width: 100%;
- text-align: center;
- color: #fff;
- }
- .border-hover .et_pb_column:hover .et_pb_promo_description p {
- opacity: 1;
- position: absolute;
- top: 50%;
- width: 100%;
- text-align: center;
- color: #fff;
- }
- .border-hover .et_pb_promo {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- .border-hover .et_pb_promo_button {
- opacity: 0;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- .et_pb_module.et_pb_map_container.et_pb_map_0 {
- border: 4px solid #404040 !important;
- }
- .et_pb_map {
- height: 380px !important;
- }
- .et_pb_contact_right p input {
- max-height: 46px;
- position: relative;
- }
- .et_pb_blurb .et_pb_blurb_content {
- max-width: 70%;
- }
- .roundedsplit::before,
- .roundedsplit::after {
- position: absolute;
- content: '';
- pointer-events: none;}
- .roundedsplit {
- border-radius: 0 0 80px 80px;}
- .roundedsplit::before,
- .roundedsplit::after {
- top: -70px;
- left: 0;
- z-index: 10;
- width: 50%;
- height: 70px;
- background: inherit;}
- .roundedsplit::before {
- border-radius: 0 80px 0 0;}
- .roundedsplit::after {
- left: 50%;
- border-radius: 80px 0 0 0;}
- /* Remove Line Below Divi Menu */
- #main-header{ box-shadow:none; }
- #nf-field-35 {
- /* Center the button */
- display: block;
- margin: auto;
- font-size: 18px;
- font: montserrat;
- background-color: #000000;
- color: #fff; /* I added this because someone wanted to know how to color the button text. */
- border: 2px solid #000000;
- border-radius: 5px !important;
- padding: 10px 20% 10px 20%; /* Button size */
- text-shadow: 0 0 0px #307167; /* Text effects */
- box-shadow: 0px 1px 1px #444; /* box effects */
- }
- #nf-field-35:hover{
- background-color: #58bd91;
- box-shadow: 1px 1px 2px #58bd91;
- text-shadow: 5px 5px 8px #58bd91;
- color: #000000;
- border:2px solid #58bd91;
- }
- .ninja-forms-field {
- font-size: 18px !important;
- color: #000000;
- }
- #et-info {
- float: right;
- }
- #et-info-phone:before {
- content: "";
- }
- .et-dropcap {
- font-size: 65px;
- line-height: 0.7;
- color: #58bd91;
- font-family: Crimson Text;
- padding-top: 10px;
- }
- .blurb-7 {
- -webkit-transition: all .5s ease;
- -moz-transition: all .5s ease;
- -o-transition: all .5s ease;
- -ms-transition: all .5s ease;
- transition: all .5s ease;
- }
- .blurb-7:hover {
- transform: translateY(-20px);
- }
- .blurb-7:before {
- content: '';
- display: block;
- position: absolute;
- left: 0;
- bottom: 0;
- height: 10px;
- width: 0;
- transition: width 0s ease, background .5s ease;
- }
- .blurb-7:after {
- content: '';
- display: block;
- position: absolute;
- right: 0;
- bottom: 0;
- height: 10px;
- width: 0;
- background: #58bd91;
- transition: width .5s ease;
- }
- .blurb-7:hover:before {
- width: 100%;
- background: #58bd91;
- transition: width .5s ease;
- }
- .blurb-7:hover:after {
- width: 100%;
- background: transparent;
- transition: all 0s ease;
- }
- .et_pb_scroll_top:before {
- content: url(http://welldefinedwebdesigns.co.uk/wp-content/uploads/2017/08/scroll-black-thick-arrow.png) !important;
- }
- .et_pb_scroll_top.et-pb-icon {
- padding: 8px;
- -webkit-border-radius: 50%;
- -moz-border-radius: 50%;
- border-radius: 50%;
- right: 20px;
- background-color: #fff;
- }
- input.input.et_pb_contact_captcha {
- max-width: 60px;
- }
- .et_bloom div#bloomwidget-2 .et_bloom_widget_content .et_bloom_form_container .et_bloom_form_content {
- padding-top: 0;
- padding-left: 0;
- padding-right: 0;
- padding-bottom: 0;
- }
- .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 {
- padding: 0 !important;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement