@font-face {
font-family: 'Palatino';
src: url(//hillsidevaucluse.com/wp-content/themes/hillside_web_1_0_4/fonts/Palatino-Roman.woff2) format('woff2'),
url(//hillsidevaucluse.com/wp-content/themes/hillside_web_1_0_4/fonts/Palatino-Roman.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Palatino';
src: url(//hillsidevaucluse.com/wp-content/themes/hillside_web_1_0_4/fonts/Palatino-Bold.woff2) format('woff2'),
url(//hillsidevaucluse.com/wp-content/themes/hillside_web_1_0_4/fonts/Palatino-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Ivy Mode';
src: url(//hillsidevaucluse.com/wp-content/themes/hillside_web_1_0_4/fonts/IvyMode-Light.woff2) format('woff2'),
url(//hillsidevaucluse.com/wp-content/themes/hillside_web_1_0_4/fonts/IvyMode-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Palatino';
src: url(//hillsidevaucluse.com/wp-content/themes/hillside_web_1_0_4/fonts/Palatino-Italic.woff2) format('woff2'),
url(//hillsidevaucluse.com/wp-content/themes/hillside_web_1_0_4/fonts/Palatino-Italic.woff) format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Snell Roundhand';
src: url(//hillsidevaucluse.com/wp-content/themes/hillside_web_1_0_4/fonts/SnellRoundhand.woff2) format('woff2'),
url(//hillsidevaucluse.com/wp-content/themes/hillside_web_1_0_4/fonts/SnellRoundhand.woff) format('woff');
font-weight: 500;
font-style: italic;
font-display: swap;
}
h1, h2, h3, h4, h5, h6, p, blockquote {
margin:0;
padding:0;
font-weight:normal;
}
h1,
.text-middle h3 {
font-family:'Ivy Mode', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-weight: 300;
color: #fff;
font-size: 71px;
text-transform: uppercase;
letter-spacing: 2px;
}
.h1-home h1 {
font-family:'Ivy Mode', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-weight: 300;
color: #000;
font-size: 56px;
line-height: 71px;
letter-spacing: -0.4px;
text-align: center;
text-transform: none;
}
.form-middle h1 {
text-align: center;
color: #000;
font-size: 45px;
padding-bottom: 20px;
}
.box-thanks h1 {
padding-bottom: 30px;
}
.form-middle p {
font-size: 17px;
line-height: 24px;
padding-bottom: 20px;
}
.padd-h1-home {
padding-top: 70px;
padding-bottom: 190px;
}
h2 {
font-family:'Ivy Mode', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-weight: 300;
color: #000;
font-size: 56px;
line-height: 71px;
text-align: center;
}
.text-white h2,
.text-white p.caps a {
color: #fff;
}
.padd-h2-architecture {
padding-top: 60px;
padding-bottom: 110px;
}
h1 span,
h2 span {
display: block;
}
.padd-h2-home h2 {
padding-top: 90px;
padding-bottom: 30px;
}
.padd-h2-team {
padding-bottom: 60px;
}
.padd-h2-team h2 {
padding-bottom: 70px;
text-transform: uppercase;
}
.padd-h2-team p {
margin-bottom: 24px;
}
.h3-location h3 {
font-family:'Ivy Mode', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-weight: 300;
color: #000;
font-size: 55px;
line-height: 68px;
text-align: center;
padding-bottom: 40px;
}
.text-para {
margin: 0 auto;
text-align: center;
padding-top: 80px;
padding-bottom: 40px;
}
.text-para p {
font-size: 17px;
line-height: 24px;
}
.feature-text-para p {
font-size: 16px;
line-height: 23px;
}
.quote-team p {
font-family:'Palatino' Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
font-weight: normal;
font-size: 20px;
line-height: 28px;
text-align: center;
padding-bottom: 55px;
}
.quote-team-lrg p {
font-family:'Palatino' Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
font-weight: normal;
font-size: 25px;
line-height: 35px;
text-align: center;
padding-bottom: 55px;
}
.text-middle-to-auto h3 {
font-family:'Palatino' Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
font-weight: normal;
font-size: 34px;
line-height: 45px;
text-align: center;
padding-bottom: 90px;
}
p {
font-family:'Palatino' Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
font-weight: normal;
font-size: 16px;
line-height: 23px;
letter-spacing: 0.2px;
text-align: center;
}
p.p-caps {
font-family:'Palatino' Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
font-weight: normal;
font-size: 15px;
line-height: 19px;
letter-spacing: 4px;
text-align: center;
text-transform: uppercase;
}
.p-caps-space .p-caps {
padding-bottom: 40px;
}
p.p-caps span.underline {
border-bottom: 1px solid #000;
display: inline-block;
margin: 0 auto;
text-align: center;
}
.text-team {
color: #fff;
text-align: center;
}
.text-team span {
display: block;
padding-bottom: 10px;
letter-spacing: 4px;
font-size: 13px;
text-transform: uppercase;
}
.text-team p {
font-family:'Snell Roundhand', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
font-size: 30px;
line-height: 40px;
color: #fff;
}
.text-team p a {
color: #fff;
}
.footer-agents-left h3,
.footer-agents-right h3 {
text-align: center;
color: #fff;
font-size: 20px;
line-height: 34px;
letter-spacing: 4px;
}
.footer-agents-left h3 em,
.footer-agents-right h3 em {
font-family:'Snell Roundhand', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
letter-spacing: 1px;
color: #fff;
font-size: 30px;
}
.footer-agents-left h3 a,
.footer-agents-left h3 em a,
.footer-agents-right h3 a,
.footer-agents-right h3 em a {
color: #fff;
}
.smallp {
color: #fff;
text-align: center;
padding-left: 8%;
padding-right: 8%;
padding-bottom: 60px;
}
.smallp p {
color: #fff;
font-size: 12px;
line-height: 17px;
}
span.last-letter {
letter-spacing: 0;
}
@media screen and (min-width: 1921px) {
}
@media screen and (max-width: 1100px) {
.break-early p br {
display: none;
}
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
h1 {
font-size: 60px;
letter-spacing: 3px;
}
.h1-home h1 { }
.padd-h1-home { }
.text-middle h3 { }
.form-middle h1 {
font-size: 45px;
padding-bottom: 20px;
}
h2 { }
.padd-h2-home h2 {
padding-top: 70px;
padding-bottom: 30px;
}
.padd-h2-architecture { }
.text-para {
padding-top: 80px;
padding-bottom: 50px;
}
.text-para p { }
.para-main p { padding-left: 50px;
padding-right: 50px;
}
.text-middle-to-auto h3 { }
.h3-location h3 { padding-bottom: 40px;
}
.padd-h2-team {
padding-bottom: 50px;
}
.padd-h2-team h2 {
padding-bottom: 80px;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
h1 {
font-size: 50px;
letter-spacing: 3px;
}
.h1-home h1 {
font-size: 45px;
line-height: 55px;
}
.padd-h1-home {
padding-top: 70px;
padding-bottom: 80px;
}
.form-middle h1 {
font-size: 40px;
padding-bottom: 20px;
}
h2 {
font-size: 45px;
line-height: 55px;
}
.padd-h2-home h2 {
padding-top: 60px;
padding-bottom: 30px;
}
.text-middle h3 {
font-size: 60px;
letter-spacing: 3px;
}
.padd-h2-architecture {
padding-top: 70px;
padding-bottom: 80px;
}
.text-para {
padding-top: 60px;
padding-bottom: 40px;
}
.text-para p { }
.feature-text-para p { }
.para-main p { padding-left: 50px;
padding-right: 50px;
}
.p-caps-space .p-caps {
padding-bottom: 40px;
}
.text-middle-to-auto h3 {
font-size: 32px;
line-height: 43px;
padding-bottom: 80px;
}
.text-middle-to-auto {
padding-top: 130px;
padding-bottom: 100px;
}
.text-middle-to-auto h3 br {
display: none;
}
.h3-location h3 {
font-size: 45px;
line-height: 56px;
padding-bottom: 40px;
}
.padd-h2-team {
padding-bottom: 40px;
}
.padd-h2-team h2 {
padding-bottom: 50px;
}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
h1 {
font-size: 45px;
letter-spacing: 3px;
}
.h1-home h1 {
font-size: 40px;
line-height: 50px;
}
.padd-h1-home {
padding-top: 70px;
padding-bottom: 50px;
}
.form-middle h1 {
font-size: 30px;
line-height: 40px;
padding-bottom: 15px;
}
h2 {
font-size: 35px;
line-height: 45px;
}
.quote-team p { }
.quote-team-lrg p {
font-size: 28px;
line-height: 38px;
padding-bottom: 45px;
}
p.p-caps {
font-size: 15px;
line-height: 20px;
letter-spacing: 4px;
}
.p-caps-space .p-caps {
padding-bottom: 30px;
}
.padd-h2-home h2 {
padding-top: 50px;
padding-bottom: 30px;
}
.text-middle h3 {
font-size: 50px;
letter-spacing: 3px;
}
.padd-h2-architecture {
padding-top: 70px;
padding-bottom: 50px;
}
.text-para {
padding-top: 50px;
padding-bottom: 30px;
}
.text-para p {
font-size: 17px;
line-height: 27px;
}
.feature-text-para {
padding-left: 0;
padding-right: 0;
}
.feature-text-para p { }
.text-para p br {
display: none;
}
.para-main p { }
.text-middle-to-auto h3 {
font-size: 30px;
line-height: 41px;
padding-bottom: 50px;
}
.text-middle-to-auto {
padding-top: 110px;
padding-bottom: 100px;
}
.text-middle-to-auto h3 br {
display: none;
}
.h3-location h3 {
font-size: 40px;
line-height: 50px;
padding-bottom: 30px;
}
.padd-h2-team {
padding-bottom: 30px;
}
.padd-h2-team h2 {
padding-bottom: 40px;
}
}
@media screen and (max-width: 480px) {
h1 {
font-size: 45px;
letter-spacing: 3px;
}
.h1-home h1 {
font-size: 30px;
line-height: 40px;
}
.padd-h1-home {
padding-top: 70px;
padding-bottom: 40px;
}
.form-middle h1 {
font-size: 30px;
padding-bottom: 10px;
}
h2 {
font-size: 35px;
line-height: 45px;
}
.quote-team p { padding-bottom: 40px;
}
.quote-team-lrg p {
font-size: 25px;
line-height: 33px;
padding-bottom: 35px;
}
p.p-caps {
font-size: 15px;
line-height: 21px;
letter-spacing: 4px;
}
.p-caps-space .p-caps {
padding-bottom: 20px;
}
.padd-h2-home h2 {
padding-top: 40px;
padding-bottom: 30px;
}
.text-middle h3 {
font-size: 40px;
letter-spacing: 3px;
}
.padd-h2-architecture {
padding-top: 70px;
padding-bottom: 40px;
}
.text-para {
padding-top: 35px;
padding-bottom: 20px;
}
.text-para p {
font-size: 16px;
line-height: 24px;
}
.text-para p br {
display: none;
}
.feature-text-para p {
font-size: 16px;
line-height: 24px;
}
.para-main p { }
.text-middle-to-auto h3 {
font-size: 25px;
line-height: 35px;
padding-bottom: 50px;
}
.text-middle-to-auto {
padding-top: 100px;
padding-bottom: 60px;
}
.text-middle-to-auto h3 br {
display: none;
}
.h3-location h3 {
font-size: 35px;
line-height: 45px;
padding-bottom: 30px;
}
.padd-h2-team {
padding-bottom: 30px;
}
.padd-h2-team h2 {
padding-bottom: 20px;
}
}