/* Theme Name: Ampersand Child Template: ampersand Version: 2.0.1 */ /*------------------------ * GENERAL STYLES * ---------------------*/ /* Formatting */ body {overflow-x: hidden;} /* Typography */ h2 {font-size: 34px; font-weight: bold; line-height: 1.3em;} p {font-size: 16px;} a {color: #43b02a;} strong {font-size: 16px; font-weight: bold;} /* Buttons + Fields */ a.ubtn-link .ubtn {background-color: #43b02a !important; border-radius: 5px; color: #fff !important; font-size: 18px; padding: 20px 50px; text-transform: uppercase;} .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat {background-color: #43b02a; color: #fff; font-size: 16px; margin-top: 20px; text-transform: uppercase;} .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat:hover {background-color: #fff; border: 1px solid #43b02a; color: #43b02a;} input.wpcf7-submit {border-radius: 5px; display: block; font-size: 18px; margin: 0 auto; padding: 20px 50px; text-transform: uppercase; transition: 0.1s ease-in all;} form br {display: none;} input {border: none;} input[type="text"], input[type="tel"], input[type="email"] {width: 100%;} .half-field {display: inline-block; margin-bottom: 20px; vertical-align: top; width: calc(49.5% - 10px);} .half-field.half-left {margin-right: 10px;} /* Form errors */ .wpcf7-not-valid-tip {background-color: #dc3232; color: #fff; padding: 3px 10px;} .wpcf7-response-output {background-color: #fff; padding: 10px !important; text-align: center;} /* Class: dark-bg */ .dark-bg h2, .dark-bg h3, .dark-bg p, .dark-bg strong {color: #fff;} /*------------------------ * HEADER STYLES * ---------------------*/ .header #logo img, .header #sticky-logo img {max-width: 300px;} /*------------------------ * FOOTER STYLES * ---------------------*/ .footer {padding-top: 40px;} .footer img {display: block; height: auto; margin: 0 auto; width: 120px;} .footer .footer-address {line-height: 1.5em;} .footer .footer-address p {font-size: 16px;} .footer p {font-size: 12px;} .footer p a {color: #43b02a;} .footer p a:link {text-decoration: underline;} .footer p a:hover {color: #fff;} /*------------------------ * HOME STYLES * ---------------------*/ /* Hero slide */ #hero-slide {min-height: 350px;} #hero-slide .ultimate-ticker-prefix {font-size: 36px; margin-right: 10px;} #hero-slide .ultimate-vticker.ticker ul li {font-size: 36px !important;} #hero-slide .ubtn-ctn-center {margin-bottom: 0;} /* Form CTA */ #form-cta label .form-cta-label {display: none;} #form-cta a.ubtn-link .ubtn {background-color: #fff !important; color: #43b02a !important;} #form-cta form input[type="submit"] {background-color: #244c5a;} #form-cta form input[type="submit"]:hover {background-color: #4f758b;} /* Mortgage loans */ .mortgage-loans .vc_col-sm-3 {transition: 0.1s ease-in all;} .mortgage-loans .vc_col-sm-3:hover {transform: translateY(-7px);} .mortgage-loans .vc_col-sm-3 .vc_column-inner {background-color: #244c5a; border-radius: 5px;} .mortgage-loans .vc_col-sm-3:hover .vc_column-inner {background-color: #4f758b;} .mortgage-loans .vc_col-sm-3 .vc_column-inner .wpb_wrapper {text-align: center;} .mortgage-loans .vc_col-sm-3 .vc_column-inner .wpb_wrapper p {color: #fff; padding: 20px;} .mortgage-loans .vc_col-sm-3 .vc_column-inner .wpb_wrapper a {box-sizing: border-box; color: #fff; display: inline-block; font-size: 16px; line-height: 1.5em; padding: 20px; text-decoration: none; width: 100%;} /* Second CTA */ #second-cta .vc_column-inner {background-color: #f5f5f5; padding: 20px 20px 0 20px;} /* Testimonials */ .testimonials.ult-carousel-wrapper .slick-slide {background: #fff; height: auto; padding: 20px;} .testimonials.ult-carousel-wrapper .slick-slide blockquote {margin-bottom: 15px; margin-left: 40px;} .testimonials.ult-carousel-wrapper .slick-slide blockquote::before {color: #43b02a; content: '“'; font-family: Baskerville, serif; font-size: 50px; left: 20px; position: absolute;} .testimonials.ult-carousel-wrapper .slick-slide cite {display: block; font-style: normal; text-align: center; text-transform: uppercase;} /* Call to action */ .ult-easy-separator-wrapper.ult-bottom-easy-separator {background-color: #fff; border-radius: 9999px; height: 150px; padding: 35px 40px; width: 150px;} #bottom-cta h2 {margin-top: 50px;} #bottom-cta blockquote p, #bottom-cta p cite {color: #000;} /* Zillow reviews */ .slickwprev-list.draggable {height: 415px !important; line-height: 1.5em !important;} /*------------------------ * RESPONSIVE STYLES * ---------------------*/ @media only screen and (max-width: 1221px) { /* No styles yet */ } @media only screen and (max-width: 1199px) { /* No styles yet */ } @media only screen and (max-width: 991px) { /* Hero slide */ #hero-slide .ultimate-ticker-prefix {margin-right: 0;} #hero-slide .ultimate-vticker.ticker {margin-top: 10px !important;} /* Mortgage loans */ .mortgage-loans.vc_row.vc_column-gap-30 {margin-left: -20px; margin-right: -20px;} .mortgage-loans.vc_row.vc_column-gap-30 > .vc_column_container {padding: 10px;} .mortgage-loans .vc_col-sm-3 .vc_column-inner .wpb_wrapper a {padding: 30px 10px;} } @media only screen and (max-width: 769px) { /* Footer */ .footer .vc_col-sm-3 {width: 100%;} .footer .vc_col-sm-3 .footer-address {margin-top: 40px; text-align: center;} .footer .vc_col-sm-6 {margin-top: 30px; width: 100%;} .footer #footer-copyright .vc_col-sm-6 {margin-top: 0; width: 50%;} /* Mortgage loans */ .mortgage-loans .vc_col-sm-3 {width: 50%;} } @media only screen and (max-width: 600px) { /* Footer */ .footer #footer-copyright .vc_col-sm-6 {text-align: center; width: 100%;} .footer #footer-copyright .vc_col-sm-6:first-of-type {margin-bottom: 20px;} /* Hero slide */ #hero-slide {min-height: 55vh !important;} /* Team members */ #members .vc_col-sm-4 {display: none;} #members .vc_col-sm-4:first-of-type {display: block;} #members .vc_col-sm-4 img {max-width: 200px;} } @media only screen and (max-width: 480px) { /* Hero slide */ #hero-slide .ultimate-ticker-prefix {font-size: 32px;} #hero-slide .ultimate-vticker.ticker ul li {font-size: 30px !important; line-height: 1.3em !important; text-align: center !important;} /* Mortgage loans */ .mortgage-loans.vc_row.vc_column-gap-30 > .vc_column_container {padding: 5px 20px;} .mortgage-loans .vc_col-sm-3 {width: 100%;} .mortgage-loans .vc_col-sm-3 .vc_column-inner {margin-bottom: 10px;} } @media only screen and (max-width: 400px) { /* Typography */ h2 {font-size: 28px;} /* Hero slide */ #hero-slide .ultimate-ticker-prefix {display: block; font-size: 26px;} #hero-slide .ultimate-vticker.ticker ul li {font-size: 22px !important;} }