body {
margin: 0;
font-family: Spartan, helvetica, arial;
font-size: 16px;
font-weight: 300;
line-height: 1.8;
text-align: left;
color: #505957;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: 1rem;
font-family: inherit;
color:#5f573e;
font-family: Spartan, Helvetica, arial;
text-transform: uppercase;
line-height: 1.2em;
font-weight: 500;
}
.strapline {
font-family: Spartan, Helvetica, arial;
}
a {
color:#e10e16;
transition: all 0.1s linear;
text-decoration: underline;
}
a:hover {
text-decoration: none;
color: #0c5d4b;
}
h1, .h1 {
font-size: 2rem;
margin-top: 0;
}
h2, .h2 {
font-size: 1.5rem;
}
h3, .h3 {
font-size: 1.2rem;
}
h4, .h4 {
font-size: 1rem;
}
h5, .h5 {
font-size: 1rem;
}
h6, .h6 {
font-size: 1rem;
}
.img-gallery {
overflow: hidden;
}
.img-gallery img{
width: 100%;
height: 100%;
padding:5px;
}
.wpcf7-form-control {
margin-bottom: 15px;
}
.wpcf7-form-control-wrap {
font-size: 13px;
}
input.wpcf7-form-control.wpcf7-submit {
padding:15px;
color:#fff;
border:1px solid #142934;
background:#142934;
width: 255px;
margin:20px auto;
text-decoration: none;
transition: all 0.1s linear;
display: block;
text-align: center;
cursor: pointer;
text-transform: uppercase;
}
a.btn:hover, input.wpcf7-form-control.wpcf7-submit:hover {
background-color: #fff;
color:#142934;
text-decoration: none;
}
a.btn {
display: block;
padding: 10px 20px;
border: 1px solid #5f573e;
color: #5f573e;
text-decoration: none;
margin: 20px auto;
transition: 0.2s all linear;
width: 250px;
text-align: center;
text-transform: uppercase;
} 
a.btn:hover {
background-color: #5f573e;
color: #fff;
} 
a.btn.btn-white {
background: #fff;
border: 1px solid #fff;
}
a.btn.btn-white:hover {
background-color: #142934;
color: #fff;
}
a.btn.btn-blue {
background-color: #5f573e;
color:#fff;
} 
a.btn.btn-blue:hover {
background-color: #fff;
color: #5f573e;
} 
.no-padding {
padding:0!important;
}
img.heading-icon {
display: block;
margin: 0 auto;
}
#header {
width: 100%;
z-index: 100;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
background-color: rgba(255, 255, 255, 0.7);
position: relative;
width: 100%;
transition: 0.2s all linear;
}
.page-template-tmpl-homepage #header,
.page-template-default.page #header,
.page-template-tmpl-itineraries #header {
position: absolute;
top: 0;
left: 0;
}
#header.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
opacity: 1;
background-color: rgba(255, 255, 255, 1);
border-bottom: 1px solid #1a2e3b;
}
#header.sticky .header-wrap{
height: 88px!important;
}
img#logo {
height:156px;
transition: 0.2s all linear;
}
#header.sticky img#logo {
height:100px;
width: auto;
}
#header.sticky .nav-menu {
margin-top:30px;
}
.header-outer {
position: relative;
}
#header.header1 #nav-wrapper {
float: right;
}
#header a, #footer a {
text-decoration: none;
}
.top-bar {
background: #142934;
color: #fff;
}
.top-bar .social a{
color: #fff;
font-size: 18px;
}
.header-tel i{
padding: 0 10px;
}
@media(max-width:850px) {
.h-mobile {
display: none;
}
}
.header-tel a {
color: #fff;
text-decoration: none;
margin-right: 15px;
}
a.cta-header {
background: #fff;
padding: 10px 20px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: #142934;
border: 1px solid #142934;
font-weight: 400;
margin: 0;
display: block;
} .menu-main-menu-container {
display: inline-block;
}
.nav-menu {
margin-bottom: 0;
margin-top:45px;
padding: 0;
text-align: center;
transition: 0.2s all linear;
}
.nav-menu li {
display: inline-block;
*display: inline;
padding: 0;
position: relative;
width:49%;
}
.nav-menu li:hover ul.sub-menu {
display: block;
overflow: visible;
transition: max-height 0.8s ease-in;
}
.nav-menu li a {
color:#454547;
font-weight: 500;
font-size: 13px;
text-transform: uppercase;
transition: all 0.2s linear;
display: block;
padding: 0 10px;
margin: 10px 0;
}
.nav-menu li a:hover {
color: #454547;
text-decoration: none;
}
.nav-menu ul.sub-menu {
display: none;
position: absolute;
overflow: hidden;
left: auto;
background-color: #262827;
border:1px solid #fff;
z-index: 3;
padding: 10px;
text-align: center;
left: 50%;
transform: translateX(-50%);
width: 200px;
transition: max-height 0.1s ease-out;
line-height: 1.8em;
}
.nav-menu ul.sub-menu:after {
content: '';
border: 6px solid transparent;
width: 0;
height: 0;
border-bottom-color: #262827;
position: absolute;
top: -12px;
left: 49%;
}
.nav-menu ul.sub-menu li {
padding: 0;
width: 100%;
}
.nav-menu ul.sub-menu li:after {
border: none;
}
.nav-menu ul.sub-menu li a {
font-size: 12px;
font-weight: 300;
display: block;
margin-bottom: 0;
color: #fff;
line-height: 1.8em;
padding: 5px 0;
}
.nav-menu ul.sub-menu li a:hover {
color: #c5bda4;
}
.header-wrap {
padding: 0 10px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
height:122px;
} .logo-wrap {
z-index: 9999;
}
.social {
display: inline-block;
font-size: 24px;
padding-left: 5px;
}
a.header-book {
background-color: #fff;
padding: 10px 20px;
display: block;
font-family: 'Crimson TExt';
text-transform: uppercase;
color: #5ba494;
}
.header-overlay {
background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 100%);
height: 100%;
width: 100%;
position: absolute;
top:0;
left:0;
}
.header-banner {
height: 500px;
background-size: cover;
position: relative;
}
.header-banner-wrap {
margin:0 100px;
position: relative;
top:60%;
left:0;
transform: translateY(-60%);
}
.header-banner-wrap .strapline-1 {
color: #fff;
font-size: 2em;
line-height: 1.2em;
width: 50%;
margin-bottom: 20px;
text-transform: uppercase;
}
.header-banner-wrap .strapline-1:after {
background: #fff;
width: 150px;
display: block;
height: 1px;
content: '';
margin: 20px 0 15px;
}
.header-banner-wrap .strapline-2 {
color: #fff;
font-size: 1em;
line-height: 1.5em;
width: 50%;
}
@media (max-width: 1200px) {
.header-banner-wrap .strapline-1, .header-banner-wrap .strapline-2 {
width: 100%;
}
}
@media (max-width: 768px) {
.header-banner-wrap {
margin:0 20px;
}
.header-banner-wrap .icon-wrap {
display: none;
}
.header-banner-wrap .strapline-1 {
font-size: 1.75em;
}
}
@media (max-width: 400px) {
.header-banner-wrap .strapline-1 {
font-size: 1.4em;
}
}
#content {
word-break: break-word;
}
.full-content {
padding:0 50px
}
.image-bg {
background-size:cover;
background-attachment: fixed;
height: 100%;
width: 100%;
}
#breadcrumbs {
font-size: 13px;
padding: 0;
margin:50px 0;
}
.home #breadcrumbs {
display: none;
}
.video-container {
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
height: 0;
}
.video-container iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}
.icon-wrap {
margin-bottom: 20px;
padding-right:15px;
}
.icon-wrap img {
width: auto!important;
height: auto!important;
margin: auto;
} .header-text-block {
background-color:#edeeee;
}
.header-text-block-inner {
padding: 0 0 80px 0;
}
.home .header-text-block-inner {
padding: 100px 0 80px 0;
}
.header-text-block h1:after {
background: #5f573e;
width: 150px;
display: block;
height: 1px;
content: '';
margin: 20px 0 15px;
}
.title-center h1 {
text-align: center;
}
.title-center .icon-wrap {
text-align: center;
}
.header-text-block .title-center h1:after {
margin:20px auto 15px;
}
.header-text-block-inner img {
max-width: 100%;
height: auto;
} .text-block {
background-color:#fff;
text-align: center;
}
.text-block-inner {
background-image:url(//lordoftheglens.co.uk/wp-content/themes/hebridean/images/thistle-bg-grey.png);
background-repeat: repeat-x;
background-position: center;
padding: 80px 0;
}
.text-block h2:after {
background: #5f573e;
width: 150px;
display: block;
height: 1px;
content: '';
margin: 20px auto 15px;
} .text-block-34 {
background-color:#fff;
padding: 80px 0;
background-image: url(//lordoftheglens.co.uk/wp-content/themes/hebridean/images/eileandonancastle-ss.jpg);
background-size: cover;
border-top: 3px solid #1a2e3b;
border-bottom: 3px solid #1a2e3b;
}
.text-block-34 h3.strapline {
font-size:1.5em;
color: #1e1e1c
}
.text-block-34 h2:after {
background: #5f573e;
width: 150px;
display: block;
height: 1px;
content: '';
margin: 20px 0 0;
} .text-image {
padding: 80px 0;
}
.text-image .text-col {
border-top: 1px solid #5f573e;
border-bottom: 1px solid #5f573e;
padding: 20px 0;
}
.text-image .strapline {
font-size: 1.5em;
font-style: italic;
font-weight: 400;
}
.text-image .strapline:after {
background: #a6a7c4;
width: 150px;
display: block;
height: 1px;
content: '';
margin: 20px 0 0;
}
.text-image .image-wrap {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
.text-image .image-wrap img {
position: absolute;
width: auto;
height: 100%;
left: 50%;
transform: translateX(-50%);
max-width: none;
}
.text-image-video-wrap {
position: relative;
background: #000;
height: 100%;
width: 100%;
}
.text-image-video-wrap i {
position: absolute;
left: 0;
width: 100%;
text-align: center;
color: #fff;
z-index: 5;
top: 50%;
transform: translateY(-50%);
font-size: 100px;
opacity: 0.8;
}
.text-image-video-wrap img {
position: absolute;
left: 0;
top: 0;
z-index: 1;
opacity: 0.8;
}
@media (max-width: 991px) {
.text-image .image-wrap img {
position: relative;
width: 100%;
height: auto;
left: 0;
transform: none;
max-width: 100%;
}
}
.content-white h1, .content-white h2 {
text-transform: uppercase;
text-align: center;
}
.page-header {
text-align: center;
}
.page-header img {
margin-bottom: 20px;
}
.page-header-overlay {
padding:50px 20px;
}
@media (min-width: 1025px) and (hover:hover) {
.page-header-overlay, .page-header {
background:none!important;
}
}
@media (max-width: 1024px ) {
.image-bg, .box-content-wrap, .box-content-overlay {
background:none!important;
}
.page-header {
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
margin-bottom: 15px;
}
.page-header-overlay {
height: 100%;
width: 100%;
background: rgba(0,0,0,.4)!important;
}
}
@media (hover: none) {
.image-bg, .box-content-wrap, .box-content-overlay {
background:none!important;
}
.page-header {
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
margin-bottom: 15px;
}
.page-header-overlay {
height: 100%;
width: 100%;
background: rgba(0,0,0,.4)!important;
padding:80px 20px;
}
.content-white {
padding:0;
}
}
.strapline1 {
font-size: 72px;
line-height: 72px;
margin-bottom: 5px;
font-family: Spartan, HElvetica, arial;
color:#fff;
font-weight: 400;
text-transform: uppercase;
}
.header-divider {
border-bottom: 2px solid #fff;
width: 50%;
margin: 20px auto;
}
h1.strapline1 {
font-weight: 400;
}
.strapline2 {
color: #fff;
text-transform: uppercase;
font-size: 36px;
line-height: 50px;
margin: 0 0 20px 0;
font-family: Spartan, HElvetica, arial;
text-align: center;
}
@media (max-width: 1200px) {
.strapline1 {
font-size: 64px;
line-height: 1em;
}
}
@media (max-width: 992px) {
.strapline1 {
font-size: 48px;
}
.strapline2 {
font-size: 32px;
line-height: 1.2em;
}
}
@media (max-width: 768px) {
.strapline1 {
font-size: 32px;
}
.strapline2 {
font-size: 28px;
}
} .image-columns {
background:#fff;
background-image:url(//lordoftheglens.co.uk/wp-content/themes/hebridean/images/thistle-bg-hz-grey.png);
background-repeat: no-repeat;
background-position: 30px 30px;
padding:80px 0 30px;
position: relative;
}
.image-columns .strapline {
font-size: 3rem;
font-style: italic;
text-transform: none;
color: #a3a8b2;
line-height: 1.2em;
}
.image-columns  h2{
text-transform: uppercase;
margin:20px 0;
font-weight: 400;
}
.image-columns h2:after {
background: #5f573e;
width: 150px;
display: block;
height: 1px;
content: '';
margin: 20px 0 0;
}
@media (min-width: 1200px) {
.image-columns a.btn {
margin-top:100px;
}
}
.image-column {
z-index: 2;
position: relative;
}
.image-column-text {
padding: 0 50px;
}
@media (max-width: 1200px) {
.image-column-text {
padding:0 20px;
}
}
.image-column-bottom {
}
.image-column-side {
position: relative;
bottom:-100px;
left: 0;
}
@media (max-width: 768px) {
.image-column-side {
bottom:auto;
left:auto;
margin:20px 0;
}
.image-columns .strapline {
margin:20px 0;
font-size: 2.5em;
}
} .itinerary-header-text-block {
padding: 20px 0 80px 0;
background: #edeeee;
}
.itinerary-header-text-block h1:after, .itinerary-tabs-wrap h2:after{
background: #5f573e;
width: 150px;
display: block;
height: 1px;
content: '';
margin: 20px 0 15px;
}
.it-h-wrap:after {
background: #5f573e;
width: 150px;
display: block;
height: 1px;
content: '';
margin: 20px 0 15px;
}
.it-h-wrap p {
line-height: 1.3em;
}
.it-h1 {
color: #5e5e5e;
text-transform: uppercase;
font-weight: 600;
}
p.it-hprice {
color:#e20e17;
text-transform: uppercase;
font-family: Spartan, Helvetica, arial;
font-size:2rem;
margin:20px 0;
}
.it-hstrapline {
font-family: Spartan, Helvetica, arial;
text-transform: uppercase;
color:#5f573e;
font-size: 2rem;
margin:0;
}
.heb-accordion-content {
display: none;
}
.heb-accordion-wrap {
margin-bottom:50px;
}
.heb-accordion-header.open .heb-accordion-arrow i{
transform: rotate(180deg);
}
.heb-accordion-header .heb-accordion-arrow i{
transition: transform linear 0.1s;
}
.heb-accordion-header {
border: 1px solid #5f573e;
border-bottom: 0;
cursor: pointer;
}
.heb-accordion-item:nth-last-of-type(1) .heb-accordion-header {
border-bottom: 1px solid #5f573e;
}
.heb-accordion-inner {
padding:15px;
}
.heb-accordion-wrap > .heb-accordion-item:nth-of-type(odd) .heb-accordion-header {
background: #dddfe2;
}
.heb-accordion-content {
border: 1px solid #5f573e;
border-bottom: 0;
padding: 15px;
}
.heb-accordion-item:nth-last-of-type(1) .heb-accordion-content {
border-bottom: 1px solid #5f573e;
}
.heb-accordion-deck, .heb-accordion-category, .heb-accordion-btn {
}
.heb-accordion-category {
border-right: 1px solid #5f573e;
}
.heb-accordion-btn a.btn {
margin: 0;
}
@media(max-width: 787px) {
.heb-accordion-btn {
display: none;
}
}
p.it-destinations {
margin: 0;
}
p.it-date {
margin: 0;
font-weight: 700;
text-transform: uppercase;
color: #5f573e;
}
.cabin-type {
padding: 15px;
background: #142934;
text-align: center;
color: #fff;
font-size: 1.3em;
text-transform: uppercase;
font-family: Spartan, Helvetica, arial;
} .newsletter-bar-wrap {
background: #1a2e3b;
padding:15px;
}
h3.signup {
color: #fff;
font-family: Montserrat, arial;
font-weight: 300;
text-transform: uppercase;
font-size: 24px;
margin:0;
}
.newsletter-bar p {
font-size: 16px;
color: #fff;
margin:0;
}
button#mc-embedded-subscribe {
background-color: #5f573e!important;
height: 40px!important;
line-height: 40px!important;
border: 1px solid #fff!important;
}
input#mce-EMAIL {
height: 40px!important;
line-height: 40px!important;
}
.mailchimp-wrap #mc_embed_signup form {
text-align: left;
width: 80%;
margin:auto;
}
.mailchimp-wrap #mc_embed_signup input.email {
width: 100%;
}
.mailchimp-wrap #mc_embed_signup .button{ 
background: #fff;
color: #5ba494;
border: 1px solid #5ba494;
font-weight: 300;
text-transform: uppercase;
padding: 15px 30px;
width: auto;
height: auto;
font-size: 16px;
}
.mailchimp-wrap #mc_embed_signup .button:hover {
background:#5ba494;
color: #fff;
}
.mailchimp-wrap #mc_embed_signup label {
display: block;
font-size: 14px;
padding-bottom: 0;
font-weight: 400;
} .header-wide {
padding: 50px 0 20px;
background-color: #edeeee;
text-align: center;
}
.column-wrap {
margin:80px 0 0;
}
.column-headline {
color: #d5e7e3;
font-family: Spartan, HElvetica, arial;
font-size: 82px;
text-align: center;
}
@media (max-width: 1200px) {
.column-headline {
font-size: 62px;
}
}
@media (max-width: 600px) {
.column-headline {
font-size: 48px;
}
}
.column-content {
margin:50px 0;
}
.vertical-image {
position: relative;
bottom: -100px;
left: 50%;
transform: translateX(-50%);
z-index: 9999;
margin: auto;
}
.bottom-content {
color: #5ba494;
text-transform: uppercase;
font-size: 1.2em;
text-align: center;
margin: 50px 20px;
} .amenities {
text-align: center;
}
.room-icons {
text-align: center;
margin:10px 0;
width: 250px;
}
.row.amenities-title {
background: #edeeee;
margin-bottom: 30px;
padding: 10px;
}
.wide-tmpl {
padding: 80px 0;
} .whats-included {
padding: 80px 0;
}
.whats-included h2{
color: #a6b0c7;
text-align: center;
margin-bottom: 30px;
}
.bullet-box {
padding:30px;
border:1px solid #a6b0c7;
width:60%;
margin:auto;
}
.bullet-box li {
list-style-image: url(//lordoftheglens.co.uk/wp-content/themes/hebridean/images/bullet.png);
} .slider-block-wrap {
padding: 20px 0 0 20px;
display: block;
background: #fff;
}
.slider-block {
background-size: cover;
padding: 120px 0 0 20%;
}
@media (max-width: 768px) {
.slider-block {
background-size: cover;
padding: 20px;
}
}
.slider-block h2:after {
background: #000;
width: 150px;
display: block;
height: 1px;
content: '';
margin: 20px 0 15px;
}
.slider-block-text {
padding: 30px;
}
#slider-block {
padding-top: 50px;
height: 100%;
}
@media (max-width: 1199px) {
#slider-block {
height: 500px;
padding-top: 0;
}
.slider-block-wrap {
padding: 20px;
}
}
#slider-block .img-gallery {
background-size: cover;
background-position: center center;
} .cat-row {
padding:80px 0;
}
#cat-slider {
margin: 30px 0;
}
.cat-box-row {
padding:0 7.5px;
}
.cat-box {
background-size:cover;
background-position: center center;
height:500px;
position: relative;
color:#fff;
text-align: center;
margin-bottom: 30px;
margin:0 7.5px 15px;
}
.cat-box h3, .cat-box h3 a{
color: #fff;
text-transform: none;
text-decoration: none;
font-size: 1.3rem;
text-transform: uppercase;
line-height: 1.3em;
}
.cat-box-inner:before{
background: #fff;
width: 150px;
display: block;
height: 1px;
content: '';
margin: 20px auto 15px;
}
.overlay {
height: 100%;
width: 100%;
background: rgba(0,0,0, 0.3);
transition: 0.2s all linear;
cursor: pointer;
}
.cat-box:hover .overlay {
background:rgba(0,0,0, 0.9);
}
.cat-box-wrap {
padding:50px;
margin:auto;
width: 100%;
}
.cat-box-inner {
overflow: hidden;
max-height:0;
transition: all 0.5s ease-in-out;
font-size: 0.8em;
text-transform: uppercase;
}
.cat-box-inner p.cat-excerpt {
margin:0;
padding:0 0 10px;
}
.cat-box:hover .cat-box-inner {
max-height: 1000px;
}
.cat-box .cat-link {
color: #fff;
text-decoration: none;
display: block;
border: 1px solid #fff;
width: 100%;
margin: 20px auto;
padding: 10px;
}
.cat-box .cat-link:hover {
color:#000;
background: #fff;
}
.bottom-text {
padding:30px 0;
} .booking-bar-wrap {
display: block;
position: absolute;
margin: -35px auto;
z-index: 100;
width: 100%;
}
.booking-bar a {
color: #fff;
display: block;
text-decoration: none;
text-transform: uppercase;
background: #142934;
height: 70px;
line-height: 70px;
text-align: center;
width: 80%;
margin: auto;
border: 1px solid #fff;
transition: all 0.1s linear;
}
.booking-bar a:hover {
color: #142934;
background: #fff;
border: 1px solid #142934;
} ul.tabs {
margin: 0 0 15px 0;
padding: 0;
list-style: none;
text-align: center;
text-transform: uppercase;
font-size: 15px;
}
ul.tabs li {
float: left;
cursor: pointer;
color: #cbc5af;
transition: all 0.1s linear;
background: #142934;
width: calc(100% /4);
padding: 20px 0;
font-weight: 400;
border: 1px solid #142934;
}
@media (max-width: 767px) {
ul.tabs li {
width: 100%!important;
}
}
li.tab-link:last-child {
border-right: 1px solid #334b7f;
}
ul.tabs li.tab-link.current {
color: #5f573e;
background: #fff;
}
ul.tabs li:hover, .page-tabs ul.tabs li:hover {
background: #fff;
color: #5f573e;
}
.tab-content {
opacity: 0;
height: 0;
transition: opacity 0.2s linear;
overflow: hidden;
}
.tab-content.current {
height: auto;
overflow: hidden;
opacity: 1;
}
.page-tabs ul.tabs li, .page-tabs ul.tabs li.tab-link.current {
width: 100%;
background: #1a2e3b;
color: #cbc5af;
font-weight: 400;
} .deck-plan .text-col {
padding: 50px;
}
.deck-plan img {
max-width: 100%;
height: auto;
padding: 20px;
} .testimonials-section {
padding: 30px 0 50px;
background-color:#edeeee;
border-top: 3px solid #1a2e3b;
border-bottom: 3px solid #1a2e3b;
}
.testimonials-wrap {
background-repeat: no-repeat;
background-position: center left;
padding: 40px;
}
.testimonials-heading {
font-weight: 400;
text-transform: uppercase;
font-family: Spartan, Helvetica, arial;
color: #5f573e;
font-size: 2em;
}
.testimonials-quote {
padding-left: 100px;
margin-top:80px;
position: relative;
font-size: 18px;
font-style: italic;
}
.testimonials-quote:before {
content: '“';
font-size: 180px;
line-height: 110px;
position: absolute;
top: 0;
left: 0;
font-family: Spartan, Helvetica, arial;
color: #5f573e;
}
.testimonial-full {
font-style: italic;
}
@media (max-width: 600px) {
.testimonials-quote {
padding-left: 0;
margin-top:30px;
}
.testimonials-quote:before {
display: none;
}
}
a.testimonials-url {
float:right;
border:1px solid #5f573e;
display: block;
padding: 15px;
text-transform: uppercase;
font-weight: 400;
text-decoration: none;
margin-top: 20px;
color: #5f573e;
}
.testimonial-full p:before {
content: '“';
}
.testimonial-full p:after {
content: '“';
}
.contact-social a {
color: #5f573e;
} .cta-call {
background: #1a2e3b;
padding: 20px 0;
text-align: center;
}
.cta-call img {
margin-right: 10px;
}
.cta-call a {
background: #fff;
color: #5f573e;
border: 1px solid #fff;
transition: all 0.1s linear;
width: 300px;
padding: 15px;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-family: Spartan, Helvetica, arial;
font-size: 1.3em;
}
.cta-call a:hover {
background: #5f573e;
color: #fff
}
@media (max-width: 600px) {
.cta-call a {
font-size: 1em;
}
.cta-call img {
display: none;
}
} .blog-section {
text-align: center;
padding: 80px 0;
}
.blog-section h3 a {
margin-top:20px;
display: block;
}
.header-banner-wrap img {
width: 100%;
height: auto
}
.blog-thumbnail img {
max-width: 100%;
height: auto;
margin: 20px 0;
}
.blog-content {
margin: 50px 0; 
}
h1.blog-title {
text-align: left;
}
h1.blog-title a {
text-decoration: none;
}
.entry-content img {
max-width: 100%;
height: auto;
}
.entry-meta {
margin: 30px 0;
}
blockquote, blockquote p {
line-height: 1.8em;
color: #244d5a;
max-width: 100%;
font-size: 1.4em;
font-family: lora, serif;
font-style: normal!important;
}
blockquote {
position: relative;
margin: 64px auto!important;
padding: 0 80px!important;
}
blockquote:after {
color: #5f573e;
content: '\201C';
display: block;
font-size: 150px;
position: absolute;
left: 10px;
top: 10px;
}
iframe[src*="//youtube.com/"], iframe[src*="//www.youtube.com/"] {
display: block;
margin: 0 auto;
}
ul.tax-list {
margin:0;
padding: 0
}
ul.tax-list li {
list-style: none;
float: left;
}
ul.tax-list li a {
background-color: #5ba494;
text-decoration: none;
margin: 0 5px 5px 0;
padding: 5px;
display: block;
transition: 0.2s all linear;
color: #fff;
font-size: 14px;
}
ul.tax-list li a:hover {
background-color: #408878;
}
ul.itinerary.tabs li{
width: calc(100%/3);
}
#sidebar {
margin-top: 30px;
}
.sidebar-cat {
border: 1px solid #244d5a;
padding: 20px;
margin-bottom: 30px;
}
.sidebar-cat h4 {
text-align: center;
text-transform: uppercase;
}
.newsletter-blog {
background: #244d5a;
color: #fff;
}
.newsletter-blog h4 {
color: #fff;
}
.newsletter-blog input {
width: 100%;
padding: 5px 15px;
}
.newsletter-blog input[type="submit"] {
background: #d6af66;
border: none;
padding: 10px;
color: #fff;
text-transform: uppercase;
font-family: Lustria, serif;
cursor: pointer;
transition: all 0.1s linear;
}
.newsletter-blog input[type="submit"]:hover {
background: #bf984e;
}
.side-thumb-wrap {
height: 200px;
width: auto;
background-size: cover;
background-position: center center;
margin-bottom: 30px;
}
.side-thumb-wrap h3 {
width: 100%;
text-align: center;
}
.side-thumb-wrap .overlay {
padding:15px;
}
.side-thumb-wrap a{
color: #fff;
text-decoration: none;
font-family: SerendipityOne;
}
.insta-feed {
padding:2px;
}
.blog-content h2, .blog-content h3 {
font-size: 28px;
text-transform: none;
letter-spacing: 0;
}
.blog-content h3 {
font-size: 22px;
text-transform: none;
letter-spacing: 0;
}
.blog-thumb-wrap {
height:100%;
width: 100%;
background-size: cover;
background-position: center center;
}
.blog-thumb-wrap a.btn {
width: auto;
}
.blog-thumb-wrap .overlay {
padding: 15px;
}
.blog-large {
height:800px;
}
.blog-box  {
margin-bottom: 30px;
}
.blog-heading-wrap {
}
.wp-pagenavi {
margin: 30px 0;
text-align: center;
}
.small-box {
height:385px;
}
.entry-date {
font-size: 13px;
margin-bottom: 30px;
}
#footer {
background:#edeeee;
color:#5f573e;
padding:80px 0 30px;
}
#copyright #mc_embed_signup input.email {
width: auto;
}
#footer a, #footer h3 {
color: #5f573e;
}
#footer ul {
padding:0;
}
#footer li {
list-style: none;
}
#footer h4 {
color: #5f573e;
width: auto;
font-size: 18px;
padding-bottom: 5px;
display: inline-block;
font-family: montserrat, helvetica, arial;
margin: 0 0 10px 0;
}
#footer .cta-call {
background:none;
margin-bottom: 20px;
text-align: left;
}
#footer .cta-call a {
background-color: #1a2e3b;
color:#fff;
}
#footer .address {
color: #1a2e3b;
font-size: 0.8em;
font-weight: 400;
}
.copyright {
margin:20px 0 0;
}
.copyright a:hover {
color: #fff;
}
#copyright {
background-color: #1a2e3b;
color:#fff;
padding: 30px 0
}
#copyright .social {
display: inline-block;
font-size: 24px;
padding-left: 5px;
margin: 20px 0;
}
#copyright .social a{
color:#fff;
}
#copyright p {
font-size: 16px;
}
#copyright .newsletter {
background: none;
text-align: center;
margin:0;
}
#copyright .newsletter button {
background-color: #665570;
}
#copyright .newsletter p {
margin-bottom: 10px;
}
@media (max-width: 768px) {
#copyright {
text-align: center;
}
}
.footer-logos {
list-style: none;
margin:0;
padding: 0;
text-align: center;
}
.footer-logos img {
max-width: 90%;
height: auto;
}
.footer-logos li {
display: inline-block;
margin: 10px 15px;
}
.footer-address {
font-size: 14px;
}
.sidebar-cat li.social {
display: inline-block;
padding: 4px;
font-size: 28px;
text-align: center;
}
.sidebar-cat.recent-posts a {
text-decoration: none;
margin-bottom: 10px;
border-bottom: 1px solid #dbbdc1;
padding-bottom: 10px;
font-size: 14px;
display: block;
}
input, textarea, select {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ddd;
padding: 5px;
}
.wpcf7 input, .wpcf7 textarea, .wpcf7 select {
width: 100%;
color:#333;
border:1px solid #555;
padding:15px;
}
.wpcf7-textarea {
height: 100px;
}
#content td {
border: 1px solid #555;
padding: 10px;
}
#content table {
margin:30px 0;
} .accordion {
margin: 30px 0;
}
#bg-slider {
height: 100%;
min-height: 500px;
}
.slick-slide img {
max-width: 100%;
}
.slick-list, .slick-track {
height: 100%;
}
li.slick-slide {
background-size: cover;
}
.content-wide {
margin-bottom: 100px;
} @media (max-width: 1200px) {
}
@media (max-width: 576px) {
h1, .h1 {
font-size: 1.75em;
}
a.btn {
width: auto;
}
}
.su-spoiler-title {
background: #5ba494;
color: #fff;
font-weight: 300!important;
font-size: 16px!important;
padding: 10px!important;
text-align: left;
padding-left:50px!important;
}
span.su-spoiler-icon {
margin: 3px 10px 0;
}
.footer-logo {
display: inline-block;
padding: 10px;
text-align: center;
}
@-webkit-keyframes fadeInUpSD {
0% {
opacity: 0;
margin-top: 50px;
}
100% {
opacity: 1;
margin-top: 0;
}
}
@keyframes fadeInUpSD {
0% {
opacity: 0;
margin-top: 50px;
}
100% {
opacity: 1;
margin-top: 0;
}
}
@keyframes shrink {
0% {
background-size: 110% 110%;
}
100% {
background-size: 100% 100%;
}
}
@-webkit-keyframes shrink {
0% {
transform: scale(1);
}
100% {
transform: scale(1.2);
}
}
#home-slider {
height: 800px;
overflow: hidden;
background-image:url(//lordoftheglens.co.uk/wp-content/themes/hebridean/images/1496.gif);
background-position: center center;
background-repeat: no-repeat;
}
.home-slider-wrap {
position: relative;
height: 100%;
background-size: cover;
background-position: center center;
}
.home-slider-wrap .overlay {
background: rgb(0 0 0 / 50%);
height: 100%;
}
.home-slider-wrap p.headline {
text-transform: uppercase;
font-size: 2.3em;
line-height: 1.3em;
margin: 0;
font-weight: 600;
width: 950px;
}
.home-slider-wrap p.headline:after {
background: #fff;
width: 150px;
display: block;
height: 1px;
content: '';
margin: 20px 0 15px;
}
.home-slider-wrap a.btn {
color: #fff;
border-color: #fff;
margin: 0;
}
.home-slider-wrap a.btn:hover {
background: #fff;
color: #3a457f;
}
.home-slider-wrap .slider-content {
position: absolute;
top: 75%;
transform: translateY(-75%);
margin: auto;
}
.home-slider-wrap .slider-text {
width: 800px;
font-weight: 400;
}
.home-slider-wrap .icon-banner {
margin-bottom: 30px;
}
@media (max-width: 1200px) {
.home-slider-wrap .slider-text, .home-slider-wrap p.headline{
width: 100%;
}
}
.home-slider-wrap .slider-content {
color: #fff;
padding: 100px;
opacity: 0;
}
.slider-content p {
margin: 30px 0;
}
@media (max-width: 768px) {
.home-slider-wrap .icon-banner {
display: none;
}
.home-slider-wrap .slider-content {
padding: 20px;
}
.home-slider-wrap p.headline {
font-size: 1.8em;
}
}
@media (max-width: 500px) {
.home-slider-wrap .slider-text {
font-size: 0.9em;
} 
.home-slider-wrap p.headline {
font-size: 1.3em;
}
}
.slick-active .home-slider-wrap .slider-content {
animation-name: fadeInUpSD;
animation-duration: 1.5s;
opacity: 1;
} .row.it-form:nth-child(even) {
background: #eee;
}
.row.it-form {
padding:15px;
border-top: 1px solid #142934;
border-left: 1px solid #142934;
border-right: 1px solid #142934;
text-transform: uppercase;
font-weight: 400;
font-size: 0.8em;
}
.row.it-form:nth-last-of-type(1) {
border-bottom: 1px solid #142934;
}
.row.it-form .wpcf7-form-control {
margin-bottom: 0;
}
.mobile-social a {
color:#fff;
}
a.btn.btn-mobile {
padding:10px 20px!important;
border-color: #fff;
color:#fff;
margin:20px 0!important;
}
a.btn.btn-mobile:hover {
background-color: #fff;
color:#5f573e
}
.wpforms-field-row-block.wpforms-one-half {
width: 100%!important;
padding: 0!important;
margin: 0!important;
margin-bottom: 15px!important;
display: block;
}
.wpforms-container .wpforms-field {
padding:0!important;
}
button#wpforms-submit-3542 {
width: 100%!important;
background-color: #1a2e3b!important;
color: #fff;
margin-top:5px;
}