.special-button{
width: auto !important;
display: inline-block !important;
padding: 0 15px;
margin-top: 25px;
}
.special-bg{
background: #4dcade;
border-radius: 20px;
}
.special-bg h2{
font-size: 32px !important;
}
.special-bg .button-one:hover, .special-bg .button-one:active{
background: #0975b4 !important;
}
.special-bg p, .special-bg li{
color: #1682c0;
}
.fa.fa-leaf{
color: #1682c0;
margin-right: 15px;
}
.header-wrapper .heading-4{
line-height: 104px;
}
.margin-top{
margin-top: 30px !important;
}
.neals-logo{
width: 100%;
max-width: 200px;
display: inline-block;
}
.fa .fa-star:before{
color: #fcf16e !important;
}
.stars{
color: #fcf16e !important;
}
.reply{
background: #ddd;
margin-left: 40px;
border-radius: 8px;
padding: 15px;
}
#pricing-table caption{
text-align: left;
}
#pricing-table th:not(.table-heading){
border-bottom: 1px solid #93b55e;
}
.table-heading{
background: #1682c0;
color: #FFFFFF;
font-family: "Oswald",sans-serif;
}
.table-heading th{
background: #1682c0;
color: #FFFFFF;
font-family: "Oswald",sans-serif;
}
#pricing-table tr{
border-bottom: 1px solid #93b55e;
}
table tr.even, table tr.alt, table tr:nth-of-type(odd) {
background: #f9f9f9;
}
footer iframe{
margin-top: 20px;
}
.offers{
padding: 80px;
border-radius: 7px;
}
.offers a{
color: #ffffff;
font-family: "Oswald",sans-serif;
font-size: 28px;
letter-spacing: .5px;
line-height: 50px;
}
.offers a:hover{
font-size: 30px;
}
.facial-link{
color: #93b55e;
font-family: "Oswald",sans-serif;
font-size: 20px;
letter-spacing: .5px;
}
.facial-link:hover{
color: #ccdbb9;
}
.book-button{
float: right;
width: 120px;
margin: 25px;
}
#pricing-table td, #pricing-table .center-data{
text-align: left;
}
.buffer {}
.color-1 {color: #93b55e;}
.color-2 {color: #1682c0;}
.color-3 {color: #1682c0;}
.background-1 {background-color: #93b55e;}
.background-2 {background-color: #1682c0;}
.background-3 {background-color: #1682c0;}
.button-one.background-1:hover {background-color: #ccdbb9; color:#FFFFFF;}
.button-one.background-2:hover {background-color: #4dcade; color:#FFFFFF;}
.button-two:hover {background-color: #1682c0; color:#FFFFFF;}
.button-two.background-1:hover {background-color: #1682c0; color:#FFFFFF;}
.button-two.background-2:hover {background-color: #1682c0; color:#FFFFFF;}
.header-wrapper {
background: #FFFFFF;
border-bottom: 2px solid rgba(102, 234, 241, 0.52);
}.logo {
padding: 0px 0px;
}.logo,
.header-company {
vertical-align: middle;
}.header-company {
padding: 0 0 0 15px;
}.header-company-title {
clear: both;
display: block;
float: left;
margin: 0;
width: 100%;
}.header-company-title a {
font-family: "Oswald", sans-serif;
font-weight: normal;
text-decoration: none;
font-size: 24px;
line-height: 35px;
color: #000000;
text-decoration: none;
text-transform: uppercase;
float: left;
width: 100%;
text-align: left;
margin: 0;
}.header-company-serviceorder {
display: block;
font-family: "Oswald",sans-serif;
font-style: italic;
line-height: normal;
margin: 0;
width: 100%;
}.navigation-cta {
color: #FFFFFF;
display: block;
font-family: "Oswald",sans-serif;
font-size: 18px;
font-weight: lighter;
line-height: 38px;
margin: 21px 0;
text-align: center;
width: 175px;
border-radius: 3px;
text-transform: uppercase;
}.navigation-cta:hover,
.navigation-cta:focus {
background: #4dcade;
color: #FFFFFF;
}hr.special-hr {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(124, 155, 71), rgba(0, 0, 0, 0));
margin: 0;
margin-bottom: 21px;
}.row.full-width {
width: 100%;
max-width: 100%;
padding: 0;
margin: 0;
}#parallax1 {
display: inline-block;
width: 100%;
}#parallax2 {
padding-top: 50px;
}
/* CLEAR NAVIGATION BACKGROUNDS */
.top-bar,
.top-bar-section ul li,
.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section li:not(.has-form) a:hover:not(.button) {
background: none;
display: inline-block;
height: 55px;
}.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
background: none;
}
/* NAVIGAITON LINK DEFAULT STYLES */
.top-bar .name {
background: #93b55e;
height: 56px;
}.top-bar-section .has-dropdown > a {
padding: 0 20px !important;
}.top-bar-section .has-dropdown > a::after {
display: none !important;
}.top-bar-section ul li > a,
.top-bar-section li:not(.has-form) a:not(.button) {
color: #93b55e;
font-family: "Oswald",sans-serif;
font-size: 18px;
font-weight: lighter;
padding: 0 20px;
line-height: 55px;
text-transform: uppercase;
}
/* NAVIGAITON LINK ACTIVE/HOVER STYLES */
.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
color: #000000;
line-height: 55px;
border-bottom: 2px solid #1682c0;
}
/* DROPDOWN STYLES FOR DESKTOP ONLY */
@media only screen and (min-width: 1025px) {
.top-bar-section .has-dropdown.hover > .dropdown,
.top-bar-section .has-dropdown.not-click:hover > .dropdown {
left: calc(-50% - 245px);
position: absolute;
width: 815px;
}.top-bar-section .dropdown {
background: #1682c0;
padding: 22px 15px 22px 35px;
}.top-bar-section .dropdown li {
height: auto;
width: auto;
}.top-bar-section ul.dropdown li:not(.has-form) a:not(.button) {
background: none;
}.top-bar-section ul li ul.dropdown > a,
.top-bar-section ul.dropdown li:not(.has-form) a:not(.button),
.top-bar-section .dropdown li:hover:not(.has-form) > a:not(.button) {
color: #FFFFFF;
background: none;
line-height: 55px;
font-size: 15px;
}.top-bar-section ul li ul.dropdown li:hover:not(.has-form) > a:not(.button) {
color: #000000;
}
}
.button-one {
border-radius: 4px;
color: #ffffff;
display: block;
font-family: "Oswald",sans-serif;
font-size: 18px;
line-height: 58px;
text-align: center;
text-transform: uppercase;
}.button-two {
background: #cbcbcb;
border-radius: 4px;
color: #ffffff;
display: block;
font-family: "Oswald",sans-serif;
font-size: 14px;
line-height: 32px;
text-align: center;
text-transform: uppercase;
width: 252px;
}.page-tagline {
clear: both;
float: left;
margin: 0 0 20px;
max-width: 100%;
width: 100%;
border-bottom: 2px solid #647742;
background-image: url("http://sandstonemassage.com/wp-content/uploads/sites/963/2016/08/bg-title.jpg");
background-repeat: no-repeat;
background-position: center center;
}.page-tagline > h1,
.page-tagline > p.heading-1 {
color: #ffffff;
font-size: 32px;
font-weight: lighter;
line-height: 50px;
margin: 23px 0;
}.location-information .heading-2 {
font-size: 20px;
}.location-information .phone-number {
font-family: "Oswald",sans-serif;
font-size: 35px;
letter-spacing: 2px;
line-height: 57px;
padding: 9px 0 16px 0;
}.location-information img {
border-radius: 5px;
margin:20px 0 45px;
}
.location-information{
text-align: center;
}
span.desc {
font-size: 14px;
}.book-appointment-image {
/* background: url("http://sandstonemassage.com/wp-content/themes/mt2/images/book-appointment-1.jpg"); */
display: block;
height: 100%;
min-height: 200px;
position: relative;
text-align: center;
background-size: cover;
background-position: center center;
border-radius: 0px;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}.book-appointment-image::before {
background: rgba(0, 0, 0, 0);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
border-radius: 5px;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}.book-appointment-image:hover::before {
background: rgba(0, 0, 0, 0.3);
}.book-appointment-tagline {
color: #ffffff;
font-family: "Oswald",sans-serif;
font-size: 54px;
font-weight: lighter;
margin: 0;
position: relative;
text-transform: uppercase;
top: 100px;
z-index: 2;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}.services-box > div {
padding: 22px 30px;
border-radius: 5px;
}.services-box > div h3 {
color: #FFFFFF;
}.services-box > div ul {
margin: 0;
}.services-box > div ul li {
color: #ffffff;
display: inline-block;
margin: 0 0 22px;
padding: 0 30px 0 7px;
position: relative;
}.services-box > div ul li::before {
background: #ffffff none repeat scroll 0 0;
content: "";
height: 3px;
left: 0;
position: absolute;
top: 50%;
width: 3px;
-moz-transform: translateY(-60%);
-webkit-transform: translateY(-60%);
-o-transform: translateY(-60%);
-ms-transform: translateY(-60%);
transform: translateY(-60%);
}.midbar-boxes {
padding: 15px 0 0;
}.midbar-boxes h2 {
margin: 0 0 36px;
}.midbar-boxes .midbar > div {
border: 1px solid #7b9a46;
border-radius: 5px;
padding: 30px 36px;
text-align: left;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
background: rgba(200, 244, 125, 0.25);
}.midbar-boxes .midbar > div p {
margin: 0;
}.interior-page .equalizer-wrapper {
border-bottom: 1px solid #dedede;
padding: 48px 0;
}.equalize-groups .equalizer-wrapper:nth-child(1) {
padding-top: 0 !important;
}.equalize-groups .equalizer-wrapper:nth-last-child(1) {
border-bottom: medium none;
padding-bottom: 0;
}.interior-page.services-page .equalizer-wrapper {
margin: 15px 0 0 0;
}.interior-page.services-page .equalizer-wrapper .button-two {
margin: 35px 0 0 0;
}.contact-info-wrapper .contact-info .info {
color: #1682c0;
font-family: "Oswald";
font-size: 24px;
font-weight: lighter;
line-height: 35px;
}.contact-info-wrapper .contact-info .info .fa {
clear: both;
color: #fcb18d;
display: block;
font-size: 44px;
text-align: center;
}.contact-info-wrapper .contact-info .info strong {
font-weight: normal;
}
footer.footer-wrapper {
border-top: 1px solid #dedede;
}footer.footer-wrapper p {
font-family: "Oswald",sans-serif;
font-size: 18px;
font-weight: normal;
line-height: 35px;
margin: 0;
color:inherit;
}footer.footer-wrapper p strong {
font-weight: bolder;
margin: 0 8px 0 0;
}footer.footer-wrapper .social-icons .fa {
color: #FFFFFF;
font-size: 28px;
line-height: 65px;
margin: 0 15px 0 0;
text-align: center;
width: 65px;
}footer.footer-wrapper .social-icons .fa.fa-facebook {
background: #507cbe;
}footer.footer-wrapper .social-icons .fa.fa-google-plus {
background: #828387;
}footer.footer-wrapper .social-icons .fa.fa-youtube {
background: #f59190;
}footer.footer-wrapper .social-icons .fa.fa-yelp {
background: #af0606;
}footer.footer-wrapper .social-icons .fa.fa-tripadvisor{
background: #589442;
}
/* DEFAULT STYLES */
#wpadminbar {
display: none !important;
}body {
font-family: "Quattrocento", serif;
}h1,
h1 a,
.heading-1 {
color: #1682c0;
font-family: "Oswald",sans-serif;
font-size: 24px;
font-weight: lighter;
line-height: 50px;
margin: 0 0 10px 0;
}h2,
.heading-2 {
color: #1682c0;
font-family: "Oswald",sans-serif;
font-size: 24px;
font-weight: lighter;
line-height: 50px;
margin: 0 0 10px 0;
}h3,
.heading-3 {
color: #1682c0;
font-family: "Oswald",sans-serif;
font-size: 24px;
font-weight: lighter;
line-height: 50px;
margin: 0 0 10px 0;
}h4,
.heading-4 {
color: #1682c0;
font-family: "Oswald",sans-serif;
font-size: 24px;
font-weight: lighter;
line-height: 50px;
margin: 0 0 10px 0;
}p {
font-family: "Quattrocento", sans-serif;
color: #7e7e7e;
font-size: 15px;
line-height: 28px;
margin:0 0 20px;
}ul {
list-style-type: none;
}.main-content ul {
margin: 0 0 20px 0;
}.main-content ul li {
color: #7e7e7e;
font-family: "Quattrocento",sans-serif;
font-size: 15px;
line-height: 28px;
margin: 0;
padding: 0 0 0 8px;
position: relative;
}.main-content ul li:before {
content: "";
background: #fb9d70;
position: absolute;
left: 0;
top: 15px;
width: 4px;
height: 4px;
border-radius: 8px;
-moz-transform: translateY(-60%);
-webkit-transform: translateY(-60%);
-o-transform: translateY(-60%);
-ms-transform: translateY(-60%);
transform: translateY(-60%);
}.row {
clear: both;
margin: 0 auto;
max-width: 1600px;
width: 100%;
}.radius {
border-radius: 5px;
}.main-content {
background: #FFFFFF;
width: 100%;
max-width: 100%;
position: relative;
clear: both;
}.inline-block {
display: inline-block !important;
}.strip-padding {
padding-right: 0 !important;
padding-left: 0 !important;
}.strip-padding-right {
padding-right: 0 !important;
}.strip-padding-left {
padding-left: 0 !important;
}.vertical-padding {
padding-top: 45px;
padding-bottom: 50px;
}.oveflow-hidden {
overflow: hidden !important;
position: relative;
}article.section-article {
margin: 0 0 35px;
}.slider-clip {
max-width: 100%;
overflow: hidden;
width: 100%;
background: rgba(201, 201, 201, 0.31);
}.dual-slider-wrapper .slick-slider {
background: white!important;
margin:0 !important;
}.slick-wrapper.dual-slider-wrapper {
position: relative;
top: -35px;
z-index: -1;
}#slick-0.height-adjustment,
#slick-1.height-adjustment {
height: 500px;
min-width: 960px;
overflow: hidden;
}div[id^="slick-"].height-adjustment .slick-slide img {
width: auto !important;
max-width: 1920px;
min-width: 100%;
}.parallax-effect {
float: left;
max-width: 100%;
max-height: 465px;
position: relative;
width: 100%;
}.contain-to-grid {
background: none !important;
}.contain-to-grid .top-bar {
max-width: 1600px;
}.page-wrapper {
max-width: 1600px;
clear: both;
}.contactForm {
margin: 20px 0;
}.contactForm input,
.contactForm textarea {
border: 1px solid #93b55e;
border-radius: 5px;
color: #93b55e;
margin: 0 0 12px;
font-family: "Oswald", sans-serif;
font-size: 18px;
font-weight: lighter;
}.contactForm textarea {
max-width: 100%;
min-width: 100%;
min-height: 160px;
}.contactForm .cap-left {
margin: 0;
padding: 0 20px 0 0;
float: left;
width: 40%;
}.contactForm .cap-left #captchaImage {
display: inline-block;
vertical-align: middle;
max-width: 85%;
}.contactForm .cap-left #captchaRefresh {
display: inline-block;
vertical-align: middle;
max-width: 12%;
}.contactForm .cap-right{
width: 60%;
float: left;
}.contactForm .captchaWrapper {
display: block;
float: left;
width: 100%;
}.contactForm .submitWrapper {
display: block;
float: left;
width: 100%;
}.contactForm .submitWrapper .submit {
cursor: pointer;
}.emailConfirmation {
margin: 0 auto;
text-align: center;
}.emailConfirmation h1 {
color: #00CC00;
}.slick-background-wrapper {
left: 0;
position: fixed;
top: 0;
z-index: -1;
width: 101% !important;
overflow: hidden;
}footer.footer-wrapper .disclaimer {
margin-top: 45px;
}footer.footer-wrapper .disclaimer p {
color: #a3a3a3;
font-size: 14px;
font-weight: normal;
line-height: normal;
}
/* MEDIA QUERY FOR SMALLER DESKTOP MONITORS */
@media only screen and ( max-width: 1550px ){
.top-bar-section ul li > a,
.top-bar-section .has-dropdown > a,
.top-bar-section li:not(.has-form) a:not(.button) {
font-size: 16px;
padding: 0 10px !important;
}.navigation-cta-wrapper {
padding: 0;
}
p.phone-number .color-2 {
display: block;
line-height: 2em;
}
}
/* MEDIA QUERY FOR LAPTOP SCREENS */
@media only screen and ( max-width: 1280px ){
.top-bar-section ul li > a,
.top-bar-section .has-dropdown > a,
.top-bar-section li:not(.has-form) a:not(.button) {
font-size: 14px;
padding: 0 8px !important;
}
}
/* MEDIA QUERY FOR TABLET AND DOWN */
@media only screen and ( max-width: 1024px ){
.special-bg{
background: none;
border-radius: none;
}
.special-bg .large-4{
width: calc(100% - 30px);
background: #4dcade;
padding: 15px;
border-radius: 20px;
margin: 15px;
}
.header-wrapper .heading-4{
line-height: 40px;
}
.top-bar .toggle-topbar.menu-icon a {
color: white;
font-family: "Oswald",sans-serif;
font-size: 22px;
font-weight: lighter;
}.top-bar.expanded .toggle-topbar a {
color: white;
}.top-bar-section ul li > a,
.top-bar-section .has-dropdown > a,
.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li:not(.has-form) a:hover:not(.button),
.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
background: #93b55e;
color: #FFFFFF;
font-size: 18px;
line-height: 50px;
text-align: center;
}.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section li:not(.has-form) a:hover:not(.button) {
color: #000000;
}.top-bar-section ul {
background:
}.top-bar-section .dropdown li.title h5 a,
.top-bar-section .dropdown li.parent-link a {
color: white;
display: block;
line-height: 45px;
}.top-bar-section .has-dropdown > a::after {
display: block !important;
border-color: transparent transparent transparent #000000;
}
.phone-button {
background: #93b55e;
border-radius: 5px;
color: #ffffff;
display: inline-block !important;
font-family: "Oswald",sans-serif;
font-size: 20px;
font-weight: normal;
left: 15px;
line-height: 50px;
padding: 0;
position: relative;
text-align: center;
top: 5px;
width: 175px;
margin-bottom: 15px;
}
.book-button {
float: none;
width: 120px;
margin-right: auto;
margin: 15px auto;
}
.title-area .name .title-button a[href^=tel] {
color: #ffffff;
}.location-information {
text-align: center;
}.logo {
text-align: center;
width: 100%;
}.header-company {
padding: 15px;
width: 100%;
}.header-company-title a,
.header-company-serviceorder {
text-align: center;
width: 100%;
}.book-appointment-tagline {
position: absolute;
margin: 0 auto;
font-size: 28px;
left: 0;
right: 0;
}.slick-wrapper.dual-slider-wrapper {
top:0;
}.services-box:first-of-type {
margin: 0 0 30px;
}.interior-page.services-page {
text-align: left;
}.interior-page.services-page .equalizer-wrapper .button-two {
margin: 0 auto 30px;
}.google-map {
max-height: 300px;
}footer.footer-wrapper .contact-information {
padding-right: 0px;
padding-left: 0px;
}footer.footer-wrapper .social-icons .fa {
font-size: 18px;
line-height: 45px;
width: 45px;
}.top-bar, .top-bar-section ul li, .top-bar-section ul li:hover:not(.has-form) > a, .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) a:hover:not(.button) {
width:100%;
}
}
/* MEDIA QUERY FOR EVERYTHING SMALLER THAN TABLET */
@media only screen and ( max-width: 767px ){
footer.footer-wrapper {
text-align: center;
}footer.footer-wrapper .contact-information {
padding-right: 20px;
padding-left: 20px;
}p.phone-number .color-2 {
display: block;
line-height: 2em;
}.location-information .phone-number {
padding: 0px 0 38px 0;
}.services-box > div {
margin-top: 19px;
}.midbar-boxes .midbar > div {
margin-bottom: 12px;
}.top-bar, .top-bar-section ul li, .top-bar-section ul li:hover:not(.has-form) > a, .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) a:hover:not(.button) {
display: block;
}
}