.hm-new {
font-size: 1.2em;
line-height: 1.7em;
}
.hm-new h1 {
font-size: 1.2em;
}
.hm-new h2 {
font-size: 1.1em;
} .hm-new a.btn{
border: 1px solid #463a45;
color: #fff;
background: #463a45;
text-decoration: none;
padding: 15px 25px;
display: block;
font-family: 'Cormorant Garamond';
text-transform: uppercase;
width: 250px;
transition: all 0.1s linear;
text-align: center;
font-size: 1em;
border-radius: 0;
margin:30px 0;
}
.hm-new .btn-center {
margin: 30px auto!important;
}
.hm-new a.btn:hover{
background: transparent;
color:#463a45;
}
.hm-new a.btn.btn-solid{
border: 1px solid #fff;
background: #fff;
color: #463a45;
}
.hm-new a.btn.btn-solid:hover{
border: 1px solid #fff;
background: transparent;
color: #fff;
}
.hm-new a.btn.btn-white{
border: 1px solid #fff;
color: #fff;
background: transparent;
}
.hm-new a.btn.btn-white:hover {
background:#fff;
color:#463a45;
} .left-underline:after {
width: 150px;
height: 2px;
background-color: #483946;
content: '';
display: block;
margin-top: 15px;
}
.center-underline:after {
width: 150px;
height: 2px;
background-color: #483946;
content: '';
display: block;
margin: 15px auto 0;
}
.underline-white:after {
background-color: #fff;
} .bg-image {
min-height: 400px!important;
}
.image-text h2,
.image-text h3 {
text-align: center;
}
.image-text-content {
padding:50px 20px;
}
.image-text-content img {
margin: 0 auto 30px;
display: block;
}
.image-text-content h1,
.image-text-content h2,
.image-text-content h3 {
line-height: 1.2em;
}
.image-slider {
width: 100%;
height: 100%;
} .hm-new .cat-grid {
margin: 6px;
}
.hm-new .home-box {
border: 6px solid #fff;
}
.hm-new .home-box .overlay {
background: rgba(0,0,0,0.4);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.cat-box a img {
transition: all 0.3s linear;
width: 100%;
height: auto;
} .category-slider {
margin: 50px 0;
}
.title-arrow {
margin: 10px auto;
display: block;
} .full-width {
padding:80px 0;
background-color:#463a45;
background-image: url(//www.kingsmillshotel.com/wp-content/themes/gin/images/tree-bg.png);
background-size: cover;
background-position: center center;
color:#fff;
}
.full-width a {
color: #fff;
}
.full-width h2, .full-width h3 {
color: #fff;
}
.full-width img {
margin: 0 auto 30px;
display: block;
}
.room-tour .full-width {
padding: 30px 0;
} .hm-new .testimonials-section {
background: #463a45;
}
.hm-new .testimonials-section h2 {
text-align: center;
}
.hm-new .testimonials-wrap {
background-color: #fff;
background-image: url(//www.kingsmillshotel.com/wp-content/themes/gin/images/tree-bg-dk.png);
background-size: cover;
background-position: center center;
padding: 30px;
margin: 100px 0;
}
.hm-new .testimonials-inner {
border: 1px solid #463a45;
padding: 15px;
}
.hm-new .testimonials-quote {
margin-top: 30px;
position: relative;
} .hm-new .cta-bar {
margin: 20px 0;
}
.hm-new .cta-bar a {
background: #463a45;
color: #fff;
text-decoration: none;
padding: 20px;
text-transform: uppercase;
display: block;
font-family: 'Cormorant Garamond';
}
.hm-new .cta-bar .btn-wrap {
border: 1px solid #463a45;
padding: 10px;
margin: 10px;
text-align: center;
} .hm-new .social-block-section {
background: #463a45;
padding: 50px 0;
}
.social-block-section .title-arrow {
display: none;
}
.hm-new .social-block-section h3{
color: #fff;
margin-bottom: 30px;
}
.hm-new .social-block-wrap {
background-color: #fff;
background-image: url(//www.kingsmillshotel.com/wp-content/themes/gin/images/tree-bg-dk.png);
background-size: cover;
background-position: center center;
padding: 30px;
}
.hm-new .social-block-inner {
border: 1px solid #463a45;
padding: 15px;
} .floating-text-block {
background-position: center center;
background-size:cover;
position: relative;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
}
.floating-text-block.img-bg .overlay {
background: rgba(0,0,0,0.4);
padding:150px 15px;
}
.floating-text-block h2, .floating-text-block {
color:#fff;
font-size: 0.95em;
}
.floating-text-wrap a {
color: #fff;
}
.video-bg-wrap .overlay {
height: 100%;
width: 100%;
padding: 50px 0;
background: #483946;
}
.video-bg video {
width: 100%;
display: block;
}
.bg-center {
background-size: cover;
background-position: center center;
}
@media (min-width: 480px) {
.floating-text-block h2 {
font-size: 2em;
}
}
@media (min-width: 768px) {
.hm-new h1 {
font-size: 1.75em;
}
.hm-new h2 {
font-size: 1.5em;
}
.hm-new .testimonials-quote {
padding-left: 80px;
}
.social-block-section .title-arrow {
display: inline-block;
}
.title-arrow {
margin: 0 0 10px 10px;
display: inline-block;
}
.hm-new .testimonials-quote:before {
content: '“';
font-size: 180px;
line-height: 110px;
position: absolute;
top: 0;
left: 0;
color: #463a45;
}
.hm-new .testimonials-content {
border: 1px solid #463a45;
padding: 50px;
}
.image-text-content {
padding:50px 20px;
}
.hm-new .social-block-content {
border: 1px solid #463a45;
padding: 50px;
}
}
@media (min-width: 992px) {
.video-bg-wrap .overlay {
position: absolute;
top:0;
left:0;
z-index: 9999;
display: flex;
align-items: center;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}
@media (min-width: 1200px) {
.floating-text-wrap {
width: 80%;
}
}